@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap');


.parsley-errors-list {
	list-style: none;
	margin: 0.25rem 0 0;
	padding: 0;
	font-size: 0.975rem;
	color: #d93025;
	border: none;
	background: none;
  }
  
  .parsley-errors-list.filled {
	padding: 0.5rem 0.75rem;
	background: #f8d7da;
	border: 1px solid #f5c2c7;
	border-radius: 0.25rem;
	color: #842029;
  }


 label .icon-light {
	color: #909090;
} 

.d-flex {
	display: flex;
}

.flex-list {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.gap-0 {
	gap:0;
}

/* BS 5 classes */
.g-0  > * { margin-right: 0; margin-bottom: 0; }
.g-1  > * { margin-right: 0.25rem; margin-bottom: 0.25rem; }
.g-2  > * { margin-right: 0.5rem; margin-bottom: 0.5rem; }
.g-3  > * { margin-right: 1rem; margin-bottom: 1rem; }
.g-4  > * { margin-right: 1.5rem; margin-bottom: 1.5rem; }
.g-5  > * { margin-right: 3rem; margin-bottom: 3rem; }

/* remove end space  */
.g-0  > *:last-child,
.g-1  > *:last-child,
.g-2  > *:last-child,
.g-3  > *:last-child,
.g-4  > *:last-child,
.g-5  > *:last-child {
  margin-right: 0;
}




.form-flex {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form-flex .form-group {
  flex: 1;
  margin: 0;
}

.position-relative {
	position: relative;
}

.space-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.d-none {
	display: none;
}

.radio-group-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

a:hover, a:focus {
	color:#ac1f2d;
	text-decoration: none;
}


.link {
	color:#ac1f2d
}

.link:hover {
	color:#811621
}

.link-black {
	color:#000 !important;
}

.link-black:hover, 
.link-black:focus {
	color:#ac1f2d !important;
}

.link-arrow i {
	color:#ac1f2d
}

.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline{
	padding-top: 0px;
}

.form-horizontal  .checkbox {
	padding-top:0px;
}



.dropdown-form li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.dropdown-form li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}



.panel-search {
	position: relative;
}


.panel-search label {
	
	font-weight: 700;
}

.panel-search .panel-heading {
	color:#252525 !important;
}

.panel-search .panel-heading .btn-red {
	text-transform: none;
}

.panel-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(166, 166, 166, 0.38);
  z-index: 5;
}

.sub-header {
	font-weight: 14px;
	color:#383838;
	margin-top:5px;
}

.underline {
	padding-bottom:5px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}


.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

i.active {
	color:#c11521;
}

.link-red {
	color:#c11521;
}

.link-red:hover {
	color:#000;
}

.bg-white {
	background-color: #fff;
}

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

.icon-warning{
	color:#d68d06;
	font-size:16px;
}


.icon-ai {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('/images/sage-ai.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  vertical-align: -0.125em;
}

.btn-red .icon-ai {
	 background-image: url('/images/sage-ai-white.svg');
}

.navmenu-fixed-left {
	z-index: 1200;
}

.clear-form {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
  margin-top:10px;
}

.datepicker tfoot tr th {
	border:1px solid #ddd;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
 	border-radius: 4px;
}

.datepicker tfoot tr th:hover {
	border:0;
}


  .datepicker table tr td.today {
	color:#000;
	background-color: #ddd;
	background-image: none;
  }

  .datepicker table tr td.today.active.day {
	color:#fff;
  }

  .datepicker table tr td.active.day {
	text-shadow: none;
	color:#fff;
  }

  .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover {
	background-color: #ddd;
	background-image: none;
	color:#000;
  }



  .progress-bar-lightblue {
	background-image: linear-gradient(to bottom, #0b84a5 0%, #0b84a5 100%);
  }

.projects-icon span {
font-size:12px !important;
 font-family: 'Open Sans', sans-serif !important;
line-height: 14px !important;
padding:0px;
margin:0px;
display: none;
height: 25px;
margin: 10px 0 0;

}

@media only screen and (min-width : 1900px) {

.projects-icon span {
    display: flex;
    justify-content: center;
    align-items:flex-end;

}
}

#projects-table thead tr {
	background:#fff;


}

#projects-table th {
	vertical-align: bottom;
	position: sticky;
  top: 0; /* dont adjust */
	background:#fff;
	padding-bottom:5px;
	z-index: 1;

}



.projects-icon.research::before {
    content: "\f002";
	font: var(--fa-font-light);
	font-size:24px;

}


.projects-icon.pres::before {
    content: "\f685";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.quote::before {
    content: "\f31c";
	font: var(--fa-font-light);
	font-size:24px;



}

.projects-icon.quoteapproved::before {
    content: "\f316";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.salesorder::before {
    content: "\f15c";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.creditcheck::before {
    content: "\e1d9";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.purchaseorder::before {
    content: "\f571";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.orderack::before {
    content: "\f4fc";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.proof::before {
    content: "\f865";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.proofapproved::before {
    content: "\f336";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.shipped::before {
    content: "\f466";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.invoice::before {
    content: "\f543";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.payment::before {
    content: "\f53d";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.thankyou::before {
    content: "\f118";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.feedback::before {
    content: "\f4a3";
	font: var(--fa-font-light);
	font-size:24px;
}

.projects-icon.sample::before {
    content: "\f6c5";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.artwork::before {
    content: "\f03e";
	font: var(--fa-font-light);
	font-size:24px;

}

.projects-icon.custom::before {
    content: "\e178";
	font: var(--fa-font-light);
	font-size:24px;

}


.btn-panel{
	text-transform: none;
	letter-spacing: normal;
	margin: -5px -5px 0px 0px !important;

}

#login-panel .mfa-block {
	color:#000;
}

#login-panel .mfa-block p {
	font-size: 16px;
}

#login-panel .mfa-block h2 {
	text-transform: none;
}

#login-panel .mfa-block ul {
	padding:0px;
	margin:20px 0px 20px 0px;
}

#login-panel .mfa-block ul li {
	list-style-type: none;
		text-align: left;
}


#login-panel .mfa-block ul li a {
	font-size:20px;
	padding:10px 20px;
	display: block;
}

#login-panel .mfa-block ul li i {
	color:#9d2a32;
	font-size: 24px;
	margin-right:10px;
}

#login-panel .mfa-block ul li a:hover {
	background:#efefef;
	color:#000;
}

#login-panel .mfa-block .btn {
	margin:10px 0px 20px 0px;
}

#login-panel .mfa-block .confirm-mfa {
	margin-bottom: 20px;
	display: inline-block;
}

a#resend-mfa {
	display: block;
}

a#resend-mfa:hover {
	color:#ab192d;
}


#home-search .quick-form{
	margin-bottom:0px;
}

#home-search .quick-form ::placeholder {
	color:#333333 !important;
}


#quickSearchFlyout {
	padding:0px 10px;
}



html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
}

#page-wrap {
	height: 100%;
}

#sidebar {
	float:left;
	vertical-align: top;
	height: 100%;
	width: 25%;

}

#main-content {
	float:left;
	vertical-align: top;
	height: 100%;
	width: 75%;

}



#op-alert {
	padding:10px 20px;
	background-color:#a1192e;
	color:#fff;
	border-radius: 5px;
	margin-bottom:15px;
}

#op-alert a, #op-alert a:hover {
	color:#fff;
}

#alertMsgModal {
	z-index: 1350;
}

#alertMsgModal .modal-header,
#alertMsgModal .modal-footer{
	border:0;
}

#confirmMsgModal {
	z-index: 9999;
}


[hidden] {
  display: none !important;
}

.project-gallery {
	list-style: none;
	margin: 0;
	width: 100%;
	padding:0px;
}

.project-gallery li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 220px;
	padding:0px;

}

.project-gallery li .caption {
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	overflow: hidden;
}


.project-gallery li a:hover {
	text-decoration: none;
	/*color:#b30c18;*/
}

.drag-drop {
	border:4px dashed #ddd;
	padding:30px;
	margin-bottom:15px;
	text-align:center;
}

.drag-drop:hover {
	background:#efefef;
}

.drag-drop-info {
	font-size:20px;
	color:#a0a5aa;
}

.drag-drop-other {
	font-size:14px;
	color:#a0a5aa;
}


/* random */

.affix {
  top: 55px;
  width: 375px;
}


.pleaseWait {
	width:300px;
	margin: auto;
  position: absolute;
  top: 50%; left: 0; bottom: 0; right: 0;
	z-index: 5;
}


  .modal-vds {
    width: 90%;
   max-width:1100px;
  }


@media only screen and (min-width : 320px) {
.modal-vds iframe {
		height:400px;
		width:100%;
	}




    }

@media only screen and (min-width : 480px) {

	.modal-vds iframe {
		height:500px;
		width:100%;
	}




    }

@media only screen and (min-width : 768px) {
.modal-vds iframe {
		height:700px;
		width:100%;
	}
    }



/* end random */



.green {
	color:#0FB34A;
}

a {
	color:#000;
	outline: 0;
}

a:hover {tab
	color:#c11521;
	text-decoration:none;
	outline: 0;
}

#ex1Slider .slider-selection, #SalesPotentialSlider .slider-selection {
	background: #BABABA;
}


.label-sm {
	font-weight:400;
}

@media only screen and (max-width : 768px) {
	.checkbox-inline, .radio-inline {
		margin-left:20px!important;
		display:block;
	}
}



/* Global */


/* Change Autocomplete styles in Chrome/sfari*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #ddd;
  -webkit-text-fill-color: 666;
/*  -webkit-box-shadow: 0 0 0px 1000px #000 inset;*/
  transition: background-color 5000s ease-in-out 0s;
}

.none {
	padding-right:0px;
}

.flag-action .fa-solid {
	color:#c11521;
}


.table-preivew {
  margin-bottom:10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

}

.table thead th.active {
	background: #fff !important;
border-bottom: 2px solid #999 !important;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table-item-drag { cursor: grab; }


@media (min-width: 992px) {
  .equal-row { display: flex; flex-wrap: wrap; }
  .equal-row > [class*="col-"] { display: flex; }
  .equal-row > [class*="col-"] > * { flex: 1; }
}

.scroll {
	position:relative;
	margin:0px auto;
	padding:10px;
	width: 100%;
	overflow: hidden;
	border:1px solid #ddd;
}

.scroll-200 {
	height: 200px;
}

.scroll-250 {
	height: 200px;
}

.scroll-300 {
	height: 300px;
}

.radius {
	border-radius: 8px;
}


.mg0 { margin:0px;}

.mt0 { margin-top:0px;}

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

.mt8{ margin-top:8px !important;}

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

.mt20 { margin-top:20px;}

.mt30 { margin-top:30px;}

.mt40 { margin-top:40px;}

.mb0 { margin-bottom:0px !important;}

.mb5 { margin-bottom:5px;}

.mb8 { margin-bottom:8px;}

.mt15 { margin-top:15px;}

.mb10 { margin-bottom:10px;}

.mb15 { margin-bottom:15px;}

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

.mb40 { margin-bottom:40px;}

.mb50 { margin-bottom:50px;}


.mb75 { margin-bottom:75px;}

.ml5 {
	margin-left:5px;
}

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


.ml10 {
	margin-left:10px;
}

.ml15 {
	margin-left:15px;
}

.ml20 {
	margin-left:20px;
}

.object-fit-150 {
	object-fit: contain;
	max-height: 150px;
}

.light {
	color:#686868;
}

.table-gray {
	background-color:#efefef;
}

@media (max-width: 1000px) {  
	.pull-none-md {
		float:none !important;
	}

	.text-left-sm {
		text-align: left;
	}

	.mt15-md {
		margin-top:15px;
	}
  }

@media (max-width: 800px) {  
	.pull-none-sm {
		float:none !important;
	}

	.text-left-sm {
		text-align: left;
	}
  }


  @media (max-width: 600px) {  
	.pull-none-xs {
		float:none !important;
	}
  }

  .form-control.invalid {
	border:1px solid #a94442 !important;
  }

  .form-control.invalid {
	border:1px solid #a94442 !important;
  }



.checkbox-inline,
.checkbox-inline + .checkbox-inline,
.checkbox-inline + .radio-inline,
.radio-inline,
.radio-inline + .radio-inline,
.radio-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
}

.checkbox-inline:last-child,
.radio-inline:last-child {
    margin-right: 0;
}


.btn-sudo {
	border:0px;
	background: none;
}


h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

.page-header {
	font-size:30px;
}

.btn {
	background-image: none;
}

.select2-container--default .select2-selection--multiple {

	border:1px solid #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #555;
  line-height: 1.42857143;
  padding-left:0px;
}


.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 34px;
  user-select: none;
  -webkit-user-select: none;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
	
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top:4px;
}




/* Supplier order search dropdown */

#select2-supplier-order-search-results .select2-results__option,
ul[id^="select2-Item_"] .select2-results__option,
#select2-supplier-select-results .select2-results__option {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

#select2-supplier-order-search-results .select2-results__option,
ul[id^="select2-Item_"] .select2-results__option,
#select2-supplier-select-results .select2-results__option {
  padding: 0 !important;
}

#select2-supplier-order-search-results .select2-row,
ul[id^="select2-Item_"] .select2-row,
#select2-supplier-select-results .select2-row {
  display: grid;
  grid-template-columns: 1fr 1fr;   /* 50 / 50 */
  grid-auto-rows: auto;
  column-gap: 16px;
  row-gap: 4px;

  padding: 8px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  white-space: nowrap;
}

/* Truncate all cells cleanly */
#select2-supplier-order-search-results .select2-row span,
ul[id^="select2-Item_"] .select2-row span,
#select2-supplier-select-results .select2-row span {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Right-align numeric column if desired */
#select2-supplier-order-search-results .select2-row .c2,
ul[id^="select2-Item_"] .select2-row .c2,
#select2-supplier-select-results .select2-row .c2 {
  text-align: left;
}

/* Subtle hierarchy */
#select2-supplier-order-search-results .select2-row .c3,
ul[id^="select2-Item_"] .select2-row .c3,
#select2-supplier-select-results .select2-row .c3 {
  color: #777;
  font-size: 12px;
}

#select2-supplier-order-search-results .select2-row .col-line,
ul[id^="select2-Item_"] .select2-row .col-line,
#select2-supplier-select-results .select2-row .col-line {

}


#select2-supplier-order-search-results .select2-row span,
ul[id^="select2-Item_"] .select2-row span,
#select2-supplier-select-results .select2-row span {
  overflow: hidden;
  text-overflow: ellipsis;
}

#select2-supplier-order-search-results .select2-results__option--highlighted,
ul[id^="select2-Item_"] .select2-results__option--highlighted,
#select2-supplier-select-results .select2-results__option--highlighted {
  background: transparent !important;
  color: inherit !important;
}


#select2-supplier-order-search-results .select2-results__option--highlighted .select2-row,
ul[id^="select2-Item_"] .select2-results__option--highlighted .select2-row,
#select2-supplier-select-results .select2-results__option--highlighted .select2-row {
  background: #efefef !important;
}

#select2-supplier-order-search-results .select2-results__option[aria-selected="false"]:nth-child(even) .select2-row,
ul[id^="select2-Item_"] .select2-results__option[aria-selected="false"]:nth-child(even) .select2-row,
#select2-supplier-select-results .select2-results__option[aria-selected="false"]:nth-child(even) .select2-row {
  background: #f7f7f7;
}





/* Alerts */

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}

.alert-white {
	color: #555;
    background-color: #fff;
    border-color: #ddd;
}


.alert-error {
	 color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
	background-image: none;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
	background-image: none;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
	background-image: none;
}

.alert.alert-price-msg {
	background:#efefef;
	border:1px solid #ededed;
	color:#000;
	padding:10px;
	display:inline-block;
	font-size:14px;
	border-radius:0;
}


.alert-compliance {
	border:1px solid #A3A3A3;
	padding:10px;
	margin:10px 0px 10px;
}

.alert-compliance p {
	margin:0px;
}

.alert-compliance .msg {
	margin-top: 0px;
  margin-left: 23px;
}

.alert-action .btn {
	float: right;
}

.alert-action span {
	float:left;
}

.alert-action > div:after {
	clear: both;
	content: '';
	display: table;
  }


.alert-noPricing { margin-top:30px;}


.warning-icon {
  background: url("/images/warning.png") no-repeat;
  width: 16px;
  height:16px;
	margin-top:3px;
  float: left;
  position: relative;
  top: 0px;
}
/* ----------------------------------------------------------*/

html,body {
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
  font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background-color: #f3f3f3;
}

body#home {
  /* Margin bottom by footer height
  margin-bottom: 60px;*/
}

body.none {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background:#fff;
}

body#framed {
	padding-top:0px;
}


iframe {
	border:none;
}

.img-circular {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* 5 column grid */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* End */


#footer {
	color:#BDBCBC;
	font-size:12px;
}

.sides15 {
	margin-left:15px;
	margin-right:15px;
}



.header-style-top {
border-top:1px solid #ddd;
padding-top:20px;
}

.container-fluid.wrap {
	padding:0px 10px 0px 10px;

}

/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.container-fluid.wrap {
	padding:0px 40px 0px 40px;

}
    }


.top {
	margin-top:20px;
}

.top5 {
	margin-top:5px;
}

.top10 {
	margin-top:10px;
}

.top15 {
	margin-top:15px;
}

.top20 {
	margin-top:20px;
}


.top30 {
	margin-top:30px;
}

.top40 {
	margin-top:40px;
}

.top50 {
	margin-top:50px;
}

.remove-pad {
   padding: 0 !important;
   margin: 0 !important;
}


.hlp-sm {
	font-size: 13px;
}

