@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

#vendor_view_toggle{
	outline: none;
	border: none;
	border-radius: 5px;
	background: none;
	color: blue;
	text-decoration: underline;
}

#vendor_view_toggle:hover{
	background-color: #d0d0d7;
}

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

.vendor_view_section_header{
	font-size:18px;
	font-weight:bold;
	width:100%;
}

.outofsync-store-list li span{
	font-weight:bold;
	width:300px;
	display:inline-block;
	text-align: left;
}
.outofsync-store-list li{
	padding-left: 15px;
}
.outofsync-store-list{
	list-style-type: none;
}

/* Overwrite the carousel CSS to make pointers/etc black */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  outline: black;
  background-size: 100%, 100%;

  background-image: none;
}

.hidehelp {
	display:None;
}

.orange-back{
	background-color: rgba(255, 125,0 , 0.8) !important;
}
.red-back{
	background-color: rgba(255, 0, 0, 0.8) !important;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

td a.edit-store-button.stn-button {
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px 0px;
}

.store-list{
	width: 50%;
	margin:auto;
}

.store-notes {
	width: 40%;
	height: 250px;
}

#stn_partners_list{
	list-style-type: none;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}
#stn_partners_list li{
	margin-right: 30px;
	break-inside: avoid;
}
#stn_partners_list li ul li{
	white-space: nowrap;
}

#stn_partners_link_list{
	list-style-type: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height:96px;
	width:50%;

}
#stn_partners_link_list li{
	margin-right: 30px;
}


.stn_partners_lheader{
	font-weight: bold;
	font-size: 40px;
	border-bottom: 1px solid grey;
	width:200px;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
}

.carousel-indicators li{
    background-color: grey;
}
.carousel-indicators .active{
    background-color: black;
}

div#vendorcarousel {
    height: 300px;
}

body{
	background-color: #fff;
	background: url(/static/images/bg-top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
}

body.shopify{
	background-image:none;
}

.container {
	width: 100%;
	max-width: unset;
}
.header {
	display: block;
	min-height: 130px;
	margin: 0;
}

.index-info-wrapper {
	display: flex;
	width: 100%;
	margin-top: 25px;
}
.index-info-wrapper-item {
	display:inline-grid;
	width:40%;
	padding-bottom:20px;
}

.manual_matchup_button, .compare_button{
	font-size:12px;
}

.basic-chart-wrapper{
	max-width: 40%;
}

.configopts_displaylist{
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height:48px;
	width:200px;
}

.configopts_displaylist li{
	margin-right: 30px;
}


.configopts_modallist{
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height:100px;
	width:200px;
}
.configopts_modallist li{
	margin-right: 30px;
}

.configopts_modallist li label{
	padding-left: 5px;
}

#storeConfigModal .modal-dialog{
	max-width:50%;
}



#maxImageModal {
	max-width: 450px;
	margin: auto;
	top: 44%;
	left: 25%;
}


@media(max-width:1600px){
	.configopts_displaylist{
		height:72px;
		width:150px;
		margin-right:unset;
		margin:unset;
		padding-right:unset;
		padding:unset;
	}
	.configopts_modallist li{
		padding-right: 10px;
	}
	.config_table_rowname{
		width:120px;
		max-width:120px;
	}
}

@media(max-width:1200px){
	.configopts_displaylist {
		height: 100px;
		width:300px;
	}

	.config_table_rowname{
		width:100px;
		max-width:100px;
	}
	
	.configopts_modallist{
		height:150px;
	}
	#storeConfigModal .modal-dialog{
		max-width:75%;
	}
}

#compare_modal_body {
	display:inline-flex;
	font-size: 12px;
}

.compare_prod_outer{
	width:50%;
}

.compare_img_wrapper{
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 279px;
	height: 150px;
}
div#stn_image_main img {
	max-height: 154px;
	max-width: 264px;
	height: auto;
}

.compare_prod_images{
	display:inline-flex;
	width:fit-content;
	padding-right: 10px;
}
.compare_prod_details{
	width:100%;
	padding-right: 30px;
}

.compare_prod_name{
	min-height:30px;
	font-weight:bold;
}

.compare_prod_sdesc{
	min-height:70px;
}

.compare_prod_fdesc{
	min-height:110px;
}

