/*!
	File Name: common.css
	Last updated: 15-05-2020
*/
/*******************************************
***	Variables
*******************************************/
/***  Grid map ***/
/***  Colors ***/
/***  Fonts ***/
/*******************************************
***   Breakpoints
*******************************************/
/*******************************************
	Sizing
*******************************************/
.mw-5 {
  max-width: 5% !important;
}

.mw-10 {
  max-width: 10% !important;
}

.mw-15 {
  max-width: 15% !important;
}

.mw-20 {
  max-width: 20% !important;
}

.mw-25 {
  max-width: 25% !important;
}

.mw-30 {
  max-width: 30% !important;
}

.mw-35 {
  max-width: 35% !important;
}

.mw-40 {
  max-width: 40% !important;
}

.mw-45 {
  max-width: 45% !important;
}

.mw-50 {
  max-width: 50% !important;
}

.mw-55 {
  max-width: 55% !important;
}

.mw-60 {
  max-width: 60% !important;
}

.mw-65 {
  max-width: 65% !important;
}

.mw-70 {
  max-width: 70% !important;
}

.mw-75 {
  max-width: 75% !important;
}

.mw-80 {
  max-width: 80% !important;
}

.mw-85 {
  max-width: 85% !important;
}

.mw-90 {
  max-width: 90% !important;
}

.mw-95 {
  max-width: 95% !important;
}

.mw-100 {
  max-width: 100% !important;
}

@media (min-width: 768px) {
  .mw-sm-5 {
    max-width: 5% !important;
  }
  .mw-sm-10 {
    max-width: 10% !important;
  }
  .mw-sm-15 {
    max-width: 15% !important;
  }
  .mw-sm-20 {
    max-width: 20% !important;
  }
  .mw-sm-25 {
    max-width: 25% !important;
  }
  .mw-sm-30 {
    max-width: 30% !important;
  }
  .mw-sm-35 {
    max-width: 35% !important;
  }
  .mw-sm-40 {
    max-width: 40% !important;
  }
  .mw-sm-45 {
    max-width: 45% !important;
  }
  .mw-sm-50 {
    max-width: 50% !important;
  }
  .mw-sm-55 {
    max-width: 55% !important;
  }
  .mw-sm-60 {
    max-width: 60% !important;
  }
  .mw-sm-65 {
    max-width: 65% !important;
  }
  .mw-sm-70 {
    max-width: 70% !important;
  }
  .mw-sm-75 {
    max-width: 75% !important;
  }
  .mw-sm-80 {
    max-width: 80% !important;
  }
  .mw-sm-85 {
    max-width: 85% !important;
  }
  .mw-sm-90 {
    max-width: 90% !important;
  }
  .mw-sm-95 {
    max-width: 95% !important;
  }
  .mw-sm-100 {
    max-width: 100% !important;
  }
}

