.main, .content {
	overflow: clip;
}

a.link {
	color:#ac1f2d;
}

a.link:hover {
	color:#c22535;
}


.form-floating > label {
	z-index: 100;
}

.floating-select-label { z-index: 1000; }

p a {
	color:#801823;
}

label.error {
	display:none;
}

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

.form-control.always-disabled.gray-on-edit:disabled,
.form-control.always-disabled.gray-on-edit
{
	background:#efefef;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
  max-height: 25rem !important;
}

.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}


.table td, .table th {
  white-space: normal;
}

.table td.nowrap, .table th.nowrap {
	white-space: nowrap;
}

.table-footer {
	background-color:#1F2937;
	color:#fff;
}

.thead-sm {
	display: none;
}

@media screen and (max-width: 768px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 3px solid #ccc;
      display:block;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      float: left;
      width:100%;
   }
}


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

	table.table.table-collapse thead {
		display: none;
	}

		table.table.table-collapse td {
			width:100%;
			display:block;
			border:0;
		}
		table.table.table-collapse tr {
			width:100%;
			display:block;
			border-top: 1px solid #ddd;
		}

		.thead-sm {
			display: inline-block;
			font-weight:700;
		}
}

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

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

ul.nav-list.whats-new li:before {
	padding-right: 5px;
	/*content: url(../images/bullet-icon.png);*/
	font-family: "Font Awesome 5 Pro";
    content: "\f069";
	font-weight: 300;
position: absolute;
left: 0px;
top: 10px;
color:#ac1f2d;
}


.nav-sub {
	padding:0px;
	list-style: none;
	margin-bottom:20px;
}

.nav-sub li {
	display: inline-block;
	margin-right:10px;
}

.nav-sub li a {
	padding:10px 0px;
}

.nav-sub li a.active {
	border-bottom:2px solid #1F2937;
}

.nav-filter::before {
	font-family: "Font Awesome 5 Pro";
    content: "\f0b0";
	margin-right:10px;
}


.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  flex-wrap: nowrap;
  display: flex;
  -webkit-overflow-scrolling: touch;
}

.nav-tabs .nav-item {
  flex: 0 0 auto; 
}

.nav-tabs .nav-link {
  white-space: nowrap;
}



.upperCase {
	text-transform: uppercase;
}

.show-on-edit {
	display: none;
}

.show-on-edit-inline {
	display: none;
}


.scroll-dist-detail {
	max-height: 130px;
    position: relative;
	overflow: hidden;
}

.scroll-sm {
	height: 100px;
    position: relative;
	overflow: hidden;
}

.card-scroll-list {
	height: 385px;
    position: relative;
	overflow: hidden;
}

.alert-scroll-list {
	max-height: 385px;
    position: relative;
	overflow: hidden;
}

.card-scroll-10 {
	height: 480px;
	position: relative;
	overflow: hidden;
}

.scroll-400 {
	height:400px;overflow-y: auto;border:1px solid #ddd;padding:5px;
}

.card-blue {
	background-color:#3886b8;
}

.card-green {
	background-color:#3cba9f;
}

.card-blue h2, .card-green h2  {
	color:#fff;
}

.card-blue .card-body, .card-blue td, .card-green .card-body, .card-green td {
	color:#fff !important;
}

.card-table-name {
	wdith:300px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-table-cnt {
	width:20% !important; 
}



.card-header {
	border-bottom:0;
	padding-bottom:0px;
	position: relative;
}

.card-header h2 {
	font-size:16px;
}

.card-list .card-body {
	padding-left:15px;
	padding-right:15px;
}

.card-help {
	float:right;
}

.card .table-sm {
	font-size:1rem !important;
}


.sticky-top {
	top:20px;
}

.modal-alert {
	z-index: 2000;
}


.form-title {
	font-size: 18px;
text-transform: uppercase;
color: #636363;
}

.form-flating {
	position: relative;
}

.form-floating i {
	position: absolute;
	top:10px;
	right:10px;
}

.form-group {
	margin-bottom:15px;
}

.position-tr {
	position: absolute;
	top:10px;
	right:15px;
}


#main-logo {
	display: none;
}

.navbar-brand img {
	width:250px;
}

@media (min-width: 992px) {  
 #main-logo {
	display: inline-block;
}
}

