/* content here*/
/*----------------------------
 Index
------------------------------
1.Dynamics color
2.Common css
3.custom css
5.TextFeild
6.Switch Button
7.Label Required
8.Ridio  Button
9.Button css
10.File Upload
11.Message Alert Bar
12.Command Button
*/
/******************************
 1.Dynamics color
*******************************/
: root
{
	--msd-communication-banner-blue: #0066ff;
  --msd-communication-banner-blue-shade10: # 0258d9;
	--msd-communication-banner-blue-shade20: #054bb6;
  --msd-communication-blue: # 0078d4;
	--msd-communication-blue-shade10: #106ebe;
  --msd-communication-blue-shade20: # 005a9e;
	--msd-dymamics-primary: #2266e3;
  --msd-dymamics-primary-shade10: # 0b53ce;
	--msd-dymamics-primary-shade20: #0742ab;
  --msd-neutrals-web-gray20: # f3f2f1;
	--msd-neutrals-web-gray30: # edebe9;
	--msd-neutrals-web-gray90: # a19f9d;
	--msd-neutrals-web-gray110: #8a8886;
  --msd-neutrals-web-gray130: # 605e5c;
	--msd-neutrals-web-gray160: #323130;
  --msd-neutrals-web-gray190: # 201f1e;
	--msd-message-web-error-blocked: # a80000;
	--msd-white: # fff;
	--msd-black: #000000;
}
/******************************
 2.Common css
*******************************/

.msd-container {
    padding: 0 4.3%;
}
.msd-postion-relative {
  position: relative;
}
.msd-border-bottom {
  border-bottom: 1px solid # d2d0ce;
}.msd-bgColor-blue
{
	background: #4f6bed;
}
.msd-bgColor-green {
  background: # 038387;
}.msd-bgColor-red
{
	background: # d13438;
}.msd-bg-gray
{
	background-color: # f3f2f1;
}.msd-flex
{
	display: flex;
}.msd-flex-wrap
{
	flex-wrap: wrap;
}.msd-justify-content-center
{
	justify-content: center;
}.msd-justify-content-end
{
	justify-content: flex-end;
}.msd-align- items-center
{
	align-items: center;
}.msd-align-items-start
{
	align-items: flex-start;
}.msd-align-items-end
{
	align-items: flex-end;
}.msd-align-items-baseline
{
	align-items: baseline;
}.msd-justify-content-between
{
	justify-content: space-between;
}.msd-flex-grow
{
	flex-grow: 1;
}.msd-flex-end
{
	justify-content: flex-end;
}
.banner-content h1 + p {
  font-size: 18px;
  line-height: 24px;
  color: # 000000;
	width: 100 % ;
	font-weight: normal;
}.msd-relative
{
	position: relative;
}.msd-flex
{
	display: flex;
}.msd-align-items-center
{
	align-items: center;
}.msd-justify-content-between
{
	justify-content: space-between;
}
.msd-flex {
  display: flex;
}
.msd-flex-wrap {
  flex-wrap: wrap;
}
.msd-justify-content-center {
  justify-content: center;
}
.msd-justify-content-end {
  justify-content: flex-end;
}   
.msd-align-items-center {
  align-items: center;
}
.msd-align-items-start {
  align-items: flex-start;
}
.msd-align-items-end {
  align-items: flex-end;
}
.msd-align-items-baseline {
  align-items: baseline;
}
.msd-justify-content-between {
  justify-content: space-between;
}
.msd-justify-content-start {
  justify-content: flex-start;
}
.msd-flex-grow {
  flex-grow: 1;
}
.msd-flex-end {
  justify-content: flex-end;
}
.msd-flex-break {
  flex-basis: 100%;
}
.msd-flex-gap-32 {
 gap:32px;
}
.msd-flex-gap-12 {
 gap:12px;
}
.msd-flex-gap-6 {
 gap:6px;
}