@media (min-width: 992px) {
  .mw-md-5 {
    max-width: 5% !important;
  }
  .mw-md-10 {
    max-width: 10% !important;
  }
  .mw-md-15 {
    max-width: 15% !important;
  }
  .mw-md-20 {
    max-width: 20% !important;
  }
  .mw-md-25 {
    max-width: 25% !important;
  }
  .mw-md-30 {
    max-width: 30% !important;
  }
  .mw-md-35 {
    max-width: 35% !important;
  }
  .mw-md-40 {
    max-width: 40% !important;
  }
  .mw-md-45 {
    max-width: 45% !important;
  }
  .mw-md-50 {
    max-width: 50% !important;
  }
  .mw-md-55 {
    max-width: 55% !important;
  }
  .mw-md-60 {
    max-width: 60% !important;
  }
  .mw-md-65 {
    max-width: 65% !important;
  }
  .mw-md-70 {
    max-width: 70% !important;
  }
  .mw-md-75 {
    max-width: 75% !important;
  }
  .mw-md-80 {
    max-width: 80% !important;
  }
  .mw-md-85 {
    max-width: 85% !important;
  }
  .mw-md-90 {
    max-width: 90% !important;
  }
  .mw-md-95 {
    max-width: 95% !important;
  }
  .mw-md-100 {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .mw-lg-5 {
    max-width: 5% !important;
  }
  .mw-lg-10 {
    max-width: 10% !important;
  }
  .mw-lg-15 {
    max-width: 15% !important;
  }
  .mw-lg-20 {
    max-width: 20% !important;
  }
  .mw-lg-25 {
    max-width: 25% !important;
  }
  .mw-lg-30 {
    max-width: 30% !important;
  }
  .mw-lg-35 {
    max-width: 35% !important;
  }
  .mw-lg-40 {
    max-width: 40% !important;
  }
  .mw-lg-45 {
    max-width: 45% !important;
  }
  .mw-lg-50 {
    max-width: 50% !important;
  }
  .mw-lg-55 {
    max-width: 55% !important;
  }
  .mw-lg-60 {
    max-width: 60% !important;
  }
  .mw-lg-65 {
    max-width: 65% !important;
  }
  .mw-lg-70 {
    max-width: 70% !important;
  }
  .mw-lg-75 {
    max-width: 75% !important;
  }
  .mw-lg-80 {
    max-width: 80% !important;
  }
  .mw-lg-85 {
    max-width: 85% !important;
  }
  .mw-lg-90 {
    max-width: 90% !important;
  }
  .mw-lg-95 {
    max-width: 95% !important;
  }
  .mw-lg-100 {
    max-width: 100% !important;
  }
}

@media (min-width: 1600px) {
  .mw-xl-5 {
    max-width: 5% !important;
  }
  .mw-xl-10 {
    max-width: 10% !important;
  }
  .mw-xl-15 {
    max-width: 15% !important;
  }
  .mw-xl-20 {
    max-width: 20% !important;
  }
  .mw-xl-25 {
    max-width: 25% !important;
  }
  .mw-xl-30 {
    max-width: 30% !important;
  }
  .mw-xl-35 {
    max-width: 35% !important;
  }
  .mw-xl-40 {
    max-width: 40% !important;
  }
  .mw-xl-45 {
    max-width: 45% !important;
  }
  .mw-xl-50 {
    max-width: 50% !important;
  }
  .mw-xl-55 {
    max-width: 55% !important;
  }
  .mw-xl-60 {
    max-width: 60% !important;
  }
  .mw-xl-65 {
    max-width: 65% !important;
  }
  .mw-xl-70 {
    max-width: 70% !important;
  }
  .mw-xl-75 {
    max-width: 75% !important;
  }
  .mw-xl-80 {
    max-width: 80% !important;
  }
  .mw-xl-85 {
    max-width: 85% !important;
  }
  .mw-xl-90 {
    max-width: 90% !important;
  }
  .mw-xl-95 {
    max-width: 95% !important;
  }
  .mw-xl-100 {
    max-width: 100% !important;
  }
}

/*******************************************
***	Spacing
*******************************************/
.m-0 {
  margin: 0rem !important;
}

.m-t-0 {
  margin-top: 0rem !important;
}

.m-r-0 {
  margin-right: 0rem !important;
}

.m-b-0 {
  margin-bottom: 0rem !important;
}

.m-l-0 {
  margin-left: 0rem !important;
}

.m-0-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.m-1 {
  margin: 1rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-r-1 {
  margin-right: 1rem !important;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-1-0 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.m-t-2 {
  margin-top: 2rem !important;
}

.m-r-2 {
  margin-right: 2rem !important;
}

.m-b-2 {
  margin-bottom: 2rem !important;
}

.m-l-2 {
  margin-left: 2rem !important;
}

.m-2-0 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-l-3 {
  margin-left: 3rem !important;
}

.m-3-0 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.m-t-4 {
  margin-top: 4rem !important;
}

.m-r-4 {
  margin-right: 4rem !important;
}

.m-b-4 {
  margin-bottom: 4rem !important;
}

.m-l-4 {
  margin-left: 4rem !important;
}

.m-4-0 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.m-t-5 {
  margin-top: 5rem !important;
}

.m-r-5 {
  margin-right: 5rem !important;
}

.m-b-5 {
  margin-bottom: 5rem !important;
}

.m-l-5 {
  margin-left: 5rem !important;
}

.m-5-0 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.p-t-0 {
  padding-top: 0rem !important;
}

.p-r-0 {
  padding-right: 0rem !important;
}

.p-b-0 {
  padding-bottom: 0rem !important;
}

.p-l-0 {
  padding-left: 0rem !important;
}

.p-0-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

.p-r-1 {
  padding-right: 1rem !important;
}

.p-b-1 {
  padding-bottom: 1rem !important;
}

.p-l-1 {
  padding-left: 1rem !important;
}

.p-1-0 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.p-t-2 {
  padding-top: 2rem !important;
}

.p-r-2 {
  padding-right: 2rem !important;
}

.p-b-2 {
  padding-bottom: 2rem !important;
}

.p-l-2 {
  padding-left: 2rem !important;
}

.p-2-0 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-l-3 {
  padding-left: 3rem !important;
}

.p-3-0 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.p-t-4 {
  padding-top: 4rem !important;
}

.p-r-4 {
  padding-right: 4rem !important;
}

.p-b-4 {
  padding-bottom: 4rem !important;
}

.p-l-4 {
  padding-left: 4rem !important;
}

.p-4-0 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.p-t-5 {
  padding-top: 5rem !important;
}

.p-r-5 {
  padding-right: 5rem !important;
}

.p-b-5 {
  padding-bottom: 5rem !important;
}

.p-l-5 {
  padding-left: 5rem !important;
}

.p-5-0 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0rem !important;
  }
  .m-t-sm-0 {
    margin-top: 0rem !important;
  }
  .m-r-sm-0 {
    margin-right: 0rem !important;
  }
  .m-b-sm-0 {
    margin-bottom: 0rem !important;
  }
  .m-l-sm-0 {
    margin-left: 0rem !important;
  }
  .m-0-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .m-sm-1 {
    margin: 1rem !important;
  }
  .m-t-sm-1 {
    margin-top: 1rem !important;
  }
  .m-r-sm-1 {
    margin-right: 1rem !important;
  }
  .m-b-sm-1 {
    margin-bottom: 1rem !important;
  }
  .m-l-sm-1 {
    margin-left: 1rem !important;
  }
  .m-1-sm-0 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-2 {
    margin: 2rem !important;
  }
  .m-t-sm-2 {
    margin-top: 2rem !important;
  }
  .m-r-sm-2 {
    margin-right: 2rem !important;
  }
  .m-b-sm-2 {
    margin-bottom: 2rem !important;
  }
  .m-l-sm-2 {
    margin-left: 2rem !important;
  }
  .m-2-sm-0 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .m-sm-3 {
    margin: 3rem !important;
  }
  .m-t-sm-3 {
    margin-top: 3rem !important;
  }
  .m-r-sm-3 {
    margin-right: 3rem !important;
  }
  .m-b-sm-3 {
    margin-bottom: 3rem !important;
  }
  .m-l-sm-3 {
    margin-left: 3rem !important;
  }
  .m-3-sm-0 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .m-sm-4 {
    margin: 4rem !important;
  }
  .m-t-sm-4 {
    margin-top: 4rem !important;
  }
  .m-r-sm-4 {
    margin-right: 4rem !important;
  }
  .m-b-sm-4 {
    margin-bottom: 4rem !important;
  }
  .m-l-sm-4 {
    margin-left: 4rem !important;
  }
  .m-4-sm-0 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .m-sm-5 {
    margin: 5rem !important;
  }
  .m-t-sm-5 {
    margin-top: 5rem !important;
  }
  .m-r-sm-5 {
    margin-right: 5rem !important;
  }
  .m-b-sm-5 {
    margin-bottom: 5rem !important;
  }
  .m-l-sm-5 {
    margin-left: 5rem !important;
  }
  .m-5-sm-0 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .p-sm-0 {
    padding: 0rem !important;
  }
  .p-t-sm-0 {
    padding-top: 0rem !important;
  }
  .p-r-sm-0 {
    padding-right: 0rem !important;
  }
  .p-b-sm-0 {
    padding-bottom: 0rem !important;
  }
  .p-l-sm-0 {
    padding-left: 0rem !important;
  }
  .p-0-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .p-sm-1 {
    padding: 1rem !important;
  }
  .p-t-sm-1 {
    padding-top: 1rem !important;
  }
  .p-r-sm-1 {
    padding-right: 1rem !important;
  }
  .p-b-sm-1 {
    padding-bottom: 1rem !important;
  }
  .p-l-sm-1 {
    padding-left: 1rem !important;
  }
  .p-1-sm-0 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-2 {
    padding: 2rem !important;
  }
  .p-t-sm-2 {
    padding-top: 2rem !important;
  }
  .p-r-sm-2 {
    padding-right: 2rem !important;
  }
  .p-b-sm-2 {
    padding-bottom: 2rem !important;
  }
  .p-l-sm-2 {
    padding-left: 2rem !important;
  }
  .p-2-sm-0 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-sm-3 {
    padding: 3rem !important;
  }
  .p-t-sm-3 {
    padding-top: 3rem !important;
  }
  .p-r-sm-3 {
    padding-right: 3rem !important;
  }
  .p-b-sm-3 {
    padding-bottom: 3rem !important;
  }
  .p-l-sm-3 {
    padding-left: 3rem !important;
  }
  .p-3-sm-0 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-sm-4 {
    padding: 4rem !important;
  }
  .p-t-sm-4 {
    padding-top: 4rem !important;
  }
  .p-r-sm-4 {
    padding-right: 4rem !important;
  }
  .p-b-sm-4 {
    padding-bottom: 4rem !important;
  }
  .p-l-sm-4 {
    padding-left: 4rem !important;
  }
  .p-4-sm-0 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .p-sm-5 {
    padding: 5rem !important;
  }
  .p-t-sm-5 {
    padding-top: 5rem !important;
  }
  .p-r-sm-5 {
    padding-right: 5rem !important;
  }
  .p-b-sm-5 {
    padding-bottom: 5rem !important;
  }
  .p-l-sm-5 {
    padding-left: 5rem !important;
  }
  .p-5-sm-0 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .m-md-0 {
    margin: 0rem !important;
  }
  .m-t-md-0 {
    margin-top: 0rem !important;
  }
  .m-r-md-0 {
    margin-right: 0rem !important;
  }
  .m-b-md-0 {
    margin-bottom: 0rem !important;
  }
  .m-l-md-0 {
    margin-left: 0rem !important;
  }
  .m-0-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .m-md-1 {
    margin: 1rem !important;
  }
  .m-t-md-1 {
    margin-top: 1rem !important;
  }
  .m-r-md-1 {
    margin-right: 1rem !important;
  }
  .m-b-md-1 {
    margin-bottom: 1rem !important;
  }
  .m-l-md-1 {
    margin-left: 1rem !important;
  }
  .m-1-md-0 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-2 {
    margin: 2rem !important;
  }
  .m-t-md-2 {
    margin-top: 2rem !important;
  }
  .m-r-md-2 {
    margin-right: 2rem !important;
  }
  .m-b-md-2 {
    margin-bottom: 2rem !important;
  }
  .m-l-md-2 {
    margin-left: 2rem !important;
  }
  .m-2-md-0 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .m-md-3 {
    margin: 3rem !important;
  }
  .m-t-md-3 {
    margin-top: 3rem !important;
  }
  .m-r-md-3 {
    margin-right: 3rem !important;
  }
  .m-b-md-3 {
    margin-bottom: 3rem !important;
  }
  .m-l-md-3 {
    margin-left: 3rem !important;
  }
  .m-3-md-0 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .m-md-4 {
    margin: 4rem !important;
  }
  .m-t-md-4 {
    margin-top: 4rem !important;
  }
  .m-r-md-4 {
    margin-right: 4rem !important;
  }
  .m-b-md-4 {
    margin-bottom: 4rem !important;
  }
  .m-l-md-4 {
    margin-left: 4rem !important;
  }
  .m-4-md-0 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .m-md-5 {
    margin: 5rem !important;
  }
  .m-t-md-5 {
    margin-top: 5rem !important;
  }
  .m-r-md-5 {
    margin-right: 5rem !important;
  }
  .m-b-md-5 {
    margin-bottom: 5rem !important;
  }
  .m-l-md-5 {
    margin-left: 5rem !important;
  }
  .m-5-md-0 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .p-md-0 {
    padding: 0rem !important;
  }
  .p-t-md-0 {
    padding-top: 0rem !important;
  }
  .p-r-md-0 {
    padding-right: 0rem !important;
  }
  .p-b-md-0 {
    padding-bottom: 0rem !important;
  }
  .p-l-md-0 {
    padding-left: 0rem !important;
  }
  .p-0-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .p-md-1 {
    padding: 1rem !important;
  }
  .p-t-md-1 {
    padding-top: 1rem !important;
  }
  .p-r-md-1 {
    padding-right: 1rem !important;
  }
  .p-b-md-1 {
    padding-bottom: 1rem !important;
  }
  .p-l-md-1 {
    padding-left: 1rem !important;
  }
  .p-1-md-0 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-2 {
    padding: 2rem !important;
  }
  .p-t-md-2 {
    padding-top: 2rem !important;
  }
  .p-r-md-2 {
    padding-right: 2rem !important;
  }
  .p-b-md-2 {
    padding-bottom: 2rem !important;
  }
  .p-l-md-2 {
    padding-left: 2rem !important;
  }
  .p-2-md-0 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-md-3 {
    padding: 3rem !important;
  }
  .p-t-md-3 {
    padding-top: 3rem !important;
  }
  .p-r-md-3 {
    padding-right: 3rem !important;
  }
  .p-b-md-3 {
    padding-bottom: 3rem !important;
  }
  .p-l-md-3 {
    padding-left: 3rem !important;
  }
  .p-3-md-0 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-md-4 {
    padding: 4rem !important;
  }
  .p-t-md-4 {
    padding-top: 4rem !important;
  }
  .p-r-md-4 {
    padding-right: 4rem !important;
  }
  .p-b-md-4 {
    padding-bottom: 4rem !important;
  }
  .p-l-md-4 {
    padding-left: 4rem !important;
  }
  .p-4-md-0 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .p-md-5 {
    padding: 5rem !important;
  }
  .p-t-md-5 {
    padding-top: 5rem !important;
  }
  .p-r-md-5 {
    padding-right: 5rem !important;
  }
  .p-b-md-5 {
    padding-bottom: 5rem !important;
  }
  .p-l-md-5 {
    padding-left: 5rem !important;
  }
  .p-5-md-0 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
  .m-t-lg-0 {
    margin-top: 0rem !important;
  }
  .m-r-lg-0 {
    margin-right: 0rem !important;
  }
  .m-b-lg-0 {
    margin-bottom: 0rem !important;
  }
  .m-l-lg-0 {
    margin-left: 0rem !important;
  }
  .m-0-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .m-lg-1 {
    margin: 1rem !important;
  }
  .m-t-lg-1 {
    margin-top: 1rem !important;
  }
  .m-r-lg-1 {
    margin-right: 1rem !important;
  }
  .m-b-lg-1 {
    margin-bottom: 1rem !important;
  }
  .m-l-lg-1 {
    margin-left: 1rem !important;
  }
  .m-1-lg-0 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-2 {
    margin: 2rem !important;
  }
  .m-t-lg-2 {
    margin-top: 2rem !important;
  }
  .m-r-lg-2 {
    margin-right: 2rem !important;
  }
  .m-b-lg-2 {
    margin-bottom: 2rem !important;
  }
  .m-l-lg-2 {
    margin-left: 2rem !important;
  }
  .m-2-lg-0 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .m-lg-3 {
    margin: 3rem !important;
  }
  .m-t-lg-3 {
    margin-top: 3rem !important;
  }
  .m-r-lg-3 {
    margin-right: 3rem !important;
  }
  .m-b-lg-3 {
    margin-bottom: 3rem !important;
  }
  .m-l-lg-3 {
    margin-left: 3rem !important;
  }
  .m-3-lg-0 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .m-lg-4 {
    margin: 4rem !important;
  }
  .m-t-lg-4 {
    margin-top: 4rem !important;
  }
  .m-r-lg-4 {
    margin-right: 4rem !important;
  }
  .m-b-lg-4 {
    margin-bottom: 4rem !important;
  }
  .m-l-lg-4 {
    margin-left: 4rem !important;
  }
  .m-4-lg-0 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .m-lg-5 {
    margin: 5rem !important;
  }
  .m-t-lg-5 {
    margin-top: 5rem !important;
  }
  .m-r-lg-5 {
    margin-right: 5rem !important;
  }
  .m-b-lg-5 {
    margin-bottom: 5rem !important;
  }
  .m-l-lg-5 {
    margin-left: 5rem !important;
  }
  .m-5-lg-0 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .p-lg-0 {
    padding: 0rem !important;
  }
  .p-t-lg-0 {
    padding-top: 0rem !important;
  }
  .p-r-lg-0 {
    padding-right: 0rem !important;
  }
  .p-b-lg-0 {
    padding-bottom: 0rem !important;
  }
  .p-l-lg-0 {
    padding-left: 0rem !important;
  }
  .p-0-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .p-lg-1 {
    padding: 1rem !important;
  }
  .p-t-lg-1 {
    padding-top: 1rem !important;
  }
  .p-r-lg-1 {
    padding-right: 1rem !important;
  }
  .p-b-lg-1 {
    padding-bottom: 1rem !important;
  }
  .p-l-lg-1 {
    padding-left: 1rem !important;
  }
  .p-1-lg-0 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-2 {
    padding: 2rem !important;
  }
  .p-t-lg-2 {
    padding-top: 2rem !important;
  }
  .p-r-lg-2 {
    padding-right: 2rem !important;
  }
  .p-b-lg-2 {
    padding-bottom: 2rem !important;
  }
  .p-l-lg-2 {
    padding-left: 2rem !important;
  }
  .p-2-lg-0 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-lg-3 {
    padding: 3rem !important;
  }
  .p-t-lg-3 {
    padding-top: 3rem !important;
  }
  .p-r-lg-3 {
    padding-right: 3rem !important;
  }
  .p-b-lg-3 {
    padding-bottom: 3rem !important;
  }
  .p-l-lg-3 {
    padding-left: 3rem !important;
  }
  .p-3-lg-0 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-lg-4 {
    padding: 4rem !important;
  }
  .p-t-lg-4 {
    padding-top: 4rem !important;
  }
  .p-r-lg-4 {
    padding-right: 4rem !important;
  }
  .p-b-lg-4 {
    padding-bottom: 4rem !important;
  }
  .p-l-lg-4 {
    padding-left: 4rem !important;
  }
  .p-4-lg-0 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .p-lg-5 {
    padding: 5rem !important;
  }
  .p-t-lg-5 {
    padding-top: 5rem !important;
  }
  .p-r-lg-5 {
    padding-right: 5rem !important;
  }
  .p-b-lg-5 {
    padding-bottom: 5rem !important;
  }
  .p-l-lg-5 {
    padding-left: 5rem !important;
  }
  .p-5-lg-0 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1600px) {
  .m-xl-0 {
    margin: 0rem !important;
  }
  .m-t-xl-0 {
    margin-top: 0rem !important;
  }
  .m-r-xl-0 {
    margin-right: 0rem !important;
  }
  .m-b-xl-0 {
    margin-bottom: 0rem !important;
  }
  .m-l-xl-0 {
    margin-left: 0rem !important;
  }
  .m-0-xl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .m-xl-1 {
    margin: 1rem !important;
  }
  .m-t-xl-1 {
    margin-top: 1rem !important;
  }
  .m-r-xl-1 {
    margin-right: 1rem !important;
  }
  .m-b-xl-1 {
    margin-bottom: 1rem !important;
  }
  .m-l-xl-1 {
    margin-left: 1rem !important;
  }
  .m-1-xl-0 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-2 {
    margin: 2rem !important;
  }
  .m-t-xl-2 {
    margin-top: 2rem !important;
  }
  .m-r-xl-2 {
    margin-right: 2rem !important;
  }
  .m-b-xl-2 {
    margin-bottom: 2rem !important;
  }
  .m-l-xl-2 {
    margin-left: 2rem !important;
  }
  .m-2-xl-0 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .m-xl-3 {
    margin: 3rem !important;
  }
  .m-t-xl-3 {
    margin-top: 3rem !important;
  }
  .m-r-xl-3 {
    margin-right: 3rem !important;
  }
  .m-b-xl-3 {
    margin-bottom: 3rem !important;
  }
  .m-l-xl-3 {
    margin-left: 3rem !important;
  }
  .m-3-xl-0 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .m-xl-4 {
    margin: 4rem !important;
  }
  .m-t-xl-4 {
    margin-top: 4rem !important;
  }
  .m-r-xl-4 {
    margin-right: 4rem !important;
  }
  .m-b-xl-4 {
    margin-bottom: 4rem !important;
  }
  .m-l-xl-4 {
    margin-left: 4rem !important;
  }
  .m-4-xl-0 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .m-xl-5 {
    margin: 5rem !important;
  }
  .m-t-xl-5 {
    margin-top: 5rem !important;
  }
  .m-r-xl-5 {
    margin-right: 5rem !important;
  }
  .m-b-xl-5 {
    margin-bottom: 5rem !important;
  }
  .m-l-xl-5 {
    margin-left: 5rem !important;
  }
  .m-5-xl-0 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .p-xl-0 {
    padding: 0rem !important;
  }
  .p-t-xl-0 {
    padding-top: 0rem !important;
  }
  .p-r-xl-0 {
    padding-right: 0rem !important;
  }
  .p-b-xl-0 {
    padding-bottom: 0rem !important;
  }
  .p-l-xl-0 {
    padding-left: 0rem !important;
  }
  .p-0-xl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .p-xl-1 {
    padding: 1rem !important;
  }
  .p-t-xl-1 {
    padding-top: 1rem !important;
  }
  .p-r-xl-1 {
    padding-right: 1rem !important;
  }
  .p-b-xl-1 {
    padding-bottom: 1rem !important;
  }
  .p-l-xl-1 {
    padding-left: 1rem !important;
  }
  .p-1-xl-0 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-2 {
    padding: 2rem !important;
  }
  .p-t-xl-2 {
    padding-top: 2rem !important;
  }
  .p-r-xl-2 {
    padding-right: 2rem !important;
  }
  .p-b-xl-2 {
    padding-bottom: 2rem !important;
  }
  .p-l-xl-2 {
    padding-left: 2rem !important;
  }
  .p-2-xl-0 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-xl-3 {
    padding: 3rem !important;
  }
  .p-t-xl-3 {
    padding-top: 3rem !important;
  }
  .p-r-xl-3 {
    padding-right: 3rem !important;
  }
  .p-b-xl-3 {
    padding-bottom: 3rem !important;
  }
  .p-l-xl-3 {
    padding-left: 3rem !important;
  }
  .p-3-xl-0 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-xl-4 {
    padding: 4rem !important;
  }
  .p-t-xl-4 {
    padding-top: 4rem !important;
  }
  .p-r-xl-4 {
    padding-right: 4rem !important;
  }
  .p-b-xl-4 {
    padding-bottom: 4rem !important;
  }
  .p-l-xl-4 {
    padding-left: 4rem !important;
  }
  .p-4-xl-0 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .p-xl-5 {
    padding: 5rem !important;
  }
  .p-t-xl-5 {
    padding-top: 5rem !important;
  }
  .p-r-xl-5 {
    padding-right: 5rem !important;
  }
  .p-b-xl-5 {
    padding-bottom: 5rem !important;
  }
  .p-l-xl-5 {
    padding-left: 5rem !important;
  }
  .p-5-xl-0 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

/*******************************************
***   Borders
*******************************************/
.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border {
  border: 1px solid #dddddd !important;
}

.border-top-1 {
  border-top: 1px solid #dddddd !important;
}

.border-right-1 {
  border-right: 1px solid #dddddd !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #dddddd !important;
}

.border-left-1 {
  border-left: 1px solid #dddddd !important;
}

@media (min-width: 768px) {
  .border-sm-0 {
    border: 0 !important;
  }
  .border-top-sm-0 {
    border-top: 0 !important;
  }
  .border-right-sm-0 {
    border-right: 0 !important;
  }
  .border-bottom-sm-0 {
    border-bottom: 0 !important;
  }
  .border-left-sm-0 {
    border-left: 0 !important;
  }
  .border-sm {
    border: 1px solid #dddddd !important;
  }
  .border-top-sm-1 {
    border-top: 1px solid #dddddd !important;
  }
  .border-right-sm-1 {
    border-right: 1px solid #dddddd !important;
  }
  .border-bottom-sm-1 {
    border-bottom: 1px solid #dddddd !important;
  }
  .border-left-sm-1 {
    border-left: 1px solid #dddddd !important;
  }
}

@media (min-width: 992px) {
  .border-md-0 {
    border: 0 !important;
  }
  .border-top-md-0 {
    border-top: 0 !important;
  }
  .border-right-md-0 {
    border-right: 0 !important;
  }
  .border-bottom-md-0 {
    border-bottom: 0 !important;
  }
  .border-left-md-0 {
    border-left: 0 !important;
  }
  .border-md {
    border: 1px solid #dddddd !important;
  }
  .border-top-md-1 {
    border-top: 1px solid #dddddd !important;
  }
  .border-right-md-1 {
    border-right: 1px solid #dddddd !important;
  }
  .border-bottom-md-1 {
    border-bottom: 1px solid #dddddd !important;
  }
  .border-left-md-1 {
    border-left: 1px solid #dddddd !important;
  }
}

@media (min-width: 1200px) {
  .border-lg-0 {
    border: 0 !important;
  }
  .border-top-lg-0 {
    border-top: 0 !important;
  }
  .border-right-lg-0 {
    border-right: 0 !important;
  }
  .border-bottom-lg-0 {
    border-bottom: 0 !important;
  }
  .border-left-lg-0 {
    border-left: 0 !important;
  }
  .border-lg {
    border: 1px solid #dddddd !important;
  }
  .border-top-lg-1 {
    border-top: 1px solid #dddddd !important;
  }
  .border-right-lg-1 {
    border-right: 1px solid #dddddd !important;
  }
  .border-bottom-lg-1 {
    border-bottom: 1px solid #dddddd !important;
  }
  .border-left-lg-1 {
    border-left: 1px solid #dddddd !important;
  }
}

@media (min-width: 1600px) {
  .border-xl-0 {
    border: 0 !important;
  }
  .border-top-xl-0 {
    border-top: 0 !important;
  }
  .border-right-xl-0 {
    border-right: 0 !important;
  }
  .border-bottom-xl-0 {
    border-bottom: 0 !important;
  }
  .border-left-xl-0 {
    border-left: 0 !important;
  }
  .border-xl {
    border: 1px solid #dddddd !important;
  }
  .border-top-xl-1 {
    border-top: 1px solid #dddddd !important;
  }
  .border-right-xl-1 {
    border-right: 1px solid #dddddd !important;
  }
  .border-bottom-xl-1 {
    border-bottom: 1px solid #dddddd !important;
  }
  .border-left-xl-1 {
    border-left: 1px solid #dddddd !important;
  }
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-0 {
  border-radius: 0;
}

/*!
	Angular Materials Overwrite
	Last updated: 12-03-2020
*/
.md-panel-outer-wrapper {
  z-index: var(--z-index-tooltip) !important;
}

.md-tooltip {
  font-size: .875rem;
  height: 30px;
  display: flex;
  align-items: center;
  z-index: var(--z-index-tooltip);
}

md-menu-bar {
  padding: 0;
}

md-menu-item {
  height: initial !important;
}

md-menu-item > .md-button, md-menu-item > md-menu > .md-button {
  font-size: initial !important;
}

.md-button {
  height: initial !important;
  text-transform: none !important;
}

.md-button span {
  float: none !important;
}

/*******************************************
	Menu Item Container
*******************************************/
#menuItemContainer {
  flex-grow: 0;
  flex-basis: 18%;
}

@media (max-width: 991px) {
  #menuItemContainer {
    position: fixed;
    top: 64px;
    overflow: hidden;
    padding: 0;
    min-height: 42px;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #fff;
    border-bottom: 1px solid rgba(68, 68, 68, 0.08);
  }
  #menuItemContainer section {
    display: flex;
  }
  #menuItemContainer section:not(.is-open) .list-group-item:not(.active) {
    display: none;
  }
  #menuItemContainer .list-group {
    flex-grow: 1;
    margin-bottom: 0;
  }
  #menuItemContainer .list-group-item {
    border-color: transparent;
    background-color: transparent;
    color: #222;
  }
  #menuItemContainer .list-group-item.active {
    color: #337ab7;
  }
}