#wrap {
	margin-top:30px;
} 

.alert-sm {
	font-size: 12px;
}

.alert-outline {
	border:1px solid #ddd;
}

.alert-outline label {
	margin:0px;
}

.page {
	margin-top:30px;
}

.card-page {
   margin-bottom:40px;
}


@media (max-width: 980px) {
	.modal-dialog.modal-custom {
	  max-width: 95%;
	  margin: 1.75rem auto;
	}
  }

.btn {
	border-radius: 4px !important;
}

.btn-xs {
	padding: 0.2rem 0.5rem;
 	font-size: 0.775rem;
}

.btn-ai:before{
	content: url('../fonts/microchip-ai.svg');
	fill:#000;
	height: 16px;
	width: 16px;
	display: inline-block;
 }

#save-btn {
	padding-left:40px;
	padding-right:40px;
}

.input-group .btn {
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

::-ms-clear {
  display: none;
}


 .icon-circle {
        border-radius: 50%;
        width: 36px;
        height: 36px;
        padding: 10px;
        background: #aa1f2e;
        color: #fff;
        text-align: center;
        font-size: 24px;
	 display: inline-block;
	 line-height: 15px;
	 float: left;
	 margin-right:20px;
      }

.step-descr {
	overflow: hidden;
}

/*.hidden {
	display: none;
}
*/

.has-clear {
	position: relative;
}

.form-clear {
  align-items: center;
  bottom: 8px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 55px;
  width: 24px;
  z-index: 10;
}

.simple-search .form-clear {
	right:10px;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}


.nextPrevBtn {
	background-color:#f2f4f6;
}

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


.card-0 {
	padding:0px;
}

.clear-btn {
	color:#727272;
}

.btn-table-action {
	margin-right:15px;
}

a:hover {
	color:#a91f2e;
}


/* Temp ppai expo pavilions */
.btn-ppai-expo {
	background-color:#7ab94a;
	color:#fff;
}

.btn-ppai-expo:hover,
.btn-ppai-expo:focus {
	background-color:#65a138;
	color:#fff;
}


.expo-card {
	border-left:4px solid #90ca64;
	border-right:0;
	border-top:0;
	border-bottom:0;
}

.product-empty {
	border-left:4px solid #7a7e78;
	border-right:0;
	border-top:0;
	border-bottom:0;
}

.product-selected {
	border-left:4px solid #90ca64;
	border-right:0;
	border-top:0;
	border-bottom:0;
}

#product-pavilion-grid .product-select {
	padding-right:2.2rem;
}

/* End Temp */






fieldset {
	margin-bottom:15px;
}

legend {
	font-size: 18px !important;
	text-transform: uppercase;
	color:#636363;
}

.section-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #636363;
}

.form-control:disabled, .form-control[readonly], .form-select:disabled {
	background:#fff;
	/*background:#f2f3f4;*/
}


.object-100 {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

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

.thead-sm {
	display: none;
}


  .table .nowrap {
	white-space: nowrap;
  }






.single-page {
	background: #fff;
padding: 30px;
}


.tab-pane {
	padding-bottom:20px;
}

#welcome-msg {
	font-size:18px;
	margin-top:20px;
	margin-bottom:10px;
}

.happening-now-tile {
	text-align: center;
}

.happenig-now-cnt{
	font-size: 28px;
	color:#2a77a6;
	font-weight: 600;
}

.happenig-now-header {
	font-size: 12px;
}


#sidebarMenu {
	z-index: 1000;
}

#sticky-header {
	background: rgb(242,244,246);
	padding:10px 0px 5px 0px;
}

#sticky-header.sticky-top {
	top:0;
	z-index: 1000;
}

@media only screen and (max-width: 768px) {
	.sticky-top {
		position: relative;
	}
  }



.product-header {
	padding-top:5px !important;
}

.dropdown-menu {
	z-index: 1040;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection {
	background:#fff !important;
}

.form-floating .select2-container--bootstrap-5 .select2-selection {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
}

.form-floating .select2-container--bootstrap-5 .select2-selection>.select2-selection__rendered {
    margin-top: 0.6rem;
    margin-left: 0.25rem;
}

.icon-only {
	display: none;
}

@media (min-width: 768px) {
  .icon-only {
	display: inline-block;
}
	.nav-tabs i {
		display: none;
	}
}

.resource-type-thumb {
	border:1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:20px;
	width:100px;
	height: 100px;
}


.resource-type-thumb i {
font-size:36px;
}


#profile-health {
	list-style-type: none;
	padding:0px;
}

