@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");

/*******BODY WIDE STYLING*******/

:root {
	--tkg-yellow: #ffcd00;
	--tkg-yellow-80: rgba(255,209,5,0.8);
	--tkg-yellow-50: rgba(255,209,5,0.5);
	--tkg-yellow-20: rgba(255,209,5,0.2);
	--tkg-yellow-10: rgba(255,209,5,0.1);
	--tkg-red: #da291c;
	--tkg-border-shadow: 0 1px 3px 0px #888;
	--tkg-box-shadow: 0 1px 6px 0 RGBA(0, 0, 0, 0.19);
	--tkg-border-radius:  5px;
  	--tkg-content-padding:  20px;
  	--tkg-gray-60: rgba(0,0,0,0.6);
  	--tkg-gray-40: rgba(0,0,0,0.4);
  	--tkg-gray-20: rgba(0,0,0,0.2);
  	--tkg-gray-10: rgba(0,0,0,0.1);
  	--tkg-body-font-color:  rgb(89, 89, 89);
  	--tkg-green: RGB(0, 130, 74);
  	--tkg-gray: RGB(222, 226, 230);
}

a, .logout_btn {
	color:  var(--tkg-red);
	text-decoration: none;
}

.logout_btn {
	border: None;
	background: none;
    font-weight: bold;
    padding: 0;
}

a:hover, .logout_btn:hover {
	text-decoration: underline;
	color: var(--tkg-red);
}

body {
	font-family: Helvetica, Arial, Sans-Serif;
	color: var(--tkg-body-font-color);
	padding-bottom: 63px;
	background-image: url('img/cloud-background.jpg');
	background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: var(--tkg-body-font-color);
}

h1 {
	font-size: 1.75rem;
}

h2 {
	font-size: 1.5rem;
}

.add-margin-bottom {
	margin-bottom: 24px;
}

.left-margin {
	margin-left: 24px;
}

.no-btm-mrgn {
	margin-bottom: 0 !important;
} 

.no-btm-pddg {
	padding-bottom: 0 !important;
}

.padding-left {
	padding-left: 13px;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.625rem);
  padding-left: var(--bs-gutter-x, 0.625rem);
  margin-right: auto;
  margin-left: auto;
}

.outer-container {
	padding: 0 20px;
}

.col-background {
  background-color:  var(--bs-white);
  border-radius: var(--tkg-border-radius);
  box-shadow: var(--tkg-box-shadow);
  padding:  var(--tkg-content-padding);
}

.col-background-no-padding {
  background-color:  var(--bs-white);
  border-radius: var(--tkg-border-radius);
  box-shadow: var(--tkg-box-shadow);
}

.col-background-no-border {
	background-color:  var(--bs-white);
  border-radius: var(--tkg-border-radius);
  padding: var(--tkg-content-padding);
  z-index: 5;
  margin-top: -5px;
}