.huge {
    font-size: 40px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.remove {
   padding: 0 !important;
   margin: 0 !important;
}


.nowrap {
	white-space: nowrap;
}

.td-center {
	text-align: center;
	vertical-align:middle;
}

.navbar-brand {
	margin-top:-3px;
}

.navbar-brand img {
	height: 30px;
}

.navbar-toggle {
	border:0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
	color: #ac1f2d;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #ac1f2d;
}



.settings-icon{
	margin-right:15px;
}


#workflowSteps .list-group-item:hover {
	cursor: move;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.pagination > .active > a {
	background-color: #ac1f2d;
	border-color: #ac1f2d;
}

.pagination > .active > a:hover {
	background-color: #ac1f2d;
	border-color: #ac1f2d;
}

.pagination > li > a {
	background-color: #fff;
	color:#2F2F2F;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
	background-color: #ac1f2d;
	color:#fff;
}

.btn-none {
	background:none;
	border:0;
}

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

.btn-none:hover {
	background:none;
}

.btn-transparent {
	background:none;
}

.btn-transparent:hover {
	background:#fff;
}



.btn-blank {
	background:none;
	color:#777777;
}

.btn-blank:hover {
	color:#000;
}

.panel-heading .btn-plain {
	background-color:none!important;
	background: none;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding:0px;
}

.panel-heading .btn-plain:hover {
	background:none;
	color: #ac1f2d;
}

.panel-header-links {
	float:right;
	display: flex;
	align-items: center;
	gap: 15px;
}

.panel-header-links a {
	text-transform: none !important;
	color:#333;
}

.panel-header-links a:hover {
	color:#c11521;
}

/* Link styles on button 
.panel-header-links button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: none;
  color: #333;
  font: inherit;
  line-height: inherit;
  box-shadow: none;
}

.panel-header-links button:hover {
  color: #c11521;
}

.panel-header-links button:focus,
.panel-header-links button:active,
.panel-header-links button:focus:active {
  outline: none;
  box-shadow: none;
}

.panel-header-links button {
  cursor: pointer;
}

*/


.panel-flex .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.panel-flex .panel-heading .panel-header-links {
  float: none !important;
}


.panel-flex .panel-heading .panel-header-links button {
  margin: 0;
  padding: 6px 12px;
  line-height: 1.2;
}





.panel-heading .btn-group .dropdown-menu > li.active > a,
.panel-heading .btn-group .dropdown-menu > li.active > a:hover,
.panel-heading .btn-group .dropdown-menu > li.active > a:focus {
  background-color: #ac1f2d;
  color: #fff;
}


.panel-heading .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.panel-heading .btn-group {
	text-transform: none;
	letter-spacing: normal;
}


.btn-plain {
	background:#fff;
	-webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
		  color:#000;
}

.btn-plain:hover {
	color: #333333;
    background: #e6e6e6;
}

.btn-plain.active {
	color: #333333;
    background: #fff;
	box-shadow: none;
	border-bottom:2px solid #c11521;
}

.btn-icon {
	background:none;
	-webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
		  color:#000 !important;
}

.btn-icon:hover {
	color: #c11521 !important;
	background: none;
}

.btn-control {
	background:none;
	-webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
		  color:#000;
}

.btn-control:hover {
	color: #c11521;
	background: none;
}

.btn-outline {
	background-color: #fff;
	border:1px solid #ddd;
	transition: all 0.3s ease 0s;
}

.btn-outline:hover {
	background-color: transparent;
	border:1px solid #ddd;
}

.btn-round {
	padding: 7px 18px;
    border: 1px solid #dbe2e8;
    border-radius: 22px;
    background-color: #fff;
}

.btn-round:hover {

}

.btn-red {
	background:#ac1f2d;
	color:#fff; 
}

.btn-red:hover {
	background:#b30c18;
	border: solid 1px #b30c18;
	color:#fff
}

.btn-default:hover,
.btn-default.focus,
.btn-default.active:focus {
	background-color:#b30c18;
	border: solid 1px #b30c18;
	color:#fff;
	text-shadow: none;
}

.btn-table {
	padding:5px 5px;
}


/* 2 col button grid mobile */
@media (max-width: 768px) {
  .button-grid-sm {
    display: block;
    width: 100%;
    float: none;
  }
  
  .button-grid-sm > .btn,
  .button-grid-sm > .btn-group {
    width: calc(50% - 5px);
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  
  .button-grid-sm > .btn:nth-child(even),
  .button-grid-sm > .btn-group:nth-child(even) {
    margin-right: 0;
  }

  .button-grid-sm > .btn-group > .btn {
  	width: 100%;
  }
  
  .button-grid-sm::after {
    content: "";
    display: table;
    clear: both;
  }
  
  .button-grid-sm .btn-group .dropdown-menu {
    width: 100%;
  }
}

.btn-sm {
	margin-bottom:3px;
}

.btn-red.active {
	background:none;
	border: solid 1px #b30c18;
	color:#c11521;
	box-shadow:none;
}

.btn-red:focus {
	color:#fff;
}


.btn-white {
	background:#fff;
	 -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
		  border:0;
		  color:#c11521;
}

.btn-white:hover {
	background:#c11521;
	border:0;
	color:#fff
}

.btn-white.active, .btn-white:focus {
	background:#c11521;
	border: solid 1px #cccccc;
	color:#fff;
	box-shadow:none;
}

.btn-outline-white {
	background: transparent;
	border:2px solid#fff;
	color:#fff;
	font-weight: 500;
}

.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
	color:#fff;
}

.btn-search{
	padding-left:50px;
	padding-right:50px;
}




.btn-500 {
	font-weight: 500;
}

.btn-block-sm {
	display: block;
	margin-bottom: 5px;
}

@media (min-width: 640px) {
	.btn-block-sm {
		display: inline-block;
	}
  }

.page-header {
	margin-top: 10px;
}


.well-simple {
	min-height: 20px;
  padding:10px;
  margin-bottom: 10px;
 border:1px solid #e3e3e3;
	background:#fff;
}

.title {
	font-weight:bold;
}

.section-title {
	text-transform: capitalize;
	font-size: 20px;
  font-weight: 500;
  color:#000;
  margin-bottom: 15px;
}



form .glyphicon.glyphicon-search {
	font-size:10px;
}

.quick-form{
	margin-bottom:10px;
}

.nav-tabs {
	margin-bottom:20px;
}


.tabs-nested {
	border:0;
}

.tabs-nested li {
	
}


.tabs-nested li.active a {
	color:#000;
	border:0;
	border-bottom:2px solid #ac1f2d;
}
.tabs-nested li.active a:hover {
	color:#000;
	border-top:0;
	border-right:0;
	border-left:0;
}

.tabs-nested li a:hover {
	color:#000;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:2px solid #ac1f2d;
	background-color:none;
}



.tabs-nested li a {

}


/* Menu */

ul.nav-menu {
	padding:0px;
	margin-bottom:20px;
}
ul.nav-menu li {
	display: inline-block;
}
  ul.nav-menu li a {
	display: block;
	padding: 0px 20px 10px 20px;
	text-decoration: none;
  }

  ul.nav-menu {
	clear: both;
	transition: max-height .2s ease-out;
  }

  ul.nav-menu li a:hover {
	color:#c11521;
  }

  ul.nav-menu li.active a {
	border-bottom:2px solid #c11521;
	font-weight: 500;
	color:#000;
  }

/* End Menu */



.top {
	margin-top:20px;
}

.bottom {
	margin-bottom:20px;
}

.stripe-col {
	 padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  line-height: 1.42857;
  vertical-align: top;
 border-top: 1px solid #dddddd;
 border-bottom: 1px solid #dddddd;
}

.panel-clean {
	border:1px solid #ddd;
}

.panel-clean > .panel-heading {
	background-color: transparent;
	/*border-bottom:1px solid #ddd;*/
	border-bottom:0px;
	padding:20px;
	text-transform: uppercase;
	font-size: 18px;
	color:#969696;
}


.panel-default > .panel-heading {
	background-image: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.red{ color:#c11521;}

.legend {
	font-size: 1em;
        font-weight: bold;
        padding:0px 0px 10px 0px;
		color:#c11521;
		text-transform:uppercase;
}

.fill{
	background:#f5f5f5;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	padding:20px;
}

/*.accent {
	border-top: 1px solid #efefef;
	padding-top:20px;
}*/

.form-row {
	margin-bottom:25px;
}
 
/*.multi-select .btn-group,.multi-select button  {width:100%;}*/

.multi-select .btn-group,.multi-select button  {width:100%;text-align: left;}


.section {
	padding-top:20px;
	padding-bottom:20px;
}

.list-none {
	list-style-type:none;
}

.red-arrow:before {
	 padding-right: 5px;
		content: url(../images/bullet-icon.png);

}

input.red-arrow {
	background:url(../images/bullet-icon.png) no-repeat center left;
	padding-left:20px;
	border:none;
}

input.red-arrow {
	background:url(../images/bullet-icon.png) no-repeat center left;
	padding-left:20px;
	border:none;
	margin-top:10px;
}

input.red-arrow:hover {
	color:#c11521;
}


.second-navbar{
  top:50px;
}

/* Placeholder Color */

::-webkit-input-placeholder {
    color:#D0D0D0!important;
}

::-moz-placeholder {
    color:#D0D0D0!important;
}


.clear-search{
  background: #fff url(../images/clear-search.gif) no-repeat right -10px center;
  transition: background 0.4s;
}
.clear-search.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clear-search.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clear-search::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

/* Input Clear */
.input-clear-wrap { 
	position: relative;
}
.input-clear-wrap .form-control { 
	padding-right: 28px;
}
.input-clear-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;  
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: #999;
}

.input-clear-icon:hover {
	color: #555;
}


.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

@media only screen and (max-width : 480px) {
		table.table.table-collapse td {
			width:100%;
			display:block;
			border-top: none !important;
		}
		table.table.table-collapse tr {
			width:100%;
			display:block;
			border-top: 1px solid #ddd;
		}
}

/*
.multiselect-container .dropdown-menu .active a
{
  background-color: #fff !important;
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%) !important;
  background-image:      -o-linear-gradient(top, #fff 0%, #fff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;
  background-image:         linear-gradient(to bottom, #fff 0%, #fff 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0) !important;
  background-repeat: repeat-x;
}
*/

.multiselect-container li.active a {
	background-color:#fff !important;
	color:#333;
}

.multiselect-container li.active a:hover {
	color:#333;
	background-color: #ddd;
}

/* ------------------
	Home Page
-------------------*/


body#login {
	padding-top:20px !important;
	margin:0px;
	overflow: hidden;
}


body#login .btn-pill,
body#login .submit{
	text-transform:uppercase;width:200px
}

body#login .btn-pill.btn-lg {
	font-size: 14px;
	font-weight: 700;
}


body#login .btn-pill{border-radius:8px;border:2px solid #ab192d;color:#ab192d;padding:5px;background-color:none;margin-left:20px}
body#login .btn-pill:hover,
body#login .submit{
	background-color:#ab192d;color:#fff
}
body#login .submit{border-radius:8px;padding:10px;margin:15px 0 20px}
body#login .submit:hover{background-color:#bf1c33;color:#fff}
body#login .form-control{border-radius:0}


body#login footer {
  margin-top:50px;
}

.fpfp-image.sm {
	max-width: 100px;
	max-height: 100px;
	margin: auto;
}

/* New styles for front page */
.fpfr-wrap:hover .panel-dash,
.fpss-wrap:hover 
 {
	box-shadow: 0 4px 10px rgba(170, 25, 25, 0.70);
}

.fpfr-wrap .panel-dash .panel-body {
	padding-bottom:0px;
}

.fpfr-wrap:hover .panel-dash {
	transition: box-shadow 0.3s;
}

.fpfr-wrap:hover .panel-dash h4,
.fpss-wrap:hover h4 {
	color:#ac1f2d;
}


.fpfr-wrap:hover .panel-dash p {
	color:#353c4e;
}

.fpfp-footer {
	background-color: #ac1f2d;
	color:#fff;
	padding:5px 10px;
	text-align: center;
	opacity: 0;
	transition: opacity 0.3s;
}

.fpfp-footer p {
	color:#fff !important;
}

.btn-fpfp {
	position: absolute;
	bottom:10px;
	right:10px;
	z-index: 10;
	display: none;
}

.fpfp-image {
	margin:0 auto 5px auto;
	padding:0px 15px;
	object-fit: contain;
	width:200px;
	max-height: 160px;
}

.fpfp-logo {
	margin-top:20px;
	max-width: 150px;
}

.fpfp-product-name {
	font-size:18px;
	margin-bottom:5px;
}



.fpfr-wrap:hover .btn-fpfp
 {
	display: block !important;
}

.fpfr-wrap:hover .fpfp-footer {
	opacity: 100;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	body#login .logo {
		padding:0px 50px 0px 50px;
	}

	body#login footer {
  		margin-top:30px;
		}
 }



#new-customer {
	float:right;
}


#login-panel {
	font-family: 'Source Sans Pro', sans-serif;
	margin-top:20%; /* was 5% */
	padding:40px 40px 20px 40px;
	/* background:rgba(255,255,255, 0.9);*/
	background-color: #fff;
	color:#666666;
	background-image: url(../images/login-accent-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	border-radius: 20px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

#login-panel .logo {
	margin:0 auto 20px auto;
	max-width: 350px;
}

#login-panel .copyright {
	margin-top:50px;
	text-align: center;
}

#login-panel form {
	margin:0px 20px;
}



#login-panel .content {
	text-align:center;
	margin-bottom:15px;
}

.copyright {
	color:#5A5858;
}



.nav li a {
	padding:10px 13px;
}

.nav a {
	color:#000;
}


.nav > li > a:focus, .nav > li > a:active  {
	background:#fff;
	color:#000;
	border:0;
	outline: 0;
}


.nav li a:hover
{
  background-color: #ac1f2d;
  color:#fff;
}



ul.nav-list {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.nav-list li {
	padding:10px 0px 10px 25px;
	position: relative;
	border-bottom:1px solid #efefef;
}

ul.nav-list li:last-child {
	border:0;
}

ul.nav-list li a {
	color:#000;
}

ul.nav-list li:before {
        padding-right: 5px;
		/*content: url(../images/bullet-icon.png);*/
	 content: "\f1ea";
   font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 0px;
    top: 13px;
	color:#ac1f2d;
}

ul.nav-list.tradeshows li:before {
        padding-right: 5px;
		/*content: url(../images/bullet-icon.png);*/
	 content: "\f133";
   font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 0px;
    top: 13px;
	color:#ac1f2d;
}

ul.nav-list.whats-new li:before {
	padding-right: 5px;
	/*content: url(../images/bullet-icon.png);*/
 font: var(--fa-font-regular);
    content: "\f621";
position: absolute;
left: 0px;
top: 13px;
color:#ac1f2d;
}

.expand-alert {
	float:right;
	margin-top:5px;
}



.clear-alerts {
	font-size:12px;
	color:#727272;
}

.alert-details {
	margin-top:15px;
}



ul.nav-list li a:hover{
	color:#ac1f2d;
}


#alerts ul.nav-list li:before {
        padding-right: 5px;
	 content: "\f0a2";
   font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 0px;
    top: 13px;
	color:#ac1f2d;
}


.callout-btn {
	color:#000;
}

.callout-btn:hover{
	color:#ac1f2d;
}

.callout-btn i {
	color:#ac1f2d;
}


ul.nav-list-inline {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.nav-list-inline li {
	padding:3px 0px 3px 10px;
}

ul.nav-list-inline li:first-child {
	padding:3px 0px 3px 0px
}

ul.nav-list-inline li a {
	color:#000;
}

ul.nav-list-inline li:before {
        padding-right: 5px;
		content: url(../images/bullet-icon.png);
}

ul.nav-list-inline li a:hover{
	color:#c11521;
}

/* Flyout Nav  */


.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a
{
  color: #fff;
  transition: all 0.2s ease 0s;
}

/* Line 7 */
.navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus
{
  color: #fff;
  background:#c11521;
}

.navmenu-default, .navbar-default .navbar-offcanvas
{
  background-color: #272727;
  border-top-color: #e7e7e7;
  border-right-color: #e7e7e7;
  border-bottom-color: #e7e7e7;
  border-left-color: #e7e7e7;
}


.navbar-btn {
	margin-top: 0px;
	margin-bottom: 0px;
}

.btn-settings {
	font-size:18px;
}


#sidebar-offcanvas li {
	position: relative;
}



#sidebar-offcanvas .open-window {
	position: absolute;
	top:0px;
	right:0px;
	font-size: 10px;
	color:#fff;
	visibility: hidden;

}

#sidebar-offcanvas li:hover .open-window {
	visibility: visible;
}

#sidebar-offcanvas .open-window:before {
	content: none !important;
	padding:0px !important;
}


#sidebar-offcanvas .open-window:hover {
	background:none;
	color:#fff;
}



ul.nav li.icon-home a:before {
        padding-right: 10px;
		content: url(../images/menu/Home.png);
}

ul.nav li.icon-virtual a:before {
        padding-right: 10px;
		content: url(../images/menu/Virtual.png);
}


ul.nav li.icon-search a:before {
        padding-right: 10px;
		content: url(../images/menu/Products.png);
}

ul.nav li.icon-suppliers a:before {
        padding-right: 10px;
		content: url(../images/menu/Suppliers.png);
}

ul.nav li.icon-decoration a:before {
        padding-right: 10px;
		content: url(../images/menu/decoration.png);
}

ul.nav li.icon-specials a:before {
        padding-right: 10px;
		content: url(../images/menu/Specials.png);
}
ul.nav li.icon-presentations a:before {
        padding-right: 10px;
		content: url(../images/menu/Presentations.png);
}
ul.nav li.icon-project a:before {
        padding-right: 10px;
		content: url(../images/menu/Projects.png);
}
ul.nav li.icon-filecenter a:before {
	padding-right: 10px; 
	content: url(../images/menu/Filecenter.png); 
}

ul.nav li.icon-crm a:before {
        padding-right: 10px;
		content: url(../images/menu/Clients.png);
}
ul.nav li.icon-order a:before {
        padding-right: 10px;
		content: url(../images/menu/Orders.png);
}

ul.nav li.icon-emailcamp a:before {
        padding-right: 10px;
		content: url(../images/menu/Email-Campaigns.png);
}

ul.nav li.icon-printstudio a:before {
        padding-right: 10px;
		content: url(../images/menu/print-studio.png);
}

ul.nav li.icon-discussions a:before {
        padding-right: 10px;
		content: url(../images/menu/Discusions.png);
}
ul.nav li.icon-publications a:before {
        padding-right: 10px;
		content: url(../images/menu/Publications.png);
}

ul.nav li.icon-tradeshows a:before {
        padding-right: 10px;
		content: url(../images/menu/Tradeshows.png);
}

ul.nav li.icon-payments a:before {
        padding-right: 10px;
		content: url(../images/menu/payments.png);
}

ul.nav li.icon-chats a:before {
        padding-right: 6px;
		content: url(../images/menu/chat.png);
}



    @media only screen and (max-width : 1334px) {
		ul.nav li.icon-home a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-virtual a:before {
        padding-right: 10px;
		content: none;
}


ul.nav li.icon-search a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-suppliers a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-decoration a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-specials a:before {
        padding-right: 10px;
		content: none;
}
ul.nav li.icon-presentations a:before {
        padding-right: 10px;
		content: none;
}
ul.nav li.icon-project a:before {
        padding-right: 10px;
		content: none;
}
ul.nav li.icon-crm a:before {
        padding-right: 10px;
		content: none;
}
ul.nav li.icon-order a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-emailcamp a:before {
        padding-right: 10px;
		content: none;
}
ul.nav li.icon-discussions a:before {
        padding-right: 10px;
		content: none;
}
ul.nav li.icon-publications a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-tradeshows a:before {
        padding-right: 10px;
		content: none;
}

ul.nav li.icon-payments a:before {
        padding-right: 10px;
		content: none;
}

    }


.prj-activity-action {
	position: absolute;
	top:-5px;
	right:-5px;
	display: none;
}

.prj-activity-action i {
	color:#666;
}

/* ------------------
	Dashboard
-------------------*/


.popover-title {
	color:#fff;
	background:#ac1f2d;
}

.popover {
	min-width:250px !important;
}


.home-panel-scroll {
	max-height:300px;
	position:relative; margin:0px auto; padding:0px; width: 100%; overflow: hidden;
}


.panel-scroll {
	height:300px;
	border:1px solid #ddd;
	position:relative; margin:0px auto; padding:0px; width: 100%; overflow: hidden;
}


.panel-dash {
	border:0;
	margin-bottom:20px !important;
}

.panel-dash > .panel-heading {

	color:#1F2937;
	background:#fff;
	padding:20px 20px 0px 20px;
	
}

.panel-dash .panel-title {
	font-size:20px;
	font-weight:500;
}

.panel-dash .panel-title a {
	font-size:20px;
	font-weight:500;
	color:#1F2937;
}



.panel-dash .panel-body {
	border-top:0 !important;
}
 

.title-filter {
	border-bottom:1px solid #ededed;
	padding-bottom:5px;
	font-weight:bold;
	font-size:12px;
}


.modal-scroll-400 {
	max-height:400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-scroll-500 {
	max-height:500px;
	overflow-y: auto;
	overflow-x: hidden;
}
 
.modal-xl {
	width:95%;
	margin:30px auto;
}

@media (min-width: 768px) {
	.modal-xl {
		width:70%;
	}
}

.modal-75 {
	width:75%;
	margin:30px auto;
}

/* tablet / desktop */
@media (min-width: 768px) {
	.modal-75 {
		width:75%;
	}
}

/* large  */
@media (min-width: 1400px) {
	.modal-75 {
		width:60%;
	}
}

@media (min-width: 1800px) {
	.modal-75 {
		width:50%;
	}
}

/* Featured Actions List */

.popover {
	z-index: 1400;
}

ul.featured-actions {
	margin:0;
	padding:10px 10px 10px 10px;
	list-style-type:none;
}

ul.featured-actions li {
	padding:0px 0px 0px 0px;
	display: block;
}

ul.featured-actions li a {
	color:#000;
	font-size:14px;

}

ul.featured-actions li a span {
  display:block;
  overflow:hidden;
}

ul.featured-actions li:before {
        padding-right: 5px;
		content: url(../images/bullet-icon.png);
		float:left;

}

ul.featured-actions li a:hover{
	color:#c11521;
}



.controls .glyphicon-chevron-left,
.controls .glyphicon-chevron-right {
	color:#AAA9A9;
}



.col-item > .thumbnail {
	text-align:center;
	height:175px;
	overflow:hidden;
}

.col-item > .thumbnail a {
	text-decoration:none;
	color:#000;
}

.col-item > .thumbnail a:hover {
	color:#c11521;
}


.fpba-block {
	color:#333;
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:20px;
	text-align: center;
	max-width: 170px;
	position: relative;
	padding:5px 10px 10px 10px;
}



.prodlist-sidebar .ba {
	max-width:170px;
	padding:5px;
	margin-bottom:20px;
	border:1px solid #ddd;
}

.prodlist-sidebar .ba img {
	margin: 0 auto;
}




#sfrp-block {
	margin-top:20px;
	border-top:1px solid #ddd;
	padding-top:20px;
	position: relative;
}


ul.srfp-details {
	list-style-type: none;
	padding-left:0px;
}

ul.srfp-details li {
	text-align: center;
}

.srfp-banner {
/*	border:1px solid #ddd;*/
	padding-top:16px;
	position: relative;
	cursor: pointer;
}

.adClick {
transition: .5s ease;
  opacity: 0;
  position: absolute;
  bottom:0px;
  right:0px;
  color:#fff;
	background:#ac1f2d;
	padding:10px;
	text-align: center;
	font-size:10px;
}

.adClick i {
	display: block;
}

/* Triggers click button on banner areas */
.fpba-block:hover .adClick,
.fpba-block-banner:hover .adClick,
.srfp-banner:hover .adClick,
#sfrp-block:hover .adClick {
	opacity: 1;
}





@media only screen and (max-width : 1611px) {
	.srfp-banner {
	padding:32px;
}
}


@media only screen and (max-width : 1375px) {
	.srfp-banner {
	padding:25px;
}
}

@media only screen and (max-width : 1147px) {
	.srfp-banner {
	padding:38px;
}
}




.srfp-banner img {
	margin:0 auto;
}

.prodlist-sidebar {
	float:right;
	/*position: fixed;
	top:70px;
	right:30px;*/
} 

@media (max-width: 995px) {
	.prodlist-sidebar {
		display: none;
	}
}



#footer-ba {
	text-align: center;
	margin-bottom:75px;
}

#footer-ba img {
	margin:0 auto;
}

#footer-ba a {
	display: inline-block;
}

/*.popover.top {
  margin-top: 30px;
}*/



.fpba-block img {
	margin:0 auto;
}


.keyword-ad .fpba-block .inner {
	text-align: center;
}

.fpba-block .inner {
	font-size:12px;
	text-align: center;
	margin-top:5px;
}

.fpba-block p.item-name {
	font-weight: 400;
	margin:0px;
	font-size: 12px;
	text-transform: uppercase;
}

.fpba-block-banner {
	border:1px solid #ddd;
	margin-bottom:15px;
	text-align: center;
	max-width: 200px;
	position: relative;
}




.marketing {
	margin-bottom:20px;
}

#user-header-avatar {
	width:35px;
	display: inline-block;
}

.header-controls .glyphicon.glyphicon-cog {
	font-size:20px;
}

.header-controls {
	display: flex;
	align-items: center;
}

.view-dev {
	padding: 8px 8px;
	color:#777;
}

/*
table#project-table tr button {
	opacity:0;
}

table#project-table tr:hover button {
		opacity:1
} */ 


ul.nav-list li.del-alert {
	padding-right:20px;
	
}

li.del-alert::after {
	content: "";
	clear: both;
	display: table;
}

li.del-alert .clear-alert {
	opacity:0;
	background:none;
	border:none;
	margin-left:10px;
	font-size: 16px;
}

li.del-alert:hover .clear-alert {
	opacity:1
}

.alert-timestamp {
	font-size:12px;
	color:#929292;
	display: block;
}

.alert-timestamp:before {
    content: "\f017";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
	margin-right:5px;
	float:left;
}




/*-----------------------
	Product Search
------------------------*/

.multiselect-custom .multiselect-container.dropdown-menu {
	left:0 !important;
}

.multiselect-custom .btn-group,.multiselect-custom button  {width:100%;text-align: left;}

.multiselect-full .multiselect-container.dropdown-menu {
	width:100%;
}


.multiselect-container.dropdown-menu {
	left:15px;
	width: calc(100% - 30px) !important;
}