#profile-health li {
	margin-bottom:15px;
	border-top:1px solid #ddd;
	padding:10px 0px;
	margin:0px;
}

#profile-health li:first-child {
	border-top:0px;
}

#profile-health .todo-list {
	list-style-type: none;
}

#profile-health .todo-list li {
	border:0;
}

#profile-health a, #profile-health a:hover {
	color:#374151
}


#linename-table tbody.sort tr:hover {
	cursor: move;
}

.sortable-placeholder {
	background:#efefef;
}

.ui-sortable-helper {
	background:#fff;
	border:1px solid #ddd;
}


ol.todo-list li.todoAtten i {
	color:#9C1416;
}

ol.todo-list li.todoComplete i {
	color:#3DA628;
}


@media (max-width: 1440px) {
	#adv-tabs .nav-link {
		font-size: 14px;
	}
}

#ProductListFilters {
	padding-left: 0;
	padding-right: 0;
}

#ProductListFilters li {
	padding-left: 10px;
	padding-right: 10px;
}

#ProductListFilters .divider {
	height: 1px;
	margin-top: 6px;
	margin-bottom: 4px;
	background-color: #dddddd;
}


#copyright {
	font-size: 12px;
	position: absolute;
	bottom:10px;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	padding:0px 15px;
}

#copyright-login {
	font-size: 12px;
	position: absolute;
	bottom:10px;
	width:100%;
	padding:0px 15px;
}

.status-detail-btn {
	background: #fff;
	border:0;
	display: block;
}

.status-detail-btn i {
	float:right;
	margin-top:5px;
}

.alert-info-btn {
	background: #fff;
	border:0;
}

.alert-info-btn i {
	float:right;
	margin-top:5px;
}

.alert-info-btn:hover {
	color:#374151;
}

.alert-description:hover {
	color:#374151;
}

/* ul#dash-alerts li:hover */


.alert-description {
	padding-left:1.5em;
}


 .statusComplete .status-detail-btn::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f00c";
	 color:#3DA628;
	 margin-right:10px;
  }

 .statusAtten .status-detail-btn::before {
    font-family: "Font Awesome 5 Pro";
	 font-weight: 900;
	 content: "\f071";
	 color:#D9691D;
	 margin-right:10px;

  }




a.supplier-active {
	background-color: #161d27;
	color:#fff;
}

a.supplier-active:hover {
	background-color: #34445A;
	color:#fff;
}

.liveAd {
	padding:10px 0px;
	background: #3B9A33;
	color:#fff;
}
.inactiveAd {
	padding:10px 0px;
	background:#AA1B1D;
	color:#fff;
}

.status-active {
	color:#3B9A33;
}

.status-inactive {
	color:#AA1B1D;
}

.special-status.Active {
	background-color: #3B9A33;
}

.special-status.Expired {
	background-color: #D9691D;
}

.special-status.Deleted {
	background-color: #AA1B1D;
}

.special-item-Deleted {
	color: #b9b9b9;
}


.special-image-wrap {
	border:1px solid #ddd;
	text-align: center;
	position: relative;
	background-color: #efefef;
}

#special-delete-btn {
	position: absolute;
	z-index: 10;
	top:10px;
	right:10px;
}

.banner-upload-wrap {
	border:1px solid #ddd;
	text-align: center;
	position: relative;
	background-color: #efefef;
	position: relative;
	min-height: 175px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-upload-wrap .btn-img-clear  {
	position: absolute;
	top: 5px;
	right: 5px;
}

.banner-upload-wrap .btn-img-download  {
	position: absolute;
	top: 5px;
	right: 40px;
}

.keyword-upload {
	min-height: 120px;
}




.dropdown-menu.filter-dropdown {
	padding-left:10px;
	padding-right:10px;
	min-width: 16rem;
}

ul#active-filters {
	list-style-type: none;
	padding:0px;
	margin:5px 0px;
}

