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

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

#sendEmailModal{

}

input#next_contact{
	max-width:55%;
}
input#last_contact{
	max-width:55%;
}

#sendEmailModal .modal-dialog{
	max-width:1000px;
}

.header {
	display: block;
	min-height: 130px;
	margin: 0;
}

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

.table_load_warning{
	width: 100%;
	border-bottom: 1px solid #cecece;
	margin-bottom: 20px;
}

.table_load_warning_text{
	margin: auto;
	font-weight: bold;
	display: table;
}

.redcell{
	background-color: #FF9800;
	padding: 20px;
	border-radius: 24px;
	font-size: 0.8em;
}

.yellowcell{
	background-color: #FFEB3B;
	padding: 20px;
	border-radius: 24px;
	font-size: 0.8em;
}

.greencell{
	background-color: #CDDC39;
	padding: 20px;
	border-radius: 24px;
	font-size: 0.8em;
}
.import_vendup{
	list-style-type:none;
}
.import_vendup li {
	margin-top:20px;
}

.updated{
	background-color: green;
}

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

#store_locator_header{
	margin:auto;
	width:min-content;
}

p#store_locator_notice {
	font-size: 0.8rem;
}
img#store_locator_img {
	height: auto;
}

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


.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: #3a699e;
    color: #fff;
    transition: 0.2s linear;
    border: 1px solid #3a699e;
}

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

}
.stn-modal-button:hover {
    background: #f4f4f4;
	color:black;
    transition: 0.2s linear;
    border: 2px 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: #3a699e;
	color: #fff;
    font-weight: bold;
    border-width: 1px;
    transition: 0.2s linear;
	border: 1px solid #3a699e;
	min-width: 300px;
}
.large-inverted-stn-button:hover {
	background: #f4f4f4;
    transition: 0.2s linear;
	border: 1px solid;
}

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


td .small-inverted-stn-button:first-child {
	margin-bottom:3px;

}
.small-inverted-stn-button {
    padding: 2px 5px;
    border-radius: 16px;
    background: #3a699e;
	display:block;
	width:100%;
	color: #fff;
    font-weight: bold;
    border-width: 1px;
	font-size:12px;
    transition: 0.2s linear;
	border: 1px solid #3a699e;
	text-align: center;
}

.small-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: #3a699e;
	color: #fff;
    font-weight: bold;
    border-width: 1px;
    transition: 0.2s linear;
	border: 1px solid #3a699e;
}
input.inverted-stn-button:hover {
	background: #f4f4f4;
    transition: 0.2s linear;
	border: 1px solid;
}

.token_title {
	text-align:center;
}
.main-navbar {
	background: #4b86cb; /* Old browsers */
	background: -moz-linear-gradient(top,  #4b86cb 0%, #3a699e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4b86cb 0%,#3a699e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4b86cb 0%,#3a699e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b86cb', endColorstr='#3a699e',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: #3d6da5;
}

.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: #3d6da5;
    color: #fff;
}
.nav-item:hover, .nav-item.active {
    background-image: none;
    background-color: #f4f4f4;
}
.nav-item:hover a, .nav-item.active a {
    color: #3d6da5;
}
.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: #4b86cb;
	background: -moz-linear-gradient(top, #4b86cb 0%, #3a699e 100%);
	background: -webkit-linear-gradient(top, #4b86cb 0%,#3a699e 100%);
	background: linear-gradient(to bottom, #4b86cb 0%,#3a699e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b86cb', endColorstr='#3a699e',GradientType=0 );
	border-radius: 0px 0px 10px 10px;
	margin-bottom:20px;
    text-align: center;
    padding-left: 10px;
}
.center {
	max-width: 90%;
	margin: auto;
	text-align:center;
}
.vendor_submit {
	display:inline-block;
	width:49%;
	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;
}
.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;
}
.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 thead th {

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

.submitbox {
	text-align: center;
}

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

.secondary-edit-block{
	border-radius:6px;
	border: 1px solid #e5ebff;
	background-color: #e5ebff;
	margin:10px;
	padding:20px;
}
.secondary-edit-block h4{
	width:100%;
}

.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: #e5ebff;
}

.edit-menu-button:focus {outline:0;}
.edit-list{
	list-style-type: none;
}
.edit-list > li {
	padding-top:10px;
}

ul #product_min_age, ul #product_max_age{
	list-style-type: none;
	float:left;
	width:650px;
}
#product_min_age li,#product_max_age li{
	float:left;
}

.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;
}

.mf-stn-notes {
	width: 100%;
	height: 250px;
}


.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#email_choices{
	list-style-type: none;
}
ul#report_type{
	list-style-type: none;
}

ul#report_file_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;
}

ul#report_file_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';
}

#ToggleRequestsTableView{
	margin-bottom:25px;
}