.no-upper-radius {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.no-lower-radius {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.full-height {
	height: calc(100% - 77px);
}

/*******HEADER STYLING*******/

.header {
	background-color: var(--tkg-yellow);
	padding:  10px;
	border-bottom: 10px solid var(--tkg-red);
	margin-bottom:  20px;
}

.header-items-left, .header-items-right {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.header-items-right {
	justify-content: flex-end;
}

.menu-icon {
	color: var(--tkg-red);
	font-size: 36px;
	background-color: white;
	padding: 10px 11px 8px;
	display: inline-block;
	font-weight: bold;
	border-radius: 5px;
	line-height: 1em;
	margin-right: 10px;
	height: 100%;
}

.menu-descriptor {
	display: inline-block;
	background-color: white;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.5rem;
	line-height: 36px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 11px 8px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid var(--tkg-gray);
	height: 100%;
}

.year {
	display: inline-block;
	background-color: white;
	font-size: 1.125rem;
	font-weight: 500;
	padding: 15px 11px 10px;
	height: 100%;
}

.region {
	display: inline-block;
	background-color: white;
	font-size: 1.125rem;
	font-weight: 500;
	padding: 15px 11px 10px;
	height: 100%;
}

.distributor {
	display: inline-block;
	background-color: white;
	font-size: 1.125rem;
	font-weight: 500;
	padding: 15px 11px 10px;
	height: 100%;
}

.down-arrow {
	display: inline-block;
	background-color: white;
	font-size: 1rem;
	height: 100%;
	font-weight: 500;
	padding: 18px 11px 10px 0;
	margin-left: 0px;
	color: var(--tkg-gray-60);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.sales-rep {
	display: flex;
	flex-direction: column;
	background-color: white;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.5rem;
	line-height: 36px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 11px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid var(--tkg-gray);
}

.welcome {
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1.2rem;
}

.rep-name {
	color: var(--tkg-red);
	text-transform: capitalize;
	line-height: 1.5rem;
}

.down-right {
	padding-left: 11px;
}

.notification-icon {
	display: inline-block;
	font-size: 38px;
	background-color: white;
	padding: 10px 11px 8px;
	font-weight: bold;
	border-radius: 5px;
	line-height: 1em;
	margin-left: 10px;
	position: relative;
	height: 100%;
}

.notification-icon .notification-counter {
	width: 20px;
	height: 20px;
	background-color: var(--tkg-red);
	color: white;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 6px;
}

/*******NOTIFICATIONS BAR STYLING*******/

.viewing-text {
	padding: 20px 20px 0 20px;
}

.viewing-number {
	font-weight: bold;
}

.notification-search {
	margin: 20px 0;
	padding: 0 20px;
}

.notification-search input {
	width:  100%;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid var(--tkg-gray-40);
}

.notification-item {
	border-left: 10px solid var(--tkg-yellow);
	padding: 10px;
	background-color: var(--tkg-yellow-10);
	font-size: 1rem;
	color: var(--tkg-gray-60);
	margin-bottom: 20px;
}

.notification-footer {
	display: flex;
	margin-top: 10px;
}

.notification-footer .mark-read {
	font-size: .75rem;
}

.notification-footer .notification-date {
	font-size: .75rem;
	text-align: right;
	color: var(--tkg-gray-40);
}

.notification-column-footer, .viewing-counter {
	padding: 0 15px 30px 15px;
	font-size: .75rem;
	color: var(--tkg-gray-40);
}

/*******MENU STYLING************/
.menu-container {
	width: 400px;
	height: calc(100vh - 15px);
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: var(--tkg-box-shadow);
}

.menu-header {
	border-bottom: 10px solid var(--tkg-red);
	height: 89px;
	padding-top: 15px;
	text-align: center;
}

.menu-item {
	border-bottom: 2px solid var(--tkg-gray-10);
	padding: 10px 22px 10px 10px;
	font-weight: 400;
	display: flex;
	align-items: center;
}

.menu-item.active {
	font-weight: bold;
}

.left-menu-icon {
	font-size: 22px;
	color: var(--tkg-gray-60);
	display: inline-block;
	width: 20%;
}

.menu-page {
	font-size: 14px;
	color: var(--tkg-gray-60);
	display: inline-block;
	width: 75%;
}

.expand-menu {
	display: block;
	text-align: right;
	color: var(--tkg-gray-40);
	width: 5%;
	font-weight: bold;
}

/*******DASHBOARD STYLING*******/

.dashboard-button {
	font-size: 1rem;
	color: rgba(0,0,0,0.6);
	text-decoration: none;
	border: 1px solid var(--tkg-gray-60);
	line-height: 35px;
	border-radius: 5px;
	width: 100%;
	display: block;
	text-align: center;
}
.dashboard-button:hover {
	color: rgba(0,0,0,0.6);
	text-decoration: none;
}

.sales-labels, .labels {
	padding-top: 5px;
}

.amt {
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.375rem;
	text-align: right;
	margin-bottom: 48px;
	color: var(--tkg-body-font-color);
}

.amt-smaller {
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.375rem;
	text-align: right;
	margin-bottom: 20px;
	color: var(--tkg-body-font-color);
}


.amt-last {
	margin-bottom: 0 !important;
}

.green-txt {
	color: var(--tkg-green);
}

.sales-list {
	padding-left: 20px;
}

.sales-list .row {
	border-bottom: 1px solid var(--tkg-gray);
	padding: 18px 0;
}

.sales-list .row:last-child, .sales-list .row:nth-last-child(2) {
	border-bottom: 0px solid white;
	padding-bottom: 0px;
}

.sales-list .missing-data {
	line-height: 1rem;
}

.sales-list .open-sale {
	text-align: right;
}

.sales-list .sale-status {
	font-size: .625rem;	
	color: white;
	text-align: center;
	padding: 4px 0;
	border-radius: 2px;
}

.sales-list .sale-approved {
	background-color: var(--tkg-green);
}

.sales-list .sale-denied {
	background-color: var(--tkg-red);
}

.sales-list .sale-pending-dsm {
	background-color: var(--tkg-body-font-color);
}

.sales-list .sale-missing-data {
	background-color: var(--tkg-yellow);
	color: var(--tkg-red);
}

.missing-data-explanation {
	font-size: .625rem;
}

.sales-list .open-sale a {
	color: var(--tkg-body-font-color);
}

.pagination-container {
	text-align: right;
}

.pagination-container .pagination-cont {
	border: 1px solid var(--tkg-gray-20);
	color: var(--tkg-gray-40);
	display: inline-block;
	font-size: .75rem;
	padding: 5px 8px;
	line-height: 1rem;
	margin-left: -6px;
}

.pagination-container .pagination-prev {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: .625rem;
}

.pagination-container .pagination-next {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: .625rem;
}

.amt-overall {
	margin-bottom: 20px;
}

.assessments-labels {
	padding-top: 5px;
	padding-bottom: 53px;
}

.assessments-labels-smaller {
	padding-top: 5px;
	padding-bottom: 23px;
}

.sell-sheet-links {
	text-align: right;
}

.sell-sheet-links a {
	display: block;
	margin-bottom: 10px;
}

.balance-padding {
	padding-bottom: 14px;
}

.qualifying-container {
	padding-left: 15px;
}

.viewing-counter {
	text-align: right;
	line-height: 1.25rem;
	margin-top: 5px;
	padding: 0;
}

.qualifying-list {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--tkg-gray);
}

.qualifying-list .company-name {
	padding-top: 6px;
}

.gallons-container {
	font-size: 0.875rem;
	padding-top: 8px;
	text-align: right;
	padding-right: 20px;
}

.enroll-button {
	color: var(--tkg-green);
	text-align: center;
	border: 1px solid var(--tkg-green);
	border-radius: 5px;
	width: 100%;
	display: block;
	padding: 5px 0;
}

.enroll-button:hover {
	text-decoration: none;
	color: var(--tkg-green);
}

/********ENTER SALES CSS********/

.sales-search {
	display: flex;
	justify-content: flex-end;
}

.sales-search input {
	width: 100%;
	padding: 0px 10px;
	border-radius: 5px;
	border: 1px solid var(--tkg-gray-40);
	font-weight: 400;
	max-height: 39px;
	min-height: 37px;
}

.sales-search i {
	font-size: 39px;
	color: var(--tkg-gray-40);
	margin-left: 20px;
	max-height: 39px;
	margin-top: -13px;
}

.circle-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#approved-legend::before, #pending-legend::before {
		content: '';
		border-left: 33px solid var(--tkg-red);
		margin-right: 5px;
		max-height: 12px;
	}

#approved-legend, #pending-legend {
	flex-basis: 50%;
	font-size: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
  padding-top: 3px;
}

#approved-legend {
	text-align: right;
}