ul#active-filters li {
	display: inline-block;
	margin-right:5px;
	font-size:14px;
	color:#666;
	background:#fff;
	border-radius: 10px;
	border:solid 1px #ddd;
	padding:0px 10px;
}

ul#active-filters li.no-filter {
	background:none;
	border:0;
}



ul#dash-alerts {
	list-style-type: none;
	padding-left:0px;
}

ul#dash-alerts li {
	border-top:1px solid #efefef;
	padding:10px 0px 10px 0px;
}

ul#dash-alerts li:before {
	padding-right: 5px;
	font-family: "Font Awesome 5 Pro";
    content: "\f0f3";
	font-weight: 300;
color:#ac1f2d;
	float: left;
}

.alert-title {
	display: block;
  overflow: hidden;
}


ul#dash-alerts .fa-times {
	opacity: 0%;
	font-size: 16px;
	margin-left:10px;
}

ul#dash-alerts li:hover .fa-times {
	display: inline-block;
	opacity: 100%;
}

ul#dash-alerts li:hover {
	/* color:#9C1416;*/
}


ul#dash-alerts .clear-alert {
	margin-top:5px;
}

ul#dash-alerts li {
	padding-right:15px;
}


ul#dash-alerts .expand-alert {
	float:right;
}

ul#dash-alerts .expand-alert:hover, ul#dash-alerts .clear-alert:hover {
	color:#9C1416;
}

ul#dash-alerts li:first-child {
	border:0px;
}

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

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


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

ul.dash-list a {
	color:#374151;
}




ul.dash-list li {
	border-top:1px solid #efefef;
	padding:10px 0px 10px 0px;
	margin-bottom:0px;
	color: #374151;
}



ul#order-history-list {
	list-style-type: none;
	padding-left:0px;
}

ul#order-history-list li {
	border-top:1px solid #efefef;
	padding:10px 0px 10px 0px;
	margin-bottom:0px;
	color: #374151;
}

ul#order-history-list li:first-child {
	border-top:0;
}



.order-timestamp {
	display: block;
}


.order-timestamp:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f073";
	margin-right:5px;
	color: #2a77a6;
}


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


.dash-news-list li:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f1ea";
	margin-right:5px;
	color:#2a77a6;
}

.dash-tradeshows-list li:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f073";
	margin-right:5px;	
}




    


.tab-card {
	background:#fff;
	padding:30px;
}

.tab-card-none {
	padding:30px 0px;
}


.tab-content-panel {
	background:#fff;
	padding:30px;
}


#myAdvisor ul {
	list-style-type: none;
	padding:0px;
}

.profile-dropdown i {
	margin-right:5px;
}

.avatar-advisor {
	width:150px;
}

.table-clickable tr:hover {
	cursor: pointer;
}

.fixed-window {
	height: 300px;
	overflow-y: scroll;
	border:1px solid #ddd;
	margin-bottom:20px;
}

.fixed-window-borderless {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom:20px;
}

.fixed-400 {
	height: 400px;
}

.fixed-500 {
	height: 500px;
}

.fixed-600 {
	height: 600px;
}

.fixed-700 {
	height: 700px;
}

.fixed-800 {
	height: 400px;
}

/* Actual sticky header */
.sticky-table  {
  position: relative;
}

table.sticky-table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
}


table.sticky-table th {
  border-bottom: 2px solid #EB9486;
  position: sticky;
  top: 0;
  background-color: #fff;
}

/* Scroll table header */
.sticky-thead  {
	position: relative;
  }
  
  .sticky-thead {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
  }
  
  
  .sticky-thead th {
	position: sticky;
	top: 0;
	background-color: #fff;
  }

  .sticky-thead tr {
  border-bottom: 1px solid #ddd;
  }



#fpfp-run-date .datepicker-cell.focused:not(.selected) {
	background-color: transparent;
}

#fpfp-run-date .datepicker-cell.disabled {
	background: #ddd !important;
	color:#000 !important;
}

#fpfp-run-date .datepicker-cell.today:not(.selected) {
	background-color: #00d1b2 !important;
}

.dp-day {
	position: relative;
}

.dp-price-label {
	position: absolute;
	bottom: -37%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 9px;
}

.datepicker .day.disabled .dp-price-label {
	display: none;
}