@media (max-width: 767px) {
  #menuItemContainer {
    flex-basis: 100%;
  }
}

@media (min-width: 992px) {
  #menuItemContainer .active {
    background-color: #337ab7;
    border-color: #337ab7;
  }
}

#menuItemContainer .currentStep {
  font-weight: bold;
}

#menuItemContainer .list-group-item {
  border-radius: 0;
}

#menuItemContainer #menuToggle {
  align-self: flex-end;
  height: 42px;
}

#menuItemContainer #menuToggle.is-open {
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  #menuItemContainer #menuToggle {
    display: none !important;
  }
}

md-toast {
  position: fixed !important;
}

md-toast .md-toast-content .md-toast-text {
  padding: 14px 16px;
}

/*******************************************
***	Angular Materials (Overwrite)
*******************************************/
md-menu-bar {
  padding: 0;
}

md-menu-item {
  height: initial !important;
}

md-menu-item > .md-button, md-menu-item > md-menu > .md-button {
  font-size: initial !important;
}

.md-button {
  height: initial !important;
  text-transform: none !important;
}

.md-button span {
  float: none !important;
}

/*******************************************
***	Buttons
*******************************************/
button, .button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  transition: all .3s ease;
}

button:focus, .button:focus {
  outline: 0 !important;
}

