/* ---------- COPYRIGHT © 2017 ALEXANDRU MIHAI POPA ---------- */
/* -------------------- VALTEC DESIGN -------------------- */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--master-color: #ff8200;
}

html {
	font-size: 87.5%;
	overflow-x: hidden;

}

.reviewButtons {
	display: flex;
	justify-content: flex-start;
}
.reviewButtons .btn {
	margin: 0;
	margin-right: 0.5rem;
}

body {
	color: #3b3f42;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 1rem;
	overflow-x: hidden;
	background: -o-linear-gradient(left, #e6e6e6 22.3%,#fcfcfc 0%);
	background: -webkit-gradient(linear, left top, right top, color-stop(22.3%, #e6e6e6),color-stop(0%, #fcfcfc));
	background: linear-gradient(90deg, #e6e6e6 22.3%,#fcfcfc 0%);
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: optimizeLegibility;
	font-smooth: always;
}


html,
body{
	margin: 0;
	padding: 0;
}

html.modal-open {
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '.';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.original-price {
	text-decoration: line-through;
}

/* REUSABLE ELEMENTS */


.nopadding {
	padding: 0;
}

.wpt {
	padding-top: 15px;
}

.wpb {
	padding-bottom: 15px;
}

.wpl {
	padding-left: 15px;
}

.wpr {
	padding-right: 15px;
}

.wpt-30 {
	padding-top: 30px;
}

.wpb-30 {
	padding-bottom: 30px;
}

.wpl-30 {
	padding-left: 30px;
}

.wpr-30 {
	padding-right: 30px;
}

.wpt-45 {
	padding-top: 45px;
}

.wpb-45 {
	padding-bottom: 45px;
}

.wpl-45 {
	padding-left: 45px;
}

.wpr-45 {
	padding-right: 45px;
}


.padding5 {
	padding: 5px;
}

.nopadding-left {
	padding-left: 0;
}


.nopadding-right {
	padding-right: 0;
}


.nopadding-top {
	padding-top: 0;
}

.nopadding-bot {
	padding-bottom: 0;
}

.block {
	display: block;
}

.ml10{margin-left: 10px;}
.ml0{margin-left: 0!important;}


span.bold {
	font-weight: bold;
}

.mb1 {
	margin-bottom: 1rem;
}

.mh3 {
	min-height: 3rem;
}

span.thin {
	font-weight: lighter;

}

.nopadding-left {
	padding-left: 0;
}

.nopadding-right {
	padding-right: 0;
}


.np {
	padding: 0;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}

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

.mt-50{
	margin-top: 50px;
}

#chart-container {
	position: relative;
}

.chart-title {
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}

#chart {
	width: 100%;
	height: 400px; /* Adjust height as needed */
}

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

.cbx-value-interested-in{
	color: red;
	width: 50% !important;
}
.brand-discount{
	width: 50% !important;
}

.w100i{
	width: 100% !important;
}

.btn-sm {
	min-width: 5rem;
}

.btn-md {
	min-width: 8rem;
}

.btn-lg {
	min-width: 12rem;
}


.btn-inline {
	display: inline-block;
}

.centered {
	text-align: center;
}

.tright {
	text-align: right;
}

.vmid {
	vertical-align: middle;
}


.fw {
	width: 100%!important;
}

.hw {
	width: 50%!important;
}

.nmr {
	margin-right: 0;
}

.nml {
	margin-left: 0;
}

.overflow-hidden {
	overflow: hidden;
}

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

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

.none {
	display: none;
}

.modal-open.modal {
	padding-right: 0!important;
}

/* END REUSABLE ELEMENTS */


@charset "utf-8";
@font-face {
	font-family: 'icomoon';
	src: url('../../Fonts/Frontend/icomoon.eot?o7dchg');
	src: url('../../Fonts/Frontend/icomoon.eot?#iefixo7dchg') format('embedded-opentype'), url('../../Fonts/Frontend/icomoon.ttf?o7dchg') format('truetype'), url('../../Fonts/Frontend/icomoon.woff?o7dchg') format('woff'), url('../../Fonts/Frontend/icomoon.svg?o7dchg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal
}
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-add:before {
	content: "\e61d"
}
.icon-sort:before {
	content: "\e088"
}
.icon-search:before {
	content: "\e610"
}
.icon-close:before {
	content: "\e611"
}
.icon-done:before {
	content: "\e600"
}
.icon-points:before {
	content: "\e61c"
}
.icon-face:before {
	content: "\e619"
}
.icon-glasses:before {
	content: "\e61a"
}
.icon-polarized:before {
	content: "\e61b"
}
.icon-shopping-bag:before {
	content: "\e603"
}
.icon-chevron-thin-up:before {
	content: "\e608"
}
.icon-chevron-thin-right:before {
	content: "\e609"
}
.icon-chevron-thin-down:before {
	content: "\e60b"
}
.icon-chevron-thin-left:before {
	content: "\e60a"
}
.icon-chevron-small-up:before {
	content: "\e60c"
}
.icon-chevron-small-right:before {
	content: "\e60d"
}
.icon-chevron-small-down:before {
	content: "\e615"
}
.icon-chevron-small-left:before {
	content: "\e614"
}
.icon-menu:before {
	content: "\e60e"
}
.icon-pencil:before {
	content: "\e606"
}
.icon-star:before {
	content: "\e607"
}
.icon-user:before {
	content: "\e60f"
}
.icon-facebook:before {
	content: "\e601"
}
.icon-pinterest:before {
	content: "\e604"
}
.icon-home:before {
	content: "\e612"
}
.icon-phone:before {
	content: "\e613"
}
.icon-google-plus:before {
	content: "\ea88"
}
.icon-trash-o:before {
	content: "\e602"
}
.icon-twitter:before {
	content: "\e617"
}
.icon-comment:before {
	content: "\e616"
}
.icon-globe:before {
	content: "\e605"
}
.icon-archive:before {
	content: "\f187"
}
.icon-circle-o-notch:before {
	content: "\e618"
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');


.fullwidth{
	width: 100% !important;
}

.float-right{
	float: right;
}

.inline-block {
	display: inline-block;
}

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

.mb10 {
	margin-bottom: 10px;
}

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

.mb20 {
	margin-bottom: 20px;
}
.underline {
	text-decoration: underline;
}

.left-important {
	float: left !important;
}



/* VALTEC DESIGN */


/* NO LOGIN PAGE */

#content-no-login {
	background-image: url(../../../img/bg-pattern.png);
	background-repeat: repeat;
	min-height: 100vh;
	position: relative;
	padding-top: 92px;
}

#content-no-login:after {
	content: " ";
	display: block;
	clear: both;
}


.credentials_container {
	display: block;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
	-moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.52);
	box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.52);
	background: #ececec;
	margin-top: 15vh;
}

.credentials_container a.reset-password,
.credentials_container span.description-reg {
	color: #696969;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
}


form.credentials_box {
	padding-left: 15px;
	padding-right: 15px;
	margin: 15px auto;
}

form.credentials_box input,
form.credentials_box input:focus {
	border: 1px solid transparent;
}

form.credentials_box input::-webkit-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

form.credentials_box input::-moz-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

form.credentials_box input:-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

form.credentials_box input::-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

form.credentials_box input::placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

form.credentials_box input:focus::-webkit-input-placeholder {
	color: #fff;
}

form.credentials_box input:focus::-moz-placeholder {
	color: #fff;
}

form.credentials_box input:focus:-ms-input-placeholder {
	color: #fff;
}

form.credentials_box input:focus::-ms-input-placeholder {
	color: #fff;
}

form.credentials_box input:focus::placeholder {
	color: #fff;
}



.group-remember {
	width: 100%;
}


.lang_flag {
	display: block;
	height: 32px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;

}


a.reset-password {
	color: #ccc;
	text-decoration: underline;
	font-weight: normal;
	vertical-align: middle;
	font-size: 1rem;
	display: inline-block;
	width: auto;
	text-align: center;
	float: right;
	outline: none;
}

.navbar-main-top {
	width: 100%;
}


.brand_left {
	padding-top: 15px;
	padding-bottom: 15px;
}


.flag_right {
	float: right!important;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 15px;
}



/* LOGGED IN CONTENET */

#content-logged-in {
	position: relative;
	padding-top: 92px;
	overflow: hidden;
	min-height: 100vh;
}

.container-logged-in {
	background-repeat: repeat;
	min-height: 100vh;
}

.brand-container-blue1,
.brand-container-red1,
.brand-container-blue2,
.brand-container-red2,
.brand-container-blue3,
.brand-container-red3 {
	background: #f1f1f1;
	background-position: center;
	background-size: cover;
	display: block;
	z-index: 999999999;
	border-radius: 5px;
	-webkit-box-shadow: 10px 5px 20px rgba(0,0,0,.5);
	box-shadow: 10px 5px 20px rgba(0,0,0,.5);
}


a.brand-link {
	text-decoration: none;
}


.brand-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


.brand-logo img {
	width: 100%;
	display: block;
	margin: 0 auto;
}


.shop_cart_right {
	float: right!important;
}

.forauth {
	float: right!important;
	padding-top: 15px;
	padding-bottom: 15px;
}

.forauth a {
	line-height: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* END LOGGED IN CONTENT */


/* NAVIGATION */

header {
	height: 92px;
	width: 100%;
	position: fixed;
	z-index: 99999999;
	top: 0;
}

nav {
	width: 100%;
	max-height: 92px;
	display: flex;
	margin: 0 auto;
	background: #fff;
	top: 0;
	box-shadow: -3px 2px 7px 0px #0000001a;
}


.main-nav {
	list-style: none;
	max-height: 58px;
	margin-bottom: 0;
	float: left;
}

.main-nav li {
	display: inline-block;
	height: 4.286rem;
	padding-right: 0.7143rem;
}

.main-nav li.dropdown-open {
	position: relative;
}



.main-nav li a {
	color: #000;
	width: 100%;
	text-decoration: none;
	font-weight: 600;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	font-size: 1rem;
	line-height: 4.286rem;
	vertical-align: middle;
	max-height: 4.214rem;
	padding-left: 0.3571rem;
	padding-right: 0.3571rem;
	padding-top: 0;
	padding-bottom: 0;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	letter-spacing: .5px;
	position: relative;
}

.main-nav>li.dropdown-open>a.menu-red {
	background: #e42d24;
	color: #fff;
}

.main-nav>li.dropdown-open>a.menu-yellow {
	background: #FFC626;
	color: #fff;
}



.main-nav li a:hover,
.main-nav li a:focus,
.main-nav li a:active {
	color:  var(--master-color);;
	text-decoration: none;

}

.main-nav li a:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	height: 3px;
	width: 0;
	background-color: var(--master-color);
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.main-nav li a:hover:after,
.main-nav li a.active:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 1rem;
	left: 0;
	height: 3px;
	width: 100%;
	background-color: var(--master-color);
}

.main-nav li.dropdown-open a.menu-red:hover,
.main-nav li.dropdown-open a.menu-red:focus,
.main-nav li.dropdown-open a.menu-red:active {
	color: #fff;
}


.main-nav .dropdown-menu {
	padding: 0;
	background: #fff;
	border: 1px solid #808080;
	margin-left: -1px;
	top: inherit;
}


.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a {
	background: #e42d24;
	color: #fff;
}


.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:hover,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:focus,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:active {
	color: #fff;
}


.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-yellow>a {
	background: #FFC626;
	color: #fff;
}

.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:hover,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:focus,
.main-nav li.dropdown-open>ul.dropdown-menu>li.menu-red>a:active {
	color: #fff;
}


.acc-nav-container {
	background: linear-gradient(5deg, #fff 35%,#fff 35%,#303030 36%,#303030 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#303030',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: 32px;
}


.nav-container-bottom {
	background: #fff;
}

.acc-nav {
	list-style: none;
	display: block;
	margin-bottom: 0;
	width: 100%;
	max-height: 32px;
	text-align: right;
}

.acc-nav li {
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	line-height: 32px;
}

.acc-nav li:first-child {
	color: #ccc;
}


.acc-nav li a {
	color: #fff;
	text-decoration: underline;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.acc-nav li a.user {
	text-decoration: underline!important;
}


.right-nav li a svg g rect.cls-2,
.right-nav li a svg g polygon.cls-2,
.right-nav li a svg g path.cls-2 {
	fill: #ccc;
}

.right-nav-mobile li a svg g rect.cls-2,
.right-nav-mobile li a svg g polygon.cls-2,
.right-nav-mobile li a svg g path.cls-2 {
	fill: #ccc;
}

.acc-nav li img {
	vertical-align: middle;
}

.acc-nav li.user-right-drop {
	margin-right: 15px;
	position: relative;
}

a.user {
	font-weight: 600;
	text-decoration: none!important;
}


.dropdown-menu {
	min-width: inherit;
	left: inherit;
	background: white;
	padding: 15px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	margin-top: 0;
}

.dropdown-open.open .drpdwn-mobile {
	display: block;
}



.drpdwn-mobile {
	position: relative;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-radius: none;
	display: none;
}


.dropdown-menu li {
	padding: 0;
	display: block;
	text-align: left;
}

.dropdown-menu li a {
	text-decoration: none;
	min-height: inherit;
}

.dropdown-menu li a:hover:after {
	background: transparent;
	height: 0px;
	width: 0px;
}


.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
	background: transparent;
}


.dropdown-open>a>i.icon-chevron-thin-up,
.dropdown-open>a>i.icon-chevron-thin-down {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	display: inline-block;
}

.dropdown-open.open>a>i.icon-chevron-thin-up,
.dropdown-open.open>a>i.icon-chevron-thin-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


.icon-bar {
	background-color: #000;
}


.navbar-toggle {
	padding-top: 0;
	padding-bottom: 0;
	float: left;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}


.nav-toggle.active span {
	background-color: transparent;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}


.nav-toggle.active span.icon-bar.bar-1 {
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
	background: #ccc;
}

.nav-toggle.active span.icon-bar.bar-2 {
	-webkit-transform: translateY(-5px) rotate(-45deg);
	-ms-transform: translateY(-5px) rotate(-45deg);
	transform: translateY(-5px) rotate(-45deg);
	background-color: #ccc;
}

.mobile-nav {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: -50vw;
	top: 2px;
	background: #fff;
	height: 91vh!important;
	width: 120vw;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 99999;
}

.mobile-nav li {
	display: block;
}

.mobile-nav li {
	text-decoration: none;
	padding: 5px;
	padding-left: 8%;
	display: block;
	text-align: left;
	width: 84.68888%;

}

.mobile-nav li a {
	color: #2b2b2b;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.143rem;
	line-height: 2.286rem;
	vertical-align: middle;
	text-align: left;
}




.mobile-open {
	display: block;
	-webkit-transform: translateX(-10vw);
	-ms-transform: translateX(-10vw);
	transform: translateX(-10vw);
	visibility: visible;
	opacity: 1;
	left: 0vw;
	width: 120vw;
	overflow: auto;
	height: 93vh!important;
	padding-bottom: 100px;
}


.right-nav {
	display: block;
	list-style: none;
	margin: 0;
	float: right;
	max-height: 58px;
	height: 58px;
	line-height: 14px;
	text-align: right;
	width: 100%;
}

.right-nav li span {
	font-size: .9rem;
	font-weight: 400;
}

.right-nav li {
	display: inline-block;
	max-height: 58px;
	height: 100%;
	vertical-align: middle;
}

.right-nav li:first-child {
	width: 15%;
	float: left;
}

.right-nav li:last-child {
	width: 85%;
	max-height: 58px;
}

a.viewOrder {
	clear: left;
	height: auto;
	display: block;
}

.right-nav li a {
	text-decoration: underline;
	font-size: 1rem;
	font-weight: 600;
	display: block;
	color: #000;
	-webkit-font-smoothing: antialiased;
	height: 100%;
}

.right-nav li a i {
	font-size: 250%;
	color: var(--master-color);
	padding-right: 15px;
}

.right-nav li a:active,
.right-nav li a:focus,
.right-nav li a:hover,
.right-nav li a:visited {
	color: #000;
}


.right-nav-order {
	height: 100%;
	list-style: none;
	text-align: left;
	padding-left: 1rem;
}

.right-nav li ul.right-nav-order li {
	display: block!important;
	width: 100%!important;
	float: none!important;
	max-height: 30px;
}

.right-nav-order li:last-child {
	line-height: 25px;
}

.right-nav-nologin {
	display: block;
	list-style: none;
	margin: 0;
	float: right;
	max-height: 58px;
}



.right-nav-nologin li {
	display: inline-block;
	float: left;
	padding-left: 15px;
	max-height: 58px;
	line-height: 58px;
}

.right-nav-nologin li a {
	font-size: 1rem;
	font-weight: 600;
	color: #ccc!important;
}



.right-nav-nologin li a:active,
.right-nav-nologin li a:focus,
.right-nav-nologin li a:hover,
.right-nav-nologin li a:visited {
	color: #ccc;
}


.right-nav-mobile {
	display: block;
	list-style: none;
	margin: 0;
	float: none;
	text-align: right;
	height: 77px;
}


.right-nav-mobile li {
	display: inline-block;
	text-align: right;
	line-height: 2rem;
	font-size: .6666rem;
	font-weight: 600;

}

.right-nav-mobile li a {
	text-decoration: underline;
	font-size: .6666rem;
	font-weight: 600;
}



.right-nav-mobile li a:active,
.right-nav-mobile li a:focus,
.right-nav-mobile li a:hover,
.right-nav-mobile li a:visited {
	color: #2b2b2b;
}


.wrapper-right {
	background: linear-gradient(0deg, #fff 0%,#fff 65%,#303030 25%,#303030 100%);
}

/* END NAVIGATION */

/* LOGO */

.logo img {
	height: 78px;
	width: auto;
	display: block;
	padding-top: 25px;
	float: left;
	padding-bottom: 6px;
}


.logo-mobile img {
	margin: 0 auto;
	display: block;
	padding: 5px;
	height: auto;
	width: 12rem;
	margin-top: 10px;
}

/* END LOGO */



/* PRODUCT ITEM */

span.product-listing-title {
	color: #e42d24;
	font-size: 1.286rem;
	font-weight: 400;
}


.product-details-list {
	margin-bottom: 0;
}

.product-details-list li {
	display: inline-block;
	color: #000;
	vertical-align: middle;
	clear: both;
	float: none;
	margin-right: 0px;
	line-height: 1.5rem;
	font-weight: 400;
	font-size: 1.143rem;
	word-break: break-word;
}

.product-details-list li img {
	width: 20px;
	height: 20px;
	display: block;
}


li.product-type {
	max-width: inherit;
	text-align: left;
	display: inline-block;
}




.product-container,
.product-container-mobile {
	border: 1px solid #808080;
	background: #fff;
	width: 70px;
	height: 70px;
}

.product-container img,
.product-container-mobile img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}


.product-listing-row {
	margin-top: 12px;
}

.product-listing-row-summary {
	margin-top: 12px;
	padding-bottom: 8px;
	min-height: 8.5rem;
}

.product-listing-row:after {
	margin-top: 8px;
	content: " ";
	display: block;
	height: 1px;
	width: 90%;
	float: right;
	background-color: #808080;
}

.product-listing-head:after {
	content: " ";
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	height: 1px;
	width: 100%;
	background-color: #e42d24;
}


.product-listing-params {
	color: #000;
	font-weight: 400;
	word-break: break-word;
}

label.product-listing-params {
	margin-bottom: 0;
}

/* END PRODUCT ITEM */

/* BUTTONS */


.btn-default, .btn-primary {
	color: #fff;
	background-color: var(--master-color);
	border-color: transparent;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 5px;
	font-size: .8rem;
}

.btn {
	display: block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 1rem;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0!important;
	letter-spacing: 1.5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: auto;
}


.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background-color: #ff3333;
	border-color: #ff3333;
	color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background-color: #ff3333;
	border-color: #ff3333;
	color: #fff;
}

.btn:hover,
.btn:focus,
.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	color: #fff;
	background-color: var(--master-color);
	border-color: var(--master-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--master-color);
	border-color: var(--master-color);
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--master-color);
	border-color: var(--master-color);
	color: #fff;
}

.btn:hover,
.btn:focus,
.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #ff3333;
	border-color: #ff3333;
}

.btn-transparent {
	background: transparent;
	border-color: #e42d24;
	color: #e42d24;
}


.btn-login {
	margin: 1rem auto;
}