.compare_prod_dimensions{
	min-height:20px;
}

.compare_prod_weight{
	min-height:20px;
}


.compare_prod_ages{
	min-height:20px;
}

.compare_prod_video{
	min-height:20px;
}

.compare_prod_safety{
	min-height:20px;
}

#storeselactions{
	margin:20px;
}

#add_vendor_lut_form li{
	display: flex;
	margin:5px;
}
#add_vendor_lut_form li label{
	margin-right:10px;
}
#vendname_store_text{
	padding:2px;
	background-color: lightgrey;
}
#vendname_stn{
	width:350px;
}
.modal-dialog {
	max-width: 1100px;
}

.import_vendup{
	list-style-type:none;
}
.import_vendup li {
	margin-top:20px;
}

.updated{
	background-color: green;
}

.lead-row{
	background-color: lightblue;
}

#update_share_link {
	background-color: #fffde9;
	padding: 10px;
}

#logo {
	max-width: 315px;
	width: 100%;
	display: block;
	padding-top: 24px;
	float: left;
}
.partner_logo_img_wrapper #logo_image {
	border: 1px solid #bbb;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;
	max-width: 268px;
	width: 100%;
}
#product_image_upload{
	border: 1px solid black;
	border-radius: 5px;
	padding: 5px;
	background: #fff;
	min-width: 200px;
	height: 220px;
	text-align: center;
	margin: 1%;
	width: 98%;
	position: relative;
	background-image: url(/static/images/upload-new.png);
	background-repeat: no-repeat;
	background-position: center 30px;
}
#product_image_upload label {
	margin: 0px auto;
}
input#img-new_product_images {
	position: absolute;
	width: 95%;
	height: 205px;
	opacity: 0;
}
.prod_list_thumb{
	vertical-align: middle;
	border-style: none;
	max-width: 100px;
	max-height: 100px;
	height: unset;
}
.login-button {
	float: right;
	margin-top: 55px;
	text-align: center;
}

.login-button-username {
	padding-bottom: 5px;
}
.login-button-alert {
	padding-bottom: 3px;
	color:red;
}

.change-button {
	float: right;
	margin-top: 80px;
	margin-right:10px;
	text-align: center;
}
a {
    color: #437424;
}
.login_error_wrapper {
	max-width: 30%;
	margin: auto;
}

.login_error{
	min-width: fit-content;
	width: 100%;
	border: 2px solid black;
	background-color: #f14141;
	border-radius: 5px;
	padding:5px;
	font-weight: bold;
}

.stn-button {
	padding: 5px 40px;
	border-radius: 16px;
	background: #f4f4f4;
	font-weight: bold;
	border-width: 1px;
	transition: 0.2s linear;
	border: 1px solid;
	min-width: 110px;
	white-space: nowrap;
}
.stn-button:hover {
	background: #437424;
	color: #fff;
	transition: 0.2s linear;
	border: 1px solid #437424;
}

.stn-modal-button {
	padding: 5px 10px;
	border-radius: 10px;
	background: #437424;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	transition: 0.2s linear;
	border: 1px solid #437424;

}
.stn-modal-button:hover {
	background: #f4f4f4;
	color:black;
	transition: 0.2s linear;
	border: 1px solid black;
}

td .stn-button {
	padding: 2px 10px;
}
td a.edit-user.stn-button {
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px 0px;
}
.large-inverted-stn-button {
	padding: 20px;
	border-radius: 16px;
	background: #437424;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	transition: 0.2s linear;
	border: 1px solid #437424;
	min-width: 300px;
}
.large-inverted-stn-button:hover {
	background: #f4f4f4;
	color: #437424;
	transition: 0.2s linear;
	border: 1px solid;
}

.inverted-stn-button {
	padding: 5px 40px;
	border-radius: 16px;
	background: #437424;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	transition: 0.2s linear;
	border: 1px solid #437424;
}
.inverted-stn-button:hover {
	background: #f4f4f4;
	transition: 0.2s linear;
	border: 1px solid;
}
button.inverted-stn-button:hover {
	border-color:#007bff;
	color:#007bff;
}