.button {
  color: #fff;
  background-color: #337ab7;
  border-color: #2d6da3;
}

.button:hover, .button:focus {
  color: #fff;
  background-color: #285f8f;
  border-color: #22527b;
}

.button.disabled, .button:disabled, .button[disabled] {
  color: #fff;
  background-color: #337ab7;
  border-color: #2d6da3;
  opacity: .65;
}

.button.disabled:hover, .button.disabled:focus, .button:disabled:hover, .button:disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: #fff;
  background-color: #337ab7;
  border-color: #2d6da3;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.btn-primary .close {
  color: #fff;
  opacity: 0.85;
}

.btn-primary .close:hover {
  opacity: 1;
}

/*******************************************
	FLEXBOX (Bootstrap 4 custom)
*******************************************/
.d-flex {
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col, div[class*="col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  min-height: 0;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.flex-btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.flex-btn-group > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.flex-btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.flex-btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.flex-btn-group > .btn + .btn {
  margin-left: -1px;
}

@media (min-width: 768px) {
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 50%;
    max-width: 75%;
  }
}

/*******************************************
***	Frames
*******************************************/
.frame {
  border: 1px solid #337ab7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 1rem;
}

.frame legend {
  color: #fff;
  background-color: #337ab7;
  padding: 10px;
  font-weight: 500;
}