.dropup-container.dropup .multiselect-container.dropdown-menu {
	left:0;
}

#fixed-search {
	position: fixed;
	bottom:0;
	background:#393a3d;
	padding:10px;
	z-index: 100;
	width:100%;
}

#toggle-search {
	float:right;
	margin-bottom:5px;
}

.show-advanced {
	display:none;
}

/* Product Search Price Row */

.price-filter-container .form-row {
	margin-bottom: 15px;
}

.price-filter-container .form-row > label {
	font-weight: bold;
	margin-bottom: 8px;
	display: block;
}

.price-filter-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.price-inputs-group {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}

.price-inputs-group .form-control {
	width: 125px;
}


.price-filter-container select.form-control {
	width: auto;
	min-width: 150px;
}

@media (max-width: 576px) {
	.price-inputs-group .form-control {
		width: 100px;
		font-size: 14px;
	}
}

 /* The switch - the box around the slider */

.header-controls .switch {margin-left:10px;}

 .switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 18px;
	margin-bottom:0px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }

/* Custom switch */
.switch-wrap  input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.switch-wrap label {
	cursor: pointer;
	text-indent: -9999px;
	width: 30px;
	height: 20px;
	background: grey;
	display: inline-block;
	border-radius: 100px;
	position: relative;
}

.switch-wrap label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

.switch-wrap  input:checked + label {
	background: #c11521;
}

.switch-wrap input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

.switch-wrap label:active:after {
	width: 30px;
}




.icon-only {
	display:none;
}


/* default icon-only on tablet and down */
@media (max-width: 767px){

  .icon-only-list .btn{
    font-size: 0;
    padding: 8px 10px;
    line-height: 1;
  }

  .icon-only-list .btn i,
  .icon-only-list .btn .ai-icon-stack{
    font-size: 16px;
    margin: 0;
  }
}

/* icon-only at 1300 and down */
@media (max-width: 1300px){

  .icon-only-1300 .btn{
    font-size: 0;
    padding: 8px 10px;
    line-height: 1;
  }

  .icon-only-1300 .btn i,
  .icon-only-1300 .btn .ai-icon-stack{
    font-size: 16px;
    margin: 0;
  }
}


@media (min-width: 746px) {
	.icon-only {
		display:inline;
	}

  }
  
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  #SalesPotentialSlider.slider:before, #ex1Slider.slider:before {
	background-color: transparent;
  }
  
  #SalesPotentialSlider.slider, #ex1Slider.slider {
	background-color: transparent;
  }
  
  input:checked + .slider {
	background-color: #ac1f2d;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #ac1f2d;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  } 



form.product-search .control-label {
	text-align: right;
}



/* Natural Search */



.grad-icon{
  display: inline-block;            
  background: linear-gradient(45deg, #3b82f6, #a855f7 55%, #ec4899);
  -webkit-background-clip: text;   
  background-clip: text;
  color: transparent;            
  -webkit-text-fill-color: transparent; 
  font-size: 48px;  
  line-height: 1;
}

#clear-natural-search {
	position: absolute;
	top:12px;
	right:40px;
	z-index: 10;
	color:#999;
}

#natural-search {
  width: 50%;
  margin-bottom:20px;
  position: relative;
}

.speech-to-text {
	position: absolute;
  	top: 10px;
    right: 15px;
    z-index: 10;
	font-size: 18px;
}

.speech-to-text a {
   color:#aaa;
}

.speech-to-text a:hover {
	color:#000;
}

a#stop-speech-to-text-btn {
	color: #ac1f2d;
	display: inline-block;
	transition: transform 0.2s ease, color 0.2s ease;
}

a#stop-speech-to-text-btn:hover {
	transform: scale(1.1);
}

@media (max-width: 1300px) {
    #natural-search {
        width: 100%;
    }
}

.natural-search-icon {
    position: absolute;
    left: 16px;
    top: 15px;
    width: 20px;
    height: 20px;
    pointer-events: none; 

}

#natural-search textarea.form-control {
  width: 100%;
  height: 50px;
  padding: 12px 90px 12px 48px;
  background-color: #ffffff;
  color: #2c2c2c;
  border: 1px solid #ddd;
  border-radius: 12px;
  outline: none; 
 transition: border-color 0.2s ease, box-shadow 0.2s ease, height 0.3s ease;
  resize: none;
}

#natural-search textarea.form-control:focus {
  border-color: #789eb4;
  box-shadow: 0 0 0 3px rgba(100, 97, 95, 0.1);
}

#natural-search textarea.form-control:hover:not(:focus) {
  border-color: #b8b8b8;
}

#natural-search textarea.form-control::placeholder {
  color: #999999 !important;
}

#natural-search .search-submit {
  position: absolute;
  bottom: 12px;
  right: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  opacity: 1; 
}


/* end */


#simple-search-btn.checked,
#advanced-search-btn.checked{
	background:#ac1f2d;
	border-color:#ac1f2d;
	color:#fff;
}

#simple-search-btn.checked:before,
#advanced-search-btn.checked:before {
    content: "\f00c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:5px;
    position:absolute;
    top:10px;
	color:#fff;
	font-size:10px;
 }

.product-criteria:before {
	padding:0px 5px 0px 0px;
	content: url(../images/icon-mug-xl.png);
}



.search-section {
	font-weight: 300;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	margin:15px 0px 30px 0px;
}

.search-section i {
	color:#ac1f2d;
}

.supplier-name {
	font-weight:700;
	color:#c11521;
}


#supplier-list-scroll {
	max-height:500px;
}


.shop-view .search {
	background:none;
}



.form-table {
    display: table;
    width: 100%;
}

.form-table > .column {
    display: table-cell;
    vertical-align: middle;
	padding-right: 10px;
}

.form-table > .column .radio-inline {
	padding-top:0px;
}

.form-sm {
	width:80px !important;
}

.form-md {
	width:100px !important;
}

.form-lg {
	width:120px !important;
}




form.product-search .price {
	width:60px;
	float:left;
	margin-right:10px;
}


    @media only screen and (max-width : 990px) {

		.minPriceCode {
			margin-top:10px;
			width:200px;
		}
    }



/* Category smart search */

.tt-dropdown-menu,
.gist {
  text-align: left;
}

.typeahead,
.tt-query,
.tt-hint {
  font-size: 14px;
  outline: none;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 300px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 14px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

/* end Typehead */


.live-research {
	background:url(../images/icon-live-research.png) no-repeat center left;
	height:	24px;
	width:21px;
}

.live-research:hover {
	background:url(../images/icon-live-research-hover.png) no-repeat center left;
	height:	24px;
	width:21px;
}

ul#recent-search {
	margin:0px;
	padding:0px;
}

ul#recent-search li {
	list-style-type:none;
	border-top:1px solid #dddddd;
}

ul#recent-search li:first-child {
	border:none;
}

ul#recent-search li a {
	text-decoration:none;
	display:block;
	padding:10px 10px 10px 25px;
	background: url(../images/bullet-icon.png) no-repeat center left;

}

ul#recent-search li a:hover {
	color:#c11521;
	padding:10px 10px 10px 25px;
	background: url(../images/bullet-icon.png) no-repeat center left #f5f5f5;
}

.panel-gray {
	background:#677a89;
}

.panel-group .panel.panel-plain {
	border-bottom:1px solid #ccc;
	box-shadow:none;
	border-radius:none;
}

.form-search {
	margin-top:10px;
}

.form-search .combobox-container,
.form-inline .combobox-container {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
.form-search .combobox-container .input-group-addon,
.form-inline .combobox-container .input-group-addon {
  width: auto;
}
.combobox-selected .caret {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}
.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}



/*-----------------------
	Product List
------------------------*/


#noinventory:before {
    content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
	color:rgb(85, 86, 87);
 }



#instock:before {
    content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
	color:#189B22;
 }

#lowstock:before {
    content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
	color:#CF860F;
 }

#outstock:before {
    content: "\f111";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
	color:#BC1417;
 }




/* -----------
   Filter Nav
-------------*/
 
/*#filter-sidebar {
	position: sticky;
	top:0;
}
*/
#filter-sidebar.affix {
    top: 120px;
	width: inherit;
  }

.show-filter .filter:first-child {
	margin-top:-5px;
}

/* Mobile First */
#filter-sidebar { display: none;}

 /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
			#filter-sidebar { display: block;}
    }



	#filter-sidebar .show-more {
		margin-bottom:10px;
		font-size: 12px;
		color: #353c4e;
	}
	
	#filter-sidebar .show-more::before {
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		content: "\f078";
		margin-right:5px;
		color:#ac1f2d;
	}


	#filter-sidebar .show-more.clear::before {
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		content: "\f00d";
		margin-right:5px;
		color:#ac1f2d;
	}


#filter-sidebar #enabledFilters ul{
	list-style-type: none;
	padding:10px 10px 0px 0px;
}

#filter-sidebar .remove-filter{
	float:right;
	color:#666666;
}

#filter-sidebar .panel{
	box-shadow: none;
}

#filter-sidebar .panel-body {
	max-height: 300px;
	overflow: auto;
	padding:0px;
	border:0px;
	clear: both;
	margin-bottom: 0px;
}

#filter-sidebar #priceRange .panel-body {
	overflow: visible;
	padding:10px 0px;
}

#filter-sidebar .panel-heading {
	border-bottom:1px solid #ddd;
	padding:5px 0px 5px 0px;
}

#filter-sidebar .panel-heading a {
	text-decoration: none;
	color:#000;
	outline: 0;
	font-size: 14px;
}

#filter-sidebar .panel-heading .fa {
	margin-top:5px;
}

#filter-sidebar .panel-collapse {
	border:0;
}

#filter-sidebar {

  margin-bottom: 25px;

}

#filter-sidebar ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

#filter-sidebar ul li {

  position: relative;

  margin-bottom: 3px;

}

#filter-sidebar ul li a.remove-filter {

  position: absolute;

  top: 0;

  right: 0;

  color: #aaa;

}

#filter-sidebar .price-range {


  margin-top: 10px;

  padding: 3px 0;

}

#filter-sidebar .title
{
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
	font-size: 18px;
}


#filter-sidebar ul.filter-list a.title {
	border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
	font-size: 18px;
	display: block;
}


#filter-sidebar .toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
#filter-sidebar .toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}














.owl-carousel-wrap p {
	background:#ac1f2d;
	padding:5px;
	color:#fff;
}

.owl-carousel {
	/*border:1px solid #ddd;*/
	position: relative;
}



.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: -65px;
    right: 40px;
    display: block!IMPORTANT;
	color:#fff !important;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: -65px;
    right: 10px;
    display: block!IMPORTANT;
	color:#fff !important;
}



  .owl-theme .owl-nav [class*='owl-'] {
    display: inline-block;
    cursor: pointer; }


    .owl-theme .owl-nav [class*='owl-']:hover {
      text-decoration: none; }


  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


#ProdListForm {
	padding:15px 5px 5px 5px;
}


.srfp-item {
	background:#fef9db !important;
}

.srfp-item .product-details {
	background:#fef9db !important;
	border:0 !important;
}

#sfrp-block .srfp-item {
	background:#fff !important;
	margin-top:15px;
}

#sfrp-block .srfp-item img {
	width:auto;
	margin:0 auto;
}



.popover-content img {
	margin: 0 auto;
}



#similarCarousel .slick-list {
	overflow: visible;
	clip-path: inset(-100vw 0 -100vw 0);
}

#similarCarousel .slick-prev, 
#similarCarousel .slick-next {
	z-index: 500;
}




.thumbnail-list.grid li a,
.thumbnail-list.grid li a:hover,
#similarCarousel .item a,
#similarCarousel .item a:hover
  {
	color:#000;
}

#similarCarousel .item .product-tags {
	min-height: 20px;
}

/* .thumbnail-list.grid li:hover .product-details,
#similarCarousel .item:hover .product-details {
	visibility: visible;
	z-index: 100;

} */





/* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
.thumbnail-list.grid li {
	/* height: 180px; */
}
    }


.product-count p {
	margin:0px;
	padding:0px 0px 0px 0px;
}

.product-tags {
	text-align:right;
	margin-bottom:3px;
}

.product-tags .product-icon {
	display:inline;
	font-size:10px;
	padding:2px 5px 1px 5px;
}

.favorite-icon {
	display:inline;
	padding:2px 10px 1px 10px;
	background:url(../images/product-favorite-icon.png) no-repeat center;
}

.new-icon:before {
	display:inline;
	content: "\2a";
    font-family: FontAwesome;
	color:#0983fe;
}


.verified-icon {
	display:inline;
	padding:2px 10px 1px 10px;
	background:url(../images/product-verified-icon.png) no-repeat center;
}

.special-icon:before {
	display:inline;
	content: "\f02c";
    font-family: FontAwesome;
	color:#BC2528;
}

.popular-icon:before {
	display:inline;
	content: "\f6df";
    font-family: FontAwesome;
	color:#f26822;
}


#product-icon-actions {
	list-style: none;
	padding:0px;
	float:right;
	display: none;
}

#product-icon-actions ul li {
	display:block;
}

#product-icon-actions ul li a {
	display: block;
	padding-top:5px;
	padding-bottom:5px;
}


#product-icon-actions li {
	display: inline-block;
	padding:0px 5px;
}

#product-actions-mobile {
	display: block;
}


@media (min-width: 920px) {
	#product-icon-actions {
		display:block;
	}

	#product-actions-mobile {
		display: none;
	}

  }

.product-detail-tag-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top:15px;
}

.product-detail-tags {
  list-style-type: none;
  padding-right: 10px;
}

.product-detail-tags li {
	vertical-align: middle;
}



.product-detail-tags .popular-icon,
.product-detail-tags .special-icon,
.product-detail-tags .new-icon
{
	font-size:18px;
}


@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}



.sc-status {
	margin-top:30px;
}

.sc-status a {
	display: inline-block;
}


#chat-status {
  display: inline-flex;
  align-items: center;
}

#chat-status::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f111";
  font-weight: 900;
  font-size: 12px;
  color: #00c63b;
  animation: pulse 1.5s ease-in-out infinite;
  display: inline-block;
  line-height: 1;
  transform: translateY(1px);
  margin-right: 1px;
}

.prodRateAvg {
	color:#ffc538;
}

.prodRate {
	color:#BC1417;
}


.thumbnail-list .product-list-tags {
	float:right;
  list-style-type: none;
  border: 0px;
  padding: 0px;
}

.thumbnail-list.grid.list-view .product-list-tags {
	float:none;
}




.thumbnail-list .product-list-tags li {
	display: inline-block;
	border:0px;
	height:20px;
	padding:0px 2px;
	width:15px;
}

.item .product-list-tags  {
  display: inline;
  list-style-type: none;
  border: 0px;
  padding: 0px;
}

.item .product-list-tags li {
	border:0px;
	height:20px;
	padding:0px 2px;
	width:15px;
}

.item .product-list-tags li {
	border:0px;
	height:20px;
	padding:0px 2px;
	display: inline-block;
}


.thumbnail-list .product-list-tags li:hover, .item .product-list-tags li:hover {
	border-top:0px;
	padding-top:0px;
}



.num-label {
	color:#AAAAAA;
}


.sudo-label {
	display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  padding-top:7px
}

.xs-label {
	font-size:12px;
}


.product-label {
	margin-top:10px;
	font-weight:bold;
}


.remove-pad .btn {
	padding:6px 0px 6px 0px;
	margin:0px;
}



.supplier-info {
	margin:10px 0px 0px 0px;
}



#searchFilters {
	background: rgba(255,255,255,.95)

}

#searchFilters.sticky {
	  position: fixed;
  top: 51px;
  width: inherit;
  padding-top: 10px;
  padding-right: 30px;
  z-index: 1031;
}

#filter-sidebar.affix {
	position: fixed;
	width:200px;
}

.prodlist-sidebar.affix {
	position: fixed;
	width:200px;
}





#filter-sticky {
	  position: fixed;
  width:auto;
  padding-top: 10px;
  padding-right: 30px;
  z-index: 1031;
}


/*  ------------ Product list view ------------ */

.item-list .product-icon {
	display: inline;
}



.item-list .tag-item{
	position: absolute;
	top:10px;
	right:10px;
	z-index: 10;
}

.item-list {
	border:1px solid #ECEBEB;
	padding:10px 25px 10px 0px;
	position:relative;

}

.item-list:hover {
	cursor:pointer;
	border-top:3px solid #c11521;
	padding:8px 25px 10px 0px;
}

.item-list:hover .tag-item{
	position: absolute;
	top:8px;
}

.item-list a:hover {
	color:#000;
}


.item-list .item-list-title {
	margin:0px 0px 5px 0px;
	font-weight:bold;
	font-size:14px;
}


.item-list p {
	margin:0px;
	padding:0px;
	font-size:14px;
}

.item-list-price {
	font-size:14px;
}

.thumbnail-list {
  list-style:none;
  padding:0px;
	margin:0px;
}


.pr-list-grid {
	margin:0px;
	padding:0px;
	font-size:14px;
}

.pr-list-grid .item-list-grid-title {
	font-weight: 600;
	margin-top:5px;
	font-size: 14px;
	display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-name {
	font-weight: 600;
	margin-top:5px;
	font-size: 14px;
}



.pr-list-grid {
	text-align:left;
}

.pr-list-grid:hover {
	cursor: pointer;
}

.pr-rating {
	margin:5px 0px !important;
	padding:0px !important;
}



.item-list-grid-pic
{
	display: flex;
	align-items: center;
	justify-content: center;

}


.item-list-image {
	display: flex;
	justify-content: center;
	padding-left: 15px;
}


.item-list-grid-pic img {
	width: 150px;
	height: 150px;
	object-fit: contain;
}


.item-list-image img 
{
	width: 180px;
	height: 180px;
	object-fit: contain;
}



#search-product-list {
    display: block;
    position: absolute;
    width: 98%;
    height: 100%;
    transition: .3s;
    background-color: #fff;
    opacity: 0;
   visibility: hidden;
    z-index: 10
}

#search-product-list>input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-right: 120px;
    padding-left: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #606975;
    font-size: 16px;
	border-radius: 30px;
}

@media (max-width : 768px) {
	
	
	#search-product-list {
		width: 94%;
		top:-5px;
	}
	#search-product-list .search-tools .close-search {
		padding-top: 30px !important;
	}


#search-product-list>input {
    display: block;
    position: absolute;
	height: 50px;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #606975;
    font-size: 14px;
	border-radius: 30px;
}
    }

#search-product-list>input:focus {
    outline: 0
}

#search-product-list>input::-moz-placeholder {
    color: #9da9b9;
    opacity: 1
}

#search-product-list>input:-ms-input-placeholder {
    color: #9da9b9
}

#search-product-list>input::-webkit-input-placeholder {
    color: #9da9b9
}

#search-product-list .search-tools {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -20px;
    z-index: 5
}

#search-product-list .search-tools .close-search {
    display: inline-block;
    transition: color .25s;
    cursor: pointer;
    vertical-align: middle;
	color:#880D0F;
}

#search-product-list .search-tools .clear-search {
    padding: 10px 0;
    color: #9da9b9;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#search-product-list .search-tools .clear-search:hover {
    color: #606975
}

#search-product-list .search-tools .close-search {
    margin-left: 10px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 10px
}

#search-product-list .search-tools .close-search:hover {
    color: #9da9b9
}

#search-product-list.search-visible {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1200px) {
    #search-product-list>input {
        padding-right: 105px;
        padding-left: 15px
    }
    #search-product-list .search-tools {
        right: 15px
    }
}

@media (max-width: 1024px) {  

  } 


.shop-toolbar {
    display: table;
    width: 100%;
	margin-bottom:10px;
}

.shop-toolbar>.column {
    display: table-cell;
    vertical-align: middle;
}

.shop-toolbar>.column:last-child {
    text-align: right
}

.sticky {
	  position: fixed;
	  top: 50px;
	  width: 100%;
	  padding-top:10px;
	padding-right:25px;
	 z-index: 100;

	}

	.sticky + .content {
	  padding-top: 55px;
	}


@media only screen and (max-width : 480px) {
.sticky {
	  position: relative;
	  top: 50px;
	  width: 100%;
	  padding-top:0px;
	 z-index: 100;

	}

	.sticky + .content {
	  padding-top: 0px;
	}
}


@media only screen and (min-width : 768px) {
	#mobileFilters {
		display: none;
	}

    }






.shop-sorting label,
.shop-sorting .form-control,
.shop-sorting span {
    display: inline-block;
    vertical-align: middle
}

.shop-actions {
	 display: inline-block;
    vertical-align: middle
}

.shop-toolbar .form-control {
    padding: 0 18px 0px;
    border: 1px solid #dbe2e8;
    border-radius: 22px;
    background-color: #fff;
    color: #606975;
    font-family: "Maven Pro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shop-toolbar .form-control:not(textarea) {
    height: 36px
}

.shop-toolbar .form-control::-moz-placeholder {
    color: #9da9b9;
    opacity: 1
}

.shop-toolbar .form-control:-ms-input-placeholder {
    color: #9da9b9
}

.shop-toolbar .form-control::-webkit-input-placeholder {
    color: #9da9b9
}

.shop-toolbar .form-control:focus {
    border-color: #0da9ef;
    outline: none;
    color: #606975
}

.shop-toolbar .form-control[type='color'] {
    padding-bottom: 0 !important
}

.shop-toolbar .form-control:disabled,
.shop-toolbar .form-control[readonly] {
    background-color: #f5f5f5;
    cursor: not-allowed
}

.shop-toolbar textarea.form-control {
    padding-top: 12px;
    padding-bottom: 12px
}

.shop-toolbar select.form-control {
    padding-right: 38px;
    background-position: center right 17px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiM2MDY5NzUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: 9px 9px
}

.shop-toolbar select.form-control:not([size]):not([multiple]) {
   /* height: 44px*/
}



.search,
.filter-icon-cirlce,
.grid-icon-cirlce,
.list-icon-cirlce,
.supplier-icon-cirlce{
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    transition: background-color .35s;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    color: #606975;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none
}