.close {
	float: right;
	font-size: 2rem;
	line-height: 1;
	color: var(--master-color);
	text-shadow: none;
	opacity: 1;
	font-weight: 400;
}

/* END BUTTONS */

/* FORMS */

.form-control {
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 5px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #3b3f42;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 3px!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	outline: none!important;
}

.form-control:focus {
	border-color: #ddd;
	outline: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

.form-control::-webkit-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.form-control::-moz-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.form-control:-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.form-control::-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.form-control::placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.form-control:focus::-webkit-input-placeholder {
	color: #fff;
}

.form-control:focus::-moz-placeholder {
	color: #fff;
}

.form-control:focus:-ms-input-placeholder {
	color: #fff;
}

.form-control:focus::-ms-input-placeholder {
	color: #fff;
}

.form-control:focus::placeholder {
	color: #fff;
}

.has-error .form-control {
	border-color: #ddd!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-error .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ddd;
}

.has-error .input-group-addon {
	background-color: #eee;
}

/* END FORMS */

label.title-label {
	color: #696969;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 1.143rem;
	text-transform: none;
}


.container {
	width: 65%;
}

.h_width {
	width: 65%!important;
}


span.description-reg {
	color: #ccc;
	display: inline-block;
	font-weight: normal;
	vertical-align: middle;
	font-size: 1rem;
}

a.reg-acc {
	color: var(--master-color);;
	display: inline-block;
	margin-left: 15px;
	font-weight: normal;
	vertical-align: middle;
	font-size: 1rem;
	text-decoration: underline;
	font-weight: 600;
}

.group-register {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
}

.group-reset {
	width: 100%;
}


span.form-title {
	color: #e42d24;
	font-size: 1.429rem;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 600;
}

.btn-next {
	display: inline-block;
	margin-top: 0;
}

.description-step {
	display: inline-block;
	line-height: 44px;
}

.description-step li {
	display: inline-block;
	list-style: none;
	text-decoration: none;
	color: #696969;
}

.description-step li a {
	color: #696969;
}

.description-step li a:hover,
.description-step li a:focus,
.description-step li a:active {
	color: #e42d24;
	text-decoration: underline;
}

.acc-nav li .dropdown-menu li {
	color: #4d4d4d;
	text-align: center;
	font-weight: normal;
	line-height: 1.4rem;
	font-weight: 600;
}

.acc-nav li .dropdown-menu li.user-color {
	color:  var(--master-color);;
}

.acc-nav li .dropdown-menu li a.logout-color {
	color:  var(--master-color);;
	font-size: 1rem;
}

.acc-nav li .dropdown-menu {
	padding: 0;
}

.acc-nav li .dropdown-menu li:not(.divider) {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.acc-nav li .dropdown-menu li:nth-child(2) {
	/*padding-bottom: 10px;*/
}

.acc-nav li .dropdown-menu li:last-child {
	/*padding-top: 0;*/
}


.acc-nav li .dropdown-menu li a {
	color: #4d4d4d;
	text-align: center;
	font-weight: 600;
	margin-top: 0;
	line-height: 1.8rem;
}


.acc-nav li .dropdown-menu li a.btn-change-pass {
	background: transparent;
	border-color: #4d4d4d;
	padding-left: 5px;
	padding-right: 5px;
}

.acc-nav li .dropdown-menu li a.btn-change-pass:hover,
.acc-nav li .dropdown-menu li a.btn-change-pass:focus {
	background: #4d4d4d;
	color: #fff;
}

.acc-nav li .dropdown-menu li.gray-bg {
	background: #e6e6e6;
}


input.quantity {
	border-radius: 0!important;
	width: 4rem!important;
	border: 1px solid #e42d24;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-weight: 600;
	display: inline-block;
}


button.quantity-left-minus {
	border: 1px solid #e42d24;
	background: transparent;
	color: #e42d24;
	padding: 6px 6px;
	border-right: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	height: 34px;
	width: 34px;
}



button.quantity-left-minus:disabled {
	border-color: #e42d24!important;
	color: #e42d24!important;
}

button.quantity-right-plus:disabled {
	border-color: #e42d24!important;
	color: #e42d24!important;
}

button.quantity-right-plus {
	border: 1px solid #e42d24;
	background: #e42d24;
	padding: 6px 6px;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	height: 34px;
	width: 34px;
}


.product-listing-price-title,
.product-listing-price {
	text-align: right;
	margin-right: 2.5vw;
	float: right;
}


.product-cart-listing-price {
	margin-right: 2.5vw;
	text-align: right;
	display: block;
}

.product-listing-price {
	font-size: 1rem;
	font-weight: 400;
	color: #000;
	display: block;
	float: none;
}


.list-filters {
	list-style: none;
	text-decoration: none;
}

.list-filters li a {
	display: block;
	background: #fff;
	color: #808080;
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 40px;
	text-decoration: none;
	line-height: 40px;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}


.list-selected-filters {
	list-style: none;
	text-decoration: none;
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}





.text-choose-brand {
	color: #ccc;
	font-size: 1.286rem;
}


.filter-add-remove {
	padding-top: 1rem;
	padding-right: 1rem;
}

.cart-quantity-group .inline-group {
	display: inline-block;
	width: 34px;
	height: 34px;
	float: none;
}


.total-qtty {
	color: #808080;
}

/* RADIO BUTTONS */

ul.radio-buttons-list li {
	list-style: none;
}

input[type="radio"] {
	background-color: transparent;
	border: 1px solid var(--master-color);
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 0 0 white;
	box-shadow: inset 0 0 0 0 white;
	cursor: pointer;
	font: inherit;
	height: 12px;
	outline: none;
	width: 12px;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin-left: .5rem;
	margin-right: .5rem;
}
input[type="radio"]:checked {
	background-color: var(--master-color);
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	box-shadow: inset 0 0 0 2px #fff;
	-webkit-transition: background .15s, border .2s, -webkit-box-shadow .1s;
	transition: background .15s, border .2s, -webkit-box-shadow .1s;
	-o-transition: background .15s, box-shadow .1s, border .2s;
	transition: background .15s, box-shadow .1s, border .2s;
	transition: background .15s, box-shadow .1s, border .2s, -webkit-box-shadow .1s;
	outline: none;
	border: 1px solid transparent;
}


/* END RADIO BUTTONS */


.nmb {
	margin-bottom: 0;
}


img.filters_brand {
	float: left;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	display: block;
	width: 34px;
	height: 34px;
}


.list-selected-filters li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background: #808080;
	color: #fff;
	margin-top: 8px;
	margin-bottom: 12px;
	min-height: 30px;
	text-decoration: none;
	font-weight: 600;
	text-align: left;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.list-selected-filters li.category-title {
	background: transparent;
	border-bottom: 1px solid #e42d24;
	color: #e42d24;
	font-weight: 400;
	font-size: 1.429rem;
	padding-left: 0;
	margin-top: 15px;
	margin-bottom: 0;
	height: inherit;
	min-height: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}


.list-selected-filters li.category-title:first-child {
	margin-top: 0;
}

i.remove-active-filter {
	vertical-align: middle;
	color: #e42d24;
	font-weight: 600;
	font-size: 1.2rem;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 30px;
	height: 100%;
}


.list-selected-filters li span {
	padding-left: 15px;
	display: inline-block;
	word-break: break-word;
	max-width: 80%;
	height: 30px;
	line-height: 30px;
	text-transform: capitalize;
}


a.back-to-selection {
	text-decoration: underline;
	color: #808080;
	text-align: center;
	font-weight: 400;
	font-size: 1.143rem;
	display: block;
}

a.back-to-selection-mobile {
	text-decoration: underline;
	color: #808080;
	text-align: center;
	font-weight: 400;
	font-size: 1.143rem;
	display: block;
	float: none;
}


.list-selected-filters li a.remove-filter-link {
	position: relative;
	display: block;
	float: right;
	width: 15px;
	line-height: 30px;
	height: 30px;
}


span.total-products {
	display: inline-block;
	padding-right: 5px;
	color: #000;
}

.products-per-page {
	list-style: none;
	float: right;
	text-align: right;
}

.products-per-page>li {
	color: #000;
}

.products-per-page>li,
.products-per-page>li>a {
	display: inline-block;
}

.products-per-page>li>a {
	text-decoration: underline;
	color: #e42d24;
	font-weight: 600;
}

.products-per-page li a i {
	color: #000;
}

.drop-products-per-page {
	right: 0;
}

.products-per-page>li>a>ul.drop-products-per-page>li,
.products-per-page>li>a>ul.drop-products-per-page>li>a.dropdown-item {
	display: block;
}



.drop-products-per-page>li>a.dropdown-item:hover,
.drop-products-per-page>li>a.dropdown-item:focus {
	color: #e42d24;
}


.drop-user-menu {
	right: 0;
	border-color: #808080;
	border-radius: 4px;
	margin-top: 0;
	top: 27px;
}

.custom-search-form {
	margin: 20px 0;
	position: relative;
}

a.close-custom-search-form {
	position: absolute;
	top: 20px;
	right: -50px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	vertical-align: middle;
	z-index: 999;
}

.close-custom-search-form i {
	font-size: 250%;
	color: var(--master-color);
}


.custom-search-form input.form-control {
	border-color: #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	min-height: 40px;
}

.btn-search {
	padding: 6px 12px;
	background: var(--master-color);
	border-color: var(--master-color);
	font-size: 1.286rem;
	font-weight: 400;
	border-radius: 4px;
	min-height: 2.857rem;
	line-height: inherit;
	color: #fff;
	max-height: 34px;
}

.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search:visited,
.btn-search:active:focus,
.btn-search:active:hover {
	background: var(--master-color);
	border-color: var(--master-color);
}

/* STICKY FILTERS */

.stickyFilters.affix-top {
	position: static;
}

.stickyFilters.affix {
	position: fixed;
	top: 85px;
}

.stickyFilters {
	overflow-y:auto;
	overflow-x: hidden;
	height: 100%;
}

/* END STICKY FILTERS */

/* SCROLL BAR */

.comment_message textarea::-webkit-scrollbar,
.comments_inner_container::-webkit-scrollbar,
.stickyFilters::-webkit-scrollbar {
	width: 2px;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #ededed;
}

::-webkit-scrollbar-thumb {
	background: #303030;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(100,100,100,1);
}

/* END SCROLL BAR */


.box-title>i.icon-chevron-thin-down,
.box-title>i.icon-chevron-thin-up {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	display: inline-block;
}

.box-title.collapsed>i.icon-chevron-thin-down,
.box-title.collapsed>i.icon-chevron-thin-up {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#pagination{
	list-style: none;
	display: flex;
}

.pagination>li.pagination-prev>a.disabled,
.pagination>li.pagination-next>a.disabled {
	color: #808080;
}

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #802747;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.page-link:hover {
	z-index: 2;
	color: #451526;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}
.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(128, 39, 71, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.page-item:first-child .page-link {
	margin-left: 0;
}
.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: var(--master-color);
	border-color: var(--master-color);
}
.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6;
}
.pagination-lg .page-link {
	padding: 0.75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5;
}
.pagination-sm .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.product-params-product-page {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e42d24;
	margin-top: 15px;
	margin-bottom: 12px;
}

.product-params-product-page span {
	color: #e42d24;
	font-size: 1.286rem;
	font-weight: 400;
}

.product-view-left-content-inner .slider-for {
	border: 1px solid #808080;
}


.product-view-left-content-inner .slider-for .slider-item {
	position: relative;
	background: #fff;
}


.product-view-left-content-inner .slider-for .slider-item img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}




.slider-thumbnails {
	margin: 1rem auto;
	text-align: center;
}

.slider-thumbnails .slick-track {
	width: 100%!important;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.slider-thumbnails li {
	float: left;
	height: 5rem;
	width: 5rem!important;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: none;
	border: 1px solid #ddd;
	margin-left: .5rem;
	margin-right: .5rem;
	position: relative;
	background: #fff;
}

.slider-thumbnails li.slick-current {
	border: 1px solid #808080;
}

.slider-thumbnails li img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: 1px solid transparent;
}





.drift-zoom-pane.drift-open {
	background: #fff;
}

.product-right-desc {
	min-height: 14vw;
}

.product-pagination-container {
	float: none;
	margin: 20px 0;
}

.product-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.product-pagination .pagination {
	margin: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

ul.product-pagination li {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 0;
}

ul.product-pagination li a {
	text-decoration: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 25px;
	padding: 2px;
	border: none;
	color: #000;
	background: transparent;
}

.product-pagination li a {
	pointer-events: initial;
}

.pagination>li>a,
.pagination>li>span {
	float: none;
}

ul.product-pagination li a:hover,
ul.product-pagination li a:active,
ul.product-pagination li a:focus {
	background: none;
	color: var(--master-color);
}

span.total-products-mobile {
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	text-align: center;
	color: #fff;
	width: 3rem;
	border-radius: 50px;
	background: #2b2b2b;
	font-size: 1rem;
	font-weight: 400;
}

span.total-products-mobile,
span.cart-total-items-mobile {
	display: block;
}

.prod-container-mobile-left {
	float: left;
}

.prod-container-mobile-right {
	display: table;
	padding-left: 15px;
}

.params-container-mobile {
	padding-bottom: 15px;
}

.product-listing-row-mobile:before {
	content: " ";
	display: block;
	width: 100%;
	height: 1px;
	background: #e42d24;
}



.product-listing-params-red {
	min-width: 5rem;
	color: #e42d24;
	display: inline-block;
	font-weight: 400;
}


svg.shop-cart {
	width: 100%;
	height: 58px;
}

svg.shop-cart-mobile {
	padding: 5px;
	width: 3rem;
	margin-top: 20px;
}


.overlay-content {
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.4);
	z-index: 1;
}


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

.mobile-nav li.mnav-cat,
.mobile-nav li.mnav-cat > a  {
	color: #e42d24;
	font-weight: 600;
	font-size: 1.286rem;
}

a.redlink {
	color: #e42d24!important;
	font-weight: 600;
}


span.topCartProductsCount,
span.topCartUnitsCount {
	color: #e42d24;
	text-decoration: underline;
	font-weight: 600;
	padding-right: 2px;
	display: inline-block;
}


span.performance-level-title {
	font-weight: 700;
	color: #333333;
	font-size: 1.571rem;
}

span.performance-level-desc {
	font-weight: 400;
	color: #808080;
	font-size: 1.143rem;
	margin-bottom: 20px;
	margin-top: 10px;
}

span.product-info {
	font-weight: 400;
	color: #808080;
	font-size: 1.143rem;
	margin-bottom: 20px;
}

span.prod-name {
	font-weight: 400;
	color: #333333;
	font-size: 1.286rem;
	margin-top: 5px;
}

span.prod-sku {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 400;
	color: #e42d24;
	font-size: 1.286rem;
}

span.prod-sku>span.sku {
	color: #333333!important;
}

.no-center {
	margin-left: 0;
	margin-right: 0;
}


.dropdown>button>i.icon-chevron-thin-up,
.dropdown>button>i.icon-chevron-thin-down {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	display: inline-block;
}

.dropdown.open>button>i.icon-chevron-thin-up,
.dropdown.open>button>i.icon-chevron-thin-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.transp-btn {
	background: #fff;
	color: #e42d24;
	font-size: 1.286rem;
	font-weight: 400;
	border: 1px solid #e42d24;
	padding: 5px 5px;
}

a.inline {
	display: inline-block!important;
	float: right;
}

span.documentation-title {
	max-width: 75%;
	display: inline-block;
	color: #000;
	margin-right: 1rem;
}

.dropdown-menu-documentation {
	border-radius: 5px;
	left: 0;
}

.dropdown-menu-documentation>li>a {
	text-decoration: underline;
	color: #e42d24;
	text-align: right;
	font-size: 1rem;
	font-weight: 400;
	padding: 0;
}

.dropdown-menu-documentation>li>a:hover,
.dropdown-menu-documentation>li>a:focus,
.dropdown-menu-documentation>li>a:active,
.dropdown-menu-documentation>li>a:visited {
	text-decoration: underline;
	color: #e42d24;
}

.dropdown-menu-documentation>li {
	margin-bottom: 28px;
}

.dropdown-menu-documentation {
	padding: 20px;
	border-color: #808080;
	border-radius: 4px;
}

.dropdown-menu-documentation>li:last-child {
	margin-bottom: 0px;
}

.dropdown-menu-documentation>li>a>i {
	color: #e42d24;
	text-decoration: none;
	font-size: 1rem;
	margin-left: 5px;
}

.btn-default.active, .btn-default:active,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
	background: var(--master-color);
	border-color: var(--master-color);
	color: #fff;
}

a.add-to-cart {
	font-size: 1.286rem;
	font-weight: 400;
	border-radius: 4px;
	height: 2.857rem;
	line-height: 1.143rem;
	color: #fff;
	padding: 6px 2px;
}

svg.icon-btn-truck-white {
	fill: #fff;
	width: 25px;
	vertical-align: middle;
	display: inline-block;
}

span.prod-price {
	font-size: 1.857rem;
	color: #000000;
	font-weight: 400;
}

span.prod-price-tva {
	font-size: 1.286rem;
	color: #000000;
	font-weight: 400;
}


.brand-producer {
	display: block;
	width: 20px;
	height: 20px;
}

.section-title {
	display: block;
	margin-top: 15px;
	margin-bottom: 12px;
}

.section-title:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: var(--master-color);
}


.section-subtitle,
.financial-details-head,
.my-order-history-head,
.list-bills-head {
	display: block;
	margin-top: 15px;
	margin-bottom: 12px;
}

.section-subtitle:after,
.financial-details-head:after,
.my-order-history-head:after,
.list-bills-head:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: #808080;
}

.section-title span {
	color: var(--master-color);
	font-size: 1.286rem;
	font-weight: 400;
}


.btn-change-pass,
.btn-import-order,
.btn-order-model,
.btn-brand {
	padding: 6px 12px;
	margin: 5px 0px;
}


.acc-params-company {
	display: block;
	margin-top: 15px;
	margin-bottom: 12px;
}

.acc-params-company:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: #000
}

.acc-params-company span {
	color: #000;
	font-size: 1.286rem;
	font-weight: 400;
}

.contact-subtitle {
	display: block;
	margin-top: 15px;
	margin-bottom: 12px;
}

.contact-subtitle:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: #000
}

.contact-subtitle span {
	color: #000;
	font-size: 1.286rem;
	font-weight: 400;
}


.acc-params-delivery {
	display: block;
	margin-top: 15px;
	margin-bottom: 12px;
}

.acc-params-delivery:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: #000;
}

.acc-params-delivery span {
	color: #000;
	font-size: 1.286rem;
	font-weight: 400;
}


span.acc-params-subtitle {
	font-weight: 400;
	color: #000;
	display: block;
	padding-bottom: 10px;
	text-align: left;
}

span.uppercase {
	text-transform: uppercase;
}

span.acc-data {
	color: #808080;
	text-align: left;
	display: block;
	padding-bottom: 10px;
}

.acc-wrapper:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: var(--master-color);
}

.red-form {
	border-color: var(--master-color);
	color: #000;
}

.form-inline .form-control {
	width: inherit;
}


.c-label {
	line-height: 34px;
	margin-bottom: 0;
}

.wrapper-change-pass:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: #e6e6e6;
}

span.nl-text {
	color: #808080;
}

span.required {
	color: #e42d24;
	font-weight: 600;
	font-size: 1.5rem;
}


.comment-area {
	min-height: 15vh;
}


a.new-adress {
	text-align: center;
	color: #808080;
	text-decoration: underline;
	display: block;
	outline: none;
}

svg.info-tooltip {
	height: 2rem;
	width: auto;
	vertical-align: middle;
	display: inline-block;
}

#company_tax_id-error,
#company_name-error,
#user_phone-error,
#user_first_name-error,
#user_email-error {
	color: #e42d24;
}


span.delivery-adress-info {
	color: #808080;
}

a.employee-name {
	color: #e42d24;
	text-decoration: underline;
}

a.contact-no {
	color: #e42d24;
	text-decoration: underline;
}

.modal-body {
	padding: 0;
}

.modal-footer {
	padding-top: 0;
}

span.modal-info {
	padding: 15px;
	display: block;
	margin: 0 auto;
	line-height: 2rem;
}

.btn-s-padding {
	padding: 6px 12px;
}


a.underline {
	text-decoration: underline!important;
}