.frame .frame-content {
  padding: 1rem;
}

.frame .variable {
  margin-right: 15px;
}

/*******************************************
***	LOGIN
*******************************************/
.loginForm {
  margin-top: 100px;
}

#loginButton, #changePasswordButton {
  background-color: #428bca;
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

#loginButton:hover, #loginButton:focus, #changePasswordButton:hover,
#changePasswordButton:focus {
  opacity: 0.8;
}

/*******************************************
***	ADMINISTRATION
*******************************************/
.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  background-color: #337ab7;
  border-color: #337ab7;
}

#matchConfiguration {
  margin-left: 2%;
  margin-right: 2%;
}

#matchConfiguration .kbIcon {
  width: 25px;
}

.item {
  display: grid;
  grid-gap: 1rem;
  align-items: end;
  border: var(--border);
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 1rem;
  box-shadow: rgba(38, 50, 56, 0.16) 0px 1px 3px 0px;
}

.item.request-body {
  grid-template-columns: 1fr 1fr 1fr 40px;
}

.item.bookmark-header, .item.bookmark-body, .item.bookmark-mapping {
  grid-template-columns: 1fr 1fr 40px;
}

#openKBAButton {
  padding: 6px 10px;
}

.openKBA {
  color: inherit !important;
}

.modalTitle {
  font-size: 14pt;
  margin-top: 10px;
  margin-bottom: 10px;
}

.configurationTable table {
  border: 1px solid #ddd;
}

.configurationTable button {
  margin-bottom: 2rem;
}

.configurationTable input[type=radio] {
  margin-top: 0;
}

.configurationTable input:not([type=checkbox]):not([type=radio]), .configurationTable select {
  min-width: 30%;
  max-width: 50%;
  display: inline-block;
}

@media (max-width: 991px) {
  .configurationTable input, .configurationTable select {
    max-width: 80% !important;
  }
}

.configurationTable .password-lock {
  font-size: 2rem;
  margin-left: 1rem;
  cursor: pointer;
}

.modal-body section {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.modal-body section:last-of-type {
  border-bottom: 0;
}

.modal-body img {
  max-width: 100%;
}

.modal-body .kba-settings label.control-label > span.fa {
  color: inherit;
}

.modal-body .kba-settings label.control-label > span:not(.info) {
  font-weight: normal;
  color: #222;
}

/*******************************************
***	CONSULTATION
*******************************************/
:root {
  --header-height: 64px;
  --mobileMenu-width: 110px;
  --border: 1px solid #ddd;
}

.consultation-page .md-tooltip {
  font-size: 1rem;
  display: flex;
  align-items: center;
  white-space: normal;
  max-width: 500px;
}

.consultation-page header .navbar {
  height: var(--header-height);
}

@media (max-width: 1400px) {
  .consultation-page #consultation {
    max-width: 800px;
  }
}

.consultation-page #mobileMenuButton {
  display: block !important;
  font-size: 16px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  transition: background-color .3s ease;
  background-color: transparent;
  color: #555;
  padding: 11px 14px;
  order: 1;
  align-self: center;
}

@media (min-width: 992px) {
  .consultation-page #mobileMenuButton {
    display: none !important;
  }
}

.consultation-page #mobileMenuButton:hover, .consultation-page #mobileMenuButton:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
  .consultation-page #mobileMenuOverlay {
    display: none !important;
  }
}

.consultation-page #mobileMenu {
  background-color: #fff;
  overflow-y: scroll;
  border-right: var(--border);
}

.consultation-page #mobileMenu .mobileLogoDivider {
  display: none;
}

@media (min-width: 992px) {
  .consultation-page #mobileMenu {
    transform: translate3d(0, 0, 0);
    width: var(--mobileMenu-width);
    top: var(--header-height);
    box-shadow: none !important;
    z-index: 9;
    height: calc(100vh - var(--header-height));
  }
  .consultation-page #mobileMenu .nav-divider {
    display: none;
  }
  .consultation-page #mobileMenu .header_tenants.open {
    border-bottom: var(--border);
  }
  .consultation-page #mobileMenu .header_tenants .dropdown-menu {
    min-width: 0;
  }
  .consultation-page #mobileMenu .header_tenants .dropdown-menu a {
    align-items: flex-start;
    padding: 15px;
  }
  .consultation-page #mobileMenu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .consultation-page #mobileMenu svg {
    display: block;
    margin-bottom: 10px;
  }
}

.consultation-page #mobileMenu a {
  color: inherit;
}

.consultation-page #mobileMenu .mobileMenuLogo {
  display: none;
}

.consultation-page #mobileMenu #mobileListMenu a:hover, .consultation-page #mobileMenu #mobileListMenu a:focus {
  background-color: #f7f7f7;
}

#consultation {
  margin-bottom: 100px;
  padding-top: 30px;
}

@media (max-width: 767px) {
  #consultation {
    padding-top: 96px;
  }
}

#consultation .mwp_container {
  padding: 15px;
}

#consultation h1.title, #consultation h2.header, #consultation h3.subheader {
  margin-left: 30px;
}

#consultation img {
  max-width: 100%;
  height: auto;
}

#consultation .tooltip-inner {
  padding: 6px 12px;
  text-align: left;
  width: 200px;
  /* Fix tooltip-arrow location */
  font-weight: 700;
}

#consultation .displayMessage {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  word-break: break-word;
}

#consultation .questionContainer.topAlign {
  flex-basis: 100%;
}

#consultation .questionContainer .explanation {
  flex-grow: 0;
  flex-basis: 15px;
}

#consultation .questionContainer .explanation + .question {
  margin-left: 0;
  padding-left: 1px;
}

#consultation .question {
  margin-left: 30px;
  font-weight: bold;
  word-wrap: break-word;
}

#consultation .answerContainer {
  margin-left: 30px;
}

#consultation .answerContainer.topAlign > .flex-row {
  flex-wrap: nowrap;
}

#consultation .answerContainer.topAlign .datepickerLabelContainer {
  flex-basis: 100%;
}

#consultation .answerContainer.topAlign .datepickerLabelContainer .explanation {
  flex-grow: 0;
  flex-basis: 15px;
}

#consultation .answerContainer.topAlign .datepickerLabelContainer .explanation + div.question {
  margin-left: 0;
  padding-left: 1px;
}

#consultation .answerContainer.topAlign .datepickerLabelContainer .question {
  font-weight: bold;
}

#consultation .datepicker-variable > .answerContainer.topAlign {
  margin-left: 0;
}

#consultation .datepicker-variable .datepicker .question {
  margin-left: 30px;
}

/*******************************************
	Previous Question Container
*******************************************/
#previousQuestionContainer .whatIfButton {
  flex-grow: 0;
  flex-basis: 20px;
  cursor: pointer;
  transition: all .5s ease;
}

#previousQuestionContainer .whatIfButton:not(.hidden) + .question {
  margin-left: 0;
  padding-left: 1px;
}

#previousQuestionContainer .previousStep {
  margin-bottom: 1rem;
}

#previousQuestionContainer .answer {
  word-wrap: break-word;
  flex-grow: 0;
  width: auto;
  flex-basis: auto;
}

/*******************************************
	Previous Display Container
*******************************************/
#previousDisplayContainer {
  margin-bottom: 2rem;
}

/*******************************************
	Current Question Container
*******************************************/
@media (max-width: 991px) {
  #currentQuestionContainer {
    margin-bottom: 20px;
  }
}

#currentQuestionContainer #displayCollapsedButton {
  margin-right: 10px;
}

#currentQuestionContainer #buttonCollapseContainer {
  flex-direction: row-reverse;
  margin-bottom: 30px;
  flex-shrink: 0;
}

#currentQuestionContainer .variable {
  margin-bottom: 1rem;
}

#currentQuestionContainer .alternativeContainer {
  flex-basis: 100%;
  max-width: 100%;
}

#currentQuestionContainer .alternativeContainer .alternative .radio {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  flex-grow: 0;
  width: auto;
  flex-basis: auto;
  font-weight: normal;
}