.search>a ,
.filter-icon-cirlce>a,
.grid-icon-cirlce>a,
.list-icon-cirlce>a,
.supplier-icon-cirlce>a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.search:hover,
.filter-icon-cirlce:hover,
.grid-icon-cirlce:hover,
.list-icon-cirlce:hover,
.supplier-icon-cirlce:hover{
	border: 1px solid #ac1f2d;
    background-color: #ac1f2d;
	color:#fff;
}

.filter-icon-cirlce.active,
.grid-icon-cirlce.active,
.list-icon-cirlce.active,
.supplier-icon-cirlce.active{
	border: 1px solid #ac1f2d;
    background-color: #ac1f2d;
	color:#fff;
	cursor: default;
}


.search>i {
    line-height: 30px;
}

.filter-icon-cirlce>i {
	line-height: 34px;
}

.grid-icon-cirlce>i {
	line-height: 34px;
}

.list-icon-cirlce>i {
	line-height: 32px;
	margin-left:-1px;
}

.supplier-icon-cirlce>i {
	line-height: 33px;
	margin-left:2px
}


ul.product-list-icons li {
	padding-left: 5px;
}

ul.product-list-icons {
	padding-top:10px;
}


@media only screen and (max-width : 1022px) {
	ul.product-list-icons li {
		padding: 0px;
	}
}


.shop-sorting span {
    padding: 8px 0
}

.shop-sorting label {
    margin: 0;
    padding: 8px 5px 8px 0;
    color: #9da9b9;
    font-size: 14px;
    font-weight: normal
}

.shop-sorting .form-control {
    width: 100%;
    max-width: 186px;
    margin-right: 10px
}

@media (max-width: 576px) {
    .shop-sorting label
     {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-top: 0;
        padding-right: 0
    }

	/*.shop-sorting .form-control {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-top: 0;
        padding-right: 0
    }*/
}

/* Grid */ 
.thumbnail-list.grid-lg li .item-list-grid-pic img {
	width: 200px;
	height: 200px;
}



.thumbnail-list.grid {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	gap:.5%;
	
}



.thumbnail-list.grid li {
	position: relative;
}


#similarCarousel .item {
	position: relative;
}

/* Large grid */
.thumbnail-list.grid-lg li.item-container {
	flex: 0 0 49.5%;
}

/*Small grid */
.thumbnail-list.grid  > * {
	flex: 0 0 33%;
  }



.thumbnail-list.grid.srfp-grid {
	gap:1%;
}

.thumbnail-list.grid.srfp-grid  > * {
	flex: 0 0 32%;
  }





/* This applies from 600px onwards */
@media (min-width: 600px) {
	.thumbnail-list.grid-lg li.item-container
	{
	    flex: 0 0 24.5%;
	}

	.thumbnail-list.grid  > * {
		flex: 0 0 19%;
	  }

	  .thumbnail-list.grid.srfp-grid  > * {
		flex: 0 0 19.2%;
	  }
	
}



/* New banner */
.thumbnail-list li.prodlist-banner:hover {
	border:0;
	padding-top:10px;
}

.thumbnail-list li.prodlist-banner {
	width:100% !important;
	display: block !important;
	height: 90px;
	border:0;
	padding-top:10px;
	padding-bottom:20px;
	text-align: center;
	flex: 0 0 100%;
}


li.item-list.prodlist-banner {
	margin-top: 20px;
}

.prodlist-srfp-container {
	display: inline;
}

.thumbnail-list li.prodlist-srfp {
	color:#000;

}

.thumbnail-list.list-view {
	display: block;
}

.thumbnail-list.list-view li.prodlist-srfp {
	margin-top:5px;
}


.thumbnail-list li.prodlist-srfp {
	text-align: center;
	position: relative;
	padding-top:30px !important;
	border:3px solid #ddd !important;
	border-radius: 10px;
}

.thumbnail-list li.prodlist-srfp:hover {
	border:3px solid #ddd;
	position: relative;
	box-shadow: 0px 0px 26px -6px rgba(170, 25, 25, 0.70);
}
 


.srfp-sponsored {
	color:#939393;
	margin-top: 10px;
	position: absolute;
	top:-8px;
	right:5px;
	font-size: 10px;
}

/*.thumbnail-list li.prodlist-srfp img {
	margin:0 auto;
	width: 150px;
	height: 150px;
}*/

.thumbnail-list.grid li.prodlist-banner .ba a {
	display: inline-block;
}

.thumbnail-list.grid li.prodlist-banner .ba img {
	margin:0 auto;
}


.thumbnail-list li.item-container {
	border-top: 3px solid rgba(111,111,111,0);
	transition: border-top 0.5s ease;
	margin-bottom:3px;
	padding:10px 10px 10px 10px;
}

.thumbnail-list li.item-container:hover
	{
	   cursor: pointer;
       border-top: 3px solid #c11521;

	}
.thumbnail-list ul.additional li {
	border-top:0px;
}
.thumbnail-list ul.additional li:hover {
	border-top:0;
	padding-top:0px;
	cursor: default;
}



list-bottom-controls{
	margin:20px 0px 20px 0px;
}


.product-slider {
	margin-top:20px;
}


.lower-content-block {
	margin-top:20px;
	clear: both;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


  .show-control,
  .display-control,
  .item-list-grid-title,
  .item-list-grid-price,
  .item-list-desc,
  .item-list-price,
  .supplier-info
   {
	display:none;
  }


  .item-list-grid {
	  padding:5px 0px 5px 0px;
	height: 150px;
  }

  label.sort {
	font-size:12px;
	padding-top:7px;
  }

  select.sort {
	padding:0px;
  }

  #list-controls .btn {
	padding:5px;
  }


}








/*-----------------------
	Detail Page
------------------------*/


a.btn-feature {
	text-decoration:none;
	display:block;
	padding:10px 10px 10px 25px;
	background: url(../images/bullet-icon.png) no-repeat center left;

}



.comp-rating {
	display: inline-block;
	width:40px;
	height: 40px;
	margin-top: 4px;
	margin-right: 8px;
	background: #000;
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
}

.comp-rating.supplier-search-rating {
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto;
}



.product-icon {
padding:0px 5px 0px 5px;
color:#fff;
border-radius: 50%;
width:20px;
	height:20px;
	text-align: center;
	line-height: 19px;
	font-weight: 700;
}

label.tag-label {
	font-weight:normal;
}

.additional li {
	margin:5px 0px 10px 0px;
	padding:2px;
}

#decoration-results .additional li {
	margin:0px !important;
	padding:2px 2px 2px 0px
}


#decoration-results .additional li .product-icon {
padding:0px;
width:16px;
height:16px;
line-height: 14px;
font-weight: 700;
	font-size: 12px;
}

#decoration-results .comp-rating {
	width:25px;
	height: 25px;
	background: #000;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin:0;

}



a.fav-product {
	color:#000;
	padding:10px 10px 10px 25px;
	background:url(../images/icon-favorite.png) no-repeat center left;
}

/*
a.fav-product:hover {
	padding:10px;
	padding:10px 10px 10px 25px;
	color:#c11521;
	background:url(../images/icon-favorite-red.png) no-repeat center left;
}
*/

a.fav-product.active {
	padding:10px;
	padding:10px 10px 10px 25px;
	background:url(../images/icon-favorite-red.png) no-repeat center left;
}

#crm-nav .breadcrumb {
	background:#fff;
	margin:0px;
}

#crm-nav .breadcrumb li a {
	padding:5px 5px 0px 0px;
}

#crm-nav .breadcrumb > li + li::before {
	padding-right:10px;
}

.breadcrumb > li + li.breadcrumb-none::before {
	content: none;
}

.product.breadcrumb {
	background-color: transparent;
	padding:0px;
	background: none;
}

.product.breadcrumb li {
	color:#777;
}

.product.breadcrumb li a {
	color:#777;
}

.product.breadcrumb li a:hover {
	color:#c11521;
	text-decoration:none;
}

.product.breadcrumb .btn-default {
	margin-left:5px;
}

.product.breadcrumb .btn-default:hover {
	color:#fff;
}




.nav-tabs li.disabled  {
 	color:#BFBFBF;
}

nav-tabs li.disabled:hover {
 	cursor:not-allowed;
}


@media only screen and (max-width : 480px) {

.product.breadcrumb {
	background:#fff;
	margin-bottom:10px;
}

.product.breadcrumb li a {
	font-size:12px;
}


}


ul.detail-list {
	margin:0px;
	padding:0px;
}

ul.detail-list li {
	padding:0px 0px 5px 0px;
	list-style-type:none;
}

ul.list-checklist li {
	margin-bottom:10px;
}

.line-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden;
  text-overflow: ellipsis;
}


ul#product-tools {
	margin:10px 0px 20px 0px;
}

#product-tools a {
	cursor: pointer;
}


ul#product-tools li a {
	color:#000;
	display:block;
}

ul#product-tools li a:hover {
	color:#c11521;
	text-decoration:none;
}


.vds-icon {
	background:url(../images/icon-virtual-design.png) no-repeat center left;
	padding-left:20px;
}

.copy-icon {
	background:url(../images/icon-copy.png) no-repeat center left;
	padding-left:17px;
}





.modal {
	top:40px;
}

.modal.modal-center {
  text-align: center;
  padding: 0!important;
}

.modal.modal-center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal.modal-center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#deletedProjectModal h4,
#deletedProjectModal p {
	text-align: center;
	text-transform: none;
}

.table-title {
	font-weight:700;
}

.table.border-none>tbody>tr>th, .table.border-none>tbody>tr>td {
    border-top: none;
}

table.price-table tr {
	padding:0px;
	margin:0px;
}


#product-img {
	margin:30px 0px 20px 0px;
	/*position:relative;*/
}

#product-img img {
	margin:0 auto;
}


.product-description {
	margin-top:20px;
}

ul.recent-list {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.recent-list li {
	padding:3px 0px 3px 0px;
}

ul.recent-list li a {
	color:#000;
}


ul.recent-list li a:hover{
	color:#c11521;
}

.catalog-block{
	margin-top:20px;
}

.catalog-top-controls{
	margin-top:10px;
}


#resource-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 20px;
  justify-content: start;
  margin-bottom: 30px;
}

/* 3 card */
#resource-grid:not(:has(.resource-card:nth-child(4))){
  max-width: 850px;
}

/* 2 card */
#resource-grid:not(:has(.resource-card:nth-child(3))){
  max-width: 560px;
}

/* 1 card */
#resource-grid:not(:has(.resource-card:nth-child(2))){
  max-width: 270px;
}

.resource-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    transition: border-color 0.2s ease;
}

.resource-card:hover {
    border-color: #ccc;
}

.resource-content {
	position: relative;
}

.resource-title {
    background: #f8f9fa;
    padding: 12px 16px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;      
    overflow: hidden;         
    text-overflow: ellipsis;  
    display: block;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.resource-video::before {
	content: "\f03d";               
	font-family: "Font Awesome 6 Pro";  
	font-weight: 900;                   
	display: inline-block;
	color: #444444;
	font-size: 48px;
	line-height: 1;
}


.resource-pdf::before{
  content: "\f1c1";               
  font-family: "Font Awesome 6 Pro";  
  font-weight: 900;                   
  display: inline-block;
  color: #444444;
  font-size: 48px;
  line-height: 1;
}


.resource-powerpoint::before{
  content: "\f1c4";               
  font-family: "Font Awesome 6 Pro";  
  font-weight: 900;                   
  display: inline-block;
  color: #444444;
  font-size: 48px;
  line-height: 1;
}


.resource-spreadsheet::before{
  content: "\f65b";               
  font-family: "Font Awesome 6 Pro";  
  font-weight: 900;                   
  display: inline-block;
  color: #444444;
  font-size: 48px;
  line-height: 1;
}


.resource-word::before{
  content: "\f1c2";               
  font-family: "Font Awesome 6 Pro";  
  font-weight: 900;                   
  display: inline-block;
  color: #444444;
  font-size: 48px;
  line-height: 1;
}


.resource-link::before{
  content: "\f0c1";               
  font-family: "Font Awesome 6 Pro";  
  font-weight: 900;                   
  display: inline-block;
  color: #444444;
  font-size: 48px;
  line-height: 1;
}

.resource-img::before{
  content: "\f03e";               
  font-family: "Font Awesome 6 Pro";  
  font-weight: 900;                   
  display: inline-block;
  color: #444444;
  font-size: 48px;
  line-height: 1;
}






/* add padding when logo default */
@supports selector(.resource-title:has(.crm-default-logo)) {
  .resource-title:has(.crm-default-logo) {
    padding-right: 28px; 
  }
}

.resource-title .crm-default-logo {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  line-height: 1;
}

.resource-title .crm-default-logo i {
	color: #0983fe;
}

.resource-image {
	padding:10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: 180px;
}


.edit-resource{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  display: grid;
  place-items: center;
  text-align: center;
  line-height: 1;  
  font-size: 16px;
  color: inherit;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  pointer-events: none !important;
}

.resource-image:hover .edit-resource{
  opacity: 1;
  visibility: visible;
}


.resource-actions {
    list-style-type: none;
    padding: 0;
    margin: 0 0 12px 0;
    display: flex;
    gap: 20px;
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 10;
	height: 50px;
}

.resource-actions a {
	padding:5px;
}


/* Drag Drop */

#logo-drop{
  border: 2px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
}
#logo-drop .dz-message { 
	text-align:center;
	color:#64748b;
}
#logo-drop .dz-preview { 
	margin: 8px; 
}
#logo-drop .dz-progress {
	display: none;
}


/* Override Dropzone*/
.dropzone .dz-preview .dz-image {
    width: 200px !important;     
    height: auto !important;   
    max-height: 200px !important; 
    overflow: visible;
}

.dropzone .dz-preview .dz-image img {
    width: 100%;
    height: auto;
    object-fit: contain; 
}


.ratings-block {
	margin-top:10px;
}

.ratings-block .glyphicon.glyphicon-star {
	font-size:18px;
}


#mainimage {
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in;
}


.form-horizontal.labels-left  .control-label {
	text-align:left;
}



#thumbCarousel-container {
	margin-bottom: 20px;
}

/* Similar Carousel */

#similar-container {

}

#similar-container h4 {
	border-top:1px solid #ddd;
	padding-top:8px;
}

#similarCarousel {
	margin-top:20px;
}


#campaignProductUpload {
	border:1px solid #ddd;
	padding:20px;
	min-height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#customPageUpload {
	border:1px solid #ddd;
	padding:20px;
	display: flex;
	min-height: 400px;
	justify-content: center;
	align-items: center;
	background-color: #efefef;
}

#customPageUpload img {
	object-fit: contain;
	height: 400px;
}




.image-upload-wrap {
	border:1px solid #ddd;
	padding:20px;
	min-height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#product-image { 
	object-fit: contain;
	max-height: 150px;
}

#email-logo-image,
#email-logo-image-standard {
	object-fit: contain;
	height: 150px;
}


#campaignSettingsLogo {
	border:1px solid #ddd;
	padding:20px;
	min-height: 100px;
	text-align:center;
}


#campaignJobStats {
	margin-top:30px;
}


#campaignJobStats .box span {
	display: block;
	font-size: 36px;
}

/* Charts.js */

#openPieGraph-wrap {
	width:300px;
	margin:0 auto;
}


#openTimeGraph-wrap {
	margin:0px auto 0px auto;
	position: relative;
	height:350px;
}


#ratingsScatterGraph-wrap {
	margin:0 auto;
}


/*--------------
	Q & A
-----------------*/

#qa-feed {
	max-height: 600px;
	min-height: 600px;
	border:1px solid #ededed;
	overflow-y: scroll;
	padding:20px;
	background:#f7f7f7;
	font-size: 14px;
}

#qa-feed .time {
	font-size: 11px;
	color: #6C6C6C;
	font-weight: 400;
}

.qa-question .time {
	margin-left:5px;
}


#qa-feed .actions {
	float:right;
}


.qa-question,
.qa-response {
	padding:5px 20px 10px;
	margin-bottom: 15px;
	border-radius: 10px;
}

.qa-response .btn-like,
.qa-question .btn-like {
	padding-left:10px;
}

.qa-question h6,
.qa-response h6 {
	font-weight: 700;
}

.qa-question {
	margin-right:20px;
	background: #d7f3fc;
}

.qa-response {
	margin-left:20px;
	background:#fff;
}

@media only screen and (max-width : 480px) {
.qa-question {
	margin-right:10%;
}

.qa-response {
	margin-left:10%;
}
}


#qa-chat {
	margin-top:0px;
}

#qa-chat h5 {
	margin-bottom: 10px;
}

#qa-chat button {
	margin-top:15px;
}



/*--------------
	Projects area
-----------------*/


.project-center-nav {
	margin-top:10px;
}

ul.tree{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.tree li {
	font-size:16px;
	padding:5px 0px 5px 0px;
	border-top:1px solid #E1DFDF;
}

ul.tree li .checkbox {
	margin:0px;
}

/* Removes thead spacing */

.table > thead.project-items > tr > th {
	padding-top:0px;

}


ol.project-center.breadcrumb {
	margin-bottom:0px;
}



table#project-table button {
	padding:2px 10px 2px 10px;
}



.table-hover.rowlink tr:hover td, .table-hover .rowlink tr:hover td
{
	background:#f5f5f5;
}


.rowlink-skip:hover {
	cursor: default !important;
}

/*
ul.tree li:first-child {
	border-top:none;
}
*/

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


/* Project center icons */


.icon {
	width:16px;
	height: 16px;
	display:inline-block;
	margin-top:5px;
}

.folder {
	background: url(/images/project-icons/folder.png) no-repeat;
}

.catalog {
	background: url(/images/project-icons/catalog.png) no-repeat;
}


.note {
	background: url(/images/project-icons/notes.png) no-repeat;
}

.order {
	background: url(/images/project-icons/order.png) no-repeat;
}

.image {
	background: url(/images/project-icons/image.png) no-repeat;
}

.presentation {
	background: url(/images/project-icons/presentation.png) no-repeat;
}

.presentation-prod {
	background: url(/images/project-icons/presentation-prod.png) no-repeat;
}

.product {
	background: url(/images/project-icons/product.png) no-repeat;
}

.search {
	background: url(/images/project-icons/search.png) no-repeat;
}

.vds {
	background: url(/images/project-icons/vds.png) no-repeat;
}




ul.filter-list {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.filter-list .time {
	display:block;
	color:#A8A8A8;
	font-size:10px;
	padding-left:20px;
}

ul.filter-list li {
	padding:3px 0px 3px 0px;
	position:relative;
}

ul.filter-list li a {
	color:#000;
}

ul.filter-list li a:hover{
	color:#c11521;
}

ul.filter-list .product:before {
        padding-right: 5px;
		content: url(../images/menu/Products.png);
	background-color:#fff;
}

ul.filter-list .project:before {
        padding-right: 5px;
		content: url(../images/menu/Projects.png);
	background-color:#fff;
}



ul.filter-list .supplier:before {
        padding-right: 5px;
		content: url(../images/menu/Suppliers.png);
	background-color:#fff;
}
ul.filter-list .order:before {
        padding-right: 5px;
		content: url(../images/Orders.png);
		background-color:#fff;
}

ul.filter-list .presentation {
	background: none;
}
ul.filter-list .presentation:before {
        padding-right: 5px;
		content: url(../images/Presentations.png);
		background-color:#fff;
}
ul.filter-list .virtual:before {
        padding-right: 5px;
		content: url(../images/menu/Virtual.png);
	background-color:#fff;
}

ul.filter-list .emaildesign:before {
	padding-right: 5px;
	content: url(../images/menu/Email-Campaigns.png);
background-color:#fff;
}

ul.filter-list .publication:before {
	padding-right: 5px;
	content: url(../images/menu/print-studio.png);
background-color:#fff;
}





/*--------------
	Publications
-----------------*/

ul.pub-list {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.pub-list li {
	border-top:solid 1px #dddddd;
}

ul.pub-list li:first-child {
	border-top:none;
}

ul.pub-list li a {
	display:block;
	padding:10px 10px 10px 10px;
	color:#000;
}

ul.pub-list li a:hover {
	background:#f5f5f5;
	color:#000;
	text-decoration:none;
}

.panel-dash .panel-title {
	text-transform: capitalize;
}


/*--------------
	CRM
--------------*/

.crm-default-logo {
	float: right;
}

.crm-contacts-item img {
	float:left;
	margin-right: 15px;
	width:75px;
}

.crm-contacts-item a:hover {
	color:#333;
}

.crm-contacts-item .title {
	font-size:16px;
}

.crm-contacts-item .title i {
	font-size: 14px;
}


.crm-contacts-actions {
	margin-left: 75px;
	margin-top:20px;
}





@media (min-width: 965px) {
	.crm-contacts-actions {
		margin-left: 30px;
		float:left;
	}
	.crm-contacts-item ul {
		float:left;
		width:300px
	}
	
  }

.crm-contacts-actions a {
	float:left;
	margin-right:10px;
	color: #555;
	display: block;
	text-align: center;
}

.crm-contacts-actions a i.fa-mobile-screen-button {
  	padding:10px 12px;

}

.crm-contacts-actions a i {
	border-radius: 50px;
	border:1px solid #555;
  	padding:10px;
	font-size:18px;
}

.crm-contacts-actions a:hover i {
	color:#fff !important;
	background:#ac1f2d;
	border:1px solid #ac1f2d;

}

.form-with-action {
	position: relative;
}

.form-with-action a {
	position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}

.panel-link {
	text-transform: none !important;
	color:#333;
}

.panel-link:hover {
	color:#c11521;
}


.crm-product-list {
	list-style-type: none;
	padding:0px;
	font-size: 12px;
}


h4.crm-product-list-header {
	font-size: 18px !important;
}

.crm-product-list a:hover {
	color:#333;
}

.crm-product-list a:hover .crm-product-list-title {
	color:#c11521;
}

.crm-product-list-title {
	font-weight: 700;
	transition: color 0.2s;
	font-size: 14px;
}

.crm-product-list-title span {
	display: inline;
}

#crm-brand {
	display: flex;
	align-items: center;
}

#crm-top-10 {
	display: inline-block;
	margin-left:0px;
}

.crm-product-item {
	display: block;
    float: none;
    clear: both;
	padding:10px 0px;
}