h2.text_title {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 0;
	color: #4d4d4d;
	font-size: 1.1rem;
	line-height: 1.7rem;
	text-transform: none;
	text-align: left;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}

h2.text_subtitle {
	margin-top: .5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	color: #e42d24;
	font-size: 2rem;
	line-height: 2rem;
	text-transform: uppercase;
	text-align: left;
}

.about-us-bg-right {
	background: #f2f2f2;
}

.about-us-bg-left {
	background: #fff;
}

.about-us-right-container {
	background: #e5e1d8;
}


.alert-dismissable .close,
.alert-dismissible .close {
	outline: none;
}

button.close {
	outline: none;
}

.page_text_container {
	padding: 1.5rem;
	font-size: 1.1rem;
	line-height: 1.7rem;
}

.about-us-bg-left,
.about-us-bg-right {
	min-height: 50rem;
	position: relative;
}

.h_centered {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
}


span.logged-in-as {
	display: block;
	text-decoration: underline;
	color: #000;
	font-weight: 400;
	font-size: 1.143rem;
	line-height: 2.286rem;
	padding-top: 5px;
}

span.log-out {
	padding-right: 8%;
}

.mobile-nav.mobile-open>li>ul>li {
	padding-left: 0;
}

.mobile-nav>li>ul>li {
	padding-left: 0;
}

svg.dwn-icon {
	width: 1rem;
	margin-left: 10px;
	height: auto;
	vertical-align: text-bottom;
}

svg.dwn-icon-reverse {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	vertical-align: text-top;
}


.alert-dismissable .close,
.alert-dismissible .close {
	top: 0px;
	right: 0px;
}

a.back-to-products {
	text-decoration: underline;
	color: #808080;
	font-size: 1.143rem;
}

.dropdown-menu-order-model {
	width: 30rem;
	right: 0;
	top: 2.5rem;
	border-radius: 4px;
	border-color: #808080;
	padding: 15px;
}

.dropdown-menu-order-model li {
	margin-bottom: 28px;
}

.dropdown-menu-order-model li a {
	padding: 0;
}

.dropdown-menu-order-model li:last-child {
	margin-bottom: 0;
}

a.download-order-model {
	display: inline-block;
	float: right;
	text-decoration: underline!important;
	color: #e42d24!important;
}

span.model-comanda-export {
	display: inline-block;
	width: 50%;
	word-break: break-word;
	color: #000;
}

.bot-r {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.import-order-text {
	color: #000;
}

.display-none {
	display: none;
}




.success-quantity-added {
	height: 100%;
	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.15);
	box-shadow: 2px 3px 3px rgba(0,0,0,.15);
	position: absolute;
	right: 7%;
	z-index: 9;
	background: #e6e6e6;
	border: 2px solid #2ecc71;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-animation-duration: 1s!important;
	animation-duration: 1s!important;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	z-index: -1;
	position: absolute;
	right: 0;
	top: 60px!important;
}

.success-quantity-removed {
	height: 100%;
	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.15);
	box-shadow: 2px 3px 3px rgba(0,0,0,.15);
	background: #e6e6e6;
	border: 2px solid #e42d24;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-animation-duration: 1s!important;
	animation-duration: 1s!important;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	z-index: -1;
	position: absolute;
	right: 0;
	top: 60px!important;
}

.success-quantity-modified {
	height: 100%;
	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.15);
	box-shadow: 2px 3px 3px rgba(0,0,0,.15);
	background: #e6e6e6;
	border: 2px solid #2ecc71;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #e42d24;
	-webkit-animation-duration: 1s!important;
	animation-duration: 1s!important;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	z-index: -1;
	position: absolute;
	right: 0;
	top: 60px!important;

}

.success-quantity-added span {
	color: #2ecc71;
	padding: 6px 12px;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	position: relative;
	max-height: 56px;
	line-height: 44px;
	display: block;
	top: 0;
}

.success-quantity-removed span {
	color: #e42d24;
	padding: 6px 12px;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	position: relative;
	max-height: 56px;
	line-height: 44px;
	display: block;
	top: 0;
}

.success-quantity-modified span {
	color: #2ecc71;
	padding: 6px 12px;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	position: relative;
	max-height: 56px;
	line-height: 44px;
	display: block;
	top: 0;
}


.right-nav-nologin li a {
	color: inherit;
}


.product-type a {
	color: inherit;
	text-decoration: none;
}

.product-listing-params a {
	color: inherit;
	text-decoration: none;
}


a.close-btn {
	display: inline-block;
	float: right;
}

a.close-btn i {
	font-size: 150%;
	color: #e42d24;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin-left: 15%;
}


span.in-stock {
	line-height: 2rem;
	margin-right: 2rem;
	color: #2ecc71;
	display: inline-block;
	border-bottom: 1px dashed #2ecc71;
	font-weight: 600;
}

span.limited-stock {
	line-height: 2rem;
	margin-right: 1rem;
	color: #f1c40f;
	display: inline-block;
	border-bottom: 1px dashed #f1c40f;
	font-weight: 600;
}

span.out-of-stock {
	line-height: 2rem;
	margin-right: 1rem;
	color: #e42d24;
	display: inline-block;
	border-bottom: 1px dashed #e42d24;
	font-weight: 600;
}

.other-stocks {
	margin-top: 1rem;
	flex-basis: 100%;
}

.stock-container {
	display: flex;
	flex-wrap: wrap;
}


.inline-block {
	display: inline-block;
}


.btn-add-qty,
.btn-remove-qty {
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-family: inherit;
	font-weight: 600;
}


.summary-product-sku-container {
	padding-top: 5px;
	display: block;
	padding-left: 10px;
}

.summary-product-name-container {
	display: block;
	padding-left: 10px;
}

span.product-cart-desc-title {
	color: #e42d24;
	font-weight: 600;
	font-size: 16px;
}

span.product-cart-desc-value {
	font-weight: 600;
	margin-left: 10px;
	font-size: 16px;
}

textarea.comments-area {
	max-width: 100%;
	border-radius: 4px;
	border: 1px solid #e42d24;
	color: #000;
	width: 100%;
	min-height: 10vh;
	outline: none;
	padding: 5px 10px;
	resize: none;
}

textarea.comments-area:focus {
	outline: none;
}

.comments-container {
	display: block;
}

.notification-container span,
.comments-container span,
.adress-container span {
	font-size: 1.5rem;
	color: #e42d24;
	text-transform: none;
}

.notification-container > span {
	margin-right: 1rem;
}

.finish-order-container {
	display: block;
	margin-top: 30px;
}

.finish-order-btn {
	max-height: 34px;
	padding: 5px 10px;
	margin-right: 0;
}

.finish-order-btn-split-view {
	max-height: 34px;
	padding: 5px 10px;
}

.btn-send-in-stock-order {
	background: #ddd;
	border: 2px solid #e42d24;
	color: #e42d24;
}

.btn-send-in-stock-order .fill-red {
	fill: #e42d24;
}

.btn-send-in-stock-order:hover .fill-red,
.btn-send-in-stock-order:focus .fill-red {
	fill: #fff;
}


.finish-order-btn.disabled.focus,
.finish-order-btn.disabled:focus,
.finish-order-btn.disabled:hover,
.finish-order-btn[disabled].focus,
.finish-order-btn[disabled]:focus,
.finish-order-btn[disabled]:hover,
fieldset[disabled] .finish-order-btn.focus,
fieldset[disabled] .finish-order-btn:focus,
fieldset[disabled] .finish-order-btn:hover {
	background: #e42d24;
	color: #fff;
	border-color: #e42d24;
}

.finish-order-btn-split-view.disabled.focus,
.finish-order-btn-split-view.disabled:focus,
.finish-order-btn-split-view.disabled:hover,
.finish-order-btn-split-view[disabled].focus,
.finish-order-btn-split-view[disabled]:focus,
.finish-order-btn-split-view[disabled]:hover,
fieldset[disabled] .finish-order-btn-split-view.focus,
fieldset[disabled] .finish-order-btn-split-view:focus,
fieldset[disabled] .finish-order-btn-split-view:hover {
	background: #e42d24;
	color: #fff;
	border-color: #e42d24;
}


.btn-send-in-stock-order[disabled]:hover .fill-red,
.btn-send-in-stock-order[disabled]:focus .fill-red {
	fill: #e42d24;
}



.btn-send-in-stock-order.disabled.focus,
.btn-send-in-stock-order.disabled:focus,
.btn-send-in-stock-order.disabled:hover,
.btn-send-in-stock-order[disabled].focus,
.btn-send-in-stock-order[disabled]:focus,
.btn-send-in-stock-order[disabled]:hover,
fieldset[disabled] .btn-send-in-stock-order.focus,
fieldset[disabled] .btn-send-in-stock-order:focus,
fieldset[disabled] .btn-send-in-stock-order:hover {
	background: #ddd;
	color: #e42d24;
	border-color: #e42d24;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
	opacity: 1;
}


.back-to-products {
	display: block;
	margin-top: 15px;
}

.back-to-products a {
	color: #e42d24;
	text-align: right;
	display: block;
	text-decoration: underline;
	font-size: 16px;
}

.ion-ios-close-empty:before {
	font-weight: 600!important;
}

svg.finish-order-icon {
	height: 24px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: inline-flex;
	width: 24px;
	vertical-align: middle;
}

.fill-white {
	fill: #fff;
}

.search-icon {
	float: left;
	margin-right: 15px;
}


.pieces-no, .liters-no {
	padding-right: 5px;
}


.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	top: 0;
	left: 0;
	border: 1px solid var(--master-color);
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 13px;
	color: #121212;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
	background-color: var(--master-color);
	border-color: var(--master-color);
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
	color: #fff;
}

.checkbox input[type="checkbox"]:checked+label::after {
	font-family: 'icomoon';
	content: "\e600";
}

.checkbox label {
	min-height: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	position: relative;
	padding-left: 25px;
	cursor: default;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
	z-index: 1;
	opacity: 0;
	z-index: 1;
	width: 17px;
	height: 17px;
	left: 0;
	border-radius: 3px;
	margin: 0;
}

.checkbox+.checkbox,
.radio+.radio {
	margin-top: inherit;
}

.checkbox-primary {
	display: inline-block;
	padding-right: 15px;
}

.empty-cart {
	font-size: 1.5rem;
	font-weight: 600;
}


span.emptyCart {
	font-weight: 600;
	color: #000;
	font-size: 1rem!important;
}

.close-drop {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.close-drop i.close-drop-icon {
	font-size: 150%;
	color: #e42d24;
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	margin-right: 5px;
}


.product-listing-params-mobile {
	text-align: left;
	margin-left: 1rem;
	float: none;
	display: inline-block;
}


.product-listing-params-red-mobile {
	display: inline-block;
	max-width: 10rem;
	min-width: 6rem;
}

.breadcrumbs {
	list-style: none;
	color: #808080;
	font-size: 1rem;
	font-weight: 600;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.breadcrumbs li {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-right: .25rem;
}

.breadcrumbs a {
	color: #808080;
	font-size: 1rem;
	font-weight: 600;
}


.loader {
	border: 5px solid #ccc;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border-top: 5px solid #4d4d4d;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	/*margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 1rem;*/
	display: inline-block;
	position: relative;
	float: left;
	top: 0;
}


@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


@keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


.mobile-nav li a i.icon-chevron-thin-up {
	display: none;
}



span.filter-by {
	color: #808080;
	font-size: 1.286rem;
	font-weight: 400;
}



.cert-listing-head {
	border-bottom: 1px solid #808080;
}


span.cert-title, span.cert-date-title {
	color: #000;
	font-size: 1.286rem;
	font-weight: 400;
}

span.cert-date-title {
	margin-left: .5rem;
}

span.cert-no {
	color: #e42d24;
	font-size: 1.286rem;
	font-weight: 400;
	margin-left: 5px;
}


.cert-listing-row {
	margin-top: 10px;
	margin-bottom: 10px;
}


a.dwn-cert {
	color: #e42d24;
	text-decoration: underline;
	font-size: 1.143rem;
	font-weight: 400;
	width: 100%;
	padding-left: .5rem;
	float: none;
	text-align: right;
}

span.cert-date-value {
	color: #808080;
	font-size: 1.143rem;
	font-weight: 400;
	display: block;
	margin-left: .5rem;
}

span.cert-value {
	color: #000;
	font-size: 1.143rem;
	font-weight: 400;
	display: block;
	word-break: break-word;
}


.btn-search-cert {
	min-width: 100%;
}


a i.icon-chevron-thin-up {
	margin-left: 5px;
}


.searched-products {
	border: 1px solid #808080;
	border-radius: 4px;
	padding: 20px;
	position: absolute;
	top: 62px;
	background: #fff;
	z-index: 9999;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.searched-product-img-container {
	border: 1px solid #808080;
	width: 50px;
	height: 50px;
}

img.searched-product-img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}


.autocomplete-row {
	margin-bottom: 16px;
}

.autocomplete-row:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	margin-top: 5rem;
	background-color: #808080;
}

.searched-products>.autocomplete-row:last-child:after {
	display: none;
}

a.autocomplete-product-name {
	color: #000;
	text-decoration: none;
	font-weight: 600;
}


span.credit-limit, span.total-payment-title,
span.financial-obs-title,
span.financial-details-head-title,
span.order-history-head-title,
span.list-bills-head-title {
	color: #808080;
	font-weight: 400;
	font-size: 1.143rem;
	text-align: left;
	display: block;
}

span.credit-limit-value,
span.total-payment-value {
	color: #000;
	font-weight: 600;
	font-size: 1.143rem;
	text-align: right;
	display: block;
}


span.financial-obs {
	color: #000;
	font-weight: 600;
	font-size: 1rem;
	text-align: left;
	display: block;
}


.financial-details-row {
	padding-top: 5px;
	padding-bottom: 5px;
}

.financial-details-row span {
	color: #000;
}

span.financial-details-total-exceed {
	text-align: left;
	display: block;
	font-weight: 600;
	font-size: 1.143rem;
	color: #e42d24;
}


span.financial-details-total-exceed-value {
	text-align: right;
	display: block;
	font-weight: 600;
	font-size: 1.143rem;
	color: #e42d24;
}

span.financial-details-total-no-exceed {
	text-align: left;
	display: block;
	font-weight: 600;
	font-size: 1.143rem;
	color: #2ecc71;
}

span.financial-details-total-no-exceed-value {
	text-align: right;
	display: block;
	font-weight: 600;
	font-size: 1.143rem;
	color: #2ecc71;
}


span.my-orders-no, span.my-bills-no {
	color: #000;
	padding-left: 10px;
}


.my-order-history-row,
.mobile-order-history-row,
.list-bills-row,
.mobile-list-bills-row {
	padding-top: 5px;
	padding-bottom: 5px;
}

.my-order-history-row span,
.mobile-order-history-row span,
.list-bills-row span,
.mobile-list-bills-row span {
	color: #000;
}

span.order-history-value-order-no,
span.list-bills-value-bill-no a {
	color: #e42d24;
	text-decoration: underline;
}


.btn-buy-again {
	padding: 6px 12px;
	float: right;
}

.btn-buy-again-mobile {
	padding: 6px 12px;
	float: none;
	margin-bottom: 10px;
	margin-top: 10px;
}

.order-history-img-container {
	width: 35px;
	height: 35px;
	border: 1px solid #808080;
	display: block;
}


.resized-img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}


.prod-order span {
	color: #000;
	padding-bottom: 5px;
}



.mobile-order-history-row,
.mobile-list-bills-row {
	border-top: 2px solid #e42d24;
}

.mobile-order-history-row:first-child,
.mobile-list-bills-row:first-child {
	border-top: none;
}

.mobile-order-history-row-row,
.mobile-list-bills-row-row {
	padding-top: 5px;
	padding-bottom: 5px;
}


.table-list-toggle span {
	padding-bottom: 5px;
	color: #000;
}



.mobile-search-area {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: -50vw;
	top: 2px;
	background: #fff;
	height: 100%;
	width: 120vw;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 9999;
}


.search-area-open {
	display: block;
	-webkit-transform: translateX(-10vw);
	-ms-transform: translateX(-10vw);
	transform: translateX(-10vw);
	visibility: visible;
	opacity: 1;
	left: 0vw;
	width: 120vw;
	height: 100vh;
	padding-bottom: 15px;
	z-index: 9999;
}


.closeSearchMobile {
	position: absolute;
	top: 1.5%;
	padding-left: 8%;
	width: 85%;
	left: 0;
	padding-right: 8%;
}

.closeSearchMobile i {
	font-size: 150%;
	color: #e42d24;
	float: right;
}

.mobile-search-inner {
	position: relative;
	top: 0;
	left: 50vw;
	width: 120vw;
	height: 100vh;
	-webkit-transform: translateX(-50vw);
	-ms-transform: translateX(-50vw);
	transform: translateX(-50vw);
}


.form-search-mobile {
	width: 85%;
	right: 0%;
	top: 5%;
	left: 0;
	padding-left: 8%;
	padding-right: 8%;
	position: absolute;
}

.alert {
	padding: 0;
}

.alert-danger {
	color: #e42d24;
	background-color: transparent;
	border: none;
}

.alert-dismissable,
.alert-dismissible {
	padding-right: 0;
}

.close:focus,
.close:hover,
.close:focus:active,
.close:hover:active {
	color: var(--master-color);
	opacity: 1;
}


.summary-comments-title {
	margin-top: 0.7143rem;
	line-height: 40px;
	max-height: 40px;
}


.cart-products-head:after {
	content: " ";
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	height: 1px;
	width: 100%;
	background-color: #e42d24;
}

.cart-products-head span {
	font-size: 1.5rem;
	color: #e42d24;
	text-transform: none;
}


a.back-to-checkout {
	color: #e42d24;
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	text-decoration: underline;
}

a.back-to-checkout:hover,
a.back-to-checkout:focus {
	color: #e42d24;
}


.btn-fw {
	max-width: 30rem;
}


.stock-and-out-of-stock-head:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	background: #808080;
}

span.stock-products-title,
span.out-of-stock-products-title {
	font-size: 1.5rem;
	color: #000;
	text-transform: none;
}

span.stock-products-desc,
span.out-of-stock-products-desc {
	color: #808080;
	display: block;
}


.cart-product-params {
	padding-left: .5rem;
	padding-right: .5rem;
	display: block;
}


span.stock-icon-container,
span.out-of-stock-icon-container {
	vertical-align: top;
	max-height: 2rem;
}


.stock-and-out-of-stock-head-title span i.stock-icon {
	font-size: 150%;
	padding-right: 1rem;
	color: #2ecc71;
	display: block;
	width: 100%;
}

.stock-and-out-of-stock-head-title span i.out-of-stock-icon {
	font-size: 150%;
	padding-right: 1rem;
	color: #FFDB33;
	display: block;
	width: 100%;
}

.order-product-container {
	border: 1px solid #808080;
	background: #fff;
	width: 70px;
	height: 70px;
}

.order-product-container img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.success-container {
	margin-top: 2.5rem;
}

.success-container span.success {
	font-size: 1.55rem;
	font-weight: 300;
}

.summary-right .summary-total-container,
.summary-right .summary-vat-container,
.summary-right .summary-total-price-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding-top: .25rem;
	padding-bottom: .25rem;
}



.summary-right .summary-total-price-container {
	border-bottom: 0;
}


.summary-right .summary-total-container span,
.summary-right .summary-vat-container span,
.summary-right .summary-total-price-container span {
	color: #000;
}

.summary-right .summary-total-container span {
	font-size: 1.75rem;
}

.summary-right .summary-vat-container span,
.summary-right .summary-total-price-container span {
	font-size: 1.35rem;
}



.summary-qty-container,
.summary-qty-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.summary-qty-container,
.summary-qty-right .summary-baxuri,
.summary-qty-right .summary-bucati,
.summary-qty-right .summary-litri {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: .25rem;
	padding-bottom: .25rem;
	border-bottom: 1px solid #000;
}

.summary-qty-right .summary-litri {
	border-bottom: 0;
}

.summary-qty-container > span {
	font-size: 1.5rem;
	color: #000;
}

.summary-qty-right .summary-baxuri span,
.summary-qty-right .summary-bucati span,
.summary-qty-right .summary-litri span {
	font-size: 1.25rem;
	color: #000;
}

.btn-report {
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

#selectCompanyFiles,#selectCompanyFiles > option{
	max-width: 14rem;
}

/* Followers design */

.client-listing-item .list-followers {
	display: none !important;
}