#currentQuestionContainer .alternativeContainer .alternative .radio input[type=radio] {
  position: relative;
  margin: 0 10px 0 0;
}

#currentQuestionContainer .alternativeContainer .alternative .checkbox {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  flex-grow: 0;
  width: auto;
  flex-basis: auto;
  font-weight: normal;
}

#currentQuestionContainer .alternativeContainer .alternative .checkbox input[type=checkbox] {
  position: relative;
  margin: 0 10px 0 0;
}

#currentQuestionContainer .alternativeContainer .alternative .infoAlternative {
  cursor: pointer;
  flex-grow: 0;
  align-self: center;
  padding-right: 0;
}

#currentQuestionContainer #controlButtonsContainer {
  top: 80px;
  position: relative;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #currentQuestionContainer #controlButtonsContainer .consultationButton .btn {
    flex-grow: 1;
  }
}

#currentQuestionContainer .documentDownload {
  margin-bottom: 15px;
  margin-left: 30px;
}

#currentQuestionContainer .documentDownload:last-of-type {
  margin-bottom: 0;
}

#currentQuestionContainer .uploadDocument {
  margin-left: 30px;
}

#currentQuestionContainer .uploadDocument #uploadFileForm .uploadItem {
  flex-basis: 100%;
}

#currentQuestionContainer .uploadDocument #uploadFileForm .uploadItem .button {
  margin-bottom: 1rem;
}

/*******************************************
	Summary Container
*******************************************/
#summaryContainer {
  flex-grow: 0;
  flex-basis: 25%;
}

@media (max-width: 767px) {
  #summaryContainer {
    flex-basis: 100%;
    margin-top: 100px;
  }
}

#summaryContainer #match_summary_title {
  font-size: 22px;
}

#summaryContainer #match_summary_content {
  margin-top: 20px;
  max-height: 500px;
  overflow-y: scroll;
}

#summaryContainer .match_summary_button {
  float: right;
  padding-left: 20px;
  font-size: 16px;
  cursor: pointer;
}

.inputPanel {
  border: 1px solid #eee;
  border-radius: 5px;
  height: initial !important;
  left: 0 !important;
  margin-bottom: 20px;
  padding: 10px;
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
}

.frame_title {
  background: none repeat scroll 0 0 white;
  left: 0 !important;
  position: relative !important;
  top: -20px !important;
  z-index: 200;
}

.frame_body {
  border: 0 none !important;
  height: initial !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

.frameBody {
  margin-left: 10px;
}

legend {
  margin-bottom: 15px;
}

.upload-badge {
  background-color: white;
  border-radius: 10px;
}

.modal-body #player-actions .player-actions-button {
  width: 100%;
  max-width: 130px;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #337ab7;
  border: 1px solid #2d6da3;
  color: #fff;
  display: inline-block;
}

.modal-body #player-actions {
  margin-bottom: 20px;
}

.modal-body #player-actions tr td {
  padding: 5px;
}

.modal-body #player-actions tr td:first-child {
  width: 20%;
}

@media (max-width: 991px) {
  .modal-body #player-actions tr td:first-child {
    width: 30%;
  }
  .modal-body #player-actions tr td:last-child {
    padding-left: 5px;
  }
}

/*******************************************
***	UI Attributes
*******************************************/
/***   Title   ***/
h1.title {
  margin-bottom: 30px;
}

/***   Label Top   ***/
.labelTop, .labelBottom {
  flex-basis: 100%;
  max-width: 100%;
  margin-left: 30px;
  min-height: 0;
}

/***   Label Right   ***/
.labelRight, .labelAlternativeRight {
  flex-grow: 0;
  width: auto;
  flex-basis: auto;
  padding-left: 0;
  min-height: 0;
}

/***   Label Bottom   ***/
/***   Label Left   ***/
.labelLeft, .labelAlternativeLeft {
  flex-grow: 0;
  width: auto;
  flex-basis: auto;
  max-width: 30%;
  padding-right: 0;
  min-height: 0;
}

/***   Label Alternative Top   ***/
.labelAlternativeTop, .labelAlternativeBottom {
  flex-basis: 100%;
  max-width: 100%;
  min-height: 0;
}

/***   Label Alternative Right   ***/
/***   Label Alternative Bottom   ***/
/***   Label Alternative Left   ***/
/***   Matrix   ***/
#currentQuestionContainer .matrix table.matrix-table, #previousQuestionContainer .matrix table.matrix-table {
  margin-bottom: 1rem;
}

#currentQuestionContainer .matrix table.matrix-table .variable, #previousQuestionContainer .matrix table.matrix-table .variable {
  margin-bottom: 0;
}

#currentQuestionContainer .previousStepMatrix, #previousQuestionContainer .previousStepMatrix {
  display: flex;
  flex-wrap: nowrap;
  margin-right: -15px;
  margin-left: -15px;
}

#currentQuestionContainer .previousStepMatrix .matrix, #previousQuestionContainer .previousStepMatrix .matrix {
  flex-grow: 1;
  margin-left: 30px;
  padding-left: 7px;
}

#currentQuestionContainer .previousStepMatrix .matrixWhatIfButton:not(.hidden) + .matrix, #previousQuestionContainer .previousStepMatrix .matrixWhatIfButton:not(.hidden) + .matrix {
  margin-left: 8px;
  padding-left: 0;
}

#currentQuestionContainer .previousStepMatrix .matrixWhatIfButton, #previousQuestionContainer .previousStepMatrix .matrixWhatIfButton {
  margin-top: 12px;
  padding-right: 0;
}

/*******************************************
	Angular Slider
*******************************************/
md-slider-container {
  margin-top: 30px;
}

md-slider-container md-slider .md-thumb {
  cursor: pointer;
  -webkit-transform: scale(0.7) !important;
  transform: scale(0.7) !important;
}

md-slider-container md-slider .md-sign {
  cursor: pointer;
  min-width: 60px !important;
  border-radius: 5px !important;
  left: -30px !important;
}

md-slider-container md-slider .md-sign:after {
  left: 16px;
}

md-slider[md-discrete] .md-sign,
md-slider[md-discrete] .md-sign:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.md-track-container, .md-thumb, .md-sign {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/*******************************************
***	WIDGETS
*******************************************/
/***   Datepicker   ***/
.datepicker-variable .btn-info {
  background-color: #fff;
  border-color: #ccc;
}

.datepicker-variable .btn {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.datepicker-variable .btn.active {
  background-color: #337ab7;
  border-color: #2d6da3;
}

.datepicker-variable .btn.active span {
  color: #fff;
}

.datepicker-variable table th, .datepicker-variable table td {
  border: 0;
  padding: 0.25rem;
}

/***   Dropdown list   ***/
.dropdownlist .btn {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.dropdownlist .btn:hover, .dropdownlist .btn:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/*******************************************
	GENERAL
*******************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, caption {
  border: 0;
  outline: 0;
  font-size: 100%;
  text-decoration: none;
}

html {
  font-size: 14px;
  position: relative;
  background-color: transparent;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #222;
  font-size: 1rem;
  margin: 0;
  height: 100%;
  min-height: 100vh;
}

h1, h2, h3, h4, h5 {
  margin-bottom: 0.8333rem;
}

h1 {
  font-size: 2.5rem;
  margin-top: 1.667rem;
}

h2 {
  font-size: 2rem;
  margin-top: 1.667rem;
}

h3 {
  font-size: 1.75rem;
  margin-top: 1.667rem;
}

h4 {
  font-size: 1.5rem;
  margin-top: 0.8333rem;
}

h5 {
  font-size: 1.25rem;
  margin-top: 0.8333rem;
}

p {
  margin-bottom: 1rem;
}

.no-border {
  border: 0 !important;
}

.vertical-align {
  vertical-align: top;
}

.container {
  width: 100%;
  max-width: 1170px;
}

@media (max-width: 1199px) {
  .container {
    width: 96%;
  }
}

div.hardware-accelarate {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media print {
  .container {
    opacity: 1;
  }
  .md-track, .md-sign {
    border: 2px black solid !important;
  }
  .md-slider.md-default-theme.md-primary .md-thumb:after, md-slider.md-primary .md-thumb:after {
    border: 10px black solid !important;
  }
  .md-track {
    border: 1px black solid !important;
  }
  .md-thumb-text {
    color: black !important;
  }
  md-slider .md-sign:after {
    border-left: none !important;
    border-right: none !important;
  }
}

.tableName, .previousTableName {
  display: none;
}

/*******************************************
	FLOATS
*******************************************/
.f-l {
  float: left;
}

.f-r {
  float: right;
}

.f-i {
  float: inherit;
}

#duplicateKbaButton {
  float: left;
}

/*******************************************
	Loading screen
*******************************************/
#loadingBodyContainer {
  position: relative;
  z-index: 2100;
  max-width: 500px;
}

#loadingBody {
  max-width: 600px;
  margin-top: 15%;
  position: fixed;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#loadingBody .loadingIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#loadingBackground {
  background-color: #4d4d4d;
  display: block;
  height: 100%;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}