.crm-product-item img {
    margin-right: 10px;
    float: left;
	max-width: 60px;
}

.crm-product-item i {
    margin-right: 10px;
    float: left;
	font-size: 35px;
}

.crm-product-item span {
	display: block;
	overflow: auto;
}

.crm-product-item span.badge {
	display: inline-block;
}

.crm-product-list-desc {
	overflow: auto;
}


.crm-social li {
	margin-bottom:15px;
}
.crm-social i {
	font-size:18px;
	margin-right:10px;
}

.crm-social li .input-group i{
	margin:0px;
}

.chart-overlay-wrap {
	position: relative;
}

.crm-chart {
	/* position: absolute;
	z-index: 10; */
}

.chart-overlay {
	width:95%;
	height: 85%;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 500;
	text-align: center;
}


.chart-overlay p {
	position: absolute;
	top: 30%;
	left: 50%;
	width:80%;
	transform: translate(-50%, -50%);
	z-index: 501;
}


.crm-dash-block {
	margin-bottom:30px;
}

.crm-dash-block h4 {
	font-size: 20px;
  font-weight: 500;
  text-transform: none;
  margin-bottom:10px;
}

.crm-dash-block .fa-robot {
	margin-top:-5px;
}



#crm-tab-list i {
	font-size:16px;
}

/* Mobile CRM menu */

#crm-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	background-color: #fff;
  }
  
  #crm-nav li a {
	display: block;
	padding: 15px 20px;
	text-decoration: none;
  }


  
  #crm-nav .logo {
	display: block;
	float: left;
	font-size: 2em;
	padding: 10px 20px;
	text-decoration: none;
  }
  
  /* menu */
  
  #crm-nav .menu {
	clear: both;
	max-height: 0;
	transition: max-height .2s ease-out;
  }


  #crm-nav .menu a.active {
	border-bottom:2px solid #c11521;
	font-weight: 500;
  }
  
  /* menu icon */

 
  
  #crm-nav .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 20px 20px 28px 20px;
	position: relative;
	user-select: none;
  }
  
  #crm-nav .menu-icon .navicon {
	background: #333;
	display: block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 18px;
  }
  
  #crm-nav .menu-icon .navicon:before,
  #crm-nav .menu-icon .navicon:after {
	background: #333;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
  }
  
  #crm-nav .menu-icon .navicon:before {
	top: 5px;
  }
  
  #crm-nav .menu-icon .navicon:after {
	top: -5px;
  }
  
  /* menu btn */
  
  #crm-nav .menu-btn {
	display: none;
  }
  
  #crm-nav .menu-btn:checked ~ .menu {
	max-height: 240px;
  }
  
  #crm-nav .menu-btn:checked ~ .menu-icon .navicon {
	background: transparent;
  }
  
  #crm-nav .menu-btn:checked ~ .menu-icon .navicon:before {
	transform: rotate(-45deg);
  }
  
  #crm-nav .menu-btn:checked ~ .menu-icon .navicon:after {
	transform: rotate(45deg);
  }
  
  #crm-nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  #crm-nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	top: 0;
  }
  
  /* Mobile first 768px */
 @media (max-width: 1730px) {
	#crm-nav li a {
	  padding: 5px 5px;
	}
}


/* Mobile first 768px */
  @media (min-width: 768px) {
	#crm-nav li {
	  display: inline-block;
	}

	#crm-nav {
		margin-bottom:25px;
	}
	
	#crm-nav .menu {
	  clear: none;
	  float: left;
	  max-height: none;
	}
	#crm-nav .menu-icon {
	  display: none;
	}
  }

/* End mobile menu */


.crm-stat-block {
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:3px solid #ddd;
	border-radius: 5px;
	padding:5px 5px 5px 10px;
	text-transform: uppercase;
	margin-bottom:10px;
}

@media (max-width: 768px) {
	.crm-stat-block-title {
		font-size:13px;
	}


	#crm-tab-list li {
		display: block;
	}
	
}


.crm-stat-block .row {
	display: flex;
	align-items: center;
}

.crm-stat-total {
	font-size:20px;
	font-weight: 700;
}

.crm-stat-block i {
	font-size: 24px;
}

.crm-stat-presentations {
	border-left-color: #0b84a5;
}

.crm-stat-presentations i {
	color: #0b84a5;
}

.crm-stat-projects {
	border-left-color: #d63254;
}

.crm-stat-projects i {
	color: #d63254;
}

.crm-stat-orders {
	border-left-color: #f6c85f;
}


.crm-stat-orders i {
	color: #f6c85f;
}

.crm-stat-revenue {
	border-left-color: #9dd866;
}

.crm-stat-revenue i {
	color: #9dd866;
}

.crm-stat-web-visits {
	border-left-color: #6f4e7c;
}

.crm-stat-web-visits i {
	color: #6f4e7c;
}

.crm-stat-web-orders {
	border-left-color: #1ac7c5;
}

.crm-stat-web-orders i {
	color: #1ac7c5;
}


.crm-task-list li {
	padding:10px 0px;
}

.crm-title {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

.crm-task-list a:hover {
	color:#333;
}

.crm-task-list a:hover .crm-task-list-title {
	color:#c11521;
}

.crm-task-list-title {
	font-weight: 700;
	transition: color 0.2s;
}

.crm-task-list-date {
	margin-top:5px;
}

.crm-task-list-desc {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crm-task-list-priority {
	display: inline;
	width: 10px;
	margin-left: 10px;
}


.crm-project-list {
	margin-top:20px;
}

.crm-project-list li {
	border:1px solid #ddd;
	border-radius: 5px;
	margin:10px 0px;
}

.crm-project-list-title {
	font-weight: 700;
	transition: color 0.2s;
}

.crm-project-list li a {
	display: block;
	padding:10px;
}

.crm-project-list a:hover .crm-project-list-title {
	color:#c11521;
}

.crm-project-list a:hover {
	color:#333;
}

.crm-project-list .progress {
	height:8px;
	margin:5px 0px 0px 0px;
}



.crm-recent-activity li:nth-child(even) {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

.crm-recent-activity li.title {
	padding-top:10px;
}
.crm-recent-activity li .fa-calendar-days {
	color:#1698af;
}


.crm-recent-activity li.title:first-child {
	padding-top:0px;
}


.table-actions a,
.table-actions .btn-group {
	padding:0px 5px;
}

.btn-none {
	background: none;
	border:0;
}

.btn-none:hover {
	background:none;
}

#crm-contacts {
	position: relative;
}

#crm-contacts-sort {
	position: absolute;
	top:5px;
	right:5px;
	z-index: 50;
}

#client-logos-grid .thumbnail .caption {
    padding: 5px 5px 2px 5px;
    color: #333;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	font-size: 12px;
}

#client-logos-grid .logo-wrap {
	height: 70px;
}

#client-logos-grid .logo-wrap img {
	margin:0 auto;
}

.contact-profile-container {
	position: relative;
	max-width: 64px;
	max-height: 64px;
	margin-right: 20px;
}

.contact-profile-container .profile-upload {
	position: absolute;
	bottom: 0;
	left: 0;
}

.contact-profile-container .profile-delete {
	position: absolute;
	bottom: 0;
	right: 0;
}

.contact-profile-container label {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	background-color: #ac1f2d;
	margin: 0;
	border-radius: 50%;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.contact-profile-container label i {
	color: white;
}




.divde {
	margin-right:0px;
}

.snapshot {
	margin-right:0px;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


#message-list {
	list-style: none;
	padding:0px;
}

#message-list li {
	margin-bottom:15px;
}

#message-list .message-time {
	color:#555555;
	float:right;
}

#message-list .message-avatar {
	object-fit: cover;
	object-position: top center;
	border-radius:50%;
	width: 45px;
	height: 45px;
}

#message-list .message-block {
	width:90%;
}


#message-list .message-txt {
color: #000;
  background-color: #efefef;
  border: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1075px) {
	#message-list .message-block {
		width:85%;
	}
	
}

#message-count {
	background-color: #c11521;
}


.message-img-wrap {
	display: flex;
	align-items: baseline;
}





/* Overview message list */
.crm-dash-block #message-list .message-avatar {
	object-fit: cover;
	object-position: top center;
	border-radius:50%;
	width: 30px;
	height: 30px;
}



#RecentActivityList {
	max-height: 400px;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	overflow: hidden;
  }
  


@media (min-width: 768px) {
	.divde {
		margin-right:20px;
		display: inline;
	}

	.snapshot {
		margin-right:20px;
		width:100%;
		overflow: visible;
	}


}


.btn-group-crm .btn-white {
	background:#fff;
	border:0;
	color:#c11521;
	box-shadow:none;
}


.btn-group-crm .btn-white.active {
	background:#c11521;
	border:0;
	color:#fff;
	box-shadow:none;
}

.btn-group-crm .btn-white.active:before {
  font-family: "Glyphicons Halflings";
  content:"\e013";
  font-size:11px;
}

.btn-group-crm .btn-white.active:focus {
	color:#fff;
}

.btn-group-crm .btn-white:focus {
	color:#c11521;
}

#crm-contacts-sort {
	display: none;
	color: #fff;
}

#crm-contacts-sort.active {
	display: inline-block;
}




/* CRM Messages */

.messages-alert {
	border:1px solid #ddd;
	background-color: #efefef;
	padding:10px;
	border-radius: 5px;
}

.message-alert p {
	margin:0px;
	padding:0px;
}

#message-wrap {
	border-top:1px solid #ddd;
	max-width: 1400px;
}

.message-main {
	padding-left:0px;
	position: relative;
}

#message-sidebar {
	float:left;
	width:300px;

}

#message-content {
	overflow: hidden;
	padding:0px 0px 0px 15px;
	border-left:1px solid #ddd;
	position: relative;
}

.message-avatar {
	object-fit: cover;
	object-position: top center;
	border-radius:50%;
	width: 45px;
	height: 45px;
	float: left;
}


.message-block {
	float:left;
	padding-left:20px;
	width:70%;
	overflow: hidden;
}

.message-time {
	display: inline-block;
	color:#555555;
	margin-left:15px;
	font-size:12px;
	margin-bottom: -3px;
}

/* Outgoing */

.outgoing .message-avatar {
	float: right;
}

.outgoing .message-block {
	float:right;
	overflow: hidden;
	margin-right:20px;
}

.outgoing .message-username {
	float: right;
}

.outgoing .message-time {
	float:right;
	color:#555555;
	margin-right:15px;
	margin-top:3px;
}



.message-txt {
	border-radius: 5px;
	padding:8px 10px;
}

.incoming .message-txt {
	color: #000;
  	background-color: #efefef;
}

.outgoing .message-txt {
	background-color:#1185fe;
	color:#fff;
}

.message-username {
	display: inline-block;
	font-weight: 600;
	font-size:15px;
	margin-bottom:5px;
}

.message-username .message-company {
	font-size:14px;
	font-weight: 400;
	color:#4e4e4e;
}

.message-company::before {
	content: '|';
	display: inline-block;
	margin-right:5px;
	color:#4e4e4e;
}

#search-messages-input {
	margin:10px 0px;
	padding-right:10px;
	height: 35px;
}

#search-messages-input input {
	display: none;
}

#search-message-btn {
	position: absolute;
	top:15px;
	right:20px;
	font-size:18px;
	color: #ac1f2d;
}

#message-history {
	list-style: none;
	height: calc(100vh - 330px);
	overflow-y: auto;
	padding-left:0px;
	padding-right:20px;
	padding-top:20px;
}

#message-scroll {
	position: absolute;
	bottom:75px;
	right:12px;
	z-index: 10;
	color:#aa1f2e;
	font-size: 20px;
/* 	visibility: hidden;
    opacity: 0; */
}

#message-scroll i {
	background-color: #fff;
	border-radius: 50%;
}

#message-scroll.visible {
	visibility: visible;
	opacity: 1;
  }

#message-history.search-open {
	padding-top:10px;
	height: calc(100vh - 380px);
}



#message-history li {
	margin-bottom: 10px;

}

.message-reply { 
	color:#333;
	font-weight: 500;
	font-size:12px;
	margin-left:10px;

}


#message-chat {
	position: relative;
}

#message-chat textarea {
	padding-right:60px;
}


.crm-contact:hover {
	cursor: pointer;
}

.crm-contact:hover .message-username {
	color: #ac1f2d;
}

#message-send {
	position: absolute;
	top:10px;
	right:20px;
	z-index: 10;
	background-color: transparent;
	border:0;
	color:#444;
	font-size: 20px;
}
#message-send:hover {
	color:#ac1f2d;
}

#message-send:disabled {
  cursor: not-allowed;
}

#message-contacts {
	list-style: none;
	padding:0px;
	height: calc(100vh - 260px);
	overflow-y: auto;
}

#message-contacts li a {
	display: flex;
    align-items: center;
	padding:10px 15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#message-contacts li a:hover {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#message-contacts li a.active {
	background-color:#efefef;
	border-bottom:1px solid #efefef;
	border-top:1px solid #efefef;
	color:#000;
}

.message-contact-avatar {
	width:45px;
	margin-right:20px;
}

.message-contact-list-mobile {
	min-width: 300px;
}

.message-contact-list-mobile li a {
	display: flex;
  align-items: center;
}

.message-contact-list-mobile img {

 }


.contact-name {
	font-size:14px;
	font-weight: 600;
}

.new-message {
	color:#0f87ff;
	font-size: 10px;
	margin-left:auto;
}

/* #message-contacts .message-avatar {
	width:40px;
	float: left;
}

#message-contacts .message-block {
	padding-left:5px;
	width:80%;
	float:left;
}

#message-contacts .message-time {
	float:right;
	margin-left:0px;
}

#message-contacts .message-txt {
	color:#000;
	background-color: #efefef;
	border:0;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} */



/* This applies from 768px down */
@media (max-width: 1085px) {   
	#message-sidebar {
		display: none;
	}

	#message-content {
		border:0;
	}
  }
  

  @media (max-width: 768px) {   

	#message-history {
		height: calc(100vh - 380px);
	}
	
	#message-contacts {
		height: calc(100vh - 260px);
	}

	#message-chat {
		margin-bottom:10px;
	}

	/* .message-avatar {
		width:10%;
	} */

	.message-block {
		width:80%;
	}

  }








.red-icon {
	color:#ac1f2d;
}

.gray-icon {
	color:#333;
}

a.contact-btn {

	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
}

#supplier-inactive-badge i {
	color:#ac1f2d;
}


/* Custom scrollbar */

#presentatation-sidebar-sub {
	position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    max-height: 330px;
    overflow: hidden;
}


#presentatation-sidebar-sub.is-scroll{
  overflow: hidden;
}


.contentHolder { 
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    max-height: 330px;
	min-height: 150px;
    overflow: hidden; 
}

.discussionsHolder { position:relative; margin:0px auto; padding:0px; width: 100%; max-height: 600px; overflow: hidden; }


/* Custom scrollbar */

#client-sidebar {
	display:none;
}

#client-sidebar.snapshot-sidebar {
	display:block;
}

@media (min-width: 576px) {
	#client-sidebar {
		display:block;
	}
 }


 .crm-task-list,
.crm-message-list {
	position:relative;
	overflow: hidden;
	max-height: 350px;
}


#client-sidebar .client-list-wrap {
	position:relative;
	margin:0px auto;
	padding:0px;
	width: 100%;
	height: calc(100vh - 230px);
	overflow: hidden;
	border-top:1px solid #ddd;
-webkit-box-shadow: inset 0px 2px 14px -10px rgba(0,0,0,0.32);
-moz-box-shadow: inset 0px 2px 14px -10px rgba(0,0,0,0.32);
box-shadow: inset 0px 2px 14px -10px rgba(0,0,0,0.32);

}

@media only screen and (max-width : 480px) {
	#client-sidebar .client-list-wrap {
	height:40vh;
	}
}



/* Favorite Products */


  .favorite-table .product-name {
	font-weight: 600;
	margin-bottom:5px;
  }

  .favorite-table td {
	vertical-align: middle !important;
  }

  .favorite-table .table-link {
	display: block;
	margin-bottom: 5px;
  }

  .favorite-table .table-link::after {
    font-family: "Font Awesome 6 Pro";
	content: "\f14c";
	padding-right:5px;
	font-size:12px;
	margin-left:5px;
  }



.spacer { text-align:center }
.ps-scrollbar-x-rail {
  margin: 0 5px;
}
.ps-scrollbar-y-rail {
  margin: 5px 0;
}
/* Custom scrollbar */



.btn-group.crm-group {
	margin-bottom:0px;
	padding:0px;
}

hr {
	margin-top:0px;
}

table.table.has-nested tr,
table.table.has-nested td {
	padding:8px;
	margin:0px;
}

table.table.nested,
table.table.nested tr,
table.table.nested td
 {
	margin:0px;
	padding:0px;
	border:none;
}

table.table td.time {
	padding:10px 0px 10px 0px;
}

table.table td.time.disabled {
	color:#666666;
}


.header-bar {
	background:#f5f5f5;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	margin:10px 0px 20px 0px;
}

.header-bar p { margin: 0px;}

ul.contact-list {
	margin:0px;
	padding:0px;
}

ul.contact-list li {
	padding:10px 0px 10px 10px;
	margin:0px;
}

ul.contact-list li li {
	padding:0px;
}

ul.contact-list a {
	display:block;
}


ul.contact-list li:first-child{
	margin:0px;
}

ul.contact-list li:hover {
	background:#f5f5f5;
	cursor: pointer;
}


ul.company-list {
		margin:0px;
		padding:0px;
		list-style-type:none;
}

ul.company-list li .row {
	margin:0px;
}

ul.company-list li {
		border-top:solid 1px #dddddd;
		padding:5px 0px 5px 5px;
		clear: both;
		display: block;
}
ul.company-list li img {
	float:left;
	margin-right:10px;
	max-width: 40px;
}

ul.company-list li i {
	float:left;
	margin-right:10px;
}

ul.company-list li p {
	overflow: auto;
}

ul.company-list li:hover {
	background:#f5f5f5;
}

ul.company-list li a {
	padding:10px 0px 10px 40px;
	display:block;
	background:url(../images/icon-company.png) no-repeat left center;
	color:#000;
}

ul.company-list li a:hover {
	color:#c11521;
	text-decoration:none;
}


ul.company-list li:first-child {
		border-top:none;
}

li.company-list-item.active {
	background-color: #f5f5f5;
}

.max-potential {
	color:#ac1f2d;
}


/* ---------- Client List ----------*/

ul.client-list {
		margin:0px;
		padding:0px;
		list-style-type:none;
}

ul.client-list li {
		border-top:solid 1px #dddddd;
}

ul.client-list li:hover {
	background:#f5f5f5;
}

ul.client-list li a {
	padding:10px 0px 10px 40px;
	display:block;
	background:url(../images/icon-clients.png) no-repeat left center;
	color:#000;
}

ul.client-list li a:hover {
	color:#c11521;
	text-decoration:none;
}


ul.client-list li:first-child {
		border-top:none;
}

ol.breadcrumb a{
	color:#c11521;
}




footer.navbar {
	margin-bottom:0px;
}

ul.footer-nav {
	margin:0px;
	padding:0px;
}


ul.footer-nav li {
	float:left;
  text-align: center;
  list-style-type:none;
  font-size:11px;
  width:20%;
  padding:5px;
}

ul.footer-nav li:hover {
	background:#f5f5f5;
}


ul.footer-nav li .glyphicon {
	font-size:16px;
}


ul.footer-nav li .glyphicon-class {
	display: block;
  text-align: center;
  word-wrap: break-word;
}




/*--------------
	Order Management
-----------------*/

.input-group-addon.input-addon-hidden {
	background-color: #fff;
}

.form-borderless {
	border:0px;
	box-shadow: none !important;
}

.modal.in .modal-dialog {
  transform: none; /*translate(0px, 0px);*/
}


option.place-label {
	color:#000;
	font-weight:700;
}

.table-scroll {
	height:245px;
	overflow-y:auto;
}

.table-input {
	min-width:140px;
}

.btn-disabled {
	cursor: default;
    pointer-events: none;
}


.btn-action {
	color:#000;
	background-color: transparent;
	border:#fff;
}

.btn-action:hover {
	color:#23527c;
	background-color: transparent; 
}

.alert-info .btn-alert {
	color:#0c5460;
	margin-left:10px;
}

.alert-info .btn-alert:hover {
	font-weight: 700;
}


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

#OMListBody .btn-action, #PresListBody .btn-action {
	padding:6px 5px;
}


@media only screen and (max-width: 980px) {
	.mobile-float-none {
		float:none !important;
	}
  }

@media only screen and (max-width : 989px) {

		.table-responsive {
    overflow-x: auto;
}

}


@media only screen and (max-width : 1211px) {
                .table-responsive.table-order-dash {
                                overflow-x: auto;
                }
}

/*--------------
	Supplier
-----------------*/


#ratingComments {
	min-height: 700px;
	max-height: 800px;
	overflow-y: scroll;
	overflow-x: hide;
	bordeR:1px solid #efefef;
	padding:15px;
}

#ratingComments .comp-rating {
	font-size: 20px;
	line-height: 2em;
}


#ratingComments .btn {
	margin-bottom: 8px;
}

#ratingComments .hlp-sm {
	font-size: 12px;
	color:#686868;
}

#ratingComments ul li {
	margin-bottom:20px;
	border-bottom:1px solid #efefef;
	padding-bottom:20px;
}

#ratingComments ul li ul li {
	margin-bottom:0px;
	border:0;
	padding:0px;
}


.rate-comment {
	margin-bottom:10px;
	font-weight: 600;
}

.rate-comment span {
	color:#606060;
	font-size: 12px;
	margin-left:10px;
	font-weight: 400;
}

ul.list-rating {
	font-size: 13px;
	margin-bottom:20px;
}

ul.list-rating .fa-circle {
	color:#fde16d;
}



q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}



label.radio {
	float: left;
    padding: 0 1em;
    text-align: center;
}


ul.pref-list li {
	margin:0px;
	padding:0px 0px 5px 2px;
}


@media only screen and (max-width : 768px) {
	.checkbox-inline {
		padding-left:0px;
	}
}