.total-followers{
	color: #fff !important;
	position: absolute;
	top: -0.15rem;
	right: .35rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 1rem;
	min-height: 1rem;
	max-width: 1.3rem;
	max-height: 1.3rem;
	border-radius: 50%;
	background: var(--master-color);
	color: #fff;
	font-size: .7rem;
	border: 1px solid var(--master-color);
	font-family: "Azo Sans Regular", sans-serif;
	font-weight: 700;
}

.color-green{color: #4CAF50;}
.color-red{color: #e42d24;}
.absolute{position: absolute;}
.list-followers {
	top: 2.5rem;
	text-align: center;
	background-color: #e6e6e6;
	font-size: 1rem;
	border-radius: 4px;
	min-width: 8rem;
	max-height: 8rem;
	overflow-y: auto;
}

.modal-title .list-followers {
	left: 0rem;
	z-index: 1;
}

.client-info-container .list-followers{
	right: -2.5rem;
}

.list-followers ul {
	list-style: none;
	margin-bottom: 0;
	padding: 5px;
}

.list-followers li {
	margin: 0.2rem 0;
}

.list-followers::-webkit-scrollbar {
	width: 2px;
}

.list-followers::-webkit-scrollbar-track {
	background: #ededed;
}

.list-followers::-webkit-scrollbar-thumb {
	background: #303030;
}

.list-followers::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(100,100,100,1);
}

.btn-task-follow i {
	font-size: 200%;
}

/* End followers design */



/* CRM Notifications */
#drop-notifications{
	margin: 0 10px;
}

#drop_feed_trigger_mobile{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#drop_feed_trigger_mobile a{
	color: #000;
	position: relative;
}

#drop_feed_trigger_mobile .notifications-toggle {
	color: #000;
	max-width: 2.2rem;
	font-size: 28px;
}

#drop_feed_trigger_mobile .notifications-toggle a {
	font-size: 20px;
}

#drop_feed_trigger_mobile .dropdown-menu {
	padding: 0;
}

#drop_feed_trigger_mobile .feed-desc-container {
	text-align: center;
}

#drop_feed_trigger_mobile .dropdown-menu .feed-header,
#drop_feed_trigger_mobile .dropdown-menu .feed-desc {
	color: #4d4d4d;
	text-align: center;
	font-weight: normal;
	line-height: 1.4rem;
	font-weight: 600;
}

#drop_feed_trigger_mobile .dropdown-menu .feed-element,
#drop_feed_trigger_mobile .dropdown-menu .feed-header {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#drop_feed svg .st0 {
	display: none;
}

#drop_feed svg .st1 {
	display: inline;
	fill: none;
	stroke: #000000;
	stroke-miterlimit: 10;
}

#drop_feed svg .st2 {
	display: inline;
}

#drop_feed svg .st3 {
	fill: none;
	stroke: #fff;
	stroke-width: 1.25;
	stroke-miterlimit: 10;
}

.notifications-toggle {
	position: relative;
	text-decoration: none;
}

.notifications-toggle:hover,
.notifications-toggle:focus {
	text-decoration: none;
}

.notifications-toggle span {
	position: absolute;
	top: -1.1rem;
	right: 0rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 1rem;
	min-height: 1rem;
	max-width: 1.5rem;
	max-height: 1rem;
	border-radius: 50%;
	background: red;
	color: #fff;
	font-size: .7rem;
	border: 1px solid red;
	font-family: "Azo Sans Regular", sans-serif;
	font-weight: 700;
}


.notifications-toggle svg {
	-webkit-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
	width: 30px;
	height: 30px;
}


.dropdown-menu-feed {
	width: 26rem;
}

.dropdown-menu-feed .closeDropFeed {
	margin-right: 1rem;
}

.dropdown-menu-feed li.divider {
	margin: 0;
	padding: 0;
}

.dropdown-menu-feed .feed-container {
	/*poate se face altfel selectorul sa suprascrie fara !important ce e la linia 1670*/
	padding: 0!important;
}

.dropdown-menu-feed .feed-container,
.dropdown-menu-feed .feed-container ul {
	max-height: 20rem;
	overflow: auto;
}

.dropdown-menu-feed .feed-element {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu-feed .feed-element:last-child {
	overflow: hidden;
	border-bottom: 0;
}

.dropdown-menu-feed .feed-desc-container {
	line-height: 1.5rem;
}
/* End CRM Notifications */

/* REPORT TABLE IN DASHBOARD */

.crm-container .scrolling-outer table thead tr th {
	position: sticky;
	top: 0;
	z-index: 10;
}

/* END REPORT TABLE IN DASHBOARD */

/*** setInvoiceEmail ****/
/* clasele de aici sunt folosite si la  */
/* approveClient si retrimitere aprobare  */
/* ar trebui schimbate cu un nume mai generic   */


.setInvoiceEmail label {
	text-transform: none;
}

.success-invoice-mail-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50vh;
}

.success-invoice-mail-box {
	padding: 1.5rem 2rem;
	border: 1px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
}

.set-invoice-mail.contact-right-container {
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
	-moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.52);
	box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.52);
	background: #ececec;
	margin-top: 15vh;
	padding: 2rem;
}

@media (min-width: 991px) {
	.set-invoice-mail.contact-right-container {
		margin-left: 20%;
	}
}

/* END setInvoiceEmail */

.added-by-agent{background-color: rgb(76, 175, 80); color: white;}
.added-by-other-user{background-color: #cdcdcd;}


/* MEDIA QUERIES */

@media (min-width: 147px) and (max-width: 425px) {
	ul.product-pagination {
		float: none;
		margin: 20px auto;
		width: 100%;
		display: block;
		text-align: center;
	}
}

@media (min-width: 147px) and (max-width: 374px) {
	.product-container-mobile {
		width: 45px;
		height: 45px;
	}
}

@media (min-width: 375px) and (max-width: 424px) {
	.product-container-mobile {
		width: 60px;
		height: 60px;
	}
}

@media (min-width: 147px) and (max-width: 991px) {
	.product-listing-price {
		margin-right: 0;
		text-align: left;
	}
	.product-listing-row:after {
		display: none;
	}
	.left-filters-container {
		background: #e6e6e6;
	}
	.notifications-toggle span {
		top: -0.2rem;
		/*right: -.45rem;*/
	}
}

@media (min-width: 147px) and (max-width: 600px) {
	.wrapper-hide-desktop {
		margin-right: 1.5rem;
	}
}

@media (min-width: 992px) and (max-width: 1280px) {
	.product-container {
		width: 50px;
		height: 50px;
	}
}
@media (min-width: 992px) and (max-width: 1152px) {
	input.quantity {
		width: 3rem!important;
	}
}
@media (min-width: 147px) {
	.success-quantity-added {
		top: 79px;
	}
	.success-quantity-removed {
		top: 79px;
	}
	.success-quantity-modified {
		top: 79px;
	}
}


@media (min-width: 1280px) {
	.success-quantity-added {
		top: 92px;
	}
	.success-quantity-removed {
		top: 92px;
	}
	.success-quantity-modified {
		top: 92px;
	}
}
@media (min-width: 147px) and (max-width: 375px) {
	.cart-product-container {
		width: 65px;
		height: 65px;
	}
	.string {
		font-size: .9rem;
		line-height: 1.5rem;
	}
	a.reset-password {
		font-size: .9rem;
		line-height: 1.5rem;
	}
}

@media (min-width: 147px) and (max-width: 600px) {
	.summary-product-sku-container {
		padding-top: 15px;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.summary-product-sku-container {
		padding-top: 30px;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.cart-product-container {
		width: 120px;
		height: 120px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.cart-product-container {
		width: 150px;
		height: 150px;
	}
	.active-tasks-container {
		margin-top: 14.5rem;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.summary-product-sku-container {
		padding-top: 60px;
	}
}

@media (max-width: 992px) {
	span.product-cart-listing-price {
		margin-right: 0;
		text-align: left;
		padding-top: 15px;
		padding-left: 15px;
	}
	.summary-product-name-container {
		padding-left: 15px;
	}
	.summary-product-sku-container {
		padding-left: 15px;
	}
	.summary-product-price-container {
		padding-left: 15px;
		padding-top: 15px;
	}
	.cart-quantity-group, .cart-unit-group {
		padding-top: 15px;
		padding-left: 15px;
	}
	.stock-container {
		padding-top: 15px;
		padding-left: 15px;
		text-align: left;
	}
	.cart-unit-group>span {
		padding-top: 15px;
		display: block;
	}


}


@media (min-width:147px) and (max-width: 991px) {
	#content {
		top: 45px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	img.brand_logo_mobile {
		max-width: 35%!important;
	}
}


@media (min-width: 147px) and (max-width: 767px) {
	.modal-dialog {
		width: 75%!important;
	}
}

@media (min-width: 147px) and (max-width: 991px) {
	#content-logged-in {
		background: #fff!important;
	}
	body, html {
		background: #fff;
	}
	.filter-add-remove {
		padding-right: 0px!important;
	}
}

@media (min-width: 147px) and (max-width: 1280px) {
	nav {
		background: #fff!important;
	}
	.desktop-nav,
	.wrapper-left,
	.wrapper-right,
	.wrapper-hide-mobile {
		display: none;
	}
	.mobile-nav-container {
		display: block;
	}
	.navbar-toggle {
		display: block!important;
		height: 77px;
	}
}

@media (min-width: 147px) and (max-width: 1279px) {
	header {
		height: 79px;
	}
	#content-logged-in {
		margin-top: 79px;
		padding-top: 0;
	}
	#content-no-login {
		margin-top: 79px;
		padding-top: 0;
	}
}

@media (min-width:1280px) {
	.mobile-nav-container,
	.wrapper-hide-desktop {
		display: none;
	}
	.desktop-nav,
	.wrapper-left,
	.wrapper-right {
		display: block;
	}
	.navbar-toggle {
		display: none!important;
	}
}


@media (min-width: 147px) {
	li.filters-dropdown .dropdown-menu.open,
	li.filters-dropdown .dropdown-menu.open .dropdown-menu.inner {
		max-height: 30vh!important;
		top: 100%;
	}
}

@media (min-width: 147px) and (max-width: 474px) {
	.site-title {
		top: 20px;
		min-height: inherit;
	}
	#content {
		top: -20px;
	}
	.breadcrumbs {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.left-filters-container {
		padding-right: 0!important;
	}
	.navbar-fixed-top .shop-cart {
		width: 40px;
		height: 40px;
		margin-top: 2px;
	}
	.navbar-fixed-top .shop-cart span {
		top: -25px;
	}
	.navbar-main .navbar-header .navbar-right {
		min-height: 45px;
	}
	.container-fluid>.navbar-header {
		min-height: 45px;
	}
	.navbar-toggle {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	.auth-icon-main {
		line-height: inherit;
	}
	#mobile-account-collapse-btn {
		padding: 0;
		margin-left: 0;
		padding: 6px 10px;
		padding-bottom: 0;
		padding-left: 0;
	}
	#mobile-menu-collapse-btn {
		padding: 9px 10px;
		padding-left: 0;
	}
	#navbar-collapse-1 {
		margin-top: 45px!important;
	}
}

@media (min-width: 147px) and (max-width: 991px) {
	.left-filters-container {
		padding-right: 0px!important;
	}
}

@media (min-width: 147px) and (max-width: 1091px) {
	.page-header {
		font-size: 1rem;
		padding: 0px;
		border-bottom: 0;
	}

}

@media (min-width: 147px) and (max-width: 992px) {
	.order-history-container-right-title {
		text-align: left;
		border-bottom: 0!important;
	}

}

@media (min-width: 147px) and (max-width: 991px) {
	.mobile-fix {
		padding: 0;
	}
	.padding-mobile {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.ptop {
		padding-top: 15px;
	}
	.mobile-npl {
		padding-left: 0;
	}
	.mobile-npr {
		padding-right: 0;
	}
	.navbar-main {
		border-bottom: 1px solid #ddd!important;
	}

}

@media (min-width: 147px) and (max-width: 764px) {
	.size-button {
		padding: 5px;
	}
	.qtty-button {
		padding: 5px;
	}

}

@media (min-width: 147px) and (max-width: 319px) {
	span.product-cart-desc-value {
		margin-left: 0;
	}
}


@media (min-width: 147px) and (max-width: 480px) {
	.order-product-container {
		width: 40px;
		height: 40px;
	}
}



@media (min-width: 147px) and (max-width: 991px) {
	.searched-products {
		width: 100%;
		right: 0%;
		top: 1px;
		left: 0;
		margin-top: -20px;
		position: relative;
	}
	.autocomplete-row:after {
		display: none;
	}
}



@media (min-width: 147px) and (max-width: 375px) {
	.dropdown-menu-documentation {
		padding: .2rem;
		width: 15rem;
	}
	span.documentation-title {
		max-width: 55%;
		margin-right: 0;
	}
	.cart-products-head span {
		font-size: 1.3rem;
	}
	span.product-cart-desc {
		font-size: 12px;
	}
	span.product-cart-desc-title {
		font-size: 14px;
	}
	span.product-cart-desc-value {
		margin-left: 0;
		font-size: 12px;
	}
	svg.info-tooltip {
		height: 1.5rem;
	}
	.other-stocks {
		font-size: 12px;
	}
}

@media (min-width: 147px) and (max-width: 425px) {
	span.cert-value {
		text-align: left;
	}
	span.cert-date-value {
		text-align: left;
	}

}

@media (min-width: 147px) and (max-width: 992px) {
	.btn-search-cert {
		width: 100%;
		display: block;
	}
	.box {
		padding-right: 0;
	}
}



@media (min-width: 147px) and (max-width: 768px) {
	a.dwn-cert {
		text-align: left;
	}
	.dropdown-menu-order-model {
		width: 100%;
	}
	.order_model {
		width: 100%;
		margin: 1rem auto;
		display: block;
	}
}

@media (min-width: 147px) and (max-width: 482px) {
	.popover {
		top: -20px!important;
		width: 15rem!important;
		max-width: inherit!important;
		left: 50%!important;
		position: absolute!important;
		-webkit-transform: translate(-50%,-90%)!important;
		-ms-transform: translate(-50%,-90%)!important;
		transform: translate(-50%,-90%)!important;
		display: block!important;
		margin-left: 0!important;
	}

	.popover .arrow {
		display: none;
	}
}


@media (min-width: 992px) {
	.products-big-container {
		min-height: 75vh;
	}

	.stock-container {
		justify-content: flex-end;
	}

	.other-stocks {
		padding-left: 1rem;
		text-align: justify;
	}
}


.finish-order-btn-split-view p {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: inline-flex;
}

.main-nav li.dropdown-open:hover .dropdown-menu {
	display: block;
}

.acc-nav li.dropdown-open:hover .dropdown-menu {
	display: block;
}


.sales-consulting {
	text-align: center;
	margin: 2rem auto;
	display: block;
}

.sales-consulting a {
	text-decoration: underline;
	color: #808080;
	font-weight: 400;
	font-size: 1.143rem;
}



.all-total-container {
	background: #ddd;
}


.in-stock-products {
	background: #fbfbfb;
	border-right: 1px solid #ddd;
}





a.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	vertical-align: middle;
}


a.go-top i {
	font-size: 200%;
	color: #fff;
	vertical-align: middle;
}


.go-top:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.contact-text-content p {
	font-weight: 700;
}


span.emptyCart {
	margin-top: 15px;
	display: block;
}


.user-right-drop:hover a i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


#remove-product-from-cart {
	width: 100%;
	text-align: right;
	color: #e42d24;
	background: none;
	border: none;
	text-decoration: underline;
	height: 40px;
	vertical-align: middle;
	display: block;
	font-size: 1rem;
	line-height: 1rem;
	cursor: pointer;
}



#remove-product-from-cart i {
	font-size: 150%;
	vertical-align: middle;
	color: #e42d24;
	padding-left: .5rem;
	display: inline-block;
}

span.prod-in-cart {
	font-size: 16px;
	vertical-align: middle;
	line-height: 1rem;
	color: #808080;
}


span.user-logged-as {
	color: var(--master-color);;
	display: block;
}

span.product-cart-desc a,
span.product-cart-desc a:hover,
span.product-cart-desc a:focus {
	color: #000;
	text-decoration: none;
}

span.product-cart-desc-value a,
span.product-cart-desc-value a:hover,
span.product-cart-desc-value a:focus {
	color: #000;
	text-decoration: none;
}


span#cart-total-items {
	display: inline-block;
	color: #000;
}

.right-nav-order li:first-child {
	padding-top: 5px;
	max-height: 35px;
}

.right-nav-order li:last-child {
	max-height: 24px;
}

.drop-products-per-page {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.stock-info-box {
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
}

span.stock-info-box a {
	position: relative;
}

.popover {
	max-width: 100%;
}


.prod-page-quantity input.quantity {
	width: 100%!important;
}

.prod-page-pieces {
	text-align: center;
}



/* SLIDER LISTING */


.slider-listing .slick-next {
	right: 1rem!important;
	z-index: 99;
	width: inherit;
	height: inherit;
}

.slider-listing .slick-prev {
	left: 1rem!important;
	z-index: 99;
	width: inherit;
	height: inherit;
}

.slider-listing .slick-next:before,
.slider-listing .slick-prev:before {
	font-size: 2.5rem;
	font-family: "FontAwesome";
	color: #e42d24;
	opacity: 1;
}

.slider-listing .slick-next:before {
	content: "\f105";
}

.slider-listing .slick-prev:before {
	content: "\f104";
}

.slider-listing .slick-next:before:hover,
.slider-listing .slick-prev:before:hover {
	opacity: 1;
}


.slider-listing .slick-slide:focus {
	outline: none;
}


.slider-listing .slick-dots li.slick-active button:before {
	opacity: 1rem;
	color: #e42d24;
	opacity: 1;
}

.slider-listing .slick-dots li button {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.5rem;
}

.slider-listing .slick-dots li button:before {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
}


.slider-listing .slick-dots {
	left: 0;
	bottom: 0;
	text-align: left;
	opacity: 1;
	padding-left: 2.5rem;
	padding-bottom: .5rem;
	z-index: 1!important;
}

.slider-listing .slick-dots li button:before {
	color: #ddd;
	opacity: 1;
}

.slider-listing .slick-dots li {
	width: 1.5rem;
	height: 1.5rem;
}

.slider-listing .slider-element {
	position: relative;
}


.slider-listing .slider-element .slider-element-img-container img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}


.slider-listing .slick-current .slick-dots li button:before {
	opacity: 1;
}

.slider-listing.slick-dotted.slick-slider {
	margin-bottom: 0;
}


.slider-element-info-container {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
	padding-bottom: 2rem;
	padding-right: 2.5rem;
	z-index: 999;
}

.btn-view-details {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-transform: uppercase;
}

.btn-view-products {
	background: transparent;
	color: #e42d24;
	border-color: #e42d24;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-transform: uppercase;
}



.slider-promo-info-big-container {
	background: #ddd;
	-webkit-transition: .5s height ease-in-out;
	-o-transition: .5s height ease-in-out;
	transition: .5s height ease-in-out;
}

.slider-promo-info-container {
	padding: 2.5rem;
}


.slider-promo-info-title h2 {
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin: 0;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}

.slider-promo-info-title h2.subtitle {
	text-transform: none;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}

.toggle-icon-promo-container {
	text-align: right;
}

.toggle-icon-promo-container a {
	text-decoration: none;
	color: inherit;
}

.toggle-icon-promo-container a:hover,
.toggle-icon-promo-container a:focus {
	text-decoration: none;
	color: inherit;
}


.toggle-icon-promo-container a i {
	color: #e42d24;
	font-size: 170%;
}

.toggle-icon-promo-container a {
	cursor: pointer;
}

/* END SLIDER LISTING */


/* PROMOTIONS */

.promotions-element-container {
	margin-bottom: 2.5rem;
}

.promotions-element {
	position: relative;
}

.promotions-element-img-container img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}


.promotions-element-info-container {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 2rem;
	padding-right: 2.5rem;
	z-index: 999;
}

.promotions-info-big-container {
	background: #ddd;
	-webkit-transition: .5s height ease-in-out;
	-o-transition: .5s height ease-in-out;
	transition: .5s height ease-in-out;
}

.promotions-info-container {
	padding: 2.5rem;
}

.promotions-big-container h2.text_title {
	margin-top: .5rem;
	color: #e42d24;
	font-weight: normal;
	font-size: 2rem;
	line-height: 2rem;
	text-transform: uppercase;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}