#pending-legend::before {
	border-left-color: var(--tkg-yellow);
	margin-left: 10px;
}

/***PAYOUT CIRLCE****/

.progress {
    width: 180px;
    height: 180px !important;
    float: left;
    line-height: 180px;
    background: none;
    margin: 20px 40px;
    box-shadow: none;
    position: relative;    
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 30px solid var(--tkg-yellow);
    position: absolute;
    top: 0;
    left: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 30px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 96px;
    border-bottom-right-radius: 96px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 96px;
    border-bottom-left-radius: 96px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress .payout-amt {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: white;
    font-size: 18px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    color: var(--tkg-body-font-color);
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 5%;
}

.progress .payout-amt .payout-text {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.progress.red .progress-bar {
    border-color: var(--tkg-red);
}

.progress.red .progress-right .progress-bar {
    animation: loading 1.8s linear forwards
}

.progress.red .progress-left .progress-bar {
    animation: none
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}
/*****END PAYOUT CIRCLE******/
.payout-summary {
	padding-right: 20px;
	padding-top: 20px;
}

.sh-icon {
	font-size: 26px;
	margin-top: -5px;
	font-weight: 700;
}

.sh-text {
	font-size: 1rem;
	line-height: 29px;
	padding-left: 10px;
}

.payout-summary .amt {
	margin-bottom: 30px;
}

#recent-sales {
	padding: 30px 0px 10px 20px;
	border-bottom: 1px solid var(--tkg-gray-20);
	width: 100%;
}

.sales-list.recent .company-name {
	font-weight: bold;
	font-size: 14px;
}

.sales-list.recent .recent-amount {
	font-size: 14px;
	padding-right: 15px;
}

.sales-list.recent .open-sale i {
	margin-left: 15px;
}

.sales-list.recent .missing-data-explanation {
	font-weight: normal;
}

.pages-container {
	text-align: center;
	border: 1px solid var(--tkg-gray-40);
	color: var(--tkg-gray-40);
	border-radius: 5px;
	margin-left: 25px;
	font-size: 12px;
	padding: 4px 0;
}

.new-sale-progress-conainer .col {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.new-sale-progress-conainer .icon-circle {
	border-radius: 50%;
	padding: 3px;
	border: 1px solid var(--tkg-gray-40);
	height: 38px;
	width: 38px;
	text-align: center;
	background-color: white;
}

.new-sale-progress-conainer .col.active::before {
	content: '';
	width: 50%;
	height: 3px;
	background-color: var(--tkg-green);
	opacity: 0.7;
	position: absolute;
	top: 27%;
	right: 0;
	z-index: -1;
}

.new-sale-progress-conainer .col.active:nth-child(2)::before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: var(--tkg-green);
	opacity: 0.7;
	position: absolute;
	top: 27%;
	right: 0;
	z-index: -1;
}

.new-sale-progress-conainer .col.active:nth-child(3)::before {
	content: '';
	width: 50%;
	height: 3px;
	background-color: var(--tkg-green);
	opacity: 0.7;
	position: absolute;
	top: 27%;
	left: 0;
	z-index: -1;
}

.inactive-middle i, .inactive-last i {
	display: none;
}

.new-sale-progress-conainer .col.inactive-middle::before {
	content: '';
	width: 50%;
	height: 3px;
	background-color: var(--tkg-gray-40);
	opacity: 0.7;
	position: absolute;
	top: 27%;
	right: 0;
	z-index: -1;
}

.new-sale-progress-conainer .col.inactive-middle::after, .new-sale-progress-conainer .col.inactive-last::before {
	content: '';
	width: 50%;
	height: 3px;
	background-color: var(--tkg-gray-40);
	opacity: 0.7;
	position: absolute;
	top: 27%;
	left: 0;
	z-index: -1;
}

.new-sale-progress-conainer .col.inactive i {
	visibility: hidden;
}

.new-sale-progress-conainer i {
	font-size: 24px;
	line-height: 29px;
	color: var(--tkg-green);
}

.new-sale-container {
	padding: 40px 20px 10px;
}

.new-sale-container .form-select {
	border-color: var(--tkg-gray-60);
	color: var(--tkg-gray-60);
	margin-bottom: 40px;
}

.new-sale-container .or-cont {
	text-align: center;
	line-height: 37px;
}

.new-sale-container-lower {
	padding: 20px;
}

.new-sale-container-lower .cust-info-header {
	font-weight: bold;
	font-size: 0.875rem;
	margin-bottom: 5px;
}

.new-sale-container-lower .cust-info {
	font-size:  0.875rem;
	color: var(--tkg-gray-60);
}

.new-sale-container-lower .gal {
	text-align: right;
}

.new-sale input {
	width: 90%;
	padding: 0px 10px;
	border-radius: 5px;
	border: 1px solid var(--tkg-gray-40);
	font-weight: 400;
	height: 39px;
	margin-top: 10px;
}

.new-sale input::placeholder, .new-sale input[type=date] {
	color: var(--tkg-gray-40);
}

#products, #customers {
	border-color: var(--tkg-gray-40);
	margin-top: 10px;
}