.runDatePrice {
	background-color: #0DB430;
	font-weight: 600;
}


.nav-tabs li:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.nav-tabs li:hover:after {
	width: 100%;
	background: #1f2937;
}

.nav-tabs li.disable-hover:hover::after {
  background:none;
}

.nav-tabs .nav-link.disabled {
	color:#D7D7D7;
}


.list-group-item-action {
	position: relative;
}

.list-group-item-action .close-alert {
	position: absolute;
	top:10px;
	right:10px;
	display: none;
}

.list-group-item-action:hover .close-alert {
	display: block;
}

.notification-time {
	color:#5C5C5C;
	font-size: 12px;
	display: inline;
}



/* 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;
}

/* 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);
  }
}




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


#product-last-updated {
	font-size:14px;
	color:#9a9fa7;
	text-align: left;
	padding-left:20px;
}

@media (min-width: 960px) {
	#product-last-updated {
		text-align: right;
		padding-right:20px;
	}
}


.product-list-wrap {
	margin-bottom:80px;
}


#product-status {
	list-style-type: none;
	padding-left:0px;
	margin-top:15px;
}

#product-status li {
	display: inline-block;
}

#product-img-container {
	position: relative;
}

#addProductImg {
	position: absolute;
	top:0px;
	right:0px;
	z-index: 100;
}

.image-tobedeleted img {
	opacity:0.2;
}



.table-product-category th {
	text-align: center;
}

.table-product-category .form-control {
	border-radius: 0;
}

.table.table-product-category td {
	padding-left:2px;
	padding-right:2px;
}



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

.table > :not(:last-child) > :last-child > * {
	border-bottom:1px solid #ddd;	
}


.table-click:hover {
	cursor: pointer;
}


.owl-item .item .img-caption {
	font-size:14px;
}

.owl-item .item .item-inner {
	height: 180px;
}

.owl-item .item img {
	width:150px;
}


.edit-product-actions {
	
}

.paste-product-select {
	display: inline;
	width:200px;
	padding:0.6rem 1rem 0.6rem 1rem
}

.product-edit-description-enhance {
	position: absolute;
	top: -12px;
	right: 40px;
	background-color: white;
	border: 1px solid #E5E7EB;
	border-radius: 6px;
}

.product-edit-description-enhance button {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 2px 9px;
}

.product-cat {
	font-size: 14px;
}

.itemnum {
	font-size:14px;
}

.rowlink:hover {
	cursor: pointer;
}

.rowlink-skip:hover {
	cursor: default !important;
}

.table-footer tr:hover, .table-footer td:hover {
	cursor: default !important;
	color:#fff;
}

.table-hover>tbody>tr.table-footer:hover {
    background-color: ##1F2937; /* Assuming you want the hover color to be white */
	color:#fff;
}

.table-footer:hover, .table-footer td:hover, .table-footer tr:hover {
	color:#fff;
}


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

.product-active {
	color: #1DB838;
}

.product-itemNum {
	font-weight: 600;
}

.product-id {
	display: block;
	font-size:14px;
}

.product-expired {
	color: #C11A1C;
}

.product-unverified {
	color: #ff6600;
}

.product-discontinued {
	color: #777777;
}

#product-table .product-exp {
	display: block;
	font-size:14px;
}

#product-table thead {
	border-bottom:1px solid #ddd;
}

ul.product-table-indicators {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

ul.product-table-indicators li {
	display: inline-block;
}

table td.nowrap {
	white-space: nowrap !important;
}


#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}



#ProdListForm:last-child {
	border:0;
}


.product-list-table {
	vertical-align: middle;
}

.product-list-table td {
	white-space: normal;
}

.product-block {
	padding:20px 0px;
	border-bottom:1px solid #ddd;
}


.product-thumb {
	max-height: 250px;
}


.product-block:hover {
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	color:#000;
}

.product-block a {
	color:#000;
}

.product-block a:hover {
	color:#000;
}



.product-block .title {
	font-weight:600;
}

.product-block .account {
	font-size:14px;
	color:#454545;
}

.product-block p {
	margin-bottom:0px;
}

.product-block p.description {
	margin-top:10px;
}

.form-floating-group input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.product-list-actions {
height: 100%;
}

.product-list-actions input {
	
}

