:root {
	--bsx-blue: #2196f3;
}

.main {
	position: relative;
}
.body{
	overflow: hidden;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("/assets/fonts/dejavu-sans/DejaVuSans.ttf");
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("/assets/fonts/dejavu-sans/DejaVuSans-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("/assets/fonts/dejavu-sans/DejaVuSans-Bold.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("/assets/fonts/dejavu-sans/DejaVuSans-Oblique.ttf");
    font-style: italic;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("/assets/fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf");
    font-weight: bold;
    font-style: italic;
} 

.header-info {
	margin-bottom: auto;
	margin-top: auto;
	padding-left: 15px;
}

.bold {
	font-weight: bold;
}

.doc-container {
	/*background-color: #f0f0f0;
	padding-top: 48px;
	padding-bottom: 48px;*/

	display: flex;
	justify-content: center;

	/*height: 0px;*/
    transform-origin: top center;
}

.document {
	/*height: 100%;*/
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
    width: 210mm;
    min-width: 210mm;
    max-width: 210mm;
    padding: 1cm 1cm 3cm 1cm;
    box-shadow: 0 4px 5px -2px rgb(0 0 0 / 20%), 0 7px 10px 1px rgb(0 0 0 / 14%), 0 2px 16px 1px rgb(0 0 0 / 12%);

    transform-origin: top center;

    /*box-sizing: border-box;*/
}

@media print {
	.skin-background-container{
		display: none;
	}
	.doc-container {
		transform: none !important;
		display: block !important;
		transform-origin: initial !important;
		padding-top: 0 !important;
	}
	.document {
	  width: auto !important; 
    min-width: auto !important;
    max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.body, .main, html{
		background-color: #fff !important;
	}
	body, .body, .main, html {
		/* width: fit-content !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: 100% !important; */
	}
	footer, html .scroll-to-top.visible, .body-loading, #btn-menu-mobile, #collapsing-menu, .skin-header, .skin-footer{
		display: none !important;
	}
	.alert-danger{
		display: none;
	}
}

.bottom-app-bar-container {
	/*height: 70px;*/
}


.bottom-app-bar {
	position: fixed;
	height: 65px;
	width: 100%;
	bottom:0px;
	background-color: #333333;
	border: 1px solid black;
	z-index: 9999;
}

.bottom-app-bar-content {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	margin-bottom: auto;
	max-width: 210mm;
	padding: 0;
}

.bottom-app-bar-content .left, .bottom-app-bar-content .right  {
	display: flex;
}


#header .header-nav-top .nav > li > span, #header .header-nav-top .nav > li > a, p, body {
	color: black;
}

body, h1, h2, p {
	line-height: 1.5;
}

body, .body {
	/*background-color: #f0f0f0;*/
	background-color: #fbfbfb;
}

h3, h4, h5 {
	line-height: 1.2;
	font-weight: 500;
}

h3 {
	text-transform: none;
}

li {
	line-height: 1.5;
}

@media(max-width: 992px) {

	.document {
	}

	.container {
		max-width: 100%;
	}


}


.btn-purple {
	background-color:  #3f51b5;
}

.btn-pink {
	background-color:  #e91e63;
}

.btn-grey {
	background-color:  #616161;
}

.btn-blue {
	background-color:  #2196f3;
}
.btn-blue:hover {
	background-color:  #2195f3ce;
}

.btn-red {
	background-color:  #e11010;
}

.btn-green {
	background-color:  #4eb438;
}

.btn-print {
	background-color: #e94c3d;
}

.btn-pdf-xml {
	background-color: #fbfbfb;
}

.text-blue {
	color:  #2196f3;
}

.message {
	/*padding: 10px;*/
	padding-top: 4px;
	padding-bottom: 4px;
}

#btn-download {
	width: 150px;
}




@media print {
	.hide-print {
		display: none;
	}
}

@media screen {
	.hide-screen {
		display: none;	
	}
}

.lord-icon {
	width: 30px !important; 
	height: 30px !important; 
	background-size: contain !important; 
	margin-right: 5px;
}

.btn-bottom-bar {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 2px 25px 2px 15px;
	border-radius: 5px;
	color: white;
}

.btn-bottom-bar:not(.no-click):hover {
	/*filter: brightness(90%);*/
	cursor: pointer;
	/*opacity: 0.9;*/
}
.btn-bottom-bar:hover {
    text-decoration: none;
    color: white !important;
}

.btn-container {
	display: flex;
	margin-bottom: 20px;
	margin-top: 10px;
}