.promotions-wrapper-mobile {
	content: " ";
	display: block;
	margin: 0 auto;
	height: 2px;
	background: #e42d24;
	position: absolute;
	left: 0;
	right: 0;
	width: 100vw;
	z-index: 9999;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.promotions-wrapper-mobile:last-child {
	display: none;
}

/* END PROMOTIONS */


/* OFFERS */


.btn-add-offer {
	margin: 0;
}


.dataTables_wrapper {
	overflow-y: hidden;
	overflow-x: hidden;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
	text-align: center;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
	text-align: center;
}

.table-responsive .table-striped .table-hover .table-bordered {
	overflow-x: hidden;
}

#add-new-prod-cond-products {
	overflow-x: hidden!important;
	overflow-y: scroll;
}

.offers-big-container .table-responsive {
	overflow: hidden;
}

.offers-big-container .table-responsive .table-head {
	overflow: hidden;
}

.offers-big-container table tbody tr td {
	border: 0;
}

@media (min-width: 147px) and (max-width: 421px) {
	.dataTables_wrapper {
		overflow-x: auto;
	}
}

.table-head {
	overflow-y: scroll;
	padding: .5rem;
}

.dataTables_wrapper::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
#add-new-prod-cond-products::-webkit-scrollbar,
.table-head::-webkit-scrollbar {
	height: 2px;
}

.table-head::-webkit-scrollbar,
#add-new-prod-cond-products::-webkit-scrollbar {
	width: 2px;
}

.btn-export {
	margin: 0;
}

#pdf-template-modal .modal-dialog .modal-content .modal-body,
#pdf-template-modal .modal-dialog .modal-content .modal-header,
#pdf-template-modal .modal-dialog .modal-content .modal-footer {
	padding: 1rem;
}

#pdf-template-modal .modal-dialog .modal-content .modal-footer {
	clear: both;
}

#pdf-template-modal .modal-dialog .modal-content .modal-footer .btn-export,
#pdf-template-modal .modal-dialog .modal-content .modal-footer .btn-close {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}


.original-price-container input,
.novats-container input,
.vats-container input,
.price-with-vats-container input,
.discount-container input {
	width: 4.2rem;
	text-align: right;
	border: 1px solid #000;
}


.table>thead:first-child>tr:first-child>th {
	border-bottom: 1px solid #ddd;
}


.dataTable tbody tr td {
	border-top: 0;
}

.table-responsive {
	border: 1px solid #ddd;
}