#sage-connect-msg {
	margin-top:4ch;
	padding:0px
}


.stat-cnt {
	font-size: 18px;
}

.badge-blue {
	background-color:#01cdca;
}

.badge-purple {
	background-color: #8e5ea2;
}

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

.product-list-actions ul.stats-list li {
	display: inline-block;
	padding:15px;
	text-align: center;
	font-size:14px;
	text-transform: uppercase;
	color:#777777;
}

.product-list-actions ul.stats-list li span {
	display: block;
	font-size:20px;
	color:#000;
	font-weight: 700;
	margin-bottom:10px;
	line-height: 0px;
}



.product-list-actions i {
	width:25px;
}

.input-group-border .form-control, .input-group-border .form-select {
	border-radius: 0;
}

.form-control.border-radius-left-5, .form-select.border-radius-left-5   {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.form-control.border-radius-right-5, .form-select.border-radius-right-5   {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}


.input-group .form-floating .form-control {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.input-group-text {
	background-color:#efefef;
}

.form-control,
.form-control:focus,
.form-select,
.form-select:focus
{
	color:#000;
}



/**** tradeshow tab *****/

#tradeshow-details {
	padding:20px;
}

#tradeshow-details .show-name {
	font-weight: 700;
}

#distributor-search-form.sticky-top {
	background:#F2F4F6;
	top:0;
	padding:15px 0px;
}





ul#dist-search-results {
	list-style-type: none;
	padding:0px 2px;

}

ul#dist-search-results li a {
	text-decoration: none;
	color:#000;
	display: block;
	background:#fff;
	margin-bottom:10px;
	padding:10px 20px 10px 20px;
	border-radius: 5px;
}


ul#dist-search-results li a:hover {
	background:#f4f2f2;
}

ul#dist-search-results li h4 {
	color:#2a77a6;
	font-size: 18px;
}

ul#dist-search-results li p {
	margin-bottom:0px;
}


ol.dist-search-results-info {
	list-style-type: none;
	padding:0px;
}

ol.dist-search-results-info li {
	display: inline-block;
	margin-right: 10px;
}

ol.dist-search-results-info li i {
	color:#1f2937;
}


/* ----- Ads / Global ---------- */

.accordion-button::after {
    background-image: none;
    content: '\f078';
    font-family: "Font Awesome 5 Pro";
    font-size: 1rem;
    font-weight: 900;
}

.accordion-button:not(.collapsed) {
	background-color:#fff;
	box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
  transform: rotateZ(180deg);
  padding-left:8px;
}

.accordion-item {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:0;
	border-right:0;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
	border-bottom: 0;
}

.adHistoryList {
	list-style-type: none;
	padding:0px;
	margin-bottom:0px;
}

.adHistoryList li {
	display: inline-block;
}

.adHistoryList li.adTimestamp {
	width:150px;
}

.adHistoryList li.adAuthor {
	width:150px;
}

.adHistoryList li.adComment {
	width:400px;
}


.form-control.disabled {
	background-color:#f2f3f4;
}

.fpfp {
	padding:20px;
	border-radius: 4px;
	background-color: #fff;
}

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

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

.fpfp h4 {
	font-size: 20px;
  	font-weight: 500;
	margin-bottom: 10px;
}

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

.fpfp-meta {
	background-color:#1F2937;
	color:#fff;
	font-size:20px;
	margin-bottom:10px;
}

.fpfp-meta p {
	margin:0;
	padding:10px;
}

.section-feature {
	background:#efefef;
	padding:20px 0px;
}


ul.fpfp-link-list {
	padding:0px;
	list-style: none;
}

ul.fpfp-link-list li:before{
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f138";
	color:#ac1f2d;
	display: inline-block;
	margin-right:5px;

}

.srfp-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.srfp-preview {
	width:253px;
	height: 290px;
	position: relative;
	border:3px solid #ddd;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	padding: 35px 15px 15px 15px;

}

.srfp-preview .title {
	margin-top:5px;
	font-size: 12px;
}