.btn-custom {
	border-radius: 5px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.btn-custom:hover {
	cursor: pointer;
}


.not-clikable .btn-custom:hover {
	cursor: default;
}

.show-mobile {
	display: none !important;
}

@media(max-width: 576px) {
	.hide-mobile {
		display: none !important;
	}

	.show-mobile {
		display: block !important;
	}

	.bottom-app-bar {
		height: 40px;
	}
}


.menu-options {
	height: 220px !important;
}






.bottom-app-bar-container-mobile {

}


.bottom-app-bar-mobile {
	position: fixed;
	height: 50px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	bottom:0px;
	background-color: #333333;
	border: 1px solid black;
	z-index: 9999;
}

.btn-mobile-menu {
	/* width: 50px; */
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
}



.bottom-app-bar-mobile-2 {
	position: fixed;
	width: 100%;
	bottom:0px;
	background-color: #333333;
	border: 1px solid black;
	z-index: 9999;
}

#collapsing-menu {
	height: 0px;
	transition: height 0.3s ease-out;
}

#collapsing-menu.expanded {
	height: 255px;
	transition: height 0.3s ease-in;
}


.btn-thin {
	height: 45px;
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}


.table-file-download {
	width: 100%;
	background-color: white;
	border: 1px solid black;
	border-radius: 5px;
}


.table-download td {
	vertical-align: middle;
}


.dropdown-trigger {
	color: var(--bsx-blue);
}
.dropdown-trigger:hover {
	color: var(--bsx-blue);
}
.dropdown-trigger .cart-animated-icon {
	position: relative;
}
.dropdown-trigger .cart-animated-icon .header-cart-qty {
	background: #ed5348;
	font-weight: 600;
	color: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
	font-size: 9px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 360px;
}
.dropdown-trigger .dropdown-container {
	display: none;
	margin-top: 35px;
	background: white;
	position: fixed;
	top: 85px;
	/* right: 0; */
	padding: 1rem;
	min-width: 300px;
	max-width: 90%;
	box-shadow: 2px 2px 5px rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,0.05);
	z-index: 9999;
}
.sticky-header-active .dropdown-trigger .dropdown-container {
	top: 25px !important;
}
.dropdown-trigger:hover .dropdown-container {
	display: block;	
}
.dropdown-trigger .dropdown-container .dropdown-cart-scroll {
	max-height: 215px;
	overflow-y: auto;
	margin-right: -15px;
	padding-right: 15px;
}
.dropdown-trigger .dropdown-container .cart-dropdown-item a {
	color: #47648b;
}
.dropdown-trigger .dropdown-container .cart-dropdown-item a:hover {
	text-decoration: none;
}
.dropdown-trigger .dropdown-container .cart-dropdown-item {
	position: relative;
}
.dropdown-trigger .dropdown-container .cart-dropdown-item .product-name {
	color: #383f48;
}
.dropdown-trigger .dropdown-container .cart-dropdown-item .btn-remove {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .5rem;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	border-radius: 360px;
	background: white;
	box-shadow: 2px 2px 5px rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,0.05);
	color: rgb(0, 0, 0);
}
.dropdown-trigger .dropdown-container .cart-dropdown-item .btn-remove:hover {
	color: rgb(0, 0, 0);
	text-decoration: none;
	opacity: 1;
	background: rgb(250, 250, 250);
}
.dropdown-trigger .dropdown-container::before{
	display: block;
	background: transparent;
	position: absolute;
	top: -60px;
	left: 0;
	width: 100%;
	height: 60px;
	content: '';
}

@media screen and (max-width: 1600px) {
	.dropdown-trigger .dropdown-container {
		right: 0;
	}
}

.product-popup {
	width: 45vw; 
	min-width: 600px; 
	max-width: 90vw;
}
.product-popup > .quick-view-container {
	background: white;
	width: 45vw; 
	min-width: 600px; 
	max-width: 90vw;
}

@media screen and (max-width: 1366px) {
	.product-popup {
		width: 70vw;
		min-width: 95vw;
		max-width: 95vw;
	}
	.product-popup > .quick-view-container {
		width: 70vw;
		min-width: 95vw;
		max-width: 95vw;
		margin: auto auto;
	}
}

@media screen and (max-width: 650px) {
	.product-popup {
		width: 95vw;
		min-width: 95vw;
		max-width: 95vw;
	}
	.product-popup > .quick-view-container {
		width: 95vw;
		min-width: 95vw;
		max-width: 95vw;
		margin: auto auto;
	}
}

