/* as - Aglet Sans */
/* n - Nunito */
/* TAGS */
/* TOGGLE SWITCH */
/*STEPPER*/
/*TABS PILLS*/
/*BREADCRUMB*/
/*TABLES*/
/* ACCORDION */
/* MODALS */
/****************************************/
/*CARDS*/
/****************************************/
/* BUTTONS */
/* When we need hover to be another color other than orange */
/***************************************************/
/* LINKS */
/***************************************************/
/*FORMS*/
/***************************************************/
/* INPUTS AND VALIDATIONS */
/*DEFAULT DROPDOWN*/
/****************************************/
/* SIMPLE DROPDOWN */
/**************************************/
/* SMALL DROPDOWN */
/**************************************/
/***************************************************/
/*BUTTONS*/
.btn-primary-dark.btn-sm.submit.next-btn,
.btn-primary-dark.btn-sm.submit {
  line-height: 1rem;
}
.btn-no-styles {
  background-color: transparent;
  text-decoration: none;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}
.btn-no-styles:hover {
  text-decoration: none;
}
.btn-no-styles:hover > abbr {
  cursor: pointer;
}
a.btn-no-styles {
  text-align: center;
}
.btn-default {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  min-width: auto;
  /*width: @width;*/
  height: 2.6875rem;
  border: 0.0625rem solid #F47920;
  background-color: #F47920;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.btn-default:hover {
  background-color: transparent;
  color: #F47920;
  text-decoration: none;
}
.btn-default:disabled {
  background-color: #EAEBEC;
  color: #3A3B45;
  border: 0.0625rem solid #3A3B45;
}
.btn-default.btn-sm {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  width: auto;
  height: 2rem;
  border: 0.0625rem solid #F47920;
  background-color: #F47920;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-default.btn-sm:hover {
  background-color: transparent;
  color: #F47920;
}
.btn-default.btn-sm:disabled,
.btn-default.btn-sm.disabled {
  background-color: #EAEBEC;
  color: #858796;
  border: 0.0625rem solid #858796;
}
.btn-default-outline {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  min-width: 5.438rem;
  height: 2.6875rem;
  border: 0.0625rem solid #F47920;
  background-color: transparent;
  color: #F47920;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-default-outline:hover {
  background-color: #F47920;
  color: #F8F9FC;
}
.btn-default-outline.btn-sm {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 100%;
  height: 2rem;
  border: 0.0625rem solid #F47920;
  background-color: transparent;
  color: #F47920;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-default-outline.btn-sm:hover {
  background-color: #F47920;
  color: #F8F9FC;
}
.btn-squared {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 0.063rem solid #D1D3E2;
  transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
}
.btn-squared.btn-squared-icon-save:hover,
.btn-squared:hover {
  border: 0.063rem solid #F47920;
}
.btn-squared.btn-squared-icon-save:hover svg,
.btn-squared:hover svg,
.btn-squared.btn-squared-icon-save:hover path,
.btn-squared:hover path {
  fill: currentColor;
  color: #FF9500;
}
.btn-squared svg,
.btn-squared path {
  fill: currentColor;
  color: #3A3B45;
  transition: color 0.2s ease-in-out;
}
.btn-squared.btn-squared-icon-save svg {
  fill: currentColor;
  color: #34C759;
}
.btn-squared.btn-squared-icon-with-stroke svg,
.btn-squared.btn-squared-icon-with-stroke path {
  fill: none;
  stroke: currentColor;
  color: #3A3B45;
  transition: color 0.2s ease-in-out;
}
.btn-squared.btn-squared-icon-with-stroke:hover svg,
.btn-squared.btn-squared-icon-with-stroke:hover path {
  color: #FF9500;
}
.btn-primary-dark {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  min-width: auto;
  /*width: @width;*/
  height: 2.6875rem;
  border: 0.0625rem solid #3A3B45;
  background-color: #3A3B45;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.btn-primary-dark:hover {
  background-color: transparent;
  color: #3A3B45;
  text-decoration: none;
}
.btn-primary-dark:disabled {
  background-color: #EAEBEC;
  color: #3A3B45;
  border: 0.0625rem solid #3A3B45;
}
.btn-primary-dark a {
  text-decoration: none;
  color: #FFFFFF;
}
.btn-primary-dark a:hover {
  text-decoration: none;
  color: #3A3B45;
}
.btn-primary-dark.btn-sm {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  width: auto;
  height: 2rem;
  border: 0.0625rem solid #3A3B45;
  background-color: #3A3B45;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-primary-dark.btn-sm:hover {
  background-color: transparent;
  color: #3A3B45;
}
.btn-primary-dark.btn-sm:disabled,
.btn-primary-dark.btn-sm.disabled {
  background-color: #EAEBEC;
  color: #858796;
  border: 0.0625rem solid #858796;
}
.btn-secondary-dark {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  min-width: auto;
  height: 2.6875rem;
  border: 0.0625rem solid #3A3B45;
  background-color: transparent;
  color: #3A3B45;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-secondary-dark:hover {
  background-color: #3A3B45;
  color: #F8F9FC;
}
.btn-secondary-dark.btn-sm {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: auto;
  height: 2rem;
  border: 0.0625rem solid #3A3B45;
  background-color: transparent;
  color: #3A3B45;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-secondary-dark.btn-sm:hover {
  background-color: #3A3B45;
  color: #F8F9FC;
}
.btn-link-dark {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  min-width: 100%;
  height: 2.6875rem;
  border: none;
  background-color: transparent;
  color: #3A3B45;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-link-dark.btn-sm {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 100%;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #3A3B45;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
/* LINKS */
.link-button-login {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  text-decoration: none;
  cursor: pointer;
  color: #F8F9FC;
}
.link-button-login:hover {
  text-decoration: underline;
  color: #F8F9FC;
}
.link-orange {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  text-decoration: none;
  cursor: pointer;
  color: #F47920;
}
.link-orange:hover {
  text-decoration: underline;
  color: #F47920;
}
.link-white {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
}
.link-white:hover {
  text-decoration: underline;
  color: #FFFFFF;
}
.link-sm-orange {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
  color: #F47920;
}
.link-sm-orange:hover {
  text-decoration: underline;
  color: #F47920;
}
.link-grey-900 {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #F8F9FC;
  text-decoration: none;
  cursor: pointer;
  color: #3A3B45;
}
.link-grey-900:hover {
  text-decoration: underline;
  color: #3A3B45;
}
.link-sm-grey-900 {
  font-family: "aglet-sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
  color: #3A3B45;
}
.link-sm-grey-900:hover {
  text-decoration: underline;
  color: #3A3B45;
}