#product_requests_grouped_table td.details-control {
	background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
	cursor: pointer;
}
#product_requests_grouped_table tr.shown td.details-control {
	background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}

.req_table_dhs {
	font-weight: bold;
	padding-left: 15px;
}
.grouped_child_table tbody tr{
	background-color:#e0e0e0 !important;
}

#product_list_table_wrapper,
#unmatched_mfg_table_wrapper,
#product_count_table_wrapper,
#images_table_wrapper,
#all_images_table_wrapper,
#product_requests_table_wrapper,
#token_table_wrapper .row div {
    position: relative;
}

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: #017bff;
    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.prod-ignore-image{
	background-color: lightgrey;
}

.prod-image{
	border: 1px solid black;
	border-radius: 5px;
	padding:5px;
	background: #fff;
	min-width: 200px;
    text-align: center;
	margin:1%;
	width:23%;
}
.prod-image img {
    max-width: 100%;
    max-height: 200px;
    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: #3a699e;
	color: #fff;
    font-weight: bold;
    border-width: 1px;
    transition: 0.2s linear;
	border: 1px solid #3a699e;
}
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: 93px;
}

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

#product_min_age label,#product_max_age label{
	min-width: 28px;
}
#category_id {
	list-style-type: none;
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
	max-width:675px;
}

.age-range-wrapper{
	max-width: 675px;
}

.age-range-header{
    width: 100%;
}

.edit-confirm-buttons {
    float: right;
}

.edit-admin-buttons{
	float:left;
}
.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;
}
.landing-row {
	display:inline-flex;
	width: 100%;
}
.user-landing-list{
	list-style-type: none;
	text-align: left;
	width: fit-content;
}
/************Tooltip Test CSS************/
.stn-tooltip {
  position: relative;
  display: inline-block;
}
.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;
}
.subnav-menu-header{
	color:black;
	font-weight: 500;
}

.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;
}

.compare_other_left{
	text-align:right;
}

.compare_other_center{
	color:grey;
	text-align:center;
}
.compare_other_right{
	text-align: left;
}

.compare_input_cell input {
  visibility:hidden;
}



.compare_input_selected{
	background-color: green;
}


#storeCompareModal .modal-dialog{
	width:90%;
	max-width:unset;
}

.compare_table_row td{
	max-width:40%;
	width:40%;
}

td.compare_input_cell{
	max-width: 10% !important;
	width:10% !important;
	border:1px solid grey;
}

.compare_table_row{
	min-height:50px;
	height:50px;
}

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

.compare_prod_outer{
	width:50%;
}

.compare_img_wrapper{
	margin-right: 10px;
	margin-bottom: 10px;
}

.compare_selimg_wrapper{
	margin-right: 10px;
	margin-bottom: 10px;
}

.compare_prod_images{
	display:block;
	width:100%;
	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;
}
.compare_details_label{
	font-weight: bold;
}

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

.prod-ignore-icon{
	opacity:1;
	width:100%;
	cursor: pointer;
	margin-bottom: 6px;
}
.prod-ignore-icon span{
	color:red;
	text-align: center;
	cursor: pointer;
}

.comp_image_box{
	height:180px;
	width:180px;
	max-height:180px;
	max-width:180px;
	min-width:180px;
	min-height:180px;
	border:1px solid;
	border-radius: 5px;
	margin:5px;
}

.comp_image_box img{
	max-height:83%;
	max-width:83%;
	display: block;
	margin: auto;
}

.comp_image_main{
	background-color: lightgreen;
	border-color: lightgreen
}

.comp_image_ignore{
	background-color: lightgrey;
}

.compare_prod_image_sub{
	list-style-type: none;
	display:flex;
	width:100%;
	flex-wrap: wrap;
}
ul#stn_image{
	list-style-type: none;
	display:flex;
	width:100%;
	flex-wrap: wrap;
}
ul#store_image{
	list-style-type: none;
	display:flex;
	width:100%;
	flex-wrap: wrap;
}

#compare_sel_images ul{
	list-style-type: none;
	display:flex;
	width:100%;
	flex-wrap: wrap;
}

.sel_image_box{
	height:180px;
	width:180px;
	max-height:180px;
	max-width:180px;
	min-width:180px;
	min-height:180px;
	border:1px solid;
	border-radius: 5px;
	margin:5px;
}

.sel_image_box img{
	max-height:83%;
	max-width:83%;
	display: block;
	margin: auto;
}

/********** Custom Fuzzy Search CSS *********/
#vend_man_matchup_table_filter .fuzzyToolTip{
	width:80% !important;
}

/********** 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;
	}
	.vendor_filter .vendor_submit {
	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,
	.edit-admin-buttons,
	.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%;
	}
	.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%;
	}
	.vendor_filter .inverted-stn-button {
		float:unset;
	}
}