.bsx-button {
	background: var(--bsx-blue);
	border: 1px solid var(--bsx-blue);
	color: #ffffff;
	border-radius: 2px;
	padding: .5rem 1.25rem;
	font-size: .9;
	font-weight: 500;
	text-align: center;
	display: block;
	text-decoration: none;
}
.bsx-button:hover {
	text-decoration: none;
	cursor: pointer;
}

.cart-image {
	position: relative;
}
.cart-image > img {
	width: calc(60px - 1rem); 
	min-width: calc(60px - 1rem);
	max-width: calc(60px - 1rem);
	height: calc(60px - 1rem); 
	object-fit: contain;
}
.cart-image .cart-remove-button {
	background: #ffffff;
	border: 1px solid #dbdbdb;
	position: absolute;
	top: -2px;
	right: -2px;
	border-radius: 360px;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .7rem;
	transition: background .2s;
}
.cart-image .cart-remove-button:hover {
	text-decoration: none;
	background: #f0f0f0;
}
.cart-image .cart-remove-button i {
	line-height: 2px;
	text-align: center;
	padding-left: 1px;
}

.product-stock-link {
	color: #47648b;
}
.product-stock-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.stock-categories-list li > a.active {
	color: #383f48 !important;
}

.stock-products-row .product-stock-link {
	color: #383f48 !important;
	font-weight: bold;
}
.stock-products-row .stock-cart-add-button {
	background: none;
	border: 0;
	color: #383f48;
	font-size: 1.3rem;
	/* padding: 1rem; */
	border-radius: 360px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	transition: .2s all;
}
.stock-products-row .stock-cart-add-button:hover {
	background: #383f48;
	color: #ffffff;
	font-size: 1rem;
	text-decoration: none;
}

.page-item .page-link {
	border-radius: 2px !important;
}
.page-item.active .page-link {
	background-color: #383f48;
	border-color: #383f48;
}
.page-item.active .page-link:hover {
	background-color: #1d2124;
	border-color: #1d2124;
}

.cart-quantity-box {
	/* margin: 0 15px 25px 0; */
	overflow: hidden;
	position: relative;
	width: 105px;
	height: 30px;
	float: left;
}
.cart-quantity-box .minus {
	background: transparent;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	vertical-align: text-top;
	width: 30px;
	border-radius: 0.25rem 0 0 0.25rem;
	left: 0;
}
.cart-quantity-box .qty {
	border: 1px solid #F0F0F0;
	box-shadow: none;
	float: left;
	height: 30px;
	padding: 0 29px;
	text-align: center;
	width: 105px;
	font-weight: bold;
	font-size: .9em;
	outline: 0;
	border-radius: .25rem;
	line-height: 5px;
	padding-top: 2px;
}
.cart-quantity-box .plus {
	background: transparent;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	vertical-align: text-top;
	width: 30px;
	border-radius: 0 0.25rem 0.25rem 0;
	right: 0;
	top: 0;
}

#header.header-effect-shrink .header-logo {
	width: auto !important;
}

.sticky-header-active .hide-on-sticky {
	display: none !important;
}

#header .header-container > .correct-accept {
	max-width: 210mm;
	padding: 0;
}
.bottom-app-bar .bar-logo-box {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 30px;
}
.bottom-app-bar .bar-lang-box {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 30px;
	display: flex;
	align-items: center;
}
.bottom-app-bar .bar-lang-box #dropdownLanguage, .bottom-app-bar-mobile .bar-lang-box #dropdownLanguage {
	color: #fff;
}
.bottom-app-bar .bar-lang-box .dropdown-menu, .bottom-app-bar-mobile .bar-lang-box .dropdown-menu {
  border: 0;
  margin-top: -2px;
  margin-left: -2px;
  padding: 0;
  box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
  background: #FFF;
  padding: 3px;
  min-width: 180px;
  z-index: 10000;
  margin-right: 0;
  margin-top: 1px;
  transition: opacity .2s ease-out;
  border-radius: 0;
}
.bottom-app-bar .bar-lang-box .dropdown-menu a, .bottom-app-bar-mobile .bar-lang-box .dropdown-menu a {
  color: #999;
  padding: 5px 12px;
	font-size: 0.75em;
}
.bottom-app-bar .bar-lang-box .dropdown-menu a:active, .bottom-app-bar-mobile .bar-lang-box .dropdown-menu a:active {
  color: #FFF;
}
.bottom-app-bar .bar-lang-box .nav-pills .nav-link.active, .bottom-app-bar .bar-lang-box .nav-pills .show > .nav-link, .bottom-app-bar-mobile .bar-lang-box .nav-pills .nav-link.active, .bottom-app-bar-mobile .bar-lang-box .nav-pills .show > .nav-link{
	background-color: transparent;
}
.doc-container {
	padding-top: 0px;
	position: relative;
	z-index: 2;
}
.skin-header{
	padding-top: 20px;
	z-index: 2;
	position: relative;
}
.skin-background-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: clip;
	z-index: 1;
}
.skin-background {
	position: fixed;
	z-index: -1;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.order-view-box, .stock-view-box, .cart-view-box, .createorder-view-box, .service-view-box, .attachment-view-box, .task-view-box {
	position: relative;
	z-index: 2;
}
.skin-footer {
	z-index: 2;
	position: relative;
	padding-bottom: 75px;
}
.bottom-app-bar .bar-logo-box img {
	display: none;
}
.bottom-app-bar .bar-logo-box a:hover, .bottom-app-bar-mobile .bar-logo-box a:hover {
	text-decoration: none;
}
.alert-danger{
	z-index: 2;
}
#header .header-container{
	min-height: 100px !important;
	transition: ease all 300ms !important;
}
.sticky-header-active #header .header-container{
	min-height: 75px !important;
}
.swal-checkbox {
	margin: 1em 2em 0;
	align-items: center;
	justify-content: start;
	background: #fff;
	color: inherit;
	text-align: left;
}
.swal-checkbox .swal2-label{
	font-size: 14px;
}
.swal-checkbox .swal2-label a{
	color: #2196f3;
}
.swal-checkbox input {
	flex-shrink: 0;
	margin: 0 .4em;
}
.swal2-title {
	order: 1;
}
.swal2-input {
	order: 2;
}
.swal2-html-container {
	line-height: 1.4 !important;
	order: 3;
}
.swal2-actions {
	margin-top: 0.5rem !important;
	order: 4;
}

