.custom-2px-divider {
    border: 1.5px solid #B3B3B3;
}

.custom-1px-divider {
    border: 1px solid #B3B3B3;
}

.custom-pill {
	background-color: #FFBA00 !important; 
	color: #252525;
	border-radius: 4px;
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	position: relative;
	top: 13px;
	left: 20px;
}

.custom-pill-white {
	background-color: #FFFFFF !important; 
	color: #252525;
	border-radius: 4px;
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

a.custom-goto-link {
	font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
	color: #006AC3;
	text-decoration: none;
}
a.custom-goto-link:hover {
    color: #23527c;
    text-decoration: underline;
}
a.custom-goto-link:after {
    display: inline-block;
    margin-left: 10px;
    content: url(/dvl/v1.0/assets/images/ui/ui-chevron-right-blue.svg);
	width: 6px;
	height: 10px;
	line-height: 0;
}

.no-underline {
	font-weight: 400 !important;
}

#btn-start-over {
  color: #006AC3;
  display: flex;
  font-weight: 400;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
  > span {
    margin-top: -1px;
  }
  > img:first-child {
    margin-right: 10px;
  }
}

@media screen and (max-width: 639px) {
	.custom-pill {
		background-color: #FFBA00 !important; 
		color: #252525;
		border-radius: 4px;
		display: inline-block;
		padding: 4px 10px;
		font-size: 12px;
		font-weight: 500;
		line-height: 16px;
		position: relative;
		top: 13px;
		left: 0px;
	}
}

.total-number-of-transactions {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	text-align: right;
}

.payasyougo_total_estimated_monthly_cost, .premium_total_estimated_monthly_cost, .edgeplus_total_estimated_monthly_cost {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	text-align: right;
}

.payasyougo_plan_monthly_fee, .premium_plan_monthly_fee, .edgeplus_plan_monthly_fee {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 2.0rem;
}

a.customexpand-link:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-expand-blue.jpg);
    position: absolute;
    left: 0;
    top: 0.35em;
    display: inline-block;
    width: 6px;
    height: 10px;
    line-height: 0;
}

/* override dvl */
.tooltip-trigger > .trigger-icon {
  display: inline-block;
  margin-left: 5px;
}

/* Overide DVL table */
.table-swipe tbody .tablesaw-swipe-cellpersist,
table tbody .tablesaw-swipe-cellpersist {
    border-right: none;
}

/* Overide DVL table border */
.collapsible-table .collapsible-panel,
table,
table thead tr,
table.stacktable tr:first-child,
table.table-stack tr:first-child {
    border-bottom: none;
}

/* Overide table-striped */
table.stacktable.table-striped tbody tr:nth-child(even) td,
table.stacktable.table-striped tbody tr:nth-child(even) th,
table.table-stack.table-striped tbody tr:nth-child(even) td,
table.table-stack.table-striped tbody tr:nth-child(even) th,
table.table-striped:not(.table-stack) tbody tr:nth-child(odd) td,
table.table-striped:not(.table-stack) tbody tr:nth-child(odd) th {
    background-color: #FAFAFA;
}

/* Overide table-hightlight */
table tr td.highlight,
table tr td.table-highlight,
table tr th.highlight,
table tr th.table-highlight {
    background: #FEDF01 !important;
}


/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 40px;
  transition: 0.3s;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #006AC3;
}

/* Change background color of buttons on hover */
.tab button:hover {
  
}

/* Create an active tablink class */
.tab button.active {
	pointer-events: none;
	border-bottom: 3px solid #006AC3;
}

/* Create an nonactive tablink class */
.tab button.nonactive {
	color: #252525;
	font-weight: 500;
}