input.inverted-stn-button {
	padding: 5px 40px;
	border-radius: 16px;
	background: #437424;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	transition: 0.2s linear;
	border: 1px solid #437424;
}
input.inverted-stn-button:hover {
	background: #f4f4f4;
	transition: 0.2s linear;
	border: 1px solid;
}

.token_title {
	text-align:center;
}
.main-navbar {
	background: #427324; /* Old browsers */
	background: -moz-linear-gradient(top,  #66a541 0%,#427324 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #66a541 0%,#427324 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #66a541 0%,#427324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a541', endColorstr='#427324',GradientType=0 ); /* IE6-9 */
	border-radius: 10px 10px 0px 0px;
	padding:0px 10px;
	min-height: 50px;
}
.sub-navbar {
	background: #e0e0e0; /* Old browsers */
	padding: 5px 10px;
	min-height: 50px;
}
.subnav-item {
	padding-top: 5px;
	padding-bottom: 5px;
}
.subnav-item .nav-link{
	color:black;
}
.subnav-brand {
	color: black;
	font-weight: bold;
	font-size:20px;
	padding-right: 10px;

}

.subnav-item:hover, .subnav-item.active {
   background-image: none;
   background-color: #f4f4f4;
}
.subnav-item:hover a, .subnav-item.active a {
   color: #437424;
}

.navbar-nav .nav-item .nav-link {
	padding: 13px;
}
@media (min-width: 992px) {
	.navbar-nav li:hover>.dropdown-menu {
		display:block;
	}
	.dropdown-menu.show {
		display: none;
	}
}
.navbar-nav .dropdown>.dropdown-menu {
	margin-top: 0px;
	margin-left: -1px;
	border-radius: 0px 0px 10px 10px;
	border-color:#3a699f;
	border-top: 0px solid transparent;
	background: #f4f4f4;
	padding-top:0px;
}

.navbar-nav a {
	color:#fff;
	font-weight:bold;
}
.navbar .dropdown-menu a {
	color:#4073ad;
	font-weight:normal;
}
 .nav-item .dropdown-item:focus, .nav-item .dropdown-item:hover {
	background-color: #437424;
	color: #fff;
}
.nav-item:hover, .nav-item.active {
	background-image: none;
	background-color: #f4f4f4;
}
.nav-item:hover a, .nav-item.active a {
	color: #437424;
}
.content-wrap {
	padding: 15px;
	background: #f4f4f4;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	min-height:50vh;
}
.footer {
	display: block;
	width: 100%;
	height: 50px;
	background: #427324; /* Old browsers */
	background: -moz-linear-gradient(top,  #66a541 0%,#427324 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #66a541 0%,#427324 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #66a541 0%,#427324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a541', endColorstr='#427324',GradientType=0 ); /* IE6-9 */
	border-radius: 0px 0px 10px 10px;
	margin-bottom:20px;
	text-align: center;
	padding-left: 10px;
}
.center {
	max-width: 90%;
	margin: auto;
	text-align:center;
}
.center95 {
	max-width: 95%;
	margin: auto;
	text-align:center;
}

.vendor_submit {
	display:inline-block;
	width:49%;
	padding-bottom:20px;
}
.store_product_filter_item {
	display:inline-grid;
	width:30%;
	padding-bottom:20px;
}

.store_product_filter_help {
	display:inline-grid;
	width:69%;
	padding-bottom:20px;
}



#vendors, #vendors-count {
	width: 70%;
	max-width:300px;
}
.vendor-pretitle, .vendor_filter > .vendor-title {
	float: left;
	margin-right: 10px;
}
.vendor_filter .inverted-stn-button {
	float:right;
}
.vendor_filter {
	display: block;
	width: 100%;
	min-height: 120px;
	border-bottom: 1px solid #cecece;
	margin-bottom: 20px;
}

.store_product_filter .inverted-stn-button {
	float:right;
}
.store_product_filter {
	display: block;
	width: 100%;
	min-height: 120px;
	margin-bottom: 20px;
}

.edit_status_wrapper {
	max-width: 30%;
	margin: auto;
}
.edit_status{
	min-width: fit-content;
	width:100%;
	border: 2px solid black;
	background-color: lightgreen;
	border-radius: 5px;
	padding:5px;
	font-weight: bold;
	text-align:center;
}
.catalog_notif{
	min-width: fit-content;
	width:100%;
	text-align:left;
}
.alert_status_wrapper {
	max-width: 30%;
	margin: auto;
}
.alert_status{
	min-width: fit-content;
	width:100%;
	border: 2px solid black;
	background-color: lightgreen;
	border-radius: 5px;
	padding:5px;
	font-weight: bold;
	text-align:center;
}


.edit-error{
	font-size:14px;
	color:red;
}

.edit-error-list{
	font-weight: bold;
	list-style: none;
}
table.dataTable tbody tr.even {
	background-color: #eaeaea;
}
table.dataTable thead tr th {
	white-space: nowrap;
	max-height:70px;
}

table.dataTable tfoot tr th {
	white-space: nowrap;
	max-height:70px;
}


table.dataTable td img {
	margin: auto;
	display: block;
}

.submitbox {
	text-align: center;
}

.edit-form{
	font-size: 12px;
}

.edit-info, .edit-additional-info, .edit-safety, .edit-media,
.edit-author, .edit-admin-info, .edit-admin-contact{
	background-color: #f5ffef;
	border-radius: 6px;
	padding: 10px;

}

.edit-menu-button {
	border: none;
	font-size:14px;
	font-weight: bold;
	display: inline-block;
	padding: 10px;
	width: fit-content;
	margin-right: 4px;
	border-radius: 6px 6px 0px 0px;
}
.edit-active {
	background-color: #f5ffef;
}

.edit-menu-button:focus {outline:0;}
.edit-list{
	list-style-type: none;
}
.edit-list > li {
	padding-top:10px;
}
.view-list{
	list-style-type: none;
}
.store_vend_stn_link{
	color: #437424;
	border: None;
	background: unset;
}
.store_stnsku_link {
	color: #437424;
	border: None;
	background: unset;
}

.store_stnsku_draft::before {
	content:"The vendor has this product in draft mode. It is currently unable to be pushed to the site.";
}

ul #product_age{
	list-style-type: none;
	float:left;
}
#product_age li{
	float:left;
	margin-right: 5%;
}

