/* === Custom Styles for Young Supply Wizard Toolbox APP :: BEGIN === */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');
/* === General Styles :: BEGIN === */
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 800;
}
a {text-decoration: none!important;}
/* === General Styles :: END === */
/* === Menu Styles :: BEGIN === */
.navbar-collapse {
	align-items: end;
}
ul.ysw-contact-navigation li.nav-item a.nav-link {
	font-size: 1.25rem;
	font-weight: 800;
}
ul.ysw-global-navigation li.nav-item a.nav-link {
	color: #000;
	font-size: 1rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	font-weight: 700;
}
.ysw-nav-item-border {
	border-right: 1px solid #000;
}
/* === Menu Styles :: END === */
/* === Breadcrumb Styles :: BEGIN === */
ol.breadcrumb li.breadcrumb-item a {
  color: rgb(0,56,107);
  font-weight: 700;
  text-decoration: none;
}
ol.breadcrumb li.breadcrumb-item a:hover,ol.breadcrumb li.breadcrumb-item a:focus {
  color: rgb(13,110,253);
  text-decoration: none;
}
ol.breadcrumb li.breadcrumb-item.active {
  color: rgb(224,58,62);
  font-weight: 700;
  text-decoration: none;
}
ol.breadcrumb li.breadcrumb-item.active a{
  color: rgb(224,58,62);
  font-weight: 700;
  text-decoration: none;
}
/* === Breadcrumb Styles :: END === */
/* === Color Styles :: BEGIN === */
.text-primary.ysw-color-navy {
	color: rgb(0,56,107) !important;
}
.border-primary.ysw-color-navy {
	border-color: rgb(0,56,107) !important;
}
.bg-primary.ysw-color-navy {
	background-color: rgb(0,56,107) !important;
}
.btn-primary.ysw-color-navy {
	color: #fff;
	background-color: rgb(0,56,107) !important;
	border-color: rgb(0,56,107) !important;
}
.btn-primary.ysw-color-navy:hover {
	color: rgb(0,56,107);
	background-color: rgb(255,255,255) !important;
	border-color: rgb(0,56,107) !important;
}

.text-danger.ysw-color-crimson {
	color: rgb(224,58,62) !important;
}
.border-danger.ysw-color-crimson {
	border-color: rgb(224,58,62) !important;
}
.bg-danger.ysw-color-crimson {
	background-color: rgb(224,58,62) !important;
}
.btn-danger.ysw-color-crimson {
	color: #fff;
	background-color: rgb(224,58,62) !important;
	border-color: rgb(224,58,62) !important;
}
.btn-danger.ysw-color-crimson:hover {
	color: rgb(224,58,62);
	background-color: rgb(255,255,255) !important;
	border-color: rgb(224,58,62) !important;
}
.btn-outline-danger.ysw-color-crimson {
	color: rgb(224,58,62) !important;
	border-color: rgb(224,58,62) !important;
}
.btn-outline-danger.ysw-color-crimson:hover {
	color: #fff !important;
	background-color: rgb(224,58,62) !important;
	border-color: rgb(224,58,62) !important;
}

.text-light.ysw-color-gray {
	color: rgb(216,216,216) !important;
}
.border-light.ysw-color-gray {
	border-color: rgb(216,216,216) !important;
}
.bg-light.ysw-color-gray {
	background-color: rgb(242,242,242) !important;
}

.R11{
  color:#fe5000 !important;
}
.R11_background{
  background-color:#fe5000 !important;
}

.R12{
  color:#ccc !important;
  background-color:#ccc !important;

}
.R12{
  color:#ccc !important;
  background-color:#ccc !important;

}
.R12_background{
  background-color:#ccc !important;
  color:#ccc !important;

}
.R13{
  color:#b3fff2 !important;
}
.R13_background{
  background-color:#b3fff2 !important;
}

.R13b1{
  color:#ff8c99 !important;
}
.R13b1_background{
  background-color:#ff8c99 !important;
}

.R113{
  color:#361aff !important;
}
.R113_background{
  background-color:#361aff !important;
}

.R114{
  color:#006080 !important;
}
.R114_background{
  background-color:#006080 !important;
}

.R500{
  color:#ffe600 !important;
}
.R500_background{
  background-color:#ffe600 !important;
}

.R502{
  color:#de9cff !important;
}
.R502_background{
  background-color:#de9cff !important;
}

.R503{
  color:#1aff82 !important;
}
.R503_background{
  background-color:#1aff82 !important;
}

/* === HCFC's HEX === */

.R22{
  color:#baffbf !important;
}
.R22_background{
  background-color:#baffbf !important;
}

.R123{
  color:#C1C6C8 !important;
}
.R123_background{
  background-color:#C1C6C8 !important;
}

.R124{
  color:#00b33e !important;
}
.R124_background{
  background-color:#00b33e !important;
}

.R401A{
  color:#ff808b !important;
}
.R401A_background{
  background-color:#ff808b !important;
}

.R401B{
  color:#EAAA00 !important;
}
.R401B_background{
  background-color:#EAAA00 !important;
}

.R402A{
  color:#E9DF97 !important;
}
.R402A_background{
  background-color:#E9DF97 !important;
}