@media (max-width: 1199px) {
	.bottom-app-bar .bar-lang-box {
		right: -40px;
	}
}
@media (max-width: 991px) {
	#header .header-container > .correct-accept {
		max-width: 100%;
		width: 100%;
		margin-left: 20px;
		margin-right: 20px;
	}
	.doc-container{
		padding-bottom: 0;
	}
	.bottom-app-bar-mobile .bar-logo-box img {
		display: none;
	}
	.bottom-app-bar .bar-logo-box p{
		font-size: 11px;
		display: none;
	}
	.bottom-app-bar .bar-lang-box #dropdownLanguage, .bottom-app-bar-mobile .bar-lang-box #dropdownLanguage{
		font-size: 11px;
	}
	.btn-mobile-menu .btn-bars .fa-bars{
		font-size: 1rem !important;
	}
	.bottom-app-bar .right{
		margin-right: 15px;
	}
	.bottom-app-bar .bar-lang-box{
		display: flex;
		left: 0px;
		right: auto;
	}
}
@media (max-width: 767px) {
	#header #userSign {
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}
	#header .userSign-box {
		max-width: 100% !important;
		width: 100% !important;
	}
	#header .btn-success {
		max-width: 100%;
		width: 100%;
	}
	.bottom-app-bar .bar-logo-box p{
		display: none;
	}
		/* .skin-header{
		padding-top: 60px;
	} */
}
@media (max-width: 575px) {
	/* .skin-header{
		padding-top: 140px;
	} */
	.bottom-app-bar .bar-lang-box {
		display: block;
	}
	.bottom-app-bar-mobile .bar-logo-box {
		margin-left: 15px;
	}
}
@media (max-width: 400px) {
	.bottom-app-bar-mobile .bar-lang-box {
		position: absolute;
		left: 0px;
		right: auto;
	}
	.btn-mobile-menu{
		justify-content: right;
		width: 100%;
	}
	.bottom-app-bar-mobile .bar-logo-box {
		display: none;
	}
}


.order-details-container {
	margin-top: 50px;
}

.order-label {
	background-color: #f0f0f0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 16px;
}

.order-field {
	display: flex; 
	justify-content: space-between; 
	align-items: center
}

.paid {
	color:white;
}


.unpaid {
	color:white;
}


a {
    color: #47648b;
}
a:hover, a:focus{
  opacity: 0.8;
  color: inherit;
}
#header .header-btn-collapse-nav {
    background: #47648b;
}
#header .text-color-primary, #header .text-primary {
    color: #47648b !important;
}
@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li > a {
    color: #47648b;
  }
  #header .header-nav-main nav > ul:not(:hover) > li > a.active {
    background-color: #47648b;
    color: #fff;
  }
  #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
    background-color: #47648b;
  }
  #header .header-nav-main nav > ul > li.dropdown.open > a::before, #header .header-nav-main nav > ul > li.dropdown:hover > a::before {
    border-bottom-color: #47648b;
  }
  #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a {
    background-color: #47648b;
  }
  #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active {
    color: #fff !important;
  }
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #47648b;
  }
  #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
    color: #47648b;
  }
}