#customers {
	margin-top: 0;
}

#products::placeholder, #customers::placeholder {
	color: var(--tkg-gray-40);
}

.new-sale #qnty-lbl {
	width: 100%;
}

.new-sale input[type=number] {
	width: 50%;
}

.new-sale .dashboard-button {
	border-color: var(--tkg-green);
	transition: .3s all ease-in-out;
}

.new-sale .dashboard-button:hover {
	background-color: var(--tkg-green) !important;
	color: white !important;
}

.prod-info-header {
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
}

.prod-info-header.left, .prod-info.left {
	text-align: left !important;
}

.prod-info {
	font-size:  0.875rem;
	color: var(--tkg-gray-60);
	text-align: center;
}

.prod-info input[type=number] {
	width: 75%;
	border-radius: 5px;
	border: 1px solid var(--tkg-gray-40);
	text-align: center;
}

.trash-right {
	text-align: right;
}

.trash-right a {
	color: var(--tkg-body-font-color);
}

.dashboard-button.submit-button {
	background-color: var(--tkg-red);
	border-color: var(--tkg-red);
	color: white;
	margin-left: 15px;
	margin-right: 15px;
	width: calc(100% - 15px);
}

.dashboard-button.submit-button::hover {
	color: white !important;
}

.sale-ver-number {
	color: var(--tkg-red);
	font-size: 1.375rem;
	line-height: 35px;
	background-color: var(--tkg-yellow);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: 500;
}