/* Extend modal functionality */
.modal-xl {
  width: 85%;
}

#pagination {
  text-align: center;
}

.pagination {
  max-width: 355px;
  margin: 30px 0 0 0;
}

.pagination.center, .pagination.center ul {
  float: left;
  position: relative;
}

.pagination.center {
  left: 50%;
}

.pagination.center ul {
  left: -50%;
}

@media (max-width: 640px) {
  .modal-footer .btn-group {
    width: 100%;
  }
  .modal-footer .btn-group {
    margin-bottom: 30px;
  }
}

.nav-pills {
  margin-bottom: 30px;
}

.nav-justified > li {
  display: table-cell;
  width: 1%;
}

ul.nav-pills li a {
  border-radius: 0;
}

ul.nav-pills li:first-child a {
  border-radius: 4px 0 0 4px;
}

ul.nav-pills li:last-child a {
  border-radius: 0 4px 4px 0;
}

.configurationBtn {
  min-width: 120px;
}

.switchKBA {
  margin: auto !important;
  height: auto !important;
}

.errorPre {
  white-space: pre-wrap !important;
  font-family: inherit !important;
  background-color: inherit !important;
  padding: initial !important;
}

/*******************************************
	HEADER
*******************************************/
#header {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
  color: #008fc1;
}

.logo {
  margin: 0 20px;
}

@media (max-width: 380px) {
  .logo {
    display: none;
  }
}

@media (min-width: 992px) {
  .logo {
    margin-left: 0;
  }
}

#mobileMenu {
  background-color: #3783bd;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
}

.headerTab {
  margin-left: 2%;
  margin-right: 2%;
}

@media (max-width: 991px) {
  .headerTab {
    margin-left: 0;
  }
}

.optionMenu {
  margin: 16px 0 16px 20px;
}

#desktopMenu {
  margin-bottom: 0;
}

#desktopMenu li ul {
  margin-top: -2px;
  display: none;
  background: #fff;
  padding: 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 300px;
}

#mobileMenu {
  display: block;
  position: fixed;
  height: 100%;
  left: 0;
  width: 250px;
  z-index: 0;
}

/*******************************************
	Dropdown button Menu
*******************************************/
#button-admin {
  margin: 16px 0px 0px 20px;
  text-transform: none !important;
}

#menu-toolbar {
  background-color: transparent;
}

md-menu-content {
  border-radius: 4px;
}

md-menu-item > .md-button, md-menu-item > md-menu > .md-button {
  font-size: inherit !important;
}

md-menu-item a:hover {
  text-decoration: none;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  content: none;
}

/* Fix issue of align element with submenu */
.parentSubMenu > .md-button {
  padding-right: 16px;
}

/* Make similar to bootstrap buttons */
.md-button {
  min-height: inherit;
  line-height: inherit;
  height: inherit;
  padding: 6px 12px;
}

/*******************************************
	Mobile Menu
*******************************************/
#mobileMenuButton {
  margin: 0;
  margin-right: 1rem;
  border-radius: 0;
  border: 1px solid transparent;
  padding: 11px 14px;
  background-color: var(--primary-color, #3783bd);
  color: #fff;
  font-size: 30px;
}

#mobileMenuButton i {
  margin-right: 0 !important;
}

#mobileMenuButton:focus, #mobileMenuButton:hover {
  background-color: #1e6aa4;
}

#mobileListMenu a {
  color: white;
}

#mobileListMenu a:focus, #mobileListMenu a:hover {
  background-color: #1e6aa4;
}

.mobileLogoDivider {
  height: 3px;
  margin: 9px 0;
  overflow: hidden;
  background-color: white;
}

.desktopListMenu > ul {
  margin-top: 5px;
}

#desktopMenu li:hover > a {
  background: #3783bd;
  color: #fff;
}

#desktopMenu li:hover ul {
  display: block;
  position: absolute;
}

#desktopMenu li a:hover {
  background-color: #3783bd;
  color: #fff;
}

#desktopMenu ul li a:hover {
  background: #3783bd;
  color: white;
  text-decoration: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.desktopSubMenu > li {
  border-bottom: 1px solid #ddd;
}

.desktopSubMenu > li:last-child {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

.body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

a[href], input[type='image'], input[type='radio'], label[for], select,
.pointer {
  cursor: pointer;
}

.modal-dialog .nav-pills {
  margin-bottom: 10px;
}

#userSecurityFilters {
  margin-bottom: 15px;
}

.navbar {
  margin-bottom: 0;
  border: 0;
}

/*Required field asterisk
.form-group.required>div>label:after {
  content:"*";
  color:red;
}*/
.match-required:after {
  content: "*";
  color: red;
}

.match-unique:after {
  content: "*";
  color: blue;
}

/*Spinner ajax calls*/
#spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /* background: transparent url(./images/general/spin.gif) top left
		no-repeat; */
  display: none;
}

.ajaxRequest {
  opacity: 0.65;
  cursor: not-allowed;
}

.breakWord {
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  white-space: initial !important;
}

/* This break long words on the explanation/tooltip */
.tooltip {
  word-wrap: break-word;
}

.consultation-page .md-tooltip {
  height: initial;
  max-width: 800px;
}

/* Label postion left */
.form-inline .checkbox, .form-inline .radio {
  display: table-row;
}

.radio label.control-label, .checkbox label.control-label {
  max-width: 100%;
}

.consultationStep {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  background: transparent;
}

.inputFile {
  font-size: 1.5em;
  margin-left: 10px;
}

/*******************************************
	Angular JS
*******************************************/
/** Keep next CSS style **/
/*Bug on angularjs ui ?? */
.modal-backdrop {
  bottom: -50px;
}

/*Bug on angularjs ui-select ?? Otherwise long label overflow the input*/
.ui-select-bootstrap > .ui-select-match > .btn {
  overflow: hidden;
}

/* Possible problems with mobiles if the text is too long */
.ui-select-bootstrap > .ui-select-choices {
  width: auto !important;
}

/*Bug on angularjs ui-select, long alternatives not overflow*/
.ui-select-match-item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}

/* Support for MQL empty values in dropdownlist */
.ui-select-match.emptyValue {
  display: none;
}

/*Bug on angularjs ui-select, MWS-1885 */
.close.ui-select-match-close {
  color: inherit !important;
}

/* Needed for dropdownlist when label is left, maybe temporal until is solved by the library itself */
.ui-select-search {
  width: 100% !important;
}

/* Needed for dropdownlist when label is left, maybe temporal until is solved by the library itself */
body .ui-select-toggle, body .form-inline .form-control {
  width: 100%;
}

/* Needed for dropdownlist when label is left, maybe temporal until is solved by the library itself */
.ui-select-multiple {
  width: 100% !important;
}

/* Long text (over around 120 characters) overflow page and text is not visible */
.ui-select-bootstrap .ui-select-choices-row > span {
  white-space: normal;
}

/* Fix issue with angular material css*/
input[type="search"] {
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
}

/*END Bug on angularjs ui-select ?? */
/* Bootstrap issue in the tabs*/
.matchConfigurationTab {
  white-space: nowrap;
}

.previousQuestion .glyphicon-pencil {
  cursor: pointer;
}

/*
	START ERROR HANDLING
*/
/*.groupField {
	margin-bottom: 25px !important;
}*/
.appError-error {
  color: #d9534f;
  font-weight: bold;
}

.appError-success {
  color: #5cb85c;
  font-weight: bold;
}

.appError-warning {
  color: #f0ad4e;
  font-weight: bold;
}

.appError-info {
  color: #31708f;
  font-weight: bold;
}

.consultationStep .consultationErrorMessage {
  background: #ff6969;
}

.groupField.ng-dirty.ng-invalid {
  margin-bottom: 0px;
}

form.ng-submitted .ng-invalid, form.ng-submitted .ng-invalid-widget {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
}

.form-control.ng-dirty.ng-invalid, .ng-dirty.ng-invalid-widget {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
}