.R402B{
  color:#787121 !important;
}
.R402B_background{
  background-color:#787121 !important;
}

.R403B{
  color:#de9cff !important;
}
.R403B_background{
  background-color:#de9cff !important;
}

.R406A_STAR{
  color:#9600fa !important;
}
.R406A_STAR_background{
  background-color:#9600fa !important;
}

.R408A{
  color:#a51890 !important;
}
.R408A_background{
  background-color:#a51890 !important;
}

.R409A{
  color:#cdd1d1 !important;
}
.R409A_background{
  background-color:#cdd1d1 !important;
}

/* === HFC's HEX === */

.R23{
  color:#b3fff2 !important;
}
.R23_background{
  background-color:#b3fff2 !important;
}

.R134A{
  color:#99d6ea !important;
}
.R134A_background{
  background-color:#99d6ea !important;
}

.R236fa_STAR{
  color:#6eff00 !important;
}
.R236fa_STAR_background{
  background-color:#6eff00 !important;
}

.R404A{
  color:#FF6C2F !important;
}
.R404A_background{
  background-color:#FF6C2F !important;
}

.R407A{
  color:#ccad6b !important;
}
.R407A_background{
  background-color:#ccad6b !important;
}

.R407B{
  color:#de82c4 !important;
}
.R407B_background{
  background-color:#de82c4 !important;
}

.R407C{
  color:#21ff9e !important;
}
.R407C_background{
  background-color:#21ff9e !important;
}
.R414B{
  color:#00A9E0 !important;
}
.R414B_background{
  background-color:#00A9E0 !important;
}
.R416A{
  color:#CEDC00 !important;
}
.R416A_background{
  background-color: #CEDC00 !important;
}
.R410A{
  color:#d592aa !important;
}
.R410A_background{
  background-color: #d592aa !important;
}

.R507{
  color:#0012e6 !important;
}
.R507_background{
  background-color:#0012e6 !important;
}

.R508_STAR{
  color:#00f2f2 !important;
}
.R508_STAR_background{
  background-color:#00f2f2 !important;
}

.R449A{
  color:#00617f !important;
}
.R449A_background{
  background-color:#00617f !important;
}

.R513A{
  color:#0086bf !important;
}
.R513A_background{
  background-color:#0086bf !important;
}

.R452A{
  color:#171c8f !important;
}
.R452A_background{
  background-color:#171c8f !important;
}
.R507A{
  color:#00b2a9 !important;
}
.R507A_background{
  background-color:#00b2a9 !important;
}
.R507A{
  color:#00b2a9 !important;
}
.R507A_background{
  background-color:#00b2a9 !important;
}

.R417C{
  color:#335544 !important;
}
.R417C_background{
  background-color:#335544 !important;
}

.R-449A{
  color:#00617f !important;
}
.R-449A_background{
  background-color:#00617f !important;
}

.R-452A{
  color:#171c8f !important;
}
.R-452A_background{
  background-color:#171c8f !important;
}
.R-513A{
  color:#0086bf !important;
}
.R-513A_background{
  background-color:#0086bf !important;
}

.R-422D{
  color:#97D700 !important;
}
.R-422D_background{
  background-color:#97D700 !important;
}

.R-438A{
  color:#6582BE !important;
}
.R-438A_background{
  background-color:#6582BE !important;
}

.R407A{
  color:#78BE20 !important;
}
.R407A_background{
  background-color:#78BE20 !important;
}
.R-448A{
  color:#006ec7 !important;
}
.R-448A_background{
  background-color:#006ec7 !important;
}
/* === Color Styles :: END === */
/* === Utility Styles :: BEGIN === */
b,.bold {
	font-weight: 700;
}
.light {
	font-weight: 400;
}
.center-vertical-horizontal-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.force-radius {
	border-radius: 0.25rem !important;
}
.btn {
	font-weight: 800;
	padding: 0.75rem;
	font-size: 1rem;
}
 a .card button {
	border-radius: 0;
}
a .card:hover button.btn.btn-primary.ysw-color-navy {
  color: rgb(0,56,107);
  background-color: rgb(255,255,255) !important;
  border-color: rgb(0,56,107) !important;
  text-decoration: none!important;
}
/* === Utility Styles :: END === */
/* === Form Styles :: BEGIN === */
input {
	color: rgb(0,56,107) !important;
}
.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {
	padding: 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
}

.form-select {
	font-weight: 800;
	text-align: center;
}

.form-select-lg {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
}
.form-select-lg option {
	font-weight: 800;
	display: block;
	white-space: nowrap;
	min-height: 1.2em;
	padding: 0px 2px 1px;
}
/* === Form Styles :: END === */
/* === Media Queries :: BEGIN === */
@media (max-width:767px) {
	.btn {
		font-weight: 800;
		padding: 0.5rem;
		font-size: 1rem;
	}
}

@media (max-width:500px) {
  .btn {
    font-weight: 800;
    padding: 0.5rem;
    font-size: 0.75rem;
  }
  .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {
    padding: 0.5rem;
    font-size: 0.75rem;
  }
  .form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
  }
}
/* === Media Queries :: END === */
/* === Custom Styles for Young Supply Wizard Toolbox APP :: END === */