html .btn-primary {
  background-color: #0088CC;
  border-color: #0088CC #0088CC #006699;
  color: #FFF;
}

html .btn-primary:hover, html .btn-primary.hover {
  background-color: #00a1f2;
  border-color: #00aaff #00aaff #0088CC;
  color: #FFF;
}


.pill-quantity-danger {
	border-radius: 50px;
  	aspect-ratio: 1/1;
	width: auto;
	display: inline-flex;
	height: 24px;
  	justify-content: center;
  	align-items: center;
}
.table-status-pill {
	padding: 4px 10px;
	border-radius: 15px;
	font-size: 12px;
	margin: auto;
	text-align: center;
}

.table-status-pill.green {
	background-color: #4caf50;
	color: #FFFFFF;
}
.table-status-pill.cyan {
	background-color: #17a2b8;
	color: #FFFFFF;
}
.table-status-pill.red {
	background-color: #f44336;
	color: #FFFFFF;
}
.table-status-pill.orange {
	background-color: #e67e22;
	color: #FFFFFF;
}
.table-status-pill.blue {
	background-color: #3498db;
	color: #FFFFFF;
}
.table-status-pill.gray {
	background-color: #aaaaaa;
	color: #FFFFFF;
}
.table-status-pill.lightgray {
	background-color: #f4f4f4;
	color: #000000;
}
.table-status-pill.asphalt {
	background-color: #34495e;
	color: #FFFFFF;
}
.table-status-pill.purple {
	background-color: #9b59b6;
	color: #FFFFFF;
}
.table-status-pill.yellow {
	background-color: #f1c40f;
	color: #FFFFFF;
}
.table-status-pill.asphalt {
	background-color: #2f3640;
	color: #FFFFFF;
}
.table-status-pill.black {
	background-color: #101011;
	color: #FFFFFF;
}
.table-status-pill.brown {
	background-color: #674747;
	color: #FFFFFF;
}
.table-status-pill.darkblue {
	background-color: #4C6793;
	color: #FFFFFF;
}
.table-status-pill.pink {
	background-color: #FF8787;
	color: #FFFFFF;
}
.table-status-pill.lightbrown {
	background-color: #D7C0AE;
	color: #FFFFFF;
}
.table-status-pill.darkpurple {
	background-color: #852999;
	color: #FFFFFF;
}

.table-status-pill.darkgreen {
	background-color: #78938A;
	color: #FFFFFF;
}
.table-status-pill.lightred {
	background-color: #FAD4D4;
	color: #000000;
}
.table-status-pill.lightgreen {
	background-color: #E4EFE7;
	color: #000000;
}
.table-status-pill.green2 {
	background-color: #62B6B7;
	color: #FFFFFF;
}
.table-status-pill.secondary {
	background-color: var(--color-secondary);
	color: #FFFFFF;
}

.text-green { color: #4caf50; }
.text-red { color: #f44336; }
.text-orange { color: #e67e22 !important; }
.text-blue { color: #3498db !important; }
.text-gray { color: #aaaaaa; }
.text-asphalt { color: #34495e; }
.text-purple, .text-color-purple { color: #9b59b6; }
.text-yellow, .text-color-yeallo { color: #f1c40f; }
.text-asphalt, .text-color-asphalt { color: #2f3640; }

.text-lightgreen { color: #E4EFE7; }
.text-lightred { color: #FAD4D4; }



.attachments-file {
	background: #F4F4F4;
	border: 1px solid #e7e7e7;
	padding: 1rem;
	border-radius: 5px;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.attachments-file .attach-img {
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 105px;
	border-radius: 5px;
}

.ecommerce-timeline-item .attachments-file { 
	background-color: #00000020;
	border: 1px solid #ffffff10;
}

.attachments-file .attach-img img {
	max-width: 100%;
	border-radius: 5px;
}
.attachments-file h3 {
	font-size: 1rem;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	display: block;
	width: 100%;
	text-align: center;
}
.attachments-file:hover .attach-popover-icon {
	opacity: 1;
}
.attachments-file .attach-popover-icon {
	position: absolute;
	top: 5px;
	right: 5px;
	color: red;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27px;
	height: 27px;
	border-radius: 360px;
	transition: .2s all;
	border-color: rgba(0, 0, 0, 0.1);
	opacity: 0;
}
.attachments-file .attach-popover-icon:hover {
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.attachments-file .attach-popover-icon .fa-trash {
	color: red;
}