.form-control.ng-dirty.ng-invalid:focus {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

.form-control.ng-invalid-out-maximum, .form-control.ng-invalid-out-maximum-inclusive,
.form-control.ng-invalid-out-minimum, .form-control.ng-invalid-out-minimum-inclusive {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
}

.form-control.ng-invalid-out-maximum:focus, .form-control.ng-invalid-out-maximum-inclusive:focus,
.form-control.ng-invalid-out-minimum:focus, .form-control.ng-invalid-out-minimum-inclusive:focus {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

form.ng-submitted .form-control.ng-invalid:focus {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

form.ng-submitted .ng-invalid-widget:focus {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

/* Checkbox and radio buttons */
form.ng-submitted input.ng-invalid ~ span {
  color: #cd0000;
}

/* Dropdowns */
form.ng-submitted div.ng-invalid > div.ui-select-match > span {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
}

/* Dropdowns multiple focus */
form.ng-submitted .dropdownlist.ng-invalid.open {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

/* Dropdowns simple focus */
form.ng-submitted div.ng-invalid > div.btn-default-focus {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

/* Dropdowns simple focus */
form.ng-submitted div.ng-invalid > input.form-control:focus {
  border-color: #cd0000;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 34, 34, 0.6);
  outline: 0 none;
}

.datepicker-group table {
  border-spacing: 5px;
  border-collapse: inherit;
  outline: 0;
}

@media (max-width: 420px) {
  .datepicker-group table {
    border-spacing: 3px;
  }
  .datepicker-group table .btn-group-sm > .btn, .btn-sm {
    padding: 5px 6px;
  }
}

/* Datepicker multiple errors */
.errorMessageDatepicker {
  height: auto !important;
}

.errorMessage {
  color: #800000;
}

/* Fix issue of errors while form is rendering*/
#questions.consultationProcessing {
  opacity: 0;
}

#questions:not(.consultationProcessing) {
  opacity: 1;
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -ms-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}

/*
	END ERROR HANDLING
*/
/*
	MOBILE MENU
*/
#mobileMenu {
  z-index: 10000;
  left: 0;
  top: 0;
  overflow-x: hidden;
  height: 100vh;
}

#mobileMenuOverlay {
  opacity: 0.5;
  display: none;
}

#mobileListMenu {
  margin: auto;
  float: initial;
}

#mobileListMenu > li {
  float: initial;
}

.matchMenu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nav .dropdown.open .caret {
  border-top: none;
  border-bottom: 4px solid white;
}

.animated-wrapper {
  /*overflow: hidden;
	position: relative;
	z-index: 1;*/
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

/*
.animated-wrapper[data-state="neutral"] {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

}*/
.animated-wrapper[data-state="slide-right"] {
  -webkit-transform: translate3d(250px, 0, 0);
  -moz-transform: translate3d(250px, 0, 0);
  -o-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}

.animated-menu {
  overflow: hidden;
  z-index: 1;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.animated-menu[data-state="neutral"] {
  -webkit-transform: translate3d(-250px, 0, 0);
  -moz-transform: translate3d(-250px, 0, 0);
  -o-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}

.animated-menu[data-state="slide-right"] {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

/* FORGOT PAGE*/
#forgotCredentialsButton {
  max-width: 50%;
  border-radius: 0 0 10px 0px;
}

#forgotCancelButton {
  max-width: 50%;
  border-radius: 0 0 0px 10px;
  float: left;
}

/* END FORGOT PAGE*/
/* KBA GROUP*/
.group-id-small {
  width: 20px;
}

.group-table {
  overflow-y: scroll;
  height: 300px;
}

/* END KBA GROUP*/
.errorLogDetail {
  word-wrap: break-word;
}

.desktopListMenu {
  float: left;
  list-style: none;
  z-index: 1000;
}

#desktopMenu li {
  list-style: none;
}

#desktopMenu li:hover {
  position: relative;
}

#desktopMenu li a {
  text-decoration: none;
  display: block;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  padding: 24px;
}

.match-warning-message {
  color: #92860f;
}

.checklist_summary {
  max-height: 600px;
  overflow-y: scroll;
}

.checklist_summary ::-webkit-scrollbar, #match_summary_content ::-webkit-scrollbar {
  display: none;
}

/* Classes created intentionally for textarea*/
.noresize {
  resize: none !important;
}

.vresize {
  resize: vertical !important;
}

.hresize {
  resize: horizontal !important;
}

textarea.vresize {
  min-height: 94px;
}

.msd-elastic {
  min-height: 34px;
  /* IE fix */
}

/* #match_summary_content.ng-hide { */
/*   transition:0.1s linear all; */
/*   opacity:0; */
/* } */
/* #match_summary_content.ng-show { */
/*   transition:0.1s linear all; */
/*   opacity:0; */
/* } */
.hide-mmwp-menu {
  display: none !important;
}

.ace-editor {
  height: 400px;
  overflow-y: scroll !important;
}

.email-template-editor {
  height: 400px;
  overflow-y: scroll !important;
}

.email-template-editor textarea {
  height: 400px;
  overflow-y: scroll !important;
}

.email-template-editor .btn-group {
  margin-bottom: 5px;
}

.email-template-editor .form-control {
  margin-top: 15px;
}

.strike {
  text-decoration: line-through;
}

.dropdown-menu {
  font-size: 1rem;
}

#header .fa, #header .dropdown-menu .glyphicon {
  margin-right: 0.5rem;
}

#header .desktopListMenu .fa, .vertical-align {
  vertical-align: middle;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle;
}

.table-small td:first-child {
  width: 30%;
}

/*******************************************
	Color
*******************************************/
.grey {
  background-color: #F2F2F2;
}

.white {
  color: #fff;
}

.green {
  color: #4caf50;
}

.blue {
  color: #45aae8;
}

.red {
  color: #f05253;
}

.yellow {
  color: #f2dc02;
}

.orange {
  color: #ffA500;
}

.maroon {
  color: maroon;
}

.bg-white {
  background-color: #fff;
}

.c-initial {
  color: initial;
}

/*  __PHONES__  */
#headerMobile {
  position: fixed;
  top: 0px;
  z-index: 100;
  width: 100%;
}

#mainBody {
  margin-top: 100px;
}

@media (max-width: 540px) {
  .modal-body table tr td:first-child {
    width: 45%;
  }
  label.control-label {
    max-width: 90%;
  }
}

/*	__END TABLETS-PC__	*/
/*  __TABLETS-PC__  */
@media (min-width: 768px) {
  .consultationButton.center-block {
    max-width: 500px;
  }
}

.ui-select-bootstrap .ui-select-choices-row > span {
  white-space: normal;
}

/*******************************************
	Loading Animation
*******************************************/
.bubblingG {
  text-align: center;
  width: 150px;
  height: 94px;
}

.bubblingG {
  top: -10%;
  max-width: 300px;
  position: relative;
}

.bubblingG span {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 47px auto;
  background: #FFFFFF;
  -moz-border-radius: 94px;
  -moz-animation: bubblingG 0.6s infinite alternate;
  -webkit-border-radius: 94px;
  -webkit-animation: bubblingG 0.6s infinite alternate;
  -ms-border-radius: 94px;
  -ms-animation: bubblingG 0.6s infinite alternate;
  -o-border-radius: 94px;
  -o-animation: bubblingG 0.6s infinite alternate;
  border-radius: 94px;
  animation: bubblingG 0.6s infinite alternate;
}

#bubblingG_1 {
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

#bubblingG_2 {
  -moz-animation-delay: 0.18s;
  -webkit-animation-delay: 0.18s;
  -ms-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
  animation-delay: 0.18s;
}

#bubblingG_3 {
  -moz-animation-delay: 0.36s;
  -webkit-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  -o-animation-delay: 0.36s;
  animation-delay: 0.36s;
}

@-moz-keyframes bubblingG {
  0% {
    width: 19px;
    height: 19px;
    background-color: #FFFFFF;
    -moz-transform: translateY(0);
  }
  100% {
    width: 45px;
    height: 45px;
    background-color: #008EC1;
    -moz-transform: translateY(-39px);
  }
}

@-webkit-keyframes bubblingG {
  0% {
    width: 19px;
    height: 19px;
    background-color: #FFFFFF;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 45px;
    height: 45px;
    background-color: #008EC1;
    -webkit-transform: translateY(-39px);
  }
}

@-ms-keyframes bubblingG {
  0% {
    width: 19px;
    height: 19px;
    background-color: #FFFFFF;
    -ms-transform: translateY(0);
  }
  100% {
    width: 45px;
    height: 45px;
    background-color: #008EC1;
    -ms-transform: translateY(-39px);
  }
}

@-o-keyframes bubblingG {
  0% {
    width: 19px;
    height: 19px;
    background-color: #FFFFFF;
    -o-transform: translateY(0);
  }
  100% {
    width: 45px;
    height: 45px;
    background-color: #008EC1;
    -o-transform: translateY(-39px);
  }
}

@keyframes bubblingG {
  0% {
    width: 19px;
    height: 19px;
    background-color: #FFFFFF;
    transform: translateY(0);
  }
  100% {
    width: 45px;
    height: 45px;
    background-color: #008EC1;
    transform: translateY(-39px);
  }
}
/*# sourceMappingURL=common.css.map */