.sale-ver-title {
	font-weight: bold;
}

.submit-invoice {
	border-color: var(--tkg-green);
	color: var(--tkg-green);
	display: inline-block;
	width: auto;
	padding: 0 30px;
	transition: .3s all ease-in-out;
}

.submit-invoice:hover {
	color: white !important;
	background-color: var(--tkg-green) !important;
	cursor: pointer;
}

/***************FILE DRAG & DROP************/
.files .form-control {
	border: 0px;
	box-shadow: var(--tkg-box-shadow);
}
.files input {
    padding: 120px 0px 85px 30%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{  
		outline: 2px dashed var(--tkg-gray-40);  
		outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; 
    border:1px solid var(--tkg-gray-40);
 }
.files { 
	position: relative;
	margin-bottom: 20px;
}

.files:after {  
	pointer-events: none;
  position: absolute;
  top: 50px;
  left: 0;
  width: 50px;
  right: 0;
  height: 56px;
  content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(0, 0, 0, 0.4)' class='bi bi-upload' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z'/%3E%3C/svg%3E");
  display: block;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
.color input { 
	background-color:#f1f1f1;
}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " Click to Upload or Drag PDF ";
    display: block;
    margin: 0 auto;
    color: var(--tkg-gray-40);
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
/***************BREAKPOINTS*****************/
@media screen and (max-width: 1400px) {
	.new-sale.add-margin-bottom {
		margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 1200px) {
	.left-margin {
		margin-left: 0;
	}
	.qualifying-container {
		padding-left: 0;
	}
	.progress {
		margin: 20px 25%;
	}
	.payout-summary {
		padding: 20px 20px 0;
	}
}
@media screen and (max-width: 992px) {
	.sales-list {
		padding-left: 0;
		margin-top: 20px;
		border-top: 1px solid var(--tkg-gray);
	}
	.sales-list.recent {
		padding-left: 20px;
		padding-right: 0;
		margin-top: 20px;
		border-top: 0px solid var(--tkg-gray);
	}
}
@media screen and (max-width: 576px) {
	.sell-sheet-links {
		text-align: center;
	}
	.header-items-left {
		margin-bottom: 10px;
	}
	.new-sale-container .form-select {
		margin-bottom: 0;
	}
	.new-sale-container-lower .gal {
		text-align: left;
	}
	#address-2 {
		margin-bottom: 10px;
	}
	.sales-list.recent .open-sale i {
		margin-left: 5px;
	}
	.sales-list.recent .recent-amount {
		text-align: right;
		padding-right: 0;
	}
	.sales-list.recent .company-name {
		margin-bottom: 10px;
	}
	.new-sale-container-lower .cust-info, .new-sale-container-lower .cust-info-header {
		font-size: 13px;
	}
	.new-sale.add-margin-bottom {
		margin-bottom: 20px !important;
	}
	.prod-info-header, .prod-info {
		font-size: 0.75em;
	}
	.new-sale input {
		width: 100% !important;
	}
	.dashboard-button.submit-button {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

.font_size_15 {
    font-size: 15px;
}