@media (max-width: 767px) {

	/* Panel body padding 
	
	.panel {
		border:none;
	}
	.panel-body{
		padding:5px;
	}*/


}

.navmenu-fixed-left {
    right: auto !important;
}

body {
	padding-top:70px;
	color: #353c4e;
}

.navmenu-nav {
	padding-top:50px;
}

.navbar-toggle
{
  position: relative;
  float: left;

}

ul.topnav {
	float:right;
}


ul.topnav li.parent{
	float:left;
}


ul.topnav a {
		color:#777777;
		margin-top:4px;
}

ul.topnav a:hover {
		color:#333333;
		background:none;
}

ul.topnav i {
	margin-right:5px;	
}

/* width offcanvas menu */
.navmenu, .navbar-offcanvas
{
  width: 250px;

}


/*--------------
	Tradeshow
-----------------*/

.tradeshow-list {
	padding:0px;
	list-style-type: none;
	height: calc(100vh - 270px);
	overflow-y: auto;
}

.tradeshow-list-expand {
	height: calc(100vh - 480px);
}

.tradeshow-list li {
	border-bottom:1px solid #ddd;
	padding: 10px 10px;
	position: relative;
}

.tradeshow-list li:hover {
	background-color: #efefef;
}

.tradeshow-list li a {
	color:#000;
	display: block;
}


#tradeshow-search {
	display: none;
	padding:0px 0px 20px 0px;
	border-bottom:1px solid #ddd;
}

.tradeshow-name {
	margin-top:0px;
}

.walk-list-setup {
	list-style: none;
	padding:0px;
	margin-top:20px;
}

.walk-list-setup li {
	border-top:1px solid #ddd;
}


.walk-list-setup li a {
	padding:10px 0px;
	display: block;
}

.exhibit-count {
	font-size:20px;
	text-align: right;
}

.exhibitor-info-group {
	display: flex;
	align-items: center;
	gap: 5px;
}

.exhibitor-pref-group-list {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#tradeshow-sponsors {
	list-style-type:none;
	padding:0px;
}

#tradeshow-sponsors li {
	display: inline-block;
}

#tradeshow-sponsors img {
	max-width: 100px;
}


#show-logo {
	margin-bottom:10px;
	max-height: 70px;
}



@media only screen and (max-width: 980px) {
	.exhibit-count {
		text-align: left;
	}
  }


.tradeshow-list li.highlight {
	border-left:5px solid #b30c18;
}
 

.tradeshow-star {
	position: absolute;
	top:35%;
	right:10px;
	color:#b30c18;
	display: none;
}

.tradeshow-item.featured .tradeshow-star {
	display: block;
} 


.tradeshow-list li.active {
	border-left:5px solid #b30c18;
}

.tradeshow-list li.active .show-name {
	color: #b30c18;
}


#tradeshow-content {
	display: flex;
	flex-wrap: wrap;
	max-height: 300px;
	overflow: auto;
	padding:10px 0px;
	gap:20px;
  }

  #tradeshow-content > div {
	width: 150px;
	margin-bottom:15px;
	position: relative;


}


#tradeshow-content .download {
	position: absolute;
	bottom:5px;
	right:5px;
	color:#858585;
}


#tradeshow-content .download:hover {
	color:#636363;
}


.tradeshow-content-inner {
	position: relative;
	border:1px solid #ddd;
	text-align: center;
	width:100%;
	display: flex;
	justify-content: center;
	object-fit: contain;
	transition: all .2s;
}





#tradeshow-content > div .caption {
	font-size:12px;
}

#tradeshow-sponsors {
	list-style-type: none;
	padding:0;
	float:right;
	display: flex;
	align-items: center;
	gap:10px;
}

#tradeshow-sponsors li {
	display: inline-block;
}

#tradeshow-sponsors li:first-child {
	font-size:10px;
	text-transform: uppercase;
}

#tradeshow-sponsors li img {
	max-width: 80px;
}




@media (max-width: 780px) {
	#tradeshow-content > div  {
		width: 32%;
	}
	
  }




.show-name {
	font-weight: 600;
	margin-bottom:5px;
}


.clear-filters { 
	font-size:12px;
	color:#b30c18;
}

 

#show-list { position:relative; margin:0px auto 20px auto; padding:0px; width: 100%; height: 700px; overflow: hidden;
	/*border-top:solid 2px #9B9A9A;
	border-left:solid 2px #9B9A9A;*/

 }

#exhibit-list { 
	position:relative; 
	margin:10px auto; 
	padding:0px; 
	width: 100%; 
	height: calc(100vh - 380px);
	overflow-x: hidden;
	overflow-y: auto;
	/*border-top:solid 2px #9B9A9A;
	border-left:solid 2px #9B9A9A; */

}



  #exhibit-list table thead tr {
	border-bottom:1px solid #ddd;
  }

  .exh-show-logo {
	float:left;
	max-height: 50px;
	max-width: 160px;
	margin-left:10px;
  }




  .fixed-table  {
  position: relative;
}

table.fixed-table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
}


table.fixed-table th {
  border-bottom: 2px solid #EB9486;
  position: sticky;
  top: 50px;
  background-color: #fff;
}



  
  .sticky-table  {
	position: relative;
  }
  
  .sticky-table {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
  }
  
  
  .sticky-table th {
	position: sticky;
	top: 0;
	background-color: #fff;
  }

  .sticky-table tr {
  border-bottom: 1px solid #ddd;
  }
  
ul#show-details {
	margin:0px 30px 10px 0px;
	padding:0px;
	list-style-type:none;
	float:left;

}

ul#show-details li.title {
	font-size:16px;
}

ul#show-details a {
	color:#c11521;
}

#mobile-content {
	margin:5px 0px 20px 0px;
}




/*-----------------------
	Discussions
------------------------*/






#remove-group .alert {
	display: none;
}


.post {
	margin-top:20px;
	border:1px solid #efefef;
	font-size: 14px;
}


.post .form-control-static {
	font-size: 9px;
	color:#6B6B6B;
	padding:0px;
}


.post .inner {
	padding:20px;
}

.post .meta {
	overflow:hidden;
}

.post-actions {
	margin-top:2px;
	margin-bottom: 0px;
	font-size: 13px;
}


.post .message {
	line-height: 24px;
}

.author {
		margin-bottom:10px;
	clear:both;
}

.author .avatar {
	float:left;
	margin-right:15px;
	width:80px;
	overflow:hidden;
}

.comment .avatar {
	float:left;
	width:40px;
	overflow:hidden;
}

	.author .name {
		margin:0px;
		font-weight:bold;
		color:#3b5998;
	}

	.author .company {
		margin:0px;
	}

	.author .timestamp {
		margin:0px;
		font-size:11px;
		color:#8B8B8B;
	}
.topic{
		font-weight:bold;
		margin-bottom:5px;
	padding-bottom:5px;
		border-bottom:1px solid #efefef;
	}

	.group {
		font-weight:normal;
	}

.comment {
/*	background:#fff;
	border-bottom:1px solid #ddd;*/
	clear:both;
}

a.view-comments {
	color:#3b5998;
	font-size: 13px;
	margin-bottom:20px;
	display: block;
}

a.view-comments:hover {
	color:#27437e;
}

.comments-wrap {
background:#eceef2;
	padding:20px;

}

.comment .inner {
	overflow:hidden;
	padding:0px;
	margin:0px;
}

.comment article {
	background:#fff;
	padding:8px;
	border-radius: 8px;
	margin:0px;
}


ul.discuss-list {
	margin:10px 0px 0px 0px;
    padding:0px;
}

ul.discuss-list li {
	border-top:1px solid #ddd;
	padding:5px 0px 5px 0px;
}

ul.discuss-list li:first-child {
	border-top:0;
}

ul.discuss-list ul {
	padding-left:10px;
}

ul.discuss-list ul li {
	border:0;
	margin-right:10px;
}


ul.discuss-list .fa.fa-check:hover {
	cursor:pointer;
}



ul.discuss-list .fa.fa-check, ul.discuss-list .fa.fa-plus {
	color:#0DB430;
}


.gp-title {
	font-weight:700;
	margin:0px;
}


/*-----------------------
	Specials
------------------------*/

.specials-list a:hover {
	color:#000;
}

.special-item {
	border:1px solid #ddd;
	text-align:center;
	padding:15px;
	margin-bottom:15px;
	background:#fff;
}

.special-item:hover {
	 border-top: 3px solid #c11521;
	 padding:13px 15px 15px 15px;
}

.special-item img {
 	margin:0 auto;
}

.sp-name {
	font-size:14px;
	font-weight:700;
	margin-bottom:10px;
}

.sp-desc {
	font-size:14px;
	margin-top:5px;
}

.sp-expire {
	font-size:12px;
	color:#737373;
}


/*-----------------------
	Presentations
------------------------*/


.presentation-image-actions {
  margin-left: auto;
  margin-right: auto;
  display: table;
  margin-bottom:15px;
}

.presentation-image-actions i {
	font-size: 18px !important;
}

.presentation-image-actions .ai-icon-stack::after{
  right:-7px;
  top:-8px;
}




.presentatation-sidebar,
#presentatation-sidebar-sub{
	list-style:none;
	margin:0;
	padding:0;
}

.presentatation-sidebar > li{
	border-top:1px solid #efefef;
}

.presentatation-sidebar > li:first-child{
	border-top:0;
}

.presentatation-sidebar > li > a{
	display:block;
	padding:10px 20px 10px 30px;
	color:inherit;
	text-decoration:none;
}

.presentatation-sidebar > li > a:hover{
	background:#c11521;
	color:#fff;
}

.presentatation-sidebar > li.active > a,
.presentatation-sidebar > li.active > a:hover,
.presentatation-sidebar > li.active > a:focus{
	color:#fff;
	background:#c11521;
	text-decoration:none;
}

#presentatation-sidebar-sub{
	background:#efefef;
}

#presentatation-sidebar-sub .list-sidebar-sub{
	display:flex;
	align-items:center;
	gap:10px;
	padding:5px 10px;
	background:#efefef;
	border-top:1px solid #fff;
	cursor:pointer;
}

#presentatation-sidebar-sub .list-sidebar-sub:hover{
	background:#e2e2e2;
	color:inherit;
}

#presentatation-sidebar-sub .list-sidebar-sub.active{
	background:#e2e2e2;
}

#presentatation-sidebar-sub .list-sidebar-sub > a{
	display:flex;
	align-items:center;
	flex:1;
	gap:10px;
	background:transparent;
	color:inherit;
	text-decoration:none;
	min-width:0;
}

#presentatation-sidebar-sub .list-sidebar-sub > a:hover,
#presentatation-sidebar-sub .list-sidebar-sub > a:focus{
	background:transparent;
	color:inherit;
	text-decoration:none;
}

#presentatation-sidebar-sub img{
	width:40px;
	height:40px;
	border:1px solid #ddd;
	flex-shrink:0;
}

#presentatation-sidebar-sub .list-sidebar-sub > a > div{
	min-width:0;
}

#presentatation-sidebar-sub .nav-item-actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex-shrink:0;
}

#presentatation-sidebar-sub .btn-group{
	flex-shrink:0;
	margin-right:10px;
}

#presentatation-sidebar-sub .dropdown-toggle{
	border:0;
	background:transparent;
	color:inherit;
	width:34px;
	height:34px;
	padding:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
}

#presentatation-sidebar-sub .dropdown-toggle:hover,
#presentatation-sidebar-sub .dropdown-toggle:focus{
	background:rgba(0,0,0,.08);
	outline:none;
}

#presentatation-sidebar-sub .dropdown-menu{
	padding:4px 0;
	min-width:160px;
	border-radius:4px;
	background:#fff;
	color:#333;
}

#presentatation-sidebar-sub .dropdown-menu > li > a{
	display:block;
	padding:8px 14px;
	line-height:1.4;
	color:#333 !important;
	background:transparent !important;
}

#presentatation-sidebar-sub .dropdown-menu > li > a:hover,
#presentatation-sidebar-sub .dropdown-menu > li > a:focus{
	background:#f5f5f5 !important;
	color:#333 !important;
}

.dropdown-menu.dropup-menu {
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 2px;
    margin-top: 0;
}

.header-image-preview-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap:10px;
	
}

#HeadFirstBackImgPreview,
#HeadAddtlBackImgPreview {
	max-width:75px;
}


.header-image-preview {
	border:1px solid #ddd;
}

.presentation-product-preview {
	display: flex;
	align-items: center;
	justify-content: center;
}


.presentation-logo {
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
	display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
}

.presentation-logo img {
	height: 90px;
	object-fit: contain;
}

.table-fixed {
	height: calc(100vh - 260px);
	overflow: auto
}

#pres-list-slider {
	max-height:330px;
	border-top:solid 1px #e3e2e2;
	border-bottom:solid 1px #e3e2e2;
}

.form-group.carton-group {
    margin:0;
}


/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Absolute Center Spinner */
#cat-order-loading {
  position: absolute;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
}

/* Transparent Overlay
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
*/

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.content-flow {
	max-height:400px;
	overflow-y:auto;
	padding-right:20px;
}


.pres-product-grid-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px; 
  justify-content: flex-end;
  align-items: center;
}

.pres-product-grid-actions > li{
  margin: 0;
  padding: 0;
}

@media (max-width: 1250px) {
	.pres-product-grid-actions {
		gap:5px;
	}
}

.pres-product-grid{
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 10px;
}

.pres-product-grid.pres-product-grid-compact{
  grid-template-columns: repeat(5, 1fr);
   gap: 10px;
}

.pres-product-grid.pres-product-grid-compact .title {
	display: none;
}



.pres-product-grid { grid-template-columns: repeat(4, 1fr); }


.pres-product-grid.pres-product-grid-compact {
  grid-template-columns: repeat(6, 1fr);
}

@media (min-width: 1700px) {
  .pres-product-grid { 
	grid-template-columns: repeat(6, 1fr);
	}
  .pres-product-grid.pres-product-grid-compact {
	grid-template-columns: repeat(10, 1fr);
	}
}

@media (max-width: 1250px) {
  .pres-product-grid {
	grid-template-columns: repeat(3, 1fr);
	}
  .pres-product-grid.pres-product-grid-compact { 
	grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 767px) {
  .pres-product-grid {
	grid-template-columns: repeat(2, 1fr);
	}
  .pres-product-grid.pres-product-grid-compact {
	grid-template-columns: repeat(3, 1fr);
	}
}

/* Remove the button focus defaults */
#pres-list-grid-sm.btn-default:focus,
#pres-list-grid-sm.btn-default.focus,
#pres-list-grid-sm.btn-default:active,
#pres-list-grid-sm.btn-default.active{
  background-color: #fff !important;
  border-color: #ccc !important;
  color: #333 !important;      
  outline: none !important;
  box-shadow: none !important;
}

#pres-list-grid-sm.btn-default:focus i,
#pres-list-grid-sm.btn-default.focus i,
#pres-list-grid-sm.btn-default:active i,
#pres-list-grid-sm.btn-default.active i{
  color: #333 !important;      
}


.pres-product {
	border:1px solid #efefef;
	text-align:center;
	margin-bottom:15px;
	padding:40px 20px 20px 20px;
	position: relative;
}

.pres-product:hover {
	border:1px solid #ddd;
	cursor:pointer;
}

.pres-product-tl {
	position: absolute;
	top:10px;
	left:10px;
	z-index: 10;
}

.pres-product-tl .product-drag {
	margin-left:5px;
}

.pres-product .feedback {
	position: absolute;
	top:10px;
	right:10px;
	z-index: 10;

}

.pres-product .title {
	font-weight:400;
	margin-top:10px;
}

.pres-product img {
	 display: inline-block;
	 height: auto;
	 max-width: 100%;
 }


.form-inline-group .form-inline {
	margin-bottom:10px;
}

.table-alert {
	background:#e7e7e7;
	color:#000;
	font-weight:bold;
}

.table-hover.rowlink tr.table-alert:hover td, .table-hover .rowlink tr.table-alert:hover td {
	background:#e7e7e7;
	color:#000;
	font-weight:bold;
	cursor:pointer;
}


.table-alert .badge {
	background:#fff;
	color:#c11521;
	margin-left:5px;
}


#presSelectImageWrap {
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-right:10px;
}

#presSelectImageWrap .thumbnail {
	margin-bottom:5px;
}

.presSelectImageTitle {
	text-align: center;
	margin-bottom:10px;
}

/* Lifestyle image */


#generate-image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #ddd;
 
}

#generate-image-wrap img {
	object-fit: contain;
	height:400px;
	width:400px;
}

#generate-image-ai-prompt-text {
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
}

.modal-file-lib-ai #generate-image-wrap img {
	height: 380px;
}

/* Stacked Icons */

.ai-icon-stack{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  line-height:1;
  width:16px;
  height:16px;
  margin-right:6px;
}

.ai-icon-stack > i{
  display:block;
  font-size:16px;
  line-height:16px;
}

.ai-icon-stack::after{
  content:"\e5d6"; /* fa-sparkles */
  font-family:"Font Awesome 6 Pro";
  font-weight:900;
  position:absolute;
  top:-6px;
  right:-5px;
  font-size:10px;
  line-height:1;
  pointer-events:none;
  color:#3b82f6;
}


/* Automation Center */


.automation-stats-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.automation-stat-block {
  flex: 1 1 calc(33.333% - 15px);
  min-width: 200px;
}

.automation-stat-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.automation-stat-text {
  flex: 1;
}

.automation-stat-icon {
  flex-shrink: 0;
  text-align: center;
  width: 50px;
}






#automation-event-edit {
	margin-left:10px;
}

.automation-stat-block {
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:3px solid #ddd;
	border-radius: 5px;
	padding:5px 5px 5px 10px;
	text-transform: uppercase;
	margin-bottom:10px;
}

@media (max-width: 768px) {
	.automation-stat-block-title {
		font-size:13px;
	}

}

.automation-stat-block .row {
	display: flex;
	align-items: center;
}

.automation-stat-total {
	font-size:20px;
	font-weight: 700;
}

.automation-stat-block i {
	font-size: 24px;
}

.automation-stat-active {
	border-left-color: #72bd2b;
}

.automation-stat-active i {
	color: #72bd2b;
}

.automation-stat-runs {
	border-left-color: #0b84a5;
}

.automation-stat-runs i {
	color: #0b84a5;
}

.automation-stat-failures {
	border-left-color: #eeb531;
}


.automation-stat-failures i {
	color: #eeb531;
}



/* End stats */


.modal-scroll,
.scroll {
	overflow-y: auto;
	overflow-x: hidden;
}

.scroll-50 {
	height: 50px;
}

.scroll-100 {
	height: 100px;
}

.scroll-150 { 
	height: 150px;
}

.scroll-400 {
	height: 400px;
}

.scroll-500 {
	height: 400px;
}

.scroll-border {
  padding: 6px 12px; 
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}


.step-row {
  display: grid;
  grid-template-columns: 36px 1fr;
  column-gap: 16px;
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
  padding-top:30px;
}

.step-row:first-child {
	border-top:0;
}

.step-col {
  display: flex;
  justify-content: center;
}

.step-title {
	font-size:18px;
	margin-top: 0;
}

.step-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #ac1f2d;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-circle.active {
  background-color: #ac1f2d;

}
.step-circle.inactive {
  background-color: #aaa;

}

.step-circle.complete {
  /* background-color: #419641; */
}

.step-row.is-locked .step-content {
  opacity: .45;
  pointer-events: none;
}





.auto-action-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 8px;
  padding: 10px;
  list-style-type: none;
  align-items: stretch;
}

.auto-action-list li {
	  display: flex;
}

.auto-action-list a {
  display: flex; 
  flex-direction: column; 
  flex: 1; 
  justify-content: center; 
  align-items: center;
  padding: 12px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  color: inherit;
  text-decoration: none;
}

.auto-action-list a i {
  display: block;
  margin: 0 auto 8px;
  font-size: 24px;
  color: #333;
}

.auto-action-list a .icon-label {
  display: block;
  font-size: 12px;
  color: #666;
}

.auto-action-list a:hover {
  color: #ac1f2d;
}

.auto-action-list a:hover i,
.auto-action-list a:hover .icon-label {
  color: #ac1f2d;
}

.automation-modal-body h4 {
	margin-bottom: 20px;
}

.auto-action-panel-group {
	margin-top:20px;
}

.auto-action-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auto-action-header .panel-toggle {
  flex: 1;
}

.auto-action-header .panel-delete {
  margin-left: 10px;
  color: #333;
}

.auto-action-header .panel-delete:hover {
  color: #ac1f2d;
}

/* Rich text editor enhance button */
.mce-enhance-button {
	background-color: #ac1f2d !important;
	border-radius: 4px;
}

.mce-enhance-button:hover {
	background-color: #b30c18 !important;
}

.mce-enhance-button .mce-txt {
	color: #ffffff !important;
}

.mce-enhance-button .mce-caret {
	border-top-color: #ffffff !important;
}

.mce-i-roboticon:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/js/tinymce/icons/icon-robot-solid-white.svg') no-repeat center center;
}



/* Decoration Search */

#decoration-results {
	max-height: 500px;
	overflow-y: scroll;
}


/* Feedback */

ul.feedback-list {
	list-style-type:none;
	padding:0px;
}

ul.feedback-list li {
	background:#efefef;
	padding:10px;
	margin-bottom:10px;
}

ul.feedback-list li.reply {
	background:#d9edf7;
	padding:10px;
	margin:0px 0px 10px 30px;
}


ul.feedback-list li:hover {
	background: #e8e8e8;
}

ul.feedback-list li.reply:hover {
	background:#c8dfeb;
	padding:10px;
	margin:0px 0px 10px 30px;
}


ul.feedback-list li a:hover {
	color:#000;
	display:block;
}

ul.feedback-list .author {
	font-weight:700;
	color:#c11521;
}


ul.feedback-list li.reply .author {
	font-weight:700;
	color:#31708f;
}


ul.feedback-list .time {
	font-size:12px;
	padding:0px 10px 0px 10px;
}

ul.feedback-list .comment {
	background:none;
	border:0;
	margin:0px;
	padding:0px;
}




/* Product Rating thumbs up */