.prod-dims{
	width:100%;
}

.vend_list ul, ul.prod-dims{
	list-style-type: none;
}

.vend_list ul>li{
	font-size: 12px;
	float:left;
	padding-right:10px;
}

.mf-log-notes {
	width: 100%;
	height: 500px;
}

.manage_data ul{
	list-style-type: none;
	text-align: center;
}

.manage_data ul>li{
	font-size: 12px;
	float:left;
	padding-right:10px;
}
.manage_access ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
	float:right;
}

.manage_access ul>li{
	font-size: 12px;
	display:inline;
	padding-right:10px;
	padding-top:10px;
}
.access-deny{
	background-color: #ff0000b0 !important;
}
.odd.access-deny {
	background-color: #d40000b0 !important;
}
.access-deny td {
	color: #fff;
}
.access-deny td a {
	text-decoration:underline;
	color:#cccccc;
}

.data-access-hide {
	position: absolute;
	opacity: .5;
	width: 97.2%;
	height: 99.4%;
	z-index: 100;
	background-color: white;
}

.partner-header-buttons {
	float:right;
}
.partner-header-buttons button {
	margin-right: 45px;
}
#partner-add {
	margin-bottom: 10px;
}

ul#report_type{
	list-style-type: none;
}
ul.product_report_list {
	list-style-type: none;
}
label.product_report_label {
	display: inherit;
	font-weight: bold;
}

ul.product_report_list>li{
	margin-bottom:10px;
}
ul#report_type >li{
	display: inline;
	padding-right:10px;
}

.report_type_list label {
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
ul #product_fundamental{
	list-style-type: none;
}
#product_fundamental li{
	float:left;
	margin-right: 10px;
}

ul #product_safety{
	list-style-type: none;
}
#product_safety li{
	float:left;
	margin-right:10px;
}

.edit-additional-info, .edit-safety, .edit-media, .edit-author, .edit-admin-contact,
.edit-admin-info{
	display:none;
}

td.products-control {
	content:'Show';
	cursor: pointer;
}
td.products-control::after {
	content:'Show';
}

tr.shown td.products-control::after {
	content:'Hide';
}


#store_product_list_table_wrapper,#store_inventory_list_table_wrapper{
	text-align: left;
	font-size:14px;
}