.check-container {
	text-align: left;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

input.select_all_products,
input.select_all_item {
	float: left;
	margin-right: .2rem;
}

.data-row {
	padding: .5rem;
}

input.offer_category_name {
	border: 1px solid #000;
}

.offers-big-container .panel {
	border-radius: 0;
	border: 0;
	background: transparent;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.offers-big-container .panel .panel-body {
	padding: 0;
}

#offer-discount-btn,
#offerlines-delete-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.offers-sidebar .client-listing-item:before {
	display: none!important;
}

.client-offers-container .flex-item.item-desc {
	min-width: initial!important;
	padding-right: 0!important;
}

/* END OFFERS */


/* CRM */

body.crm {
	background: #fcfcfc;
}

.np {
	padding: 0;
}


.crm-container {
	background-image: initial!important;
	background: #fcfcfc;
	min-height: 110vh!important;
	overflow: hidden;
}

.action-group {
	margin: 20px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.action-group:after {
	content: " ";
	display: block;
	clear: both;
}

.action-group .form-Search {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
}

.action-group .form-Search input {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

.action-group .form-Search input:focus {
	background: #fcfcfc;
	border: 1px solid transparent;
}




.action-group .form-Search input::-webkit-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input::-moz-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input:-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input::-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input::placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.action-group .form-Search input:focus::-webkit-input-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus::-moz-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus:-ms-input-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus::-ms-input-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus::placeholder {
	color: #fcfcfc;
}

.action-group .custom-search-form {
	margin: 0;
	width: 100%;
	max-width: 40rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.action-group .custom-search-form.active {
	max-width: 100%;
}

.action-group .custom-search-form.active {
	z-index: 9999999!important;
}

.action-group .custom-search-form input {
	background: #fcfcfc;
	min-height: 49px;
	color: #2e2e2e;
	font-size: 1.1rem;
}



.action-group .custom-search-form .btn-search {
	min-height: 49px;
	width: 3.5rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.action-group .custom-search-form .btn-search i {
	font-size: 150%;
}

.action-group .custom-search-form span.input-group-btn {
	width: 3.5rem;
}

.action-group-btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}



.client-listing-tasks,
.client-listing-tasks-history {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.client-listing-tasks:after,
.client-listing-tasks-history:after {
	content: " ";
	display: block;
	clear: both;
}


.clients-listing-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.clients-listing-header h1 {
	color: #2e2e2e;
	font-weight: 300;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
}

.clients-listing-header .btn-filter-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.clients-listing-header a.btn-filter {
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	text-transform: capitalize;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn-add-client,
.btn-add-task {
	text-transform: capitalize;
	height: 49px;
	padding: 6px 12px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.2rem;
	margin-left: .5rem;
	font-weight: 300;
}

.btn-status,
.btn-agent {
	text-transform: capitalize;
	height: 49px;
	padding: 6px 12px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	-moz-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 300;
	position: relative;
}



.btn-add-client,
.btn-add-task,
.btn-status,
.btn-agent {
	background: #fcfcfc;
	color: #2e2e2e;
	border-color: #ddd;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}


.btn-add-client:focus,
.btn-add-client:hover,
.btn-add-client:active:focus,
.btn-add-client:active:hover,
.btn-add-client:focus:active,
.btn-add-client:hover:active {
	background: #fcfcfc;
	border-color: #2e2e2e;
	color: #2e2e2e;
}


.btn-add-task:focus,
.btn-add-task:hover,
.btn-add-task:active:focus,
.btn-add-task:active:hover,
.btn-add-task:focus:active,
.btn-add-task:hover:active,
.btn-status:focus,
.btn-status:hover,
.btn-status:active:focus,
.btn-status:active:hover,
.btn-status:focus:active,
.btn-status:hover:active,
.btn-agent:focus,
.btn-agent:hover,
.btn-agent:active:focus,
.btn-agent:active:hover,
.btn-agent:focus:active,
.btn-agent:hover:active {
	background: #fcfcfc;
	border-color: #2e2e2e;
	color: #2e2e2e;
}

.open>.dropdown-toggle.btn-status,
.open>.dropdown-toggle.btn-status.focus,
.open>.dropdown-toggle.btn-status:focus,
.open>.dropdown-toggle.btn-status:hover,
.open>.dropdown-toggle.btn-agent,
.open>.dropdown-toggle.btn-agent.focus,
.open>.dropdown-toggle.btn-agent:focus,
.open>.dropdown-toggle.btn-agent:hover {
	background: #fcfcfc;
	border-color: #2e2e2e;
	color: #2e2e2e;
}



.btn-add-client i,
.btn-add-task i {
	font-size: 150%;
	padding-right: .5rem;
}

.btn-status i,
.btn-agent i {
	font-size: 150%;
	padding-left: .5rem;
}


.filter-status-select,
.filter-agent-select {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	list-style: none;
}

.filter-status-select {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 5rem;
	width: 50%;
}

.filter-status-select span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.filter-status-select select,
.filter-agent-select select {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	background: transparent;
	font-size: 1.2rem;
	height: 36px;
	padding: 6px 12px;
	font-weight: 300;
}

.filter-status-select select:hover,
.filter-status-select select:focus,
.filter-agent-select select:hover,
.filter-agent-select select:focus {
	border: 1px solid #000;
}


.filter-status-select li {
	display: none;
}

.clients-listing-content {
	margin-top: 1rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.clients-listing-content a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}




.client-listing-item {
	border: 1px solid rgba(0,0,0,.1);
	padding: .5rem 1rem;
	border-radius: .25rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	position: relative;
	background: #fff;
	z-index: 1;
	opacity: 1;
	margin-bottom: .5rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	border-radius: .25rem;
}

.client-listing-item.open,
.client-listing-item:hover {
	border: 1px solid rgba(0,0,0,.4);
}


.clients-listing-content.open .client-listing-item:not(.open) {
	opacity: .3;
}


.client-listing-item.status-ok.open,
.client-listing-item.status-ok:hover {
	border: 1px solid #4CAF50;
}

.client-listing-item.status-warn.open,
.client-listing-item.status-warn:hover {
	border: 1px solid #e42d24;
}

.client-listing-item.status-pending.open,
.client-listing-item.status-pending:hover {
	border: 1px solid #FF9800;
}



.client-listing-item:before {
	content: " ";
	clear: both;
	position: absolute;
	left: -1px;
	top: 0;
	width: 2.5rem;
	height: 100%;
	border-radius: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 0;
}


.client-listing-item:before {
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-top: 0;
	border-bottom: 0;
}

.client-info-big-container .client-listing-item:before {
	display: none;
}

.client-listing-item.status-ok:before {
	background: #4CAF50;
	border: 1px solid #4CAF50;

}

.client-listing-item.status-pending:before {
	background: #FF9800;
	border: 1px solid #FF9800;

}

.client-listing-item.status-warn:before {
	background: #e42d24;
	border: 1px solid #e42d24;

}


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

.flex-item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 1rem;
	width: 100%;
}

.item-no {
	min-width: 2rem;
	max-width: 2rem;
	padding-right: 0;
}


.flex-item.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-width: 5rem;
}

.flex-item.item-date span {
	-webkit-box-pack: end!important;
	-webkit-justify-content: flex-end!important;
	-moz-box-pack: end!important;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}


.flex-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 1rem;
	overflow: hidden;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-item span {
	color: #2e2e2e;
	position: relative;
	z-index: 99;
}

.client-listing-item.status-ok .flex-item.item-no span,
.client-listing-item.status-warn .flex-item.item-no span,
.client-listing-item.status-pending .flex-item.item-no span {
	color: #fff;
	width: 2rem;
	left: -.75rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.client-listing-item .flex-item.item-no span {
	color: #000;
	width: 2rem;
	left: -.75rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-item a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	outline: none;
}

.flex-item.item-desc a {
	overflow: hidden;
	padding-right: .5rem;
	word-break: break-all;
	color: #0cb5ff;
}

.flex-row-btn-group {
	min-height: 3rem;
	-webkit-box-pack: end!important;
	-webkit-justify-content: flex-end!important;
	-moz-box-pack: end!important;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}


.flex-row-btn-group a {
	margin-left: .5rem;
	margin-right: 0;
	padding: 0!important;
	background: none!important;
	border: none!important;
	min-width: 2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 0;
}

.flex-row-btn-group a:first-child {
	margin-left: 0;
}


.btn-task-done {
	background: #4CAF50;
	border: 1px solid #4CAF50;
}

.btn-task-done i {
	font-size: 200%;
	color: #4CAF50;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}

.btn-task-done:hover i:before {
	content: "\f3ff";
}

.btn-task-done:hover i {
	-webkit-transform: scale3d(1.25,1.25,1);
	transform: scale3d(1.25,1.25,1);
}

.btn-task-delayed {
	background: #FF9800;
	border: 1px solid #FF9800;
}


.btn-task-delayed i {
	font-size: 200%;
	color: #FF9800;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}

.btn-task-delayed:hover i {
	-webkit-transform: scale3d(1.25,1.25,1);
	transform: scale3d(1.25,1.25,1);
}

.btn-task-delayed:hover i:before {
	content: "\f418";
}

.btn-task-info {
	background: #03A9F4;
	border: 1px solid #03A9F4;
}



.btn-task-done:focus,
.btn-task-done:hover,
.btn-task-done:active:focus,
.btn-task-done:active:hover,
.btn-task-done:focus:active,
.btn-task-done:hover:active {
	background: #62bb66;
	border-color: #62bb66;
}

.btn-task-delayed:focus,
.btn-task-delayed:hover,
.btn-task-delayed:active:focus,
.btn-task-delayed:active:hover,
.btn-task-delayed:focus:active,
.btn-task-delayed:hover:active {
	background: #ffa622;
	border-color: #ffa622;
}

.btn-task-info:focus,
.btn-task-info:hover,
.btn-task-info:active:focus,
.btn-task-info:active:hover,
.btn-task-info:focus:active,
.btn-task-info:hover:active {
	background: #1db7fc;
	border-color: #1db7fc;
}

.modal-client-status {
	margin-top: 93px;
}

.modal-client-status .modal-content {
	border-radius: 6px;
}

.modal-client-status .modal-header,
.modal-client-status .modal-body,
.modal-client-status .modal-footer {
	padding: 15px;
}

.modal-client-status .modal-footer {
	padding-top: 0;
}

.modal-client-status .modal-body i {
	font-size: 300%;
}

.modal-client-status .modal-body i.done {
	color: #4CAF50;
}

.modal-client-status .modal-body i.delayed {
	color: #FF9800;
}

.modal-client-status .modal-body i.info {
	color: #03A9F4;
}

.modal-client-status .modal-footer .btn-close {
	padding: 6px 12px;
}


.modal-client-status .modal-content button.close:focus,
.modal-client-status .modal-content button.close:hover {
	color: #e42d24;
	opacity: 1;
}

.filter-group-btn {
	width: 100%;
	margin-top: .25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal-add-user .modal-dialog,
.modal-task .modal-dialog,
.modal-send-offer .modal-dialog,
.modal-upload-files .modal-dialog,
.modal .modal-dialog {
	width: 50rem;
	margin: 7rem auto;
}

.modal-add-user .modal-content,
.modal-task .modal-content,
.modal-send-offer .modal-content,
.modal-upload-files .modal-content {
	border-radius: 6px;
}


.modal-add-user .modal-body,
.modal-task .modal-body,
.modal-send-offer .modal-body,
.modal-upload-files .modal-body {
	padding: 1rem;
}

.modal-add-user .modal-footer,
.modal-task .modal-footer,
.modal-send-offer .modal-footer,
.modal-upload-files .modal-footer {
	padding: 1rem;
}

.task-container .flex-row {
	min-height: initial;
	max-height: initial;
	overflow: initial;
	margin-bottom: .5rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.task-container .flex-row:last-child {
	margin-bottom: 0;
}


.task-container .flex-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

input[type="radio"],
input[type="radio"]:focus {
	outline: none;
}

label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: capitalize;
}

.task-container label,
.task-container input {
	margin-bottom: 0;
}



.task-container .flex-col.params {
	width: 40%;
}

.task-container .flex-col.options {
	width: 60%;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	-moz-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.task-container .flex-col.options input[type="radio"] {
	margin-right: .5rem;
	margin-left: .5rem;
}

.task-container .flex-col.params .client-name,
.task-container .flex-row .task-desc,
.task-container .flex-col.params .task-date,
.task-container .flex-col.options .task-assist,
.task-container .flex-col.options .task-options,
.task-container .flex-col.params .email-reminder {
	width: 100%;
	padding: 0 .5rem;
}

.task-container .flex-col.options .task-assist select {
	margin-bottom: 0;
}

.task-container .flex-col.params .email-reminder label span:first-child {
	padding-right: .5rem;
}

.task-container .flex-col.params .email-reminder label span.input-group-addon {
	min-height: 34px;
	width: auto;
	border: 1px solid #ddd;
	text-align: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.task-container .flex-col.params .email-reminder input:focus + .input-group-addon {
	border: 1px solid #ddd;
}

.task-container .flex-col.params .email-reminder input {
	width: 5rem;
	margin: 0;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.task-container .flex-col.params .task-date input {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.task-date input {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-color: #ddd;
	border-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.task-date .input-group-addon {
	border: 1px solid #ddd;
}

.task-container .flex-col.params .task-date span.input-group-addon {
	border: 1px solid #ddd;
	color: #555;
}

.task-container .flex-col.params .task-date input:focus + .input-group-addon {
	border: 1px solid #ddd;
}

.task-container .flex-col.params .email-reminder {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.task-container .flex-col.params .email-reminder label {
	width: 100%;
}

.task-container .flex-col.params .email-reminder label,
.task-container .flex-col.params .email-reminder span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.task-container .flex-col.options .task-options label {
	padding: 0 .5rem;
}


.task-container .flex-col.params .email-reminder label,
.task-container .flex-col.params .email-reminder span {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}



.btn-save, .btn-save-new,
.btn-step-back, .btn-step-next,
.btn-save-last-step {
	padding: 6px 12px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 2.5rem;
}


.btn-step-back i {
	padding-right: .5rem;
	font-size: 120%;
}

.btn-step-next i {
	padding-left: .5rem;
	font-size: 120%;
}

li.done,
li.delayed,
li.finished {
	position: relative;
}

li.done:after {
	position: absolute;
	top: 50%;
	right: .5rem;
	content: " ";
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #4CAF50;
	-webkit-transform: translate(-.5rem, -50%);
	-ms-transform: translate(-.5rem, -50%);
	transform: translate(-.5rem, -50%);
}

li.delayed:after {
	position: absolute;
	top: 50%;
	right: .5rem;
	content: " ";
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #FF9800;
	-webkit-transform: translate(-.5rem, -50%);
	-ms-transform: translate(-.5rem, -50%);
	transform: translate(-.5rem, -50%);
}

li.finished:after {
	position: absolute;
	top: 50%;
	right: .5rem;
	content: " ";
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #e42d24;
	-webkit-transform: translate(-.5rem, -50%);
	-ms-transform: translate(-.5rem, -50%);
	transform: translate(-.5rem, -50%);
}


.client-listing-item .task-info {
	display: none;
	position: relative;
	z-index: -1;
	margin-left: 1.95rem;
	min-height: .001rem;
}


.flex-row-nhl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: initial;
	max-height: initial;
	overflow: initial;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.task-info .email-reminder,
.task-info .email-reminder label {
	width: 100%;
}

.task-info .email-reminder label {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 0;
}

.task-info .email-reminder span:first-child {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 9rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.task-info .email-reminder input {
	width: calc(100% - 20rem);
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 0;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0;
}

.task-info .email-reminder span.input-group-addon {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 0;
	width: 11rem;
	border: 1px solid #000;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.task-info span.task-info-desc {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline!important;
	-webkit-align-items: baseline!important;
	-moz-box-align: baseline!important;
	-ms-flex-align: baseline!important;
	align-items: baseline!important;
	width: 100%!important;
	max-height: 5.4rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	position: relative;
}

.task-info-desc__field-name {
	margin-right: 0.4rem;
}

.client-listing-item.active span.task-info-desc {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.task-info span.task-info-desc {
	max-height: none !important;
}

.task-info span.task-info-desc:after {
	content: none !important;
	display: block;
	position: absolute;
	z-index: 100;
	background-image: -o-linear-gradient(top,rgba(255,255,255,0) -155%,#fff 100%);
	background-image: -o-linear-gradient(top,rgba(255,255,255,0) -400%,#fff 100%);
	background-image: -webkit-gradient(linear,left top, left bottom,color-stop(-400%, rgba(255,255,255,0)),to(#fff));
	background-image: linear-gradient(to bottom,rgba(255,255,255,0) -400%,#fff 100%);
	width: 100%;
	left: 0;
	top: 2.5rem;
	bottom: 0;
	right: 0;
	pointer-events: none;
	height: 100%;
}

.task-info .view-more {
	text-transform: capitalize;
	color: #000;
	font-size: .9rem;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1rem;
	position: relative;
	z-index: 999;
}

.task-info .view-more:hover {
	color: #e42d24;
}

.task-info .view-more i {
	font-size: 120%;
	vertical-align: middle;
	padding-left: .25rem;
}

.task-info span.task-info-desc.show-desc {
	overflow: initial;
	height: initial;
}


.task-info span.task-info-desc.show-desc:after {
	display: none;
}


.email-reminder-container,
.task-assist-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	-moz-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	width: 100%;
	padding-top: 1rem;
}


.email-reminder-container .email-reminder input {
	width: 4rem;
	margin-right: 0;
}

.email-reminder-container .email-reminder span.input-group-addon {
	width: 8rem;
}


.email-reminder-container .email-reminder input:focus + .input-group-addon {
	border: 1px solid #ff3333;
}


.task-assist-container .task-assist {
	width: 100%;
}


.task-info .email-reminder-container .email-reminder,
.task-info .email-reminder-container .email-reminder label {
	width: initial;
}

.task-full-desc {
	min-height: 10rem;
	resize: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* NEW CLIENT CRM */


.add-new-client {
	-webkit-box-shadow: 0.05rem 0.15rem 0.5rem rgba(0,0,0,.2);
	box-shadow: 0.05rem 0.15rem 0.5rem rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.1);
	border-radius: .25rem;
	background: #fff;
	margin-top: 5vh;
}


.add-new-client .new-client-data {
	border-bottom: 1px solid rgba(0,0,0,.1);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.add-new-client .new-client-data li {
	border-right: 1px solid rgba(0,0,0,.1);
	list-style: none;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
}



.add-new-client .new-client-data li a {
	padding: .5rem 1rem;
	text-decoration: none;
	color: #000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}


.add-new-client .new-client-data li:last-child {
	border-right: 0;
}

.add-new-client .new-client-data li.active a,
.add-new-client .new-client-data li a:hover,
.add-new-client .new-client-data li a:focus {
	background: #e42d24;
	color: #fff;
}


.add-new-client .add-new-client-content {
	padding: .5rem 1rem;
	position: relative;
}


.add-new-client .flex-row {
	min-height: initial;
	max-height: initial;
	overflow: initial;
	margin-top: 1rem;
	margin-bottom: 1rem;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.add-new-client .flex-row label,
.add-new-client .flex-row input,
.add-new-client .flex-row .autocomplete-name-container {
	margin-bottom: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.add-new-client .flex-row input,
.add-new-client .flex-row select,
.add-new-client .flex-row .autocomplete-name-container,
.add-new-client .flex-row .taxid-container {
	width: 50%;
	flex: 1;
	margin-left: 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.add-new-client .flex-row .taxid-container {
	display: flex;
}

.add-new-client .flex-row .taxid-container .form-control {
	margin-right: 0.3rem;
}

.add-new-client .flex-row .checkbox-group {
	width: 65%;
	margin-left: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.add-new-client .flex-row.has-error input,
.modal-add-user .flex-row.has-error input {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ddd;
	outline: none;
}

.add-new-client .flex-row > span.select2-container {
	width: 50%!important;
	flex: 1;
	margin-left: 0;
	text-align: left;
	font-weight: initial;
	outline: none;
}

.add-new-client .flex-row label {
	width: 35%;
	cursor: initial;
	-webkit-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
}



.add-new-client .flex-row .checkbox.checkbox-primary label {
	padding-left: 25px;
}

.add-new-client .flex-row .control-label {
	padding-left: 0;
	color: inherit;
}

.add-new-client .flex-row > span {
	width: 35%;
	font-weight: 700;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
}

.filter-autocomplete{
	position: absolute;
	background-color: #fcfcfc;
	z-index: 9999;
	top: 47px;
	width: 100%;
	pointer-events: none;
	border-bottom-left-radius: .35rem;
	border-bottom-right-radius: .35rem;
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.2);
	box-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

.filter-autocomplete.none {
	display: none;
}

.searchGroup .filter-autocomplete {
	pointer-events: initial!important;
}

.filter-autocomplete .autocomplete_inner_container {
	width: 100%;
	margin: 0 auto;
	padding: 1rem;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing {
	width: 100%;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 5rem;
	margin-bottom: .5rem;
	pointer-events: initial;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content a .client-listing-item {
	height: 100%;
}

.filter-autocomplete .btn-reset-filters {
	display: none;
}

.filter-autocomplete > .col-xs-10 {
	width: 100%;
	padding: 1rem;
	margin: 0;
}

.filter-autocomplete > .col-xs-10 > .col-xs-12 {
	width: 100%;
}

.filter-autocomplete .clients-listing-content {
	margin: 0;
}

.checkbox.checkbox-primary {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.checkbox.checkbox-primary label {
	width: 100%;
	height: 17px;
	min-height: initial;
	cursor: pointer;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 5rem;
}

.checkbox.checkbox-primary label::before {
	width: 17px;
	height: 17px;
}

.checkbox.checkbox-primary label::after {
	top: 0;
	left: 0;
	padding-top: 0;
	padding-left: 0;
	width: 17px;
	height: 17px;
}


.checkbox.checkbox-primary input[type="checkbox"] {
	width: 17px;
	height: 17px;
}

.checkbox.checkbox-primary {
	margin-top: 0;
	margin-bottom: 0;
}


.flex-row .save-client-container,
.flex-row .steps-container {
	width: 100%;
	text-align: right;
}


span.steps {
	position: absolute;
	right: 1rem;
	top: 1.5rem;
	border: 1px solid transparent;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	-webkit-box-shadow: inset 0 0 0 2px #e42d24;
	box-shadow: inset 0 0 0 2px #e42d24;
}


.progress-circle {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.progress-circle-back {
	fill: none;
	stroke: #D2D2D2;
	stroke-width: 3px;
}


.progress-circle-prog {
	fill: none;
	stroke: #e42d24;
	stroke-width: 3px;
	stroke-dasharray: 0 999;
	stroke-dashoffset: 0px;
	-webkit-transition: stroke-dasharray 0.7s linear 0s;
	-o-transition: stroke-dasharray 0.7s linear 0s;
	transition: stroke-dasharray 0.7s linear 0s;
}

.progress-text {
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	font-size: 1rem;
}


.progress-steps {
	position: absolute;
	top: 1.75rem;
	right: 1rem;
	height: 3rem;
	width: 3rem;
}

.progress-text {
	position: absolute;
	top: .825rem;
	left: 4px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 7px);
	font-weight: 700;
}

svg.progress-circle {
	width: 3rem;
	height: 3rem;
}

.modal-body .add-new-client {
	margin: 0 auto;
	max-width: initial;
	border-top: none;
}

#new-company .modal-body {
	padding: 0;
}


.ui-menu .ui-menu-item {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.ui-menu .ui-menu-item-wrapper {
	width: 100%;
}

.add-new-client .flex-row .autocomplete-name-container {
	position: relative;
}

.add-new-client .flex-row .autocomplete-name-container input,
.add-new-client .flex-row .taxid-container input {
	width: 100%;
}

.add-new-client .help-block {
	width: 100%;
	padding-left: 35% !important;
}

.add-new-client  .autocomplete-name-container .help-block,
.add-new-client  .taxid-container .help-block {
	padding-left: 0 !important;
}


.flex-col.has-error {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #e42d24;
	margin: 0;
	font-weight: bold;
	text-align: left;
	padding-left: .5rem;
	padding-right: .5rem;
}

/* END NEW CLIENT CRM */


/* CLIENT INFO CRM */

.client-info-container {
	padding: 1rem;
	border: 1px solid #ddd;
	background: #fff;
	display: block;
	margin-top: 1rem;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.attr-group:after {
	content: " ";
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: 2rem;
}


.attr-cat {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.client-info-big-container h3 {
	text-align: left;
	font-size: 24px;
}

.attr-group h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-right: 2rem;
}

.attr-group h3 > span {
	position: relative;
	margin-right: 0.5rem;
}

.attr-group h3 span.total-followers {
	right: -0.3rem;
}

.attr-group h3 a {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	color: #3b3f42;
	opacity: .5;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	outline: none;
}

.attr-group h3 a i {
	font-size: 135%;
}

.attr-group h3 a:hover {
	opacity: 1;
}

.attr-cat span,
.attr-cat a {
	color: #3b3f42;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	padding-top: .25rem;
	padding-bottom: .25rem;
	word-break: break-all;
}

.modal-edit-info .modal-header,
.modal-edit-info .modal-body,
.modal-edit-info .modal-footer {
	padding: 1rem;
}

.modal-edit-info .attr-group .attr-cat {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.modal-edit-info .attr-group,
.modal-edit-info .attr-group .attr-cat {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}



.tabs-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
}

.tabs-container .btn-tab {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
	text-transform: capitalize;
	height: 49px;
	padding: 6px 12px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 300;
	background: #fcfcfc;
	color: #2e2e2e;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 0;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tabs-container .btn-tab:first-child {
	border: 1px solid #ddd;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 1px solid transparent;
	position: relative;
}

.tabs-container:after {
	content: " ";
	display: block;
	clear: both;
	height: 100%;
	width: 1px;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.tabs-container .btn-tab:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 1px solid #ddd;
	border-left: 1px solid transparent;
}

.tabs-container .btn-tab:hover {
	border: 1px solid #2e2e2e;
}



.tabs-container .btn-tab.active {
	background: #2e2e2e;
	color: #fff;
	border: 1px solid transparent;
}


.client_big_container:after {
	content: " ";
	display: block;
	clear: both;
}

#saveUserForm{padding:10px;}

.users_container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.users_container_header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.users_container_header .action-group .search-container,
.users_container_header .action-group .search-group {
	width: 100%;
}

.users_container_header .action-group {
	width: 100%;
}

.users_container_body {
	margin-top: 1rem;
}


.users_container_body, .user_elem_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}



.client_elem_row, .user_elem_row {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-radius: .35rem;
	border: 1px solid transparent;
	cursor: pointer;
}

.user_elem_row:hover {
	border: 1px solid #ddd;
}

.user_elem {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1.25rem;
	color: #555;
}


.user_elem:first-child, .user_elem:nth-child(3) {
	width: 10%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.user_elem:nth-child(2) {
	width: 80%;
}


.user_elem:nth-child(2) span:nth-child(2) {
	padding-left: 1rem;
	font-weight: bold;
}



.btn-select {
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid var(--master-color);
	padding: 0;
}

.btn-select i {
	font-size: 125%;
	color: var(--master-color);
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.btn-select:hover,
.btn-select:focus,
.btn-select:active:focus,
.btn-select:active:hover,
.btn-select:focus:active,
.btn-select:hover:active {
	background: var(--master-color);
}


.btn-select:hover i, .btn-select:focus i, .btn-select:active:focus i, .btn-select:active:hover i, .btn-select:focus:active i, .btn-select:hover:active i {
	color: #fff;
}


.active-tasks-container,
.history-tasks-container {
	position: relative;
	border: 1px solid #ddd;
	padding: 1.5rem 1rem 1rem 1rem;
	margin-top: 5.5rem;
	background: #fff;
	margin-bottom: 5rem;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.bootstrap-datetimepicker-widget {
	top: 34px!important;
	bottom: auto!important;
}


.modal-add-user .modal-content {
	border-radius: 6px;
}


.modal-add-user .flex-row {
	min-height: initial;
	max-height: initial;
	overflow: initial;
	margin-top: 1rem;
	margin-bottom: 1rem;
}


.modal-add-user .flex-row label {
	width: 30%;
	cursor: initial;
	-webkit-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
	text-align: left;
}

.modal-add-user .flex-row .user-role-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.modal-add-user .flex-row .user-role-container span {
	text-transform: uppercase;
	color: #fff;
	border-radius: .35rem;
	padding: .35rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #2ed573;
}

.modal-add-user .flex-row span.select2-container {
	width: 100%!important;
	text-align: left;
	font-weight: initial;
	outline: none;
	margin-left: 0;
}

.modal-add-user .flex-row span.user-role {
	width: 100%;
	text-align: left;
	color: #2ecc71;
	text-transform: capitalize;
}


.modal-add-user .flex-row span.select2-container--default .select2-selection--single .select2-selection__clear {
	float: none;
}

.modal-body form:after {
	content: " ";
	display: block;
	clear: both;
}


.modal-footer {
	border-top: 0;
}

/* END CLIENT INFO CRM */



.select2-dropdown {
	border: 1px solid #ddd!important;
	border-top: 0!important;
}


.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0;
}

.select2-container .select2-selection--single {
	height: 34px!important;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #ddd!important;
	outline: none;
	text-align: left;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: initial!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 6px 12px!important;
}

.select2-container--default .select2-results > .select2-results__options {
	overflow-x: hidden;
}


.modal-task-done .task-desc textarea {
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#chartdiv {
	width: 100%;
	height: 30rem;
	margin-top: 12.57rem;
	margin-left: 7.3rem;
}


body.crm .mobile-nav {
	left: -100%;
	width: 100%;
	top: 79px;
	position: fixed;
}

body.crm .mobile-open {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	left: 0;
	width: 100%;
}

body.crm .mobile-nav li {
	width: 100%;
}


body.crm .add-new-client .tab-pane {
	min-height: 3rem;
}


.search-autocomplete {
	top: 47px;
	width: 100%;
	padding: 6px 12px;
}

.search-autocomplete .col-xs-10.col-xs-offset-1.np {
	width: 100%!important;
	margin: 0;
}

.search-autocomplete .client-listing-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

a.ss {
	text-decoration: none!important;
	outline: none!important;
	color: #000;
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-moz-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
}

a.ss:hover {
	text-decoration: none!important;
	outline: none!important;
	color: #000;
}

.search-autocomplete .clients-listing {
	width: 100%;
}


.applyBtn, .cancelBtn {
	margin: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: .35rem;
	width: 74px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .9rem;
}

.applyBtn {
	margin-right: 7px;
}


.filter-status-select label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.filter-status-select .range,
.clients-charts .range {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.clients-charts .scrolling-outer::-webkit-scrollbar {
	width: 10px;
}

.filter-status-select .range i {
	padding-right: .5rem;
}

.filter-status-select > span {
	font-weight: 700;
}


.offers-big-container .table-responsive {
	max-height: 45rem;
	margin-bottom: 1rem;
}

.offers-sidebar .input-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.client-listing-tasks .flex-item.item-desc,
.offers-sidebar .input-group .client-listing-tasks .flex-item.item-desc {
	min-width: initial;
	padding-right: 0;
}

.active-tasks-container .client-listing-tasks .flex-item.item-desc,
.history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
	min-width: 27rem;
	padding-right: 1rem;
}

.client-listing-tasks .item-no,
.offers-sidebar .input-group .client-listing-tasks .item-no {
	display: none;
}

#taskuri .client-listing-item .item-no {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.active-tasks-container .item-no,
.history-tasks-container .item-no {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}



.offers-sidebar .input-group.fwr {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.offers-sidebar .input-group .select2-container {
	width: 100%!important;
}

.offers-sidebar .input-group textarea {
	border: 1px solid #000;
	border-radius: 4px;
}

.offers-sidebar a.client-link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	text-decoration: none;
	color: #333;
	font-weight: 500;
}

.offers-sidebar a.btn-save-offer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	height: 2.5rem;
}

.client-listing-tasks .client-listing-item span,
.offers-sidebar .client-listing-item span {
	width: 60%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.active-tasks-container .client-listing-item span,
.history-tasks-container .client-listing-item span {
	-webkit-box-pack: initial;
	-webkit-justify-content: initial;
	-moz-box-pack: initial;
	-ms-flex-pack: initial;
	justify-content: initial;
}


.active-tasks-container .client-listing-item span.total-followers,
.history-tasks-container .client-listing-item span.total-followers {
	display: block;
	text-align: center;
	width: auto;
}

.active-tasks-container .client-listing-item .item-date span,
.history-tasks-container .client-listing-item .item-date span {
	width: 100%;
}


.client-listing-tasks .client-listing-item .offer-actions,
.offers-sidebar .client-listing-item .offer-actions {
	width: 40%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.client-listing-tasks .client-listing-item .offer-actions a,
.offers-sidebar .client-listing-item .offer-actions a {
	width: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.client-listing-tasks .client-listing-item .offer-actions a,
.offers-sidebar .client-listing-item .offer-actions a {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	text-decoration: none;
}

.client-listing-tasks .client-listing-item .offer-actions a:focus,
.client-listing-tasks .client-listing-item .offer-actions a:hover,
.offers-sidebar .client-listing-item .offer-actions a:focus,
.offers-sidebar .client-listing-item .offer-actions a:hover {
	text-decoration: none;
}

.client-listing-tasks .client-listing-item .offer-actions a i,
.offers-sidebar .client-listing-item .offer-actions a i {
	color: #ddd;
}

.client-listing-tasks .client-listing-item .offer-actions a:hover i,
.offers-sidebar .client-listing-item .offer-actions a:hover i {
	color: #333;
}


.btn-export-pdf {
	width: 100%;
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
}

.offers-sidebar .clients-listing-content {
	margin-top: 0;
}

#offerAttributes .select2-container {
	width: 100%;
}

.offers-sidebar .product-pagination {
	margin-top: .25rem;
	margin-bottom: .25rem;
}

.client_big_container .client-name h1 {
	color: #3b3f42;
	word-break: break-all;
}

#companies .clients-listing {
	width: 100%;
}

.modal-add-user .form-group {
	text-align: left;
}

.modal-add-user .form-group .select2-container .select2-selection__clear {
	display: none;
}

.modal-add-user .modal-header {
	position: relative;
}

.modal-add-user .modal-header .close {
	margin-top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: none;
	position: absolute;
	top: 50%;
	right: 1rem;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #ddd!important;
}

.product-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0;
}

ul.product-pagination li {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 0;
}

.task-options {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.task-container .flex-col.options input[type="radio"] {
	margin: 0;
}


.client-name .select2-container {
	width: 100%!important;
}

h4.modal-title {
	word-break: break-word;
}

h4.modal-title > span {
	position: relative;
	margin-right: 0.5rem;
}


h4.modal-title i {
	font-size: 120%;
}


h4.modal-title span.total-followers {
	right: -0.1rem;
	max-width: 1.4rem;
}

.box {
	text-align: center;
	margin-bottom: 0;
	position: relative;
	margin-top: 20px;
	padding-right: 15px;
}

.box-filters .box-title[data-target] {
	margin-bottom: 8px;
	border-bottom: 1px solid #e42d24;
	text-align: left;
	font-weight: 400;
	font-size: 1.429rem;
	color: #e42d24;
}

.box-selected-filters .box-title {
	text-align: left;
}

.client-info-big-container {
	margin-top: 6rem;
}

.btn-add-new-task,
.btn-add-new-task-mobile,
.btn-add-files {
	width: 11rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.btn-add-order-mobile,
.btn-add-order-desktop {
	margin: 0;
}


@media (max-width: 376px) {
	.client-info-btns-container .btn-add-new-task-mobile  {
		font-size: 0.8rem;
	}
}

.client-info-btns-container .btn-add-new-task {
	width: auto !important;
}

.client-info-btns-container .approve-client {
	width: auto !important;
	margin-left: 1rem;
}

.btn-add-files {
	margin-top: 1rem;
	margin-right: 2rem;
}

.bootstrap-datetimepicker-widget {
	background: #fff;
}

.timepicker-picker {
	background: #fff!important;
	z-index: 99999999!important;
	position: relative;
}

.picker-switch {
	background: #fff!important;
	z-index: 999999;
	position: relative;
}

.modal-add-user .modal-dialog {
	width: 50rem;
}

.clients-listing .box.box-selected-filters,
.client-listing-tasks .box.box-selected-filters,
.client-listing-tasks-history .box.box-selected-filters {
	margin-top: 0;
	padding-right: 0;
}

.clients-listing .box.box-selected-filters .box-heading a.attrFilterChange,
.client-listing-tasks .box.box-selected-filters .box-heading a.attrFilterChange,
.client-listing-tasks-history .box.box-selected-filters .box-heading a.attrFilterChange {
	cursor: pointer;
	background: var(--master-color);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: .35rem;
	text-decoration: none;
	padding: .35rem .5rem;
}

.clients-listing .list-selected-filters li,
.client-listing-tasks .list-selected-filters li,
.client-listing-tasks-history .list-selected-filters li {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: .35rem;
	padding: .5rem;
	margin-right: .5rem;
}

.clients-listing .list-selected-filters li span,
.client-listing-tasks .list-selected-filters li span,
.client-listing-tasks-history .list-selected-filters li span {
	color: #555;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	padding-left: 0;
	cursor: pointer;
	word-break: initial;
	max-width: initial;
	height: initial;
	line-height: initial;
	text-transform: initial;

}

.clients-listing .list-selected-filters li span i,
.client-listing-tasks .list-selected-filters li span i,
.client-listing-tasks-history .list-selected-filters li span i {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: .5rem;
}

.clients-listing .list-selected-filters li a:focus,
.clients-listing .list-selected-filters li a:hover,
.client-listing-tasks .list-selected-filters li a:focus,
.client-listing-tasks .list-selected-filters li a:hover,
.client-listing-tasks-history .list-selected-filters li a:focus,
.client-listing-tasks-history .list-selected-filters li a:hover {
	text-decoration: none;
}

.filter-status-select > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-moz-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.attrFilterSelect2 + .select2-container {
	width: 100% !important;
}

.companies-filters {
	width: initial;
	margin-right: .5rem;
	min-height: initial;
}

.btn-reset-filters {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	height: 36px;
}

.btn-add-offer {
	width: 11rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 1rem 0!important;
}

.clients-listing-content a.btn-add-offer {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.modal-add-user.in,
.modal-task.in,
.modal-send-offer.in,
.modal-upload-files.in {
	padding-right: 0!important;
}

.modal-send-offer .modal-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.modal-send-offer .modal-footer button {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.modal-send-offer {
	pointer-events: none;
}

.modal-send-offer form.send_email_form {
	pointer-events: initial;
}

.modal-send-offer form.send_email_form .modal-footer .flex-row {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.modal-send-offer .flex-row label {
	min-width: 10rem;
}

.modal-open {
	padding-right: 0!important;
}

.task-actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.task-actions button {
	margin: 0;
}

.task-actions button:first-child {
	margin-right: .5rem;
}

.client-listing-item.open .task-info {
	display: block;
}

.btn-mark-task-as-done-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 1rem;
}

.mark-date-as-done-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 1rem;
}

.mark-date-as-done-container label {
	padding-right: 1rem;
}

.btn-mark-task-as-done-container .btn-mark-task-as-done {
	margin-right: 0;
}

.task-assist .select2-container,
.task-assist .select2-container .select2-container--default .select2-search--inline .select2-search__field {
	width: 100%!important;
}

.task-options label {
	cursor: pointer;
}

.email-reminder input:focus {
	border-color: #ddd;
}

.task-date input:focus {
	border-color: #ddd;
}


.crm-container:after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s background ease-in-out;
	-o-transition: .5s background ease-in-out;
	transition: .5s background ease-in-out;
}

.crm-container.backdrop:after {
	visibility: visible;
	opacity: 1;
	z-index: 999999;
	background: rgba(0,0,0,.5);
}

.clients-listing-content-outer .clients-listing-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.clients-listing-content-outer .clients-listing-content a.ss {
	width: 33.333333333333%;
}

.clients-listing-content-outer .clients-listing-content a.ss .client-listing-item {
	width: 100%;
	margin-right: .5rem;
}

.upload-attachment-container {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.upload-attachment-container .upload-attachment-container-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner a {
	outline: none;
	text-decoration: none;
	margin-left: 1rem;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner a i {
	font-size: 200%;
	color: #e42d24;
}

.modal-upload-files .upload-attachment-container-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.upload-attachment-container-inner label {
	min-width: initial;
	max-width: initial;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0;
	margin: 0 0 0 1rem;
	background: transparent;
}

.upload-attachment-container-inner label:active,
.upload-attachment-container-inner label:focus,
.upload-attachment-container-inner label:hover,
.upload-attachment-container-inner label:active:focus,
.upload-attachment-container-inner label:focus:active,
.upload-attachment-container-inner label:hover:active,
.upload-attachment-container-inner label:active:hover {
	background: transparent;
	border-color: transparent;
}

.upload-attachment-container-inner label i {
	font-size: 200%;
	color: #e42d24;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}



.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner label i {
	font-size: 200%;
}

.upload-attachment-container-inner input[type="file"] {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 39px;
	padding: 0;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	width: 145px;
	cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #fff!important;
	border: 1px solid #ddd!important;
}


.clients-listing-outer-container {
	position: relative;
	border: 1px solid #ddd;
	padding: 1.5rem 1rem 1rem 1rem;
	margin-top: .5rem;
	background: #fff;
	margin-bottom: 5rem;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.modal-upload-files .modal-footer button {
	margin-right: 0;
}



.uploaded-files-container span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #ddd;
	padding: .35rem;
	cursor: default;
	border-radius: .35rem .5rem;
	height: 2rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.uploaded-files-container span:hover {
	border: 1px solid #000;
}

.uploaded-files-container span a {
	margin-left: 1rem;
	text-decoration: none;
	color: initial;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.uploaded-files-container span a:hover {
	color: #e42d24;
	text-decoration: none;
}

.uploaded-files-container span i {
	font-size: 125%;
}
.uploaded-taskfiles-container span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #ddd;
	padding: .35rem;
	cursor: default;
	border-radius: .35rem .5rem;
	height: 2rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.uploaded-taskfiles-container span:hover {
	border: 1px solid #000;
}

.uploaded-taskfiles-container span a {
	margin-left: 1rem;
	text-decoration: none;
	color: initial;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.uploaded-taskfiles-container span a:hover {
	color: #e42d24;
	text-decoration: none;
}

.uploaded-taskfiles-container span i {
	font-size: 125%;
}



.client-info-big-container .client-listing-item {
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	border-radius: 0;
}

.client-info-big-container .uploaded-files-container {
	margin-top: 1rem;
}

.client-info-big-container .uploaded-files-container span {
	margin-right: .25rem;
	margin-bottom: .25rem;
}

.client-info-big-container .uploaded-files-container-upper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


.client-info-big-container .uploaded-files-container-upper > span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.client-info-big-container .uploaded-files-container-upper > span > span.upload-counter {
	font-weight: bold;
	padding-right: .25rem;
	font-size: 1.25rem;
}

.client-info-big-container .uploaded-files-container-upper > span.remove-all-uploads {
	text-align: right;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.client-info-big-container .uploaded-files-container-upper > span.remove-all-uploads a {
	color: var(--master-color);
	text-decoration: underline;
}

.client-info-uploaded-files-container h3 {
	text-transform: capitalize;
}

.modal-new-task .modal-body {
	/*overflow-y: auto;*/
}

textarea::-webkit-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea::-moz-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea:-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea::-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea::placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea:focus::-webkit-input-placeholder {
	color: #fff;
}

textarea:focus::-moz-placeholder {
	color: #fff;
}

textarea:focus:-ms-input-placeholder {
	color: #fff;
}

textarea:focus::-ms-input-placeholder {
	color: #fff;
}

textarea:focus::placeholder {
	color: #fff;
}


.filter-autocomplete .flex-item.item-desc {
	min-width: initial;
}

.product-pagination li a {
	pointer-events: initial;
}

/* END CRM */

/* EMAIL TEMPLATE */

.general_email_container {
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 65rem;
}

.general_email_container h1 {
	text-transform: capitalize;
	margin-bottom: 1rem;
	font-size: 2.5rem;
}

.general_email_container .cke_chrome {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	border-radius: .35rem;
}

.general_email_container .cke_top {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fcfcfc;
	border-top-left-radius: .35rem;
	border-top-right-radius: .35rem;
	padding: .5rem;
	border-top-left-radius: .35rem;
	border-top-right-radius: .35rem;
	border-bottom: 1px solid #ddd;
}

.general_email_container .cke_toolgroup,
.general_email_container .cke_combo_button {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	background: #fcfcfc;
}

.general_email_container a.cke_button_off:hover,
.general_email_container a.cke_button_off:focus,
.general_email_container a.cke_button_off:active,
.general_email_container a.cke_button_disabled:hover,
.general_email_container a.cke_button_disabled:focus,
.general_email_container a.cke_button_disabled:active,
.general_email_container .cke_combo_off a.cke_combo_button:hover,
.general_email_container .cke_combo_off a.cke_combo_button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #ddd;

}

.general_email_container a.cke_button_on:hover,
.general_email_container a.cke_button_on:focus,
.general_email_container a.cke_button_on:active,
.general_email_container .cke_button_on,
.general_email_container .cke_combo_off a.cke_combo_button:active,
.general_email_container .cke_combo_on a.cke_combo_button {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-filter: none;
	filter: none;
	background-image: none;
	text-shadow: none;
}

.general_email_container .cke_button_on {
	background: #00a8ff;
}



.general_email_container .cke_inner {
	border-radius: .35rem;
}

.general_email_container .cke_contents {
	border-bottom-right-radius: .35rem;
	border-bottom-left-radius: .35rem;
}




.general_email_container .cke_bottom {
	display: none;
}


.general_email_container .cke_wysiwyg_frame {
	background-color: #fff;
}

.general_email_container .cke_combo_off a.cke_combo_button:active,
.general_email_container .cke_combo_on a.cke_combo_button {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-filter: none;
	filter: none;
	background: #ddd;
}

.general_email_container .cke_combo.cke_combo__format.cke_combo_off,
.general_email_container .cke_combo.cke_combo__format.cke_combo_off a.cke_combo_button:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: initial;
	-webkit-filter: none;
	filter: none;
}


.general_email_container .cke_combo_on a.cke_combo_button:hover,
.general_email_container .cke_combo_on a.cke_combo_button:focus,
.general_email_container .cke_combo_on a.cke_combo_button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.general_email_container .ck_panel {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	border-bottom-color: #ddd;
}

.general_email_container .cke_panel_block {
	outline: none;
}

.general_email_container .cke_panel_listItem a:hover,
.general_email_container .cke_panel_listItem a:focus,
.general_email_container .cke_panel_listItem a:active {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}


.general_email_container .cke_panel_list {
	outline: none;
	margin: 0;
}


.general_email_container_inner {
	background: #fff;
	padding: 1rem;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

.general_email_container input.btn-submit {
	margin-right: 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
}



.general_email_container .cke_panel_block.cke_colorblock,
.general_email_container .cke_panel_block.cke_colorblock:focus {
	outline: none!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.general_email_container .flex-row label {
	min-width: 10rem;
	max-width: 10rem;
}

/* END EMAIL TEMPLATE */


/* CRM SETTINGS */

.calendar_container {
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 65rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.calendar_container_inner {
	background: #fff;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	padding: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}


.calendar_container_inner .flex-row {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.calendar_container_inner .flex-row label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.calendar_container_inner .flex-row .input-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	border-radius: 3px;
}

.calendar_container_inner .flex-row .input-group input {
	width: calc(100% - 10rem);
	padding: .35rem .75rem;
	background: #fcfcfc;
	border: 1px solid #fcfcfc;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	margin: 0;
}

.calendar_container_inner .flex-row .input-group input:focus {
	border-color: #fcfcfc;
}

.calendar_container_inner .flex-row .input-group a.btn-copy-link {
	width: 10rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	height: 100%;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 1px solid var(--master-color);
	text-transform: capitalize;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.calendar_container_inner .flex-row .input-group a.btn-copy-link i {
	font-size: 170%;
	padding-right: .5rem;
}


.ui-tooltip {
	position: absolute!important;
	width: initial!important;
	border: none!important;
	text-align: center!important;
	display: none;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #fff!important;
	background: rgba(0,0,0,.7)!important;
	border-radius: 0!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

/* END CRM SETTINGS */

/* TASK COMMENTS */

.task-big-container .task-container {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	opacity: 1;
}

.task-big-container .task-container.open {
	max-height: 100vh;
}

.task-big-container .task-container.closed {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}
.task-big-container .task-container .flex-row .client-info-uploaded-files-big-container .flex-col {
	/*display: -webkit-inline-box;*/
	justify-content: flex-start;
}
.task-big-container .task-container .flex-row .client-info-uploaded-files-big-container .flex-col .form-control {
	display: -webkit-inline-box;
	margin-top: 20px;
}
.task-big-container .task-container .flex-row .client-info-uploaded-files-big-container .flex-col .btn-add-files {
	margin-right: 2rem;
}
.task-big-container .task-actions #saveUserTask {
	margin-top: 2rem;
}
.comments_container,
.comments_inner_container,
.comments_outer_container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comments_container {
	margin-top: 1rem;
	position: relative;
	margin-right: 1.5rem;
	margin-bottom: 2rem;
}

.comments_container.open {
	max-height: 80vh;
	margin-top: 0;
}



.comments_inner_container {
	max-height: 15vh;
	overflow-y: auto;
	margin-right: 1.5rem;
	padding: 1rem;
}

a#expandComments {
	position: absolute;
	top: .5rem;
	right: 1.5rem;
	cursor: pointer;
}


a#expandComments i {
	font-size: 250%;
	color: var(--master-color);
}

.comments_container h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.25rem;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 1.5rem;
	margin-left: .5rem;
}


.comments_outer_container {
	margin-right: 1.5rem;
}


.comment_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.comment_avatar,
.comment_name,
.comment_message {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.comment_avatar {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.comment_avatar svg {
	width: 100%;
	height: 100%;
	fill: #ddd;
}




.comment_message {
	width: calc(100% - 3rem);
	padding-left: 1rem;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comment_message span {
	word-break: break-all;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #686868;
	font-size: .9rem;
}

.comment_message {
	position: relative;
}

.comment_message textarea {
	width: 100%;
	resize: none;
	border-radius: .35rem;
	border: 1px solid #ddd;
	outline: none;
	padding: .5rem 1rem;
	height: 3rem;
	font-size: .9rem;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
	padding-right: 2.5rem;
}

.comment_message textarea:focus {
	height: 3rem;
}

.comment_message a.send-reply {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 2.5rem;
	height: 3rem;
	background: var(--master-color);
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-top-right-radius: .35rem;
	border-bottom-right-radius: .35rem;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.comment_message a i {
	font-size: 150%;
	color: #fff;
}

.comment_message textarea:focus {
	max-height: initial;
}

.comment_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: .5rem;
}

.comment_row .comment_box {
	padding: 0;
}



.comment_message_posted {
	border: 1px solid #fbfbfb;
	border-radius: .35rem;
	width: 100%;
	padding: .5rem 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	background: #fbfbfb;
}


.comment_message_posted span {
	font-size: .9rem;
	line-height: 1.2rem;
	padding-bottom: 0;
	text-align: left;
}

.comment_message_posted_bellow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: .25rem;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comment_message_posted_bellow a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.comment_message_posted_bellow a {
	text-decoration: underline;
	font-size: .9rem;
	color: #00a8ff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.comment_message_posted_bellow span {
	font-size: .9rem;
	color: #ddd;
	font-style: italic;
	padding-bottom: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: initial;
}

.comment_message_reply {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.comment_message_reply .comment_box {
	display: none;
}

.comment_message_reply .comment_box .comment_avatar {
	width: 2rem;
	height: 2rem;
}

.comment_message_reply .comment_box.open {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: .5rem;
}

.comment_message_reply .comment_box .comment_message {
	width: 100%;
}

.author-and-date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: .25rem;
}

.author-and-date span:first-child {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-transform: capitalize;
	font-weight: bold;
}

.author-and-date span:last-child {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: #ddd;
	font-style: italic;
}

.comments_outer_container .comment_message {
	width: 100%;
}

.comments_outer_container .comment_message textarea {
	max-height: 3rem;
	width: 100%;
}

.comments_outer_container .comment_message .send-reply {
	max-height: 3rem;
}

form#save-comment-global {
	width: 100%;
}



.comment_message_reply_view {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: .5rem;
}

.comment_message_reply_view .comment_box .comment_avatar {
	width: 2rem;
	height: 2rem;
}

.comment_message_reply_view .comment_box .comment_message {
	width: 100%;
}

.comments_container.open .comments_inner_container {
	max-height: 70vh;
}

.modal-open .modal-new-task {
	overflow-y: hidden;
}

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

.reply_field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comment_box form {
	width: 100%;
}

/* END TASK COMMENTS */


/* BS DATETIMEPICKER */


.bootstrap-datetimepicker-widget table td.today.active:before {
	border-bottom-color: #fff!important;
}

.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: var(--master-color) !important;
}


.bootstrap-datetimepicker-widget table thead tr:first-child th span {
	color: var(--master-color);
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	width: 100%;
	border-radius: 6px;
}


.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: var(--master-color) !important;
}


.bootstrap-datetimepicker-widget a[data-action] {
	color: var(--master-color);
}

.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget .picker-switch td span:hover {
	background-color: var(--master-color);
	color: #fff;
}

/* END BS DATETIMEPICKER */

/* NEW DASHBOARD */

.top-manager-dash .users-template-title {
	font-size: 1.3rem;
}

.top-manager-dash span.svg-export {
	width: auto;
}

.highcharts-container {
	margin-top: 2rem;
}

.btn-blue {
	margin-top: 1rem;
	margin-right: 0;
	width: 14rem;
}

.btn-cecuri {
	height: 2rem;
	font-size: 0.9rem;
}

/* END NEW DASHBOARD */

/* PAGINA TARGET VANZARI */

.add-targets-container {
	margin-bottom: 2rem;
}

.add-targets-container fieldset {
	border: 1px solid;
	padding: 2rem;
}

.add-targets-container legend {
	padding: 1rem;
}

.add-targets-container legend #save-targets {
	position: absolute;
	top: 1rem;
	right: 5rem;
}

#targetsContainer .panel {
	max-width: 20rem;
}

#targetsContainer .panel .form-control {
	height: 25px;
}

#targetsContainer .panel .panel-heading {
	display: flex;
	justify-content: space-between;
}

@media (max-width: 360px) {
	.add-targets-container fieldset {
		padding: 0;
		border: 0;
	}

	.add-targets-container legend {
		padding: 0.5rem;
	}

	.add-targets-container legend #save-targets {
		top: 0.5rem;
		right: 0.5rem;
	}
}

/* END PAGINA TARGET VANZARI */

/* MEDIA QUERIES */


@media (min-width: 147px) and (max-width: 992px) {
	.userpassform input {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.btn-lg {
		min-width: inherit;
	}

}

@media (min-width: 147px) and (max-width: 768px) {
	.order_model button {
		width: 100%;
	}
}


@media (min-width: 992px) {
	.in-and-out-of-stock-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
	}
	.in-stock-products, .out-of-stock-products {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}
}


@media (max-width: 991px) {
	.prod-page-pieces {
		text-align: left;
	}
	.clients-listing-content-outer .clients-listing-content a.ss {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media (min-width: 320px) and (max-width: 768px) {
	.modal-send-offer .flex-row label {
		min-width: initial;
	}
	.slider-element-info-container, .promotions-element-info-container {
		left: 0;
		padding-right: 0;
		text-align: center;
		width: 70%;
		margin: 0 auto;
	}
	.promotions-big-container h2.text_title {
		font-size: 1.5rem;
		line-height: 1.5rem;
		border-bottom: 2px solid #e42d24;
		text-transform: none;
	}
	.promotions-element-container {
		margin-bottom: .5rem;
		margin-top: 1.25rem;
	}
	.promotions-element-container:first-child {
		margin-top: 0;
	}
	.btn-view-details {
		display: block;
		margin: .5rem auto;
	}
	.btn-view-products {
		display: block;
		margin: .5rem auto;
	}
	.slider-listing .slick-dots {
		bottom: inherit;
		top: 0;
		text-align: center;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 1rem;
	}
}


@media (min-width: 320px) and (max-width: 992px) {
	.h_width {
		width: 100%!important;
	}
	.about-us-bg-left, .about-us-bg-right {
		min-height: 30rem;
	}

	#drop_feed_trigger_mobile .dropdown-menu-feed {
		width: 100%;
		position: fixed;
		margin-top: -1px;
		border-radius: 0;
		right: 0;
		left: 0;
		top: 4rem;
	}
}

@media (min-width: 992px) and (max-width: 1440px) {
	.h_width {
		width: 85%!important;
	}
	.about-us-bg-left, .about-us-bg-right {
		min-height: 30rem;
	}
}




@media (max-width: 485px) {
	.action-group .form-Search {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0 auto;
		margin-bottom: .5rem;
	}
	.action-group .btn-add-client,
	.action-group .btn-add-task {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: calc(50% - 2px);
		margin: 0 auto;
		margin-bottom: .5rem;
		margin-top: .5rem!important;
	}
	.action-group .custom-search-form {
		width: 100%;
	}
	.filter-status-dropdown > a,
	.filter-agent-dropdown > a {
		margin-top: .5rem;
	}
	.action-group .custom-search-form {
		min-width: initial;
	}
}

@media (min-width: 485px) and (max-width: 992px) {
	.action-group .form-Search {
		width: 100%;
	}
	.action-group .custom-search-form {
		min-width: 100%;
	}
	.btn-add-client, .btn-add-task {
		margin-left: initial!important;
		margin-top: .5rem;
		margin-right: .5rem;
	}
}


@media (min-width: 320px) and (max-width: 768px) {
	.client-listing-item {
		overflow: initial;
	}
	.flex-row {
		min-height: initial;
		max-height: initial;
		overflow: initial;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.modal-client-status .modal-dialog {
		width: 85%;
	}
	.client-listing-item {
		padding: .5rem;
	}
	.flex-item.item-no span {
		left: -.25rem;
	}
	.client-listing-item:before {
		width: 2.25rem;
	}

}

@media (min-width: 320px) and (max-width: 549px) {
	.flex-item {
		padding-right: .5rem;
	}
	.flex-item.flex-wrap {
		min-width: 5.5rem;
	}
	.flex-row-btn-group {
		padding-top: .25rem;
	}
	.flex-row {
		-webkit-box-align: initial;
		-webkit-align-items: initial;
		-moz-box-align: initial;
		-ms-flex-align: initial;
		align-items: initial;
		-webkit-box-pack: initial;
		-webkit-justify-content: initial;
		-moz-box-pack: initial;
		-ms-flex-pack: initial;
		justify-content: initial;
	}
}



@media (max-width: 992px) {
	.action-group {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.action-group-btn {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.action-group-btn a,
	.action-group-btn button {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
}

@media (min-width: 993px) {
	.action-group-btn a {
		margin-right: 0;
	}
}


@media (max-width: 521px) {
	.flex-item.item-actions {
		display: none;
	}
	.flex-item.flex-item-bp.item-actions {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		padding-right: 0;
	}
	.flex-item.flex-item-bp.item-actions .flex-row-btn-group {
		padding-top: 0;
		-webkit-box-pack: end!important;
		-webkit-justify-content: flex-end!important;
		-moz-box-pack: end!important;
		-ms-flex-pack: end!important;
		justify-content: flex-end!important;
	}
}

@media (min-width: 522px) {
	.flex-item.flex-item-bp.item-actions {
		display: none;
	}
}


@media (min-width: 522px) and (max-width: 580px) {
	.flex-item.item-actions {
		-webkit-box-pack: center!important;
		-webkit-justify-content: center!important;
		-moz-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
}


@media (min-width: 768px) {
	.item-actions {
		min-width: calc(100% - 36rem);
		padding-right: 0;
	}
}


@media (max-width: 767px) {
	.modal-add-user .modal-dialog,
	.modal-task .modal-dialog,
	.modal-send-offer .modal-dialog,
	.modal-upload-files .modal-dialog {
		width: 90%!important;
	}
}


@media (min-width: 320px) and (max-width: 767px) {
	.comment_message {
		width: 100%;
		padding-left: 0;
	}
	a#expandComments {
		top: .75rem!important;
		right: 0!important;
	}
	.task-container .flex-col.params,
	.task-container .flex-col.options {
		width: 100%!important;
	}
	.task-container .flex-col.options .task-options {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.task-container .flex-col.params .client-name,
	.task-container .flex-row .task-desc,
	.task-container .flex-col.params .task-date,
	.task-container .flex-col.options .task-assist,
	.task-container .flex-col.params .task-options,
	.task-container .flex-col.params .email-reminder {
		padding: .5rem 0!important;
	}
	.task-big-container .task-container {
		max-height: initial!important;
	}
	.modal-open .modal-new-task {
		overflow-y: auto;
	}
	.modal-task .modal-header,
	.modal-task .modal-body,
	.modal-task .modal-footer,
	.modal-upload-files .modal-header,
	.modal-upload-files .modal-body,
	.modal-upload-files .modal-footer {
		padding: .5rem;
	}
	.comment_avatar {
		display: none;
	}
	.comments_outer_container {
		margin-right: 0;
	}
	.comments_outer_container .comment_box {
		padding: 0;
	}
	.comments_outer_container .comment_message {
		padding-left: 0;
		width: 100%;
	}
	.comments_inner_container {
		padding: 0;
		margin-right: 0;
		margin-top: 1rem;
		margin-bottom: .5rem;
	}
	.active-tasks-container,
	.history-tasks-container {
		margin-top: 4.5rem;
		margin-bottom: 5rem;
		padding: .5rem;
	}
}



@media (min-device-width: 320px) and (max-device-width: 768px) {
	.client-listing-item .task-info {
		display: none;
	}
}



@media (min-width: 320px) and (max-width: 425px) {
	.email-reminder-container {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.task-info .email-reminder-container .email-reminder span:first-child {
		width: 100%;
	}
	.task-info .email-reminder-container .email-reminder label {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.task-info .email-reminder-container .email-reminder input,
	.task-info .email-reminder-container .email-reminder span.input-group-addon {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
}


@media (min-width: 768px) {
	.add-new-client {
		max-width: 40rem;
		margin: 5vh auto;
	}
}


@media (min-width: 320px) and (max-width: 475px) {
	.add-new-client .flex-row input,
	.add-new-client .flex-row .autocomplete-name-container {
		width: 100%;
	}
	.add-new-client .flex-row > span.select2-container {
		width: 100%!important;
	}
}

@media (max-width: 768px) {
	.checkbox.checkbox-primary {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.add-new-client .flex-row {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.active-tasks-container .client-listing-tasks .flex-item.item-desc,
	.history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
		min-width: 8rem!important;
		padding-right: 0!important;
	}

}

.ui-front {
	z-index: 10000;
}


@media (max-width: 1199px) {
	#chartdiv {
		margin: 5vh;
	}
	.btn-add-new-task,
	.btn-save-email,
	.btn-add-order-desktop {
		display: none!important;
	}
	.client_big_container .nav-tabs {
		margin-top: 2rem;
	}
}

@media (min-width: 768px) {
	.flex-item.item-desc {
		min-width: 26rem;
	}
}


@media (min-width: 1200px) {
	.btn-save-email-mobile,
	.btn-add-new-task-mobile {
		display: none!important;
	}

	.top-manager-dash .users-template-title {
		font-size: 1.8rem;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.active-tasks-container .client-listing-tasks .flex-item.item-desc,
	.history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
		min-width: 21rem!important;
		padding-right: 0!important;
	}

}



@media (max-width: 992px) {
	.client-info-container.none {
		display: none;
	}
	.client-listing-tasks.none {
		display: none;
	}
	.client-listing-tasks-history.none {
		display: none;
	}

	.client-name h1 {
		color: #fff;
	}

}


@media (min-width: 320px) {
	.client-charts {
		min-width: 28rem;
	}
}


@media(min-width: 320px) and (max-width: 991px) {
	.client-company-info-container {
		display: none!important;
	}
	.client-company-info-container.active {
		display: block!important;
	}
	.add-new-task-container {
		display: none!important;
	}
	.add-new-task-container.active {
		display: block!important;
	}
	.all-tasks-container {
		display: none!important;
	}
	.all-tasks-container.active {
		display: block!important;
	}
	/*.client-info-uploaded-files-big-container {*/
	/*display: none!important;*/
	/*}*/
	.client-info-uploaded-files-big-container.active {
		display: block!important;
	}
	.client-info-uploaded-files-big-container .flex-col {
		display: -webkit-inline-box;
	}
	.client-offers-container {
		display: none!important;
	}
	.client-offers-container.active {
		display: block!important;
	}
	.active-tasks-container,
	.history-tasks-container {
		margin-top: 14rem!important;
	}
	.crm-dashboard .active-tasks-container,
	.crm-dashboard .history-tasks-container {
		margin-top: 5.5rem!important;
	}
	.btn-add-new-task-mobile,
	.btn-save-email-mobile {
		margin-top: 2rem!important;
	}
	.client-info-big-container {
		margin-top: 0!important;
	}
	.client-info-btns-container {
		display: none!important;
	}

	.client-info-btns-container.active {
		display: -webkit-box!important;
		display: -webkit-flex!important;
		display: -moz-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		padding: 1rem 0;
	}
}

@media (max-width: 1199px) {
	.client-info-message-sent-desktop {
		display: none;
	}
}

@media (min-width: 1200px) {
	.client-info-message-sent-mobile {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.client
	.active-tasks-container,
	.history-tasks-container {
		margin-top: 8.5rem!important;
	}
	.crm-dashboard .active-tasks-container,
	.crm-dashboard .history-tasks-container{
		margin-top: 5.5rem!important;
	}
	.client-info-big-container {
		margin-top: 0!important;
	}
	.history-tasks-container {
		margin-bottom: 2rem!important;
	}
}


@media (min-width: 320px) and (max-width: 375px) {
	.action-group .btn-add-client,
	.action-group .btn-add-task {
		width: 100%;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.flex-item.item-desc {
		min-width: 23rem;
	}
}


@media (min-width: 320px) and (max-width: 767px) {
	.active-tasks-container .client-listing-tasks .flex-item.item-desc,
	.history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
		min-width: 55%;
		max-width: 55%;
		padding-right: initial;
	}
}


@media (min-width: 320px) and (max-width: 521px) {
	.active-tasks-container .client-listing-item span, .history-tasks-container .client-listing-item span {
		width: 100%;
	}
}


@media (min-width: 320px) and (max-width: 425px) {
	#chartdiv {
		margin-left: -22vw;
		height: initial;
		min-height: 20rem;
		min-width: 33rem;
		max-width: 100%;
		max-height: 100%;
	}

}


@media (max-device-width: 1279px) {
	#content-logged-in {
		padding-top: 0;
	}
}



@media (min-width: 320px) and (max-width: 1279px) {
	.modal-add-user .modal-dialog,
	.modal-task .modal-dialog,
	.modal-send-offer .modal-dialog,
	.modal-upload-files .modal-dialog {
		margin: 6rem auto;
	}
}



@media (min-width: 320px) and (max-width: 991px) {
	.add-new-client h2 {
		text-align: left;
	}
	.client_big_container .client-name h1 {
		font-size: 1.75rem;
	}
	.client-info-container {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
}

@media (min-width: 320px) and (max-width: 349px) {
	.steps-container {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.steps-container a,
	.steps-container button {
		width: 100%;
	}
	.steps-container button {
		margin-top: .5rem;
	}
	.steps-container a:last-child {
		margin-top: .5rem;
	}
}

@media (min-width: 320px) and (max-width: 475px) {
	.add-new-client .flex-row label {
		width: 100% !important;
	}
	.add-new-client > .flex-row span.select2-container {
		width: 100%!important;
	}
	.add-new-client .flex-row .autocomplete-name-container,
	.add-new-client .flex-row .taxid-container,
	.add-new-client .flex-row input,
	.add-new-client .flex-row select,
	.add-new-client .flex-row > span:not(.select2-selection),
	.add-new-client .flex-row .checkbox-group {
		width: 100% !important;
	}

	.add-new-client .help-block {
		width: 100%;
		padding-left: 0 !important;
	}

}

@media (min-width: 350px) and (max-width: 377px) {
	.btn-step-next {
		margin-top: .5rem;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
	.filter-status-select {
		width: 100%;
	}
}


@media (max-width: 991px) {
	.clients-listing-content a:not(.btn-add-offer),
	.clients-listing-content a .client-listing-item  {
		width: 100%;
	}
	.flex-row-btn-group a {
		width: initial;
	}
}

@media (max-width: 991px) {
	.clients-listing-content a.btn-task-done,
	.clients-listing-content a.btn-task-delayed {
		width: initial;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.clients-listing-content-outer .clients-listing-content a.ss {
		width: 50%;
	}
}


@media (min-width: 320px) and (max-width: 424px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 265px;
		height: 265px;
	}
}

@media (min-width: 425px) and (max-width: 767px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 352px;
		height: 352px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 638px;
		height: 638px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 143px;
		height: 143px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 173px;
		height: 173px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 206px;
		height: 206px;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 238px;
		height: 238px;
	}
}

@media (min-width: 1800px) {
	.product-view-left-content-inner .slider-for .slider-item {
		width: 269px;
		height: 269px;
	}
}
.red_bk{
	background-color:#e42d24!important;
}
.yellow_bk{
	background-color:#f69803!important;
}
.green_bk{
	background-color:green!important;
}


.container-agent-dash {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 100%;
}

.row-agent-dash {
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 992px) {
	.container-agent-dash {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1200px) {
	.container-agent-dash {
		width: 90%;
	}
}

@media (min-width: 1500px) {
	.container-agent-dash {
		width: 75%;
	}
}

.bf-badge {
	position: absolute;
	top: -17px;
	left: -12px;
	width: 4.5rem;
}

/*** REFACUT PRODUCT LISTING CA SA AIBA SI VARIANTA GRID ***/

/* Generice, si pe mobil si desktop */
.listingProductsLayout {
	margin-bottom: 0.5rem;
}

.listingProducts {
	padding-bottom: 15px;
	/* clear-ul asta e doar pt mobil */
	clear: both;
}

.listingProducts--grid .packagingBoxPieceContainer {
	display: inline-block;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

.listingProducts--grid .total-qtty {
	display: block;
}
/* END Generice, si pe mobil si desktop */

/* Varianta List Mobile */
.listingProductMobile {
	padding: 0;
	flex: 100%;
	display: flex;
	flex-direction: column;
}

.listingProductMobile:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #e42d24;
}

.listingProductMobile__nameContainerList {
	margin: 15px 0;
}

.listingProductMobile__body {
	display: flex;
}

.listingProductMobile__nameContainerGrid {
	display: none;
}

.listingProductMobile__imgContainer {
	margin-right: 0.5rem;
	padding: 0;
	flex: 16.66666667% 0 0;
}

.listingProductMobile__infoActions {
	padding: 0;
	display: flex;
	flex-direction: column;
	flex: 83.33333333% 0 0;
}

/* END Varianta List Mobile */

/* Varianta Grid Mobile */

.listingProducts--grid .listingProductMobile {
	margin-top: 1rem;
}

.listingProducts--grid .listingProductMobileInner {
	padding: 0.5rem 1rem;
	border: 1px solid #c3c3c3;
}

.listingProducts--grid .listingProductMobile__imgContainer {
	flex: unset;
	height: 250px;
}

.listingProducts--grid .listingProductMobile:before {
	display: none;
}

.listingProducts--grid .listingProductMobile__nameContainerList {
	display: none;
}

.listingProducts--grid .listingProductMobile__nameContainerGrid {
	margin: 0.5rem 0;
	display: flex;
}

.listingProducts--grid .listingProductMobile__body {
	flex-direction: column;
}

.listingProducts--grid .listingProductMobile__imgContainer .product-container-mobile {
	border: 0;
	width: 100%;
	height: 100%;
}

.listingProducts--grid .listingProductMobile .params-container-mobile {
	padding-bottom: 5px;
	display: flex;
	flex-direction: column;
}

.listingProducts--grid .listingProductMobile .product-listing-params-red {
	display: none;
}

.listingProducts--grid .listingProductMobile .params-container-packaging {
	display: flex;
	align-items: center;
}

.listingProducts--grid .listingProductMobile .product-listing-params-mobile {
	margin-left: 0;
}

.listingProducts--grid .listingProductMobile .product-listing-price {
	margin-left: auto;
}

.listingProducts--grid .listingProductMobile .quantity-group {
	margin: 0 auto;
}

@media (min-width: 500px) {
	.listingProducts--grid .listingProductMobile {
		margin-top: 0;
		padding: 0.5rem;
		flex: 50% 0 0;
	}

	.listingProducts--grid .listingProductMobile__imgContainer {
		height: 180px;
	}

	.listingProducts--grid .listingProductMobile__nameContainerGrid {
		flex: 42px 0 0;
		overflow: hidden;
	}

	.listingProducts--grid .listingProductMobile__skuContainer {
		flex: 20px 0 0;
		overflow: hidden;
	}

	.listingProducts--grid .listingProductMobile__pricesContainer {
		flex: 45px 0 0;
		overflow: hidden;
	}

	.listingProducts--grid .listingProductMobile__quantityContainer {
		flex: 40px 0 0;
		overflow: hidden;
	}

	.listingProducts--grid .listingProductMobile__packagingContainer {
		flex: 67px 0 0;
		overflow: hidden;
	}
}

@media (min-width: 730px) {
	.listingProducts--grid .listingProductMobile__imgContainer {
		height: 250px;
	}
}

/* END Varianta Grid Mobile */

/* Capul de listing care exista doar pe desktop */
.listingHead {
	padding: 0;
	width: 100%;
	position: relative;
	flex-wrap: wrap;
	display: none;
}

.listingHead:after {
	content: "";
	display: flex;
	height: 1px;
	flex: 100%;
	background-color: #e42d24;
}

@media (min-width: 991px) {
	.listingHead {
		display: flex;
	}
}

.listingHead--invisible {
	display: none;
}

.listingHead__img {
	padding: 0;
	flex: 33.33333333%;
}

.listingHead__sku,
.listingHead__price,
.listingHead__quantity,
.listingHead__unit {
	padding: 0;
	flex: 16.66666667%;
}
/* END Capul de listing care exista doar pe desktop */

/* Varianta List Desktop */

.listingProduct {
	margin-top: 12px;
}

.listingProductInner {
	display: flex;
}

.listingProduct:after {
	margin-top: 8px;
	margin-left: auto;
	content: "";
	display: flex;
	flex: 100%;
	height: 1px;
	max-width: 90%;
	background-color: #808080;
}

.listingProduct__imgContainer {
	/* de aici schimb inaltimea imaginii */
	flex: 8.3333%;
	position: relative;
}

.listingProduct__nameContainer {
	flex: 25%;
}

.listingProduct__skuContainer,
.listingProduct__pricesContainer {
	flex: 16.66666667%;
}

.listingProduct__form {
	flex: 33.33333%;
	display: flex;
}

.listingProduct__quantity,
.listingProduct__packaging {
	flex: 50%;
}

/* END Varianta List Desktop */

/* Varianta Grid Desktop */
.listingProducts--grid {
	display: flex;
	flex-wrap: wrap;
}

.listingProducts--grid .listingProduct {
	padding: 0 0.5rem;
	flex: 33.33333% 0 0;
	flex-wrap: nowrap;
	flex-direction: column;
}

.listingProducts--grid .listingProduct:after {
	display: none;
}

.listingProducts--grid .listingProductInner {
	padding: 0.5rem 1rem;
	border: 1px solid #c3c3c3;
	flex-direction: column;
}

.listingProducts--grid .listingProduct__imgContainer {
	flex: unset;
	height: 180px;
}

.listingProducts--grid .listingProduct__imgContainer .product-container {
	border: 0;
	width: 100%;
	height: 100%;
}

.listingProducts--grid .listingProduct__nameContainer {
	flex: 42px 0 0;
	overflow: hidden;
}

.listingProducts--grid .listingProduct__skuContainer {
	flex: 22px 0 0;
	overflow: hidden;
}

.listingProducts--grid .listingProduct__pricesContainer {
	flex: 62px 0 0;
	overflow: hidden;
}

.listingProducts--grid .listingProduct__pricesContainer .product-listing-price {
	margin-right: 0;
}

.listingProducts--grid .listingProduct__form {
	flex: 107px 0 0;
	flex-direction: column;
	align-items: center;
}

.listingProducts--grid .listingProduct__quantity {
	margin-bottom: 5px;
}

@media (min-width: 1300px) {
	.listingProducts--grid .listingProduct {
		flex: 25% 0 0;
	}

	.listingProducts--grid .listingProduct__imgContainer {
		height: 190px;
	}
}

@media (min-width: 1400px) {
	.listingProducts--grid .listingProduct__imgContainer {
		height: 200px;
	}
}

@media (min-width: 1500px) {
	.listingProducts--grid .listingProduct__imgContainer {
		height: 210px;
	}
}

@media (min-width: 1600px) {
	.listingProducts--grid .listingProduct__imgContainer {
		height: 220px;
	}
}

@media (min-width: 1700px) {
	.listingProducts--grid .listingProduct {
		flex: 20% 0 0;
	}

	.listingProducts--grid .listingProduct__imgContainer {
		height: 200px;
	}
}

@media (min-width: 1800px) {
	.listingProducts--grid .listingProduct__imgContainer {
		height: 220px;
	}
}

/* END Varianta Grid Desktop */

/*** END REFACUT PRODUCT LISTING CA SA AIBA SI VARIANTA GRID ***/


.bootbox-body {
	padding: 1rem;
}

#addCompanyForm .select2-container--select-multiple-as-single .select2-selection--multiple {
	background-color: white;
	border-radius: 4px;
	cursor: text;
	border: 1px solid #ddd !important;
}

#addCompanyForm .select2-container--select-multiple-as-single .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%;
}

#addCompanyForm .select2-container--select-multiple-as-single li {
	list-style: none;
}

#addCompanyForm .select2-container--select-multiple-as-single .select2-selection__choice {
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px;
	background-color: #fff !important;
	border: 1px solid #ddd !important;
}


#addCompanyForm .select2-container--select-multiple-as-single .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
}

#addCompanyForm .select2-container--select-multiple-as-single .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
}