.srfp-preview img {
	width: 150px;
	height: 150px;
	object-fit: contain;
	display:inline-block
  }





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

  .keyword-preview {
	color: #333;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  width: 170px;
  position: relative;
  padding: 5px 10px 10px 10px;
  }

  .keyword-preview .title {
	font-weight: 400;
  margin: 0px;
  font-size: 12px;
	word-break: break-word;
  }

	#keyword-preview-title {
		position: absolute;
		top: -1px;
		left: 5px;
		transform: translateY(-50%);
		font-size: 9pt;
		padding: 0 3px;
		background-color: #fff;
	}

	#keyword-preview-title:empty {
		display: none;
	}

	#keyword-keywords, #keyword-body {
		resize: none;
		height: auto;
	}

	#fpfp-tagline {
		word-break: break-word;
	}


  .dist-preview {
	padding:20px;
	background-color: #fff;
	text-align: center;
	height: 100%;
  }

  .dist-preview .title {
	font-weight: 700;
  }

  .dist-preview p {
	margin-bottom:5px;
  }


/* ----- Stats ---------- */


.card-header .chartStatsTotal {
	color: #868686;
	size:12px !important;
}

#live-container {
	display: flex;
	align-items: center;
	float:left;
	margin-top:3px;
}

#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);
	}
}


/*.stats-product-table thead {
	background:#1F2937;
	color:#fff;
}*/

.adPostitive {
	color:#33a618;
}

.adNegative {
	color: #AF0E11;
}



#ratings legend#ratings-main {
	text-align: center;
}

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

.comp-rating.comp-rating-large {
	width:50px;
	height: 50px;
	line-height: 47px;
}

.comp-rating.comp-rating-xl {
	width:75px;
	height: 75px;
	line-height: 75px;
	font-size: 36px;
}

#ratings tr.accordion-collapse {
	background-color: #f3f3f4;
}

.table-center {
	text-align: center;
}

.stats-product-table {
white-space: normal !important;
}
.stats-product-table td, .stats-product-table th {
	vertical-align: middle;
	white-space: normal !important;
	
}


.list-stats {
	padding:0px;
	list-style-type: none;
}

.list-stats li {
	padding:5px 20px;
	/* border-top:1px solid #ddd; */
}

.list-stats li:first-child {
	border:0;
}

.rate {
	color: #E5B81C;
}

.unrated {
	color:#efefef;
}

/*-----------------------
	community
------------------------*/

.img-circle {
  border-radius: 50%;
}


#remove-group .alert {
	display: none;
}



.post {
	margin-top:20px;
	border:1px solid #efefef;
	font-size: 14px;
}


.post .form-control-static {
	font-size: 11px;
	color:#6B6B6B;
	padding:0px;
}


.post .inner {
	padding:20px;
}

.post .meta {
	overflow:hidden;
}

ul.post-gallery {
	margin-bottom:0px;
}

ul.post-actions {
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 13px;
	
}

ul.post-actions li {
	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;
	height: auto;
}

.comment .avatar {
	float:left;
	width:40px;
	overflow:hidden;
}

	.author .name {
		margin:0px;
		font-weight:bold;
		color:#3b5998;
	}

	.author .company {
		margin:0px;
		font-weight: 400;
		color:#374151;
	}

	.author .company::before {
    content: "|";
    display: inline-block;
    margin-right: 5px;
		color:#ddd;
}

	.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;
		margin-left: 10px;
		color:#3b5998;
	}

.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;
	border-radius: 8px;
	margin:0px;
}

.comment article p {
	padding:8px;
	margin-bottom: 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;
	display: inline;
	
}*/

ul#sidebar-group-list li {
	border-top:1px solid #ddd;
	padding:10px 0px;
}



ul#sidebar-group-list li:first-child {
	border-top:0;
}


ul#sidebar-group-list .fa.fa-check:hover {
	cursor:pointer;
}


ul#sidebar-group-list ul li {
	border:0px;
	display: inline;
	margin-right: 5px;
	font-size:12px;
}



ul#sidebar-group-list .fa.fa-check, ul#sidebar-group-list .fa.fa-plus {
	color:#0DB430;
}


.gp-title {
	font-weight:700;
	margin:0px;
}



/* Ads */

.displayID {
	margin-bottom:5px;
}

.displayStatus {

}

/* Custom margin/padding */
.mbl-1 {
	margin-bottom:10px;
}

@media (min-width: 1194px) {
	.mbl-1 {
		margin-bottom:0px;
	}
}