#store_product_list_table_wrapper,#store_inventory_list_table_wrapper,
#token_table_wrapper .row div {
	position: relative;
}

#store_product_list_table,#store_inventory_list_table{
	white-space: nowrap;
}

#input_header_row {
	font-size: 12px;
}

.buttonTopExtend{
	margin-left: 30px;
}
.buttonBot{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: -5px !important;
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled){
	background: -webkit-linear-gradient(top, #59e9e7 0%, #59e9e7 100%) !important;
	background: -moz-linear-gradient(top, #59e9e7 0%, #59e9e7 100%) !important;
	background: -o-linear-gradient(top, #59e9e7 0%, #59e9e7 100%) !important;
	background: linear-gradient(to bottom, #59e9e7 0%, #59e9e7 100%) !important;
	background-color: #59e9e7 !important;
}


div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
/*    position: absolute; */
	right: 0px;
	top: 0px;
}
/* .main-content .dataTable { */
.main-content table {
	background-color:#fff;
}
/* .dataTable th { */
table th {
	line-height: 2.5em;
	padding: 0px 10px;
	background-color: #6b757d;
	color: #fff;
}
tr.odd {
	background-color: #fff;
}
tr.even {
	background-color: #f7f7f7;
}

tr.import_table_subhead {
	background-color: #ccc;
}
.import-table th {
	width: 25%;
}
.import-table td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
tr.dtrg-group td {
	line-height: 2em;
	padding: 0px 10px;
}
th:before, th:after {
	top: 0px;
}
.sorting_1 {
	padding-left: 15px;
}
.btn-secondary {
	color: #437424;
	background-color: #ffffff;
	border-color: #dee2e6;
	padding-left: 25px;
	padding-right: 25px;
}
table {
	width: 100%;
}
td {
	padding: 4px 5px;
}
button.navbar-toggler {
	color: #FFF;
	text-align: center;
	width: 100%;
	min-height:50px;
}
input, select {
	max-width: 100%;
}

.footer .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
	margin: auto;
	width: fit-content;
}
.copyright {
	text-align: center;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	padding: 0px 10px;
}
.title{
	display: block;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom:20px;
	border-bottom: 1px solid #cecece;

}

.title h1{
	width:75%;

	display: inline-block;
}
.title button{
	width:25;
	display: inline-block;
}

.report_table_desc_wrapper {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom:20px;
	border-bottom: 1px solid #cecece;
}
.report_table_desc_header {
	text-align: right;
}
.report_table_desc {
	display: None;
}
#reportModal .modal-dialog{
	max-width: 1140px;
	width:90%;
}
.edit-desc{
	list-style-type: none;
}
.s-wrapper{
	margin-left: 10px;
}
.prod-images-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.prod-thumb-input{
	display: none;
}
.prod-thumb-remove{
	opacity:1;
	width:100%;
	height:12px;

}
.prod-thumb-remove i{
	float:right;
	margin-bottom: 6px;
	color:red;
}

#contact_form ul, #invite_form ul, #update_form ul {
	list-style: none;
}
#updateModal .modal-dialog{
	max-width: 550px;
	width: 100%;
}

#image_form.loading_images{
	position: relative;
}

#image_form.loading_images:before {
	content: 'Updating images. One moment please...';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	padding-top: 60px;
	font-size: 30px;
	text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
}

.prod-image.prod-main-image{
	background-color: lightgreen;
}

.prod-image:hover{
	cursor:pointer;
}

.prod-image{
	border: 1px solid black;
	border-radius: 5px;
	padding:5px;
	background: #fff;
	min-width: 100px;
	text-align: center;
	margin:0% 2% 2% 0%;
	width:23%;
	max-height: 127px;
}
.prod-image img {
	max-width: 100%;
	max-height: 100px;
	height: unset;
}

#stn_product_images{
	width:90%;
	padding:1rem;
}

#stn_product_main_image{
	max-width:90%;
	padding:1rem;
}
#stn_product_main_image img {
	max-width: 100%;
	max-height: 400px;
	height: unset;
}

h4.vendor-subtitle {
	margin-left: 15px;
	float:left;
}