.product-rating {
  display: flex;
  align-items: start;
  gap:10px;
  margin-bottom:5px;
}


.product-rating a {
  text-decoration: none;
  font-size: 14px;
}

.rating-round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 30px;
  height: 30px;
  padding: 0 12px; 
  border-radius: 20px; 
  border: 2px solid #007aff;
  text-decoration: none;
color: #007aff;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 600;
  background-color: #f0f8ff;
}

.rating-round i {
  font-size: 16px;
}

.rating-round:hover {
  border-color: #007aff;
  color: #007aff;
  background-color: #f0f8ff;
}

.rating-round:focus {
  outline: none;
}

.rating-round.active {
  background-color: #007aff;
  border-color: #007aff;
  color: #fff;
}

.rating-dislike:hover {
  border-color: #ff3b30;
  color: #ff3b30;
  background-color: #fff0f0;
}

.rating-dislike.active {
  background-color: #ff3b30;
  border-color: #ff3b30;
  color: #fff;
}

.note-badge {
	color:#337ab7;
	font-size: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
	margin-left:3px;
}



.badge {
	background:#c11521;
	margin-left:5px;
}

.badge-blue {
	background:#337ab7;
}

.badge-info {
	background: #535353;
	color:#fff;
}

.badge-green {
	background: #76a34c;
	color:#fff;
}

.badge-mg0 {
	margin:0px;
}


.dropdown-menu li.title {
	padding-left:20px;
	font-weight:normal;
	color:#848282;
}

.dropdown-menu-right {
	right:0 !important;
}

table th .btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
  box-shadow: none;
}

table th .btn-group {
	vertical-align: top;
}



i.icon-vds {
	background:url(../images/sage-web-vds.png) no-repeat center;
	height:20px;
	width:20px;
	display:block;
}

.panel-full {
	padding:0px;
}



/* Updated with new fetures */

.nav-item-row{
  display:flex;
  align-items:center;
  gap:10px;
  position: relative;
}

.nav-item-checkbox{
  flex:0 0 auto;
}

.nav-item-link{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1 1 auto;
  min-width:0;
  text-decoration:none;
}

.nav-item-thumb{
  width:42px;
  height:42px;
  object-fit:cover;
  flex:0 0 auto;
}

.nav-item-label{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.nav-item-actions .btn-group {
	margin-left:5px;
}

.nav-item-menu-btn{
  background:transparent;
  border:0;
  padding:6px 8px;
}

.input-group.carton-control {
	width:80px !important;
}




ul.list-sidebar {
	list-style-type:none;
	padding:0px;
}

ul.list-sidebar li {
	border-top:1px solid #efefef;
}

ul.list-sidebar li:first-child {
	border:none;
}

ul.list-sidebar li a {
	padding:10px 20px 10px 30px;
	display:block;
}

ul.list-sidebar li a:hover {
	background:#c11521;
	color:#fff;
}

ul.list-sidebar > li.active > a,
ul.list-sidebar > li.active > a:hover,
ul.list-sidebar > li.active > a:focus {
  color: #fff;
  cursor: default;
  background:#c11521;
  text-decoration:none;
}



ul.list-sidebar li.header {
	padding:5px 20px 5px 30px;
	display:block;
	background:#F0F0F0;
	text-transform:uppercase;
	color:#686868;
	font-size:14px;
}

ul.list-sidebar li.header:first-child {
	border-top:1px solid #fff;
}


/* Sub Menu */

li.list-sidebar-sub  {
	list-style-type:none;
	padding-left:0px;
	position: relative;
}

li.list-sidebar-sub li {
	border-top:1px solid #fff;
}

li.list-sidebar-sub img {
	float:left;
	width:40px;
	height:40px;
	margin-right:10px;
	border:1px solid #ddd;
}

li.list-sidebar-sub a {
	padding:10px 0px 10px 0px;
	background:#efefef;
}

/*ul.list-sidebar-sub a:before {
    content: "\f058";
    font-family: FontAwesome;
	padding-right:10px;
	color:#0BBF30;
 }*/

li.list-sidebar-sub li a:hover {
	color:#c11521;
	background:#ddd;
}

/* li.list-sidebar-sub.last-active-item:not(.active) a {
	background-color: #d1d1d1;
} */

li.list-sidebar-sub.last-active-item:not(.active) a:hover {
	background-color: #c11521;
}



.form-group-striped > .form-group {
	padding:8px 0px 8px 0px;
	border-top:1px solid #dddddd;
	margin:0px;
}


.form-group-striped > .form-group:nth-child(2n+1)
{
  background-color: #f9f9f9;
}

.fieldset-border .control-label {
	text-align:left;
}

.feildset-border .control-label {
	text-align:left;
}


.form-horizontal .control-label {
	text-align:left;
}

.form-horizontal .control-label.right {
	text-align:right;
}

body#order-management .control-label {
	text-align:right !important;
}



fieldset.fieldset-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.fieldset-border {
        font-size: 1em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px 10px 10px;
        border-bottom:none;
		color:#c11521;
		text-transform:uppercase;
		margin-bottom:-1px;
    }

	fieldset.feildset-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.feildset-border {
        font-size: 1em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px 10px 10px;
        border-bottom:none;
		color:#c11521;
		text-transform:uppercase;
		margin-bottom:-1px;
    }


entation-logo {
	border:1px solid #ddd;
	padding:5px;
}

.btn-file {
        position: relative;
        overflow: hidden;
		margin-bottom:5px;
}
.btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


ul.list-vertical {
	list-style-type:none;
	padding:0px;
	margin-top:20px;
}

ul.list-vertical li {
	margin-bottom:10px;
}

ul.list-vertical.list-nest {
	margin:0px;
}

ul.list-nest {
	padding:20px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.form-control-sm {
height: 34px;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s, 0.15s;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
}

.form-control-sm:focus
{
  border-top-color: #66afe9;
  border-right-color: #66afe9;
  border-bottom-color: #66afe9;
  border-left-color: #66afe9;
  outline-width: 0px;
  outline-style: none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}


/* Chat */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

h4, h5 {
	line-height: 1.5em;
	margin: 0;
}

hr {
	background: #e9e9e9;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
	margin-bottom:10px;
    min-height: 1px;
}

img {
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
}

input {
	border: 0;
	color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
}

p { margin: 0; }

.clearfix { *zoom: 1; } /* For IE 6/7 */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after { clear: both; }


/* ------------------
	Email Campaigns
-------------------*/


#email-campaign-actions {
	float:right;
}

.job-stats-container {
	margin-top:20px;
}

.job-stats-container h4 {
	float:left;
}

.job-stats-container h4 .job-sub {
	font-weight: 400;
	font-size:14px;
	margin-left:10px;
}

.job-stats-container .job-percent {
	float:right;
	font-size:18px;
}


.live-badge {
	float:right;
	display: flex;
	align-items: center;
	flex:1;
}

.live-container {
	display: flex;
	align-items: center;
	float:right;
}

.live-container span {
	font-size:14px;
}

.live-icon {
  background: rgba(52, 172, 224, 1);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  margin:2px 5px 0px 10px;
  height: 10px;
  width: 10px;
  transform: scale(1);
  animation: pulse-blue 2s infinite;
}


@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

.nav-tabs.campaign-tabs {
	margin-bottom:0px;
}

.nav-tabs.campaign-tabs > li.active > a {
	color:#ac1f2d;
	font-weight: 600;
}



#email-sidebar {
	height: 100vh;
}

.campaignMangerList {
	min-height: 200px;
	max-height: 250px;
	overflow: auto;
}

#campaign-btn-group {
	margin-bottom:15px;
	text-align: left;
}

#campainCount {
	text-align:right;
}

#campainCount p {
	font-weight:700;
}

#campaignWizard ul.nav-pills {
	margin-bottom:10px;
}

#campaignWizard.nav-pills li a {
	background-color:#2D2C2C;
	color:#fff;
}


#campaignWizard .nav-pills > .active > a,
#campaignWizard.nav-pills > .active > a:hover {
    background-color:#ac1f2d;
}

#campaignWizard .tab-content {
	margin-bottom: 75px;
  }


#proof-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	background:#f9f9f9;
	border:1px solid #ddd;
	padding:20px 20px;
}

/* Wrapper around design thumbnail */


.campaign-product-list {
	display: flex;
	flex-wrap: wrap;
	gap:20px 2%;
	/*height: calc(100vh - 330px);*/
	overflow: auto;
}
.campaign-product-list .design-item {
	background:#fff;
	border:1px solid #ddd;
	padding-top:45px;
}

.campaign-product-list .design-item img {
	object-fit: contain;
	height: 200px;
}

.print-studio-design-list {
	display: flex;
	flex-wrap: wrap;
	height: calc(100vh - 500px);
	overflow: auto;
	gap:20px 2%;
	padding:20px;
	border:1px solid #ddd;
	background:#efefef;
	align-items: stretch;
}

.print-studio-design-list .design-title {

		font-size:14px;
		font-weight: 600;
		color:#4E4E4E;
		margin:10px 0px 0px;
		display: block;
}

.print-studio-design-list .design-title-type {
	color:#4E4E4E;
}

.print-studio-design-list .design-item {
	padding:10px 0px;

}

.print-studio-design-list .design-item img {
	border:10px solid  #efefef;
}

/* Print Studio desing list hover */
.print-studio-design-list .design-item:hover img,
.print-studio-design-list .design-item.active img {
	border:10px solid #fff;
	background:none;
	-webkit-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.11);
	-moz-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.11);
	box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.11);
}

/* Override globa design list */
.print-studio-design-list .design-item:hover {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}


.design-list {
	display: flex;
	flex-wrap: wrap;
	height: calc(100vh - 400px);
	overflow: auto;
	gap:20px 2%;
	padding:20px;
	border:1px solid #ddd;
	background:#efefef;
	align-items: flex-start;
}

#publication-pricing-table td:empty {
	display: none;
}

.publication-list {
	display: flex;
	flex-wrap: wrap;
	height: calc(100vh - 300px);
	overflow: auto;
	gap:20px 2%;
	padding:20px;
	border:1px solid #ddd;
	background:#efefef;
	align-items: flex-start;
}

.design-item {
	width:49%;
	position: relative;
	text-align: center;
	flex: 0 0 auto;
}

.publication-item,
.page-layout-item {
	position: relative;
	text-align: center;
	flex: 0 0 auto;
	border: 1px solid transparent;
	cursor: pointer;
}


#blank-slate {
	font-size: 16px;
	color: #8b8b8b;
	padding: 50px 20px;
	border: 1px solid #ddd;
}

@media (min-width: 850px) {
	.design-item {
		width:32%;
	}
}

/* 600px onwards */
@media (min-width: 1300px) {
	.design-item {
		width:15%;
	}
}

.design-item img,
.publication-item img,
.page-layout-item img {
	margin:0 auto;
}

.design-item.deleted img,
.design-item.deleted p {
	opacity: 0.3;
}

.design-item:hover,
.design-item.active,
.publication-item:hover,
.publication-item.active,
.page-layout-item:hover,
.page-layout-item.active {
	background:#fff;
	-webkit-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.11);
-moz-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.11);
box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.11);
}

.design-item.active,
.publication-item.active,
.page-layout-item.active {
	border:1px solid #ac1f2d
}



.design-title {
	font-size:14px;
	color:#4E4E4E;
	margin:10px 0px;
	display: block;
}


.design-item-delete,
.design-item-restore {
	top:10px;
	right:10px;
	position: absolute;
	z-index: 10;
}

.design-item-drag {
	top:10px;
	left:10px;
	position: absolute;
	z-index: 10;
}

.design-product-pic-title {
	text-align: center;
	margin-bottom: 10px;
}

.design-product-pic-img {
	margin:0 auto 5px auto;
}

.design-gallery {
	display: flex;
  flex-wrap: wrap;
  gap: 5px 2%;
}

.design-product-item {
  text-align: center;
  flex: 0 0 auto;
  width:23%;
}


.label-inline {
	margin-right:15px;
}




/* Campaign Product List */

#campaign-product-list {
	min-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:1px solid #ddd;
	padding:20px;
}


#campaign-product-list a.product-wrap {
	margin-bottom:20px;
	background: #fff;
	display: inline-block;
	text-align: center;
	-webkit-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.04);
-moz-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.04);
box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.04);

}

#campaign-product-list a.product-wrap .title {
	font-size:14px;
	font-weight: 600;
	color:#4E4E4E;
}


#campaignHeaderLogo {
	border:1px solid #ddd;
	height:200px;
	text-align: center;
	display: flex;
	padding:10px;
	width: 100%;
	align-items: center;
	justify-content: center;
}

#email-standard-logo-container {

}

#campaignHeaderLogo .help {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}

#campaignHeaderBanner {
	border:1px solid #ddd;
	height:200px;
	text-align: center;
	display: table;
	padding:30px;
	width: 100%;
}

#campaignHeaderBanner .help {
	display: table-cell;
	vertical-align: middle;
}

#email-standard-logo-container {
	display: flex;
	align-items: center;
	height: 100%;
}

/* --------
 Catalog Studio 
 --------- */
#addProduct #product-description,
#addProduct #product-modal-description {
	resize: none;
}

#flipbook-menu {
	border:1px solid #ddd;
	padding:40px 30px 30px 30px;
}


#flipbook-logo {
	margin-bottom:30px;
	text-align: center;
  }

  #flipbook-logo img {
	object-fit: contain;
	max-height: 80px;
	display: block;
	margin:0 auto;
  }

  #flipbook-contact {
	list-style: none;
	padding:0;
	margin-bottom:30px;
  }


  #flipbook-contact li:first-child {
	font-weight: 700;
	color:#000;
  }

  #flipbook-description {
	margin-bottom:30px;
  }

  #flipbook-actions a {
	display: block;
	padding:10px 15px;
	border:1px solid #ddd;
	margin-bottom:10px;
	text-align: center;
	text-decoration: none;
	color:#2669c0;
	font-weight: 500;
	border-radius: 4px;
  }



#publications-list td {
	vertical-align: middle;
}


 #ready-to-go-preview-window,
 #catalog-preview-window {
	height: calc(100vh - 300px);
	width:100%;
 }

 #publication-proof-window {
	height: calc(100vh - 320px);
	width:100%;
 }

 font[color="clRed"] {
	color: #ff0000 !important;
 }

 #catalog-ship-address {

 }


 .catalog-qty {
	background:#efefef;
	padding:5px 10px;
	font-weight: 600;
	margin-bottom:20px;
 }

 .catalog-price-table {
	width:100%;
 }

 .catalog-price-table td {
	padding-right:20px;
 }

 .catalog-price-table td:first-child {
	font-weight: 600;
 }

 .catalog-total {
	font-weight: 600;
	font-size:16px;
	padding-top:10px;
 }

 .catalog-price-wrap {
	border:1px solid #ddd;
	padding:10px;
 }

 .panel-simple-accordian {
	border:0;
	box-shadow: none;
	-webkit-box-shadow: none;
 }

 .panel-simple-accordian .panel-body {
	padding:15px 0px;
 }

 .panel-simple-accordian .panel-heading {
	border:1px solid #ddd;
 }

 .ship-info-field.disabled {
	background-color: #eee;
	cursor: not-allowed;
 }


/* ------------------
	Payment Processings
-------------------*/

#ConfirmAmtPrice {
  font-size: 28px;
  color:#ac1f2d;
}

i.calendar-today {
	background: url("/images/payment/calendar-today.png") no-repeat;
	height:69px;
	width:69px;
	display: block;
}

i.calendar-yesterday {
	background: url("/images/payment/calendar-yesterday.png") no-repeat;
	height:69px;
	width:69px;
	display: block;
}

i.calendar-month {
	background: url("/images/payment/calendar-month.png") no-repeat;
	height:69px;
	width:69px;
	display: block;
}

i.calendar-lastMonth {
	background: url("/images/payment/calendar-lastMonth.png") no-repeat;
	height:69px;
	width:69px;
	display: block;
}



/* Wizard styles */


.tab{
	text-align: center; 
}

.nav-tabs.wizard{
    display: inline-block;
    position: relative;
    border-bottom: none;
	padding-left:0px;
	margin-bottom:5px;
	float: right;

}
.nav-tabs.wizard li{
    margin: 0;
	list-style-type: none;
	margin-right:20px;
}
.nav-tabs.wizard.wizard li a{
    display: block;
    padding: 0px 20px 10px;
    font-size: 14px;
    font-weight: 700;
    color:#747474;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #f3f3f3;
    margin-right: 0;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}


.nav-tabs.wizard li a{
    border-bottom: 2px solid #fff;
}


.nav-tabs.wizard > li.active > a, .nav-tabs.wizard > li.active > a:hover, .nav-tabs.wizard > li.active > a:focus {
	background-color: transparent;
	text-decoration: none;
	color: #000;
    border: none;
	border-bottom: 2px solid #ac1f2d;
	outline: none;
}


@media (max-width: 675px) {  

	.nav-tabs.wizard {
		background-color: #fff;
	}

	.nav-tabs.wizard li a {
		padding: 10px 0px 10px !important;
		background-color: #fff;
	}
  }


.tab-content{
    padding: 0px 0px 20px 0px;
    /*line-height: 26px;*/
    text-align: left;
}

.tab-content-inner {
	padding:15px;
	background-color:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:0;
}


.nav-tabs-inner {
	margin-bottom:0px;
	padding:10px 15px 0px;
	background-color:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}

.nav-tabs-inner li {
	display: inline-block;
}

.nav-tabs-inner li:hover a, .nav-tabs-inner li:focus a  {
	color: #ac1f2d;
	background-color: #fff;
}

.nav-tabs-inner li.active {
	border-bottom: 2px solid #c11521;
  font-weight: 500;
}





.tab-content-panel {
	background:#fff;
	padding:15px; 
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

@media only screen and (max-width: 479px){
    .nav-tabs.wizard li{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .nav-tabs.wizard li:last-child{
        margin-bottom: 0;
    }
}


/* ----------- Print Studio ------ */

.cover-wrap {
	border:1px solid #ddd;
	background:#f9f9f9;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.cover-wrap img {
	object-fit: contain;
	height: calc(100vh - 300px);
}

.clear-cover {
	position: absolute;
	bottom:10px;
	right:10px;
	z-index: 100;
}

.clear-cover i {
	display: inline-block;
	border-radius: 60px;
	box-shadow: 0 0 2px #888;
	padding: 0.5em 0.6em;
	background-color: #fff;
}

.clear-cover:hover i {
	color:#fff;
	background-color: #ac1f2d;
}

.print-order-list {
	padding:0px;
	list-style: none;
	height: calc(100vh - 270px);
	overflow: auto;
}

.print-order-list li {
	border-bottom:1px solid #ddd;
	padding:10px 0px; 
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.print-order-list li a:hover,
.print-order-list li a:focus,
.print-order-list li a:visited {
	color:#000;
}

.order-action {
	font-size:18px;
	margin-right:20px;
}

.print-order-list li:last-child {
	border-bottom:0;
}

.print-order-list li ul li {
	border:0;
	padding:0;
}

.print-order-list li:hover .order-number {
	color:#ac1f2d;
}



.print-order-list .order-number {
	font-size:16px;
	margin-bottom:5px;
	font-weight: 600;
}

.print-order-list .name {
	font-weight: 600;
}






/* ---------- LIVE-CHAT ---------- */


#chat-tabs i {
	display: block;
	font-size: 20px;
}

#chat-tabs li {
	text-align: center;;
}

#live-chat-btn {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 160px;
	background: #293239;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	padding: 10px 24px;
	text-align: center;
}

#live-chat-btn p:before {
	background: #1a8a34;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 8px 0 0;
	width: 8px;
}


#chat-intro {
	text-align: center;
	padding: 8px 24px;
}

#chat-intro form {
	margin-top:10px;
}

#live-chat-btn.clicked {
	display: none;
}

#live-chat {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 300px;

}

.chat {
	border:1px solid #D0D0D0;
}

#live-chat header {
	background: #293239;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	padding: 10px 24px;

}



#live-chat h4:before {
	background: #1a8a34;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 8px 0 0;
	width: 8px;
}

#live-chat h4 {
	font-size: 12px;
}

#live-chat h5 {
	font-size: 10px;
}

#live-chat form#chat {
	padding: 24px;
}

#live-chat form#chat input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
	outline: none;
	width: 234px;
}

.chat-message-counter {
	background: #e62727;
	border: 1px solid #fff;
	border-radius: 50%;
	display: none;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	left: 0;
	line-height: 28px;
	margin: -15px 0 0 -15px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 28px;
}

.chat-close {
	background: #1b2126;
	border-radius: 50%;
	color: #fff;
	display: block;
	float: right;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin: 2px 0 0 0;
	text-align: center;
	width: 16px;
	display: none;
}

.chat {
	background: #fff;
}

.chat-history {
	height: 252px;
	padding: 8px 24px;
	overflow-y: scroll;
}

.chat-message {
	margin: 16px 0;
}

.chat-message img {
	border-radius: 50%;
	float: left;
}

.chat-message-content {
	margin-left: 56px;
}

.chat-time {
	float: right;
	font-size: 10px;
}

.chat-feedback {
	font-style: italic;
	margin: 0 0 0 80px;
}

/* ------- SAGE Chat -------*/



.status-online:before {
    content: "\f111";
    font-family: FontAwesome;
	padding-right:5px;
	color:#25ca7d;
	font-size:14px;
}

.status-away:before {
    content: "\f017";
    font-family: FontAwesome;
	padding-right:5px;
	font-size:14px;
	color:#f9c448;
}

.status-offline:before {
    content: "\f057";
    font-family: FontAwesome;
	padding-right:5px;
	color:#c0c0c0;
	font-size:14px;
}


/* ***** SAGE Chat ***** */



body#sage-chat-body {
	padding:0px;
	background:#fff;
}


#sage-chat-settings{
	width:100%;
	padding:20px 20px 0px 20px;
	background-color: #fff;
}

.chat-footer-inner {
	padding:20px;
	border-top:1px solid #ddd;
}

.settings-title {
	color:#ac1f2d;
	font-size: 16px;
	font-weight: 700;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.settings-title:first-child {
	margin-top: 0;
	border:0;
}

/*

img{ max-width:100%;}


#sage-chat .col-right {
	float:left;
	width:60%;
}

#sage-chat .col-left {
	float:left;
	width:40%;
}
*/

#chat-top-controls {
	display: flex;
	align-items: center; 
}


#chat-owner {
	float:left;
	min-width: 200px;
}

#chat-owner p {
	padding-top:10px;
}

#chat-owner img {
	width:40px;
	height:40px;
	border-radius: 50%;
	float:left;
	margin-right:5px;
}

.inbox-people {
  background: #fff none repeat scroll 0 0;
  overflow: hidden;
}
.inbox-msg {
  /*border: 1px solid #c4c4c4;*/
  clear: both;
  overflow: hidden;
}
.top-spac{ margin: 20px 0 0;}



.recent-heading {float: left; width:40%;}

.chat-header-search {
	padding:10px 10px 10px 0px;
}



.recent-heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}
.srch-bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch-bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch-bar .input-group-addon { margin: 0 0 0 -27px;}

.chat-ib h5{ 
	color:#464646; 
	margin:0 0 0px 0;
	text-transform: none;
	font-size:16px;
}
.chat-ib h5 span {
	font-size:13px; float:right;
}
.chat-ib p { 
	font-size:14px; color:#989898; margin:auto;
}
.chat-avatar {
  float: left;
  width: 12%;
}

.chat-avatar img, .incoming-msg-img img {
	border-radius: 50%;
}
.chat-ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}


.chat-list {
	position: relative;
}



.chatRightClick {
	position: absolute;
	right:10px;
	top:30px;
	z-index: 1000;
}

.chatRightClick .fa {
	font-size:5px;
}


.chat-list:hover + .chatRightClick {
    display: block;
}





.chat-people{ overflow:hidden; clear:both;}
.chat-list {
  margin: 0;
  padding: 10px 16px 10px;
}
.inbox-chat { 
	height: calc(100vh - 100px);
	overflow-y: scroll;
}

.active-chat{ background:#ebebeb;}


#chat-controls {
	float:right;
}

#chat-controls .fa {
	font-size:24px;
	color:#bfbfbf;
	margin-left:10px;
}

#chat-controls .active {
	color:#a8012c;
}

#chat-settings-btn {
	margin-left:auto;
	font-size:28px;
	margin-right:20px;
}


.incoming-msg-img {
  display: inline-block;
  width: 6%;
}
.received-msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received-msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.chat-hist-time {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 0px 0 0;
}
.received-msg { width: 85%;}
/*.chat-messages {
  float: left;
  padding: 0px 15px 0 25px;
  width: 60%;
	border:0;
	margin-top:0px;
}*/

.chat-messages h3 {
	margin-top:0px;
	margin-bottom:0px;
	font-weight: 700;
	text-transform: none;
}

#chat-user-header {
	float:left;
}

#chat-transcript {
	float:right;
}

#chat-transcript .fa {
	font-size:20px;
}


.chat-user-id {
	font-size:14px;
	text-transform: uppercase;
	color:#A29C9C;
}

 .sent-msg p {
  background: #c6edfa none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing-msg{ overflow:hidden; margin:15px 0 15px;}
.sent-msg {
  float: right;
  width: 80%;
}
.input-msg-write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type-msg {border-top: 1px solid #c4c4c4;position: relative;}
.btn-send {
  color: #333333;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0px;
  top: 30px;
  width: 33px;
}
#sage-chat { padding: 0 0 10px 0;}
.chat-history {
  height: 100vh;
  overflow-y: auto;
	margin-top:20px;
}


#sage-chat .nav-tabs {
	margin:0px;
}

.chat-message-area {
	margin-top:15px;
}

.chat-message-area::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
.chat-message-area::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
.chat-message-area:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
.chat-message-area:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

#chat-msg-actions {
	float:right;
}

#chat-msg-actions a {
	font-size:18px;
}

#chat-msg-actions a:hover {
	color:#aa1d30;
}


#sage-chat .nav-tabs li a:hover {
	background: none;
}

#sage-chat .nav-tabs .fa {
	display: block;
	font-size: 24px;
}

#sage-chat .nav-tabs li {
	text-align: center;
}


#sage-chat .nav-tabs a {
	color:#000;
	padding-top:0px;
}

#sage-chat .nav-tabs li.active a {
	color:#a20d1c;
}

#sage-chat .nav-tabs a, #sage-chat .nav-tabs {
	border:0;
}

#chat-back-btn {
	display: none;
	font-size: 24px;
	color:#a20d1c;
}

/* Idea Wizard */

#idea-info {
	font-size:20px;
	color:#808080;
	padding:16px;
}

#idea-load {
	text-align: center;
	padding:30px;
	font-size:24px;
	display:none;
}

#ideaFeedbackBtn {
}



#idea-load .fa-robot{
	font-size:56px;
	margin-bottom: 20px;
}

.idea-result-list {
	height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
}


.idea-result {
	border-top:1px solid #ddd;
	padding:15px 0px;
	display: flex;
  align-items: center;
}

.idea-result p.title {
	margin:0px;
	font-size: 18px;
	font-weight:400;
	color:#666;
}


.modal-clean .modal-header {
	border:0;
}

.modal-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 2%;
}

.modal-grid-item {
	width:23.5%;
	border:1px solid #ddd;
	flex: 0 0 auto;
}


.sp-replacer {
	background-color:#fff;
	border-color: #ddd;
}

.bounce {
	display: inline-block;
	position: relative;
	-moz-animation: bounce 0.8s infinite linear;
	-o-animation: bounce 0.8s infinite linear;
	-webkit-animation: bounce 0.8s infinite linear;
	animation: bounce 0.8s infinite linear;
  }
 
  @-webkit-keyframes bounce {
	  0% { top: 0; }
	  50% { top: -0.1em; }
	  70% { top: -0.2em; }
	  100% { top: 0; }
  }
  @-moz-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.1em; }
	70% { top: -0.2em; }
	100% { top: 0; }
  }
  @-o-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.1em; }
	70% { top: -0.2em; }
	100% { top: 0; }
  }
  @-ms-keyframes bounce {
	0% { top: 0; }
	50% { top: -0.1em; }
	70% { top: -0.2em; }
	100% { top: 0; }
  }
  @keyframes bounce {
	0% { top: 0; }
	50% { top: -0.1em; }
	70% { top: -0.2em; }
	100% { top: 0; }
  }




@media only screen and (max-width : 768px) {

	#sage-chat .col-left,
	#sage-chat .col-right,
	.inbox-people,
	.chat-messages {
	float:none;
	width:100%;
	min-width: 300px;

	}

	.chat-messages {
		margin-top:20px;
	}

	.inbox-people {
		border:0;
		display: none;
	}

	#chat-back-btn {
	display: inline-block;
}


}






@media only screen and (max-width : 480px) {
.navbar-toggle
{
  margin-left:15px;
  padding:9px 0px;

}

.top {
	margin:0px;
}

.top,.top30,.top40,.top50 {
	margin-top:10px;
}


	#login-panel {
		padding:40px 20px;
	}

	#new-customer {
		float:none;
		text-align: center;
	}
}

@media (max-width: 2000px) {/*below nav was here*/}



.navbar-header {
        float: none;
    }
    .navbar-left {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }



/*
 * Style tweaks
 * --------------------------------------------------
 */

body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -70%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 70%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 70% !important; /* 6 columns */
  }
}

.navbar-fixed-top {
	z-index: 1250;
}


.truncate {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	max-width:1px;
}

/* ------ Projects Area --------- */

#projects-table .prj-truncate {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#projects-table {
border-spacing: 4px !important;
	border-collapse: separate;
}

#projects-table .rowlink tr{
	transition: background-color 0.5s ease;
}

#projects-table .rowlink tr:hover td
{
	background-color: #dcd9d9;
}

#projects-table th {
	font-size:12px;
	padding:0px 0px 5px 0px;

}

#projects-table.table > tbody > tr > td
{
	border-top:0;
}

#projects-table.table > thead > tr > th {
	border-bottom:0px;
}


#projects-table-container {
	height: calc(100vh - 230px);
}


/* chart colors */

.prj-complete { background-color: #01c775 !important; color:#fff; text-align: center;  transition: background-color 0.5s ease;}
.prj-complete:hover {
	background-color: #01a05e;
}

.prj-none { background-color: #efefef !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}
.prj-none:hover {
	background-color: #d6d5d5;
}

.prj-upcoming { background-color: #fcab3b !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}
.prj-upcoming:hover {
	background-color: #db9534;
}

.prj-future { background-color: #4c94ff !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}
.prj-future:hover {
	background-color: #4382e0;
}

.prj-urgent { background-color: #e24a61 !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}
.prj-urgent:hover {
	background-color: #c64155;
}

.prj-na { background-color: #808080 !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}
.prj-na:hover {
	background-color: #d6d5d5;
}

.prj-projectcomplete { background-color: #cbcbcb !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}

.prj-projectcanceled { background-color: #cbcbcb !important;; color:#fff; text-align: center; transition: background-color 0.5s ease;}

.prj-projectdeleted { background-color: #cbcbcb; color:#fff; text-align: center; transition: background-color 0.5s ease;}


.prj-col { background-color: #fff !important; color:#ccc; text-align: center;transition: background-color 0.5s ease;}

/* project status at bottom of workflow checklist */
.prj-status { background-color: #4c94ff !important; color:#fff; text-align: center; }

td.project-action a {
	display:block;
    width:100%;
	color:#fff;
}

td.project-action a:hover, td.project-action a:focus {
	text-decoration: none;
}

 table#projects-table {
    table-layout: fixed;
    word-wrap: break-word;
}

#projects-table th {
width:50px;
text-align: center;
}

#projects-table.table > tbody > tr > td {
padding:2px;
vertical-align: middle;
}

#project-id-th {
	width:75px !important;
}
#projects-table th.active {
	background:#fff;
	border-bottom:1px solid #ddd !important;
}

#project-th,
#project-client-th{
	width:125px !important;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



#project-status-th {
	width:100px !important;

}

#project-update-th {
	width:80px !important;

}


#project-status-progress {
	vertical-align: middle;
}

#project-status-progress .progress {
	margin: 0;
	border-radius: 100px;
	background-color: #c4c7d0;
	background-image: none;
}


#projects-table td {
	background: #efefef;
/*	border:3px solid #fff;*/
	text-align: center;
}

#projects-table .status-active { border-left:5px solid #4c94ff;}
#projects-table .status-onHold { border-left:5px solid #e24a61;}
#projects-table .status-complete { border-left:5px solid #01c775;}
#projects-table .status-canceled { border-left:5px solid #efefef;}


.badge.status-active {background:#4c94ff !important; color:#fff;}
.badge.status-onHold { background:#e24a61 !important; color:#fff;}
.badge.status-complete { background:#01c775 !important; color:#fff;}
.badge.status-canceled { background:#efefef !important;}

.badge.unsubmitted  {
	background:#ffb302 !important;
	color:#fff;
}
.badge.inprocess  {
	background:#2dccff !important;
	color:#fff;
}
.badge.canceled  { 
	background:#888 !important;
	color:#fff;
}
.badge.complete  {
	background:#01c775 !important;
	color:#fff;
}


.status-Preparing {
	background-color:#42325d;
	color:#fff;
}
.status-Sending {
	background-color:#2DCCFF;
	color:#fff;
}
.status-Paused {
	background-color:#FFB302;
	color:#fff;
}
.status-Completed {
	background:#01c775 !important;
	color:#fff;
}
.status-Canceled {
	background:#f44336 !important;
}



#project-action-filters li {
	margin-bottom: 10px;
}


.panel-prj-status.status-active {
	text-align: center;
	font-weight: 600;
	background-color:#4c94ff;
	color:#fff;
}

.panel-prj-status.status-onHold {
	text-align: center;
	font-weight: 600;
	background-color:#e24a61;
	color:#fff;
}

.panel-prj-status.status-complete {
	text-align: center;
	font-weight: 600;
	background-color:#01c775;
	color:#fff;
}

.panel-prj-status.status-canceled {
	text-align: center;
	font-weight: 600;
	background-color:#efefef;
	color:#000;
}





#projects-table th.active {
	border-left:0;
}


ul#projects-sidebar li {
	background-color:#efefef !important;
	text-align: left;
}


ul#projects-sidebar .prj-complete {border-left:5px solid #01c775;}
ul#projects-sidebar .prj-none {border-left:5px solid #ddd;}
ul#projects-sidebar .prj-upcoming {border-left:5px solid #fcab3b;}
ul#projects-sidebar .prj-future {border-left:5px solid #4c94ff;}
ul#projects-sidebar .prj-urgent {border-left:5px solid #e24a61;}
ul#projects-sidebar .prj-na {border-left:5px solid #808080;}
ul#projects-sidebar .prj-projectcomplete {border-left:5px solid #cbcbcb;}
ul#projects-sidebar .prj-projectcanceled {border-left:5px solid #cbcbcb;}
ul#projects-sidebar .prj-projectdeleted {border-left:5px solid #cbcbcb;}


#ProjectEditFrm #general .PromoDashboard-icon {
	margin-left: 8px;
	font-size: 16px;
}
#ProjectEditFrm #general .fa-link.PromoDashboard-icon {
	margin-left: 11px;
}

#ProjectEditFrm #artwork ul#artlist li, #ProjectEditFrm #proofs ul#prooflist li {
    border: 1px solid #ddd;
    padding: 0 8px;
    max-width: 170px;
}

#ProjectEditFrm #artwork ul#artlist li:hover, #ProjectEditFrm #proofs ul#prooflist li:hover {
    border: 1px solid #b30c18;
}

#ProjectEditFrm #proofs ul#prooflist li img {
    margin: 0 auto;
}

#ProjectEditFrm #artwork ul#artlist li .caption, #ProjectEditFrm #proofs ul#prooflist li .caption {
    text-align: center;
	white-space: pre-wrap;      /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap;     /* Opera <7 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	word-wrap: break-word;      /* IE */
}

#ProjectEditFrm #add-history-text, #artworkeditform #artwork-edit-notes, #proofeditform #proof-edit-notes {
	resize: none;
}

.thumbnail#artwork-edit-image-container, .thumbnail#proof-edit-image-container {
	height: calc(100vw - 58px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
	.thumbnail#artwork-edit-image-container, .thumbnail#proof-edit-image-container {
		height: 219px;
	}
}

#products tbody td img {
	margin: 0 auto;
}



/* General Settings */

#automation-list {
	list-style: none;
	padding:0px;
}

#automation-list li {
	padding:10px 10px;
	border-top:1px solid #ddd;
}

#automation-list li:first-child {
	border:0;
}

#automation-list li p {
	float:left;
}

#automation-list li .checkbox {
	float:right;
	margin: 0;
}

#automation-list li::after {
	content: "";
	clear: both;
	display: table;
}

#email-logo {
	height: 150px;
}



/*

Old css

ul#projects-sidebar .prj-done { border-left:5px solid #01c775;}
ul#projects-sidebar .prj-closed { border-left:5px solid #efefef;}
ul#projects-sidebar .prj-incomplete { border-left:5px solid #fcab3b;}
ul#projects-sidebar .prj-deadline { border-left:5px solid #4c94ff;}
ul#projects-sidebar .prj-urgent { border-left:5px solid #e24a61; }*/


/* Sidebar colors */

.table.w-auto td,
.table.w-auto th {
    white-space: nowrap;
    width: 1%;
}



ul#projects-sidebar a {
	display: block;
}

ul#projects-sidebar a:hover,ul#projects-sidebar a:focus {
	color:#000;
	text-decoration: none;
}

ul#projects-sidebar {
	list-style-type: none;
	padding:0px;
}

ul#projects-sidebar li {
	border-left:5px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding:8px;
	margin-bottom:10px;
}

ul#projects-sidebar li:last-child {
	padding:8px;
	margin-bottom:10px;
}


ul#projects-sidebar li span {
	display: block;
	font-size:12px;
	color: #767676;
}

.header-sm {
	font-size:12px;
	text-transform: uppercase;
	color: #767676;
	margin-bottom:10px;
}
.fa-user#add-history-visibletoclient {
	font-size: 20px;
	margin-right: 5px;
}

#projects-activity {
	max-height: 500px;
	min-height: 500px;
	overflow-y: scroll;
	border:1px solid #ddd;
	padding:10px;
	background:#efefef;
}

#projects-activity p {
	margin:0px;
	/*line-height: 8px;*/
	line-height: 1.4;
}

#projects-activity ul {
	list-style-type: none;
	padding:0px;
}

#projects-activity ul li {
	padding:5px 10px 15px 10px;
	margin-bottom: 5px;
	background: #fff;
}

#projects-activity ul li:nth-last-child(-n+2) .dropdown-menu {
	bottom:100% !important; top:auto !important;
}




#projects-activity-list ul li {
	padding:0px 0px;
}

#projects-activity-list li:hover .prj-activity-action {
	display: block;
}



#projects-activity ul li {
	position: relative;
}



#projects-activity ul span {
	display: block;
	font-size:12px;
	color: #767676;

}

#projects-activity ul p span {
	color:black;
	font-size: 14px;
}


#prj-activity-sort {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

#prj-activity-sort h3 {
	margin:0px;
}

#prj-activity-sort .form-control {
	margin:0px;
}

#prj-activity-sort div:last-child {
	flex:auto;
}

#prj-activity-sort div {
	 flex:auto;
	flex-grow: 0;
}



  /* Custom toggle */

.toggle-wrap {
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom:15px;
}
  
.toggle {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 15px;
  }
  
  .toggle-switch {
	display: inline-block;
	background: #ccc;
	border-radius: 16px;
	width: 58px;
	height: 32px;
	position: relative;
	vertical-align: middle;
	transition: background 0.25s;
  }
  .toggle-switch:before, .toggle-switch:after {
	content: "";
  }
  .toggle-switch:before {
	display: block;
	background: #fff;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: left 0.25s;
  }

  .toggle-checkbox:checked + .toggle-switch {
	background: #ac1f2d;
  }
  .toggle-checkbox:checked + .toggle-switch:before {
	left: 30px;
  }
  
  .toggle-checkbox {
	position: absolute;
	visibility: hidden;
  }
  
  .toggle-label {
	margin-left: 5px;
	position: relative;
	top: 2px;
  }


/*  #project-table .progress { margin-top:15px;}*/



/*nav {
	position:fixed;
	z-index:1000;
	top:0;
	bottom:0;
	width:200px;
	bakground-color:#036;
	transform: translate3d(-200px, 0, 0,);
	transition: transform 0.4s ease;
}

.active-nav nav {
	transform: translate3d(0, 0, 0);
}

nav ul {
	list-style:none;
	margin-top:100px;
}

nav ul li a {
	text-decoration:none;
	display: block;
	text-align:center;
	color:#fff;
	padding:10px 0px;
}

.nav-toggle-btn {
	display:block;
	position:absolute;
	left:0px;
	width:40px;
	height:40px;
	background:#666;
}
*/



/* Prevent resizing from breaking it's container */
textarea {
	resize: vertical;
}

/* Clear filter button */
.has-clear {
	position: relative;
}
.has-clear span {
	display: none;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	padding: 3px 6px;
	cursor: pointer;
}


/* Google Translate */
.skiptranslate {
    display:none !important
}




.image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #ddd;
	padding:10px;
}

/* base grid  */
.grid { display: grid; gap: 16px; }

.grid-100 { grid-template-columns: 1fr; }                 /* 1 col */
.grid-50  { grid-template-columns: repeat(2, 1fr); }      /* 2 col */
.grid-33  { grid-template-columns: repeat(3, 1fr); }      /* 3 col */
.grid-25  { grid-template-columns: repeat(4, 1fr); }      /* 4 col */

/* flex equal height */
.grid > .cell { display: flex; flex-direction: column; }

/* span full */
.span-2 { grid-column: span 2; }
.span-3 { grid-column: span 3; }

@media (min-width: 768px) {      /* sm */
  .sm-grid-100 { grid-template-columns: 1fr; }
  .sm-grid-50  { grid-template-columns: repeat(2, 1fr); }
  .sm-grid-33  { grid-template-columns: repeat(3, 1fr); }
  .sm-grid-25  { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 992px) {      /* md */
  .md-grid-100 { grid-template-columns: 1fr; }
  .md-grid-50  { grid-template-columns: repeat(2, 1fr); }
  .md-grid-33  { grid-template-columns: repeat(3, 1fr); }
  .md-grid-25  { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1200px) {     /* lg */
  .lg-grid-100 { grid-template-columns: 1fr; }
  .lg-grid-50  { grid-template-columns: repeat(2, 1fr); }
  .lg-grid-33  { grid-template-columns: repeat(3, 1fr); }
  .lg-grid-25  { grid-template-columns: repeat(4, 1fr); }
}

.grid-controls {
	position: absolute;
	top:10px;
	right:10px;
	z-index: 10;
	list-style-type: none;
}

.grid-controls > li { margin: 0; padding: 0; }


.grid-controls a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.15);
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  transition: background 120ms, border-color 120ms, box-shadow 120ms;
  color: inherit;       
  line-height: 1;
}

.grid-controls a:hover,
.grid-controls a:focus {
  background: #f7f7f7;
  color:#ac1f2d;
  border-color: rgba(0,0,0,0.25);
  outline: none;
}

.centered  { display: flex; align-items: center; justify-content: center; }


.inline-inputs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;       
}
.inline-inputs .form-control {
  width: 180px;
}
.inline-inputs .form-control.flex-1 { flex: 1; min-width: 160px; }
@media (max-width: 480px) {
  .inline-inputs { flex-direction: column; align-items: stretch; }
  .inline-inputs .form-control, .inline-inputs .btn { width: 100%; }
}

.price-highlight {
	background-color: yellow;
}



#generate-image-wrap{
  border:1px solid #ddd;
  border-radius:10px;
  background:#fafafa;
  padding:12px;
  min-height:340px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}


#generate-image-preview{
  display:block;
  max-width:100%;
  height:auto;
  border-radius:8px;
}


.ai-icon {
	background: linear-gradient(45deg, #06b6d4 0%, #3b82f6 35%, #8b5cf6 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	display: inline-block;
	line-height: 1;
}