h4.subtitle {
	font-size: 1.50em;
	float:left;
}
input.edit-confirm {
	padding: 5px 40px;
	border-radius: 16px;
	background: #437424;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	transition: 0.2s linear;
	border: 1px solid #437424;
}
input.edit-confirm:hover {
	background: #f4f4f4;
	transition: 0.2s linear;
	border: 1px solid;
	color:#000;
}
.edit-form label{
	font-weight: bold;
	min-width: 100px;
}

.edit-info label{
	min-width: 80px;
}

.edit-author label{
	min-width: 60px;
}

#product_age label{
	min-width: 28px;
}
.edit-confirm-buttons {
	float: right;
}

.edit-form-header {
	width: 100%;
	margin-bottom: 20px;
	display: inline-block;
}
.vendor_submit.full-width {
	width: 100%;
}
.vendor_submit.full-width h4 {
	float: left;
	margin-right: 20px;
}

#after_update_modal_body {
	text-align: center;
	max-width:500px;
	margin:auto;
	padding:1rem 0px;
}
#afterUpdateModal .modal-dialog {
	max-width: 770px;
}

#updateModal .modal-content.loading{
	  position: relative;
}
code#updatemessage {
	color: #000;
	background: #f3f3f3;
	padding: 5px;
}
#after_update_modal_body img {
	max-width: 500px;
	width: 100%;
}
#updateModal .modal-content.loading:before {
	content: 'Saving notification. One moment please...';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	padding-top: 60px;
	font-size: 30px;
	z-index: 1;
	text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
}

.admin-partner-list.loading{
	position: relative;
}

.admin-partner-list.loading:before {
	content: 'Loading Table. One moment please...';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	padding-top: 60px;
	font-size: 30px;
	text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
}


.admin-partner-list tfoot{
	 display: table-header-group;
}

#contact_table_body tr td:first-of-type{
	width:110px;
}

#contact_table_body tr td:first-of-type button{
	margin:10px 10px 10px 5px;
	width:83%;
}

#contact_table_body tr td:first-of-type a{
	margin:10px;
}

.loading-text {
	display: none;
	text-align: center;
}

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

.landing-col{
	max-width: 50%;
}
.landing-col-item{
	display: inline-flex;
	margin-bottom: 10px;
	width:100%;
}
.landing-col-item .large-inverted-stn-button{
	margin:auto;
}
.index-landing-col-item{
	display: inline-flex;
	margin-bottom: 10px;
	margin:5px;
}
.index-landing-col-item .large-inverted-stn-button{
	margin:auto;
}
.landing-row {
	display:inline-flex;
	width: 100%;
}
.user-landing-list{
	list-style-type: none;
	text-align: left;
	width: fit-content;
}
/************Tooltip Test CSS************/

sorting_asc{
	color: #57efe8;
}
sorting_desc{
	color: #57efe8;
}

.stn-tooltip {
  color: #4fb3c3;
  position: relative;
  display: inline-block;
  white-space:normal;;
}
.stn-tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  line-height: 13px;
  font-size: 12px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -60px;
}
.stn-tooltip:hover .stn-tooltiptext:after {
	display: block;
	content: " ";
	position: absolute;
	background-color: #000;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	left: 55px;
	bottom: -5px;
}

.stn-tooltiptext-short {
	width: auto !important;
  }
.stn-tooltiptext-below {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  line-height: 13px;
  font-size: 12px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 90%;
  right: -25px;
  margin-left: -60px;
}
.stn-tooltip:hover .stn-tooltiptext-below:after {
	display: block;
	content: " ";
	position: absolute;
	background-color: #000;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	right: 28px;
	top:-5px;
}

.subnav-menu-header{
	color:black;
	font-weight: 500;
}

.stn-tooltip:hover .stn-tooltiptext-below {
  visibility: visible;
}

.stn-tooltip:hover .stn-tooltiptext {
  visibility: visible;
}
.edit-form ul {
	padding-left:0px;
}
.edit-form .row {
	padding: 5px 15px;
}
.tox-statusbar__branding {
	display: none;
}
.manage_data {
	margin:auto;
	padding:10px;
}
.manage_data li label {
	font-size: 1.2em;
}
small.pass-desc {
	display: block;
	font-size: 70%;
	color: #808080;
}
.sub-navbar .navbar-toggler {
	background-color: #f4f4f4;
}
.page-item.active .page-link {
    background-color: #437424;
    border-color: #437424;
}

#store_man_matchup_table{
	width: 100% !important;
}

.storedisplaylabel {
    display: inline-block;
    width: 110px;
	font-weight: bold;
}
.storedisplayinput {
	border:none;
}
#storedisplaytable {
	width:unset;
}
#storedisplaytable thead tr td {
	width:min-content;
}

.stndisplaylabel {
    display: inline-block;
    width: 110px;
	font-weight: bold;
}
.stndisplayinput {
	border:none;
}
#stndisplaytable {
	width:unset;
}
#stndisplaytable thead tr td {
	width:min-content;
}

#store_man_matchup_table_filter {
	float: left !important;
	margin-right:15px;
}
#store_man_matchup_table_filter label {
	font-weight:bold;
}

#storeCompareModal .modal-dialog{
	width:900px;
}

.compare_details_label{
	font-weight: bold;
}

.compare_desc_label{
	font-weight: bold;
	opacity: 60%;
	display: block;
}

/********** Custom Compare CSS ***********/
@media (max-width:1000px){
	#compare_modal_body {
		display:inline-grid;
		font-size: 12px;
	}
	.compare_prod_outer {
    	width: 100%;
	}
	.compare_prod_dimensions {
    	white-space: unset;
	}

	#storeCompareModal .modal-dialog{
		max-width: 95%;
	}
	.compare_prod_details{
		padding-right: 10px;
	    padding-bottom: 10px;
	}
}

/********* MOBILE-ONLY STYLES **********/
@media (max-width: 768px) {
	body {
		background-image:none;
	}
	.container {
		padding-left:5px;
		padding-right:5px;
	}
	.footer .navbar-nav,
	.partner-list th,
	#partner-access-table th{
		display:none;
	}


	.header .login-button {
		float:unset;
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
		text-align:center;
	}
	.header .change-button {
		float:unset;
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
		text-align:center;
	}

	.vendor_filter .vendor_submit {
	width:100%;
	}
	.store_product_filter .store_product_filter_item {
	width:100%;
	}
	.store_product_filter .store_product_filter_help {
	width:100%;
	}


	.navbar-nav li:hover>.dropdown-menu {
		border:0px solid transparent;
		border-radius:0px;
		margin-left:0px;
	}
	div.dataTables_wrapper div.dataTables_filter {
		text-align: unset;
		position: relative;
		right: unset;
		top: unset;
	}
	textarea,
	.tox.tox-tinymce,
	.edit-menu-button,
	input.edit-confirm,
	#vendors,
	.vendor_filter input#submit,
	.vendor-pretitle,
	#product_list_table,
	.manage_access ul,
	.landing-col .large-inverted-stn-button,
	.edit-confirm-buttons,
	#store_man_matchup_table,
	.vendor_filter .inverted-stn-button {
		width: 100% !important;
	}
	.edit-menu-button,
	input.edit-confirm{
		border-radius: 5px;
		margin-bottom: 5px;
	}
	input.edit-confirm {
		font-size: 1.5em;
	}
	.edit-form label {
		min-width: 90%;
	}
	.edit-form input[type='checkbox'] + label {
		min-width: 100px;
	}
	.edit-safety.row li {
		clear: both;
	}
	.edit-form .col {
		flex-basis: unset;
	}
	.partner-list tr,
	.partner-list td,
	#partner-access-table tr,
	#partner-access-table td {
		float: left;
		display: block;
		width: 100%;
	}
	.partner-list tr {
		padding: 2px 10px 10px 10px;
	}

	.manage_access ul>li {
		display:inline-block;
		width:50%;
	}
	.manage_access label {
		min-width: 50%;
	}
	.index-landing-col-item,
	.landing-row,
	.landing-col,
	.landing-col-item,
	.landing-col .large-inverted-stn-button {
		max-width:unset;
		min-width:unset;
		display:block;
		margin-left:0px;
		margin-right:0px;
	}
	.login_error_wrapper, .edit_status_wrapper {
		max-width: 100%;
	}
	small {
		font-size:100%;
		font-style: italic;
	}
	#updateModal .modal-dialog, #afterUpdateModal .modal-dialog{
		max-width: 100vw;
		width: 70%;
	}

}