@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.vs-baseline-light-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-baseline-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 2;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-baseline-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 2;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-baseline-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 2;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-baseline-light-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 2;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-baseline-medium-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-baseline-medium-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-baseline-medium-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-baseline-medium-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-baseline-medium-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-baseline-regular-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-baseline-regular-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-baseline-regular-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-baseline-regular-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-baseline-regular-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

/* Body Text Styles*/
.vs-body-light-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-body-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-body-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-body-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-body-light-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-body-medium-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-body-medium-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-body-medium-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-body-medium-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-body-medium-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-body-regular-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-body-regular-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-body-regular-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-body-regular-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-body-regular-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

/* H4 Text Styles*/
.vs-h4-light-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h4-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h4-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h4-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h4-light-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-h4-regular-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h4-regular-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h4-regular-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h4-regular-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h4-regular-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

/* H3 Text Styles*/
.vs-h3-light-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.39;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h3-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.39;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h3-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.39;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h3-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.39;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h3-light-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.39;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-h3-regular-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.39;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h3-regular-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.39;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h3-regular-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.39;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h3-regular-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.39;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h3-regular-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.39;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

/* H2 Text Styles*/
.vs-h2-light-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h2-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h2-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h2-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h2-light-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-h2-regular-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h2-regular-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h2-regular-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h2-regular-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h2-regular-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

/* H1 Text Styles*/
.vs-h1-light-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.07;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h1-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.07;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h1-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.07;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h1-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.07;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h1-light-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.07;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-h1-regular-black {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: normal;
  color: #000000;
  margin: 0; }

.vs-h1-regular-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-h1-regular-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: normal;
  color: #54585A;
  margin: 0; }

.vs-h1-regular-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

.vs-h1-regular-white {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.07;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-alert-text {
  height: 24px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #FD462A;
  margin: 0;
  margin: 0; }

.vs-caption-text {
  height: 24px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0;
  margin: 0; }

.vs-caption-uppercase-text {
  height: 16px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0; }

/*Rafi code Starts here*/
/* Base Styles */
html {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* Body */
body {
  font-family: "Roboto", Arial, sans-serif; }

/*Generic text-overflow*/
.vs-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.vs-text-clip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip; }

/* Generic Horizontal Length properties */
.vs-lnth-small {
  width: 33.33% !important; }

.vs-lnth-big {
  width: 100% !important; }

.vs-lnth-medium {
  width: 50% !important; }

.vs-hoz-len-10 {
  width: 10% !important; }

.vs-hoz-len-20 {
  width: 20% !important; }

.vs-hoz-len-30 {
  width: 30% !important; }

.vs-hoz-len-40 {
  width: 40% !important; }

.vs-hoz-len-50 {
  width: 50% !important; }

.vs-hoz-len-60 {
  width: 60% !important; }

.vs-hoz-len-70 {
  width: 70% !important; }

.vs-hoz-len-80 {
  width: 80% !important; }

.vs-hoz-len-90 {
  width: 90% !important; }

.vs-hoz-len-100 {
  width: 100% !important; }

/* Generic Horizontal Maximum length properties */
.vs-max-hoz-len-10 {
  max-width: 10% !important; }

.vs-max-hoz-len-20 {
  max-width: 20% !important; }

.vs-max-hoz-len-30 {
  max-width: 30% !important; }

.vs-max-hoz-len-40 {
  max-width: 40% !important; }

.vs-max-hoz-len-50 {
  max-width: 50% !important; }

.vs-max-hoz-len-60 {
  max-width: 60% !important; }

.vs-max-hoz-len-70 {
  max-width: 70% !important; }

.vs-max-hoz-len-80 {
  max-width: 80% !important; }

.vs-max-hoz-len-90 {
  max-width: 90% !important; }

.vs-max-hoz-len-100 {
  max-width: 100% !important; }

/* Generic Horizontal Minimum length properties */
.vs-min-hoz-len-10 {
  min-width: 10% !important; }

.vs-min-hoz-len-20 {
  min-width: 20% !important; }

.vs-min-hoz-len-30 {
  min-width: 30% !important; }

.vs-min-hoz-len-40 {
  min-width: 40% !important; }

.vs-min-hoz-len-50 {
  min-width: 50% !important; }

.vs-min-hoz-len-60 {
  min-width: 60% !important; }

.vs-min-hoz-len-70 {
  min-width: 70% !important; }

.vs-min-hoz-len-80 {
  min-width: 80% !important; }

.vs-min-hoz-len-90 {
  min-width: 90% !important; }

.vs-min-hoz-len-100 {
  min-width: 100% !important; }

/* Generic Vertical length properties */
.vs-vrt-lnth-small {
  height: 33.33% !important; }

.vs-vrt-lnth-big {
  height: 100% !important; }

.vs-vrt-lnth-medium {
  height: 50% !important; }

.vs-vrt-len-10 {
  height: 10% !important; }

.vs-vrt-len-20 {
  height: 20% !important; }

.vs-vrt-len-30 {
  height: 30% !important; }

.vs-vrt-len-40 {
  height: 40% !important; }

.vs-vrt-len-50 {
  height: 50% !important; }

.vs-vrt-len-60 {
  height: 60% !important; }

.vs-vrt-len-70 {
  height: 70% !important; }

.vs-vrt-len-80 {
  height: 80% !important; }

.vs-vrt-len-90 {
  height: 90% !important; }

.vs-vrt-len-100 {
  height: 100% !important; }

/* Generic Vertical Maximum length properties */
.vs-max-vrt-len-10 {
  max-height: 10% !important; }

.vs-max-vrt-len-20 {
  max-height: 20% !important; }

.vs-max-vrt-len-30 {
  max-height: 30% !important; }

.vs-vrt-len-40 {
  max-height: 40% !important; }

.vs-max-vrt-len-50 {
  max-height: 50% !important; }

.vs-max-vrt-len-60 {
  max-height: 60% !important; }

.vs-max-vrt-len-70 {
  max-height: 70% !important; }

.vs-max-vrt-len-80 {
  max-height: 80% !important; }

.vs-max-vrt-len-90 {
  max-height: 90% !important; }

.vs-max-vrt-len-100 {
  max-height: 100% !important; }

/* Generic Vertical Minimum length properties */
.vs-min-vrt-len-10 {
  min-height: 10% !important; }

.vs-min-vrt-len-20 {
  min-height: 20% !important; }

.vs-min-vrt-len-30 {
  min-height: 30% !important; }

.vs-min-vrt-len-40 {
  min-height: 40% !important; }

.vs-min-vrt-len-50 {
  min-height: 50% !important; }

.vs-min-vrt-len-60 {
  min-height: 60% !important; }

.vs-min-vrt-len-70 {
  min-height: 70% !important; }

.vs-min-vrt-len-80 {
  min-height: 80% !important; }

.vs-min-vrt-len-90 {
  min-height: 90% !important; }

.vs-min-vrt-len-100 {
  min-height: 100% !important; }

/* Generic Margin properties */
.vs-bottom-mgn-0 {
  margin-bottom: 0px !important; }

.vs-bottom-mgn-8 {
  margin-bottom: 8px !important; }

.vs-bottom-mgn-16 {
  margin-bottom: 16px !important; }

.vs-bottom-mgn-24 {
  margin-bottom: 24px !important; }

.vs-bottom-mgn-32 {
  margin-bottom: 32px !important; }

.vs-top-mgn-0 {
  margin-top: 0px !important; }

.vs-top-mgn-8 {
  margin-top: 8px !important; }

.vs-top-mgn-16 {
  margin-top: 16px !important; }

.vs-top-mgn-24 {
  margin-top: 24px !important; }

.vs-top-mgn-32 {
  margin-top: 32px !important; }

.vs-left-mgn-0 {
  margin-left: 0px !important; }

.vs-left-mgn-8 {
  margin-left: 8px !important; }

.vs-left-mgn-16 {
  margin-left: 16px !important; }

.vs-left-mgn-24 {
  margin-left: 24px !important; }

.vs-left-mgn-32 {
  margin-left: 32px !important; }

.vs-right-mgn-0 {
  margin-right: 0px !important; }

.vs-right-mgn-8 {
  margin-right: 8px !important; }

.vs-right-mgn-16 {
  margin-right: 16px !important; }

.vs-right-mgn-24 {
  margin-right: 24px !important; }

.vs-right-mgn-32 {
  margin-right: 32px !important; }

/*Generic Padding properties */
.vs-left-pad-8 {
  padding-left: 8px !important; }

.vs-left-pad-16 {
  padding-left: 16px !important; }

.vs-left-pad-24 {
  padding-left: 24px !important; }

.vs-right-pad-8 {
  padding-right: 8px !important; }

.vs-right-pad-16 {
  padding-right: 16px !important; }

.vs-right-pad-24 {
  padding-right: 24px !important; }

/* Generic Text Aligns */
.vs-txt-aln-center {
  text-align: center !important; }

.vs-txt-aln-left {
  text-align: left !important; }

.vs-txt-aln-right {
  text-align: left !important; }

.vs-show-scroll {
  overflow-x: hidden;
  height: inherit;
  overflow-y: scroll; }

/* Import font icons */
/* Updated on 09/26/2022*/
@font-face {
  font-family: 'argus-icons';
  src:  url('../fonts/argus-icons.eot?piwg5z');
  src:  url('../fonts/argus-icons.eot?piwg5z#iefix') format('embedded-opentype'),
    url('../fonts/argus-icons.ttf?piwg5z') format('truetype'),
    url('../fonts/argus-icons.woff?piwg5z') format('woff'),
    url('../fonts/argus-icons.svg?piwg5z#argus-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'argus-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #54585A;
}

.icon-run-comparision:before {
  content: "\e92d";
}
.icon-filter-off:before {
  content: "\e92a";
}
.icon-filter-on:before {
  content: "\e92b";
}
.icon-version:before {
  content: "\e92c";
}
.icon-calculator-line:before {
  content: "\e929";
}
.icon-work-flow:before {
  content: "\e928";
}
.icon-ascending:before {
  content: "\e91a";
}
.icon-cloud-done:before {
  content: "\e91b";
}
.icon-content-paste:before {
  content: "\e91c";
}
.icon-delete:before {
  content: "\e91d";
}
.icon-descending:before {
  content: "\e91e";
}
.icon-drag-indicator:before {
  content: "\e91f";
}
.icon-filter-alt:before {
  content: "\e920";
}
.icon-first-page:before {
  content: "\e921";
}
.icon-last-page:before {
  content: "\e922";
}
.icon-published-changes:before {
  content: "\e923";
}
.icon-swap-vert:before {
  content: "\e924";
}
.icon-table-rows:before {
  content: "\e925";
}
.icon-text-fields:before {
  content: "\e926";
}
.icon-verified:before {
  content: "\e927";
}
.icon-query-closed:before {
  content: "\e918";
}
.icon-query-resolved:before {
  content: "\e919";
}
.icon-vintage-parameter-editor:before {
  content: "\e911";
}
.icon-view-graphs:before {
  content: "\e912";
}
.icon-precision-increase:before {
  content: "\e913";
}
.icon-precision-decrease:before {
  content: "\e914";
}
.icon-maturation-editor:before {
  content: "\e915";
}
.icon-exogenous-events-editor:before {
  content: "\e916";
}
.icon-create-new-graph:before {
  content: "\e917";
}
.icon-import-scenario:before {
  content: "\e90d";
}
.icon-new-scenario:before {
  content: "\e90e";
}
.icon-view-model-analysis:before {
  content: "\e90f";
}
.icon-view-scenario:before {
  content: "\e910";
}
.icon-create-folder:before {
  content: "\e907";
}
.icon-file-download:before {
  content: "\e908";
}
.icon-file-share:before {
  content: "\e909";
}
.icon-file-upload:before {
  content: "\e90a";
}
.icon-move-path:before {
  content: "\e90b";
}
.icon-user-permission:before {
  content: "\e90c";
}
.icon-add-comment:before {
  content: "\e904";
}
.icon-all-comments-added:before {
  content: "\e905";
}
.icon-edit-comment:before {
  content: "\e906";
}
.icon-more-alt:before {
  content: "\e901";
}
.icon-inbox-alt:before {
  content: "\e902";
}
.icon-clock-alt:before {
  content: "\e903";
}
.icon-pw-reset:before {
  content: "\e900";
}
.icon-3d-rotation:before {
  content: "\f101";
}
.icon-airplane-mode-off:before {
  content: "\f102";
}
.icon-airplane-mode-on:before {
  content: "\f103";
}
.icon-disc:before {
  content: "\f104";
}
.icon-store-download:before {
  content: "\f105";
}
.icon-profile:before {
  content: "\f106";
}
.icon-profile-warning:before {
  content: "\f107";
}
.icon-profile-valid:before {
  content: "\f108";
}
.icon-tasks:before {
  content: "\f109";
}
.icon-profile-import:before {
  content: "\f10a";
}
.icon-profile-download:before {
  content: "\f10b";
}
.icon-profile-details:before {
  content: "\f10c";
}
.icon-attachment:before {
  content: "\f10d";
}
.icon-attachment-horizontal:before {
  content: "\f10e";
}
.icon-tone:before {
  content: "\f10f";
}
.icon-verified1:before {
  content: "\f110";
}
.icon-wallet:before {
  content: "\f111";
}
.icon-bank:before {
  content: "\f112";
}
.icon-battery-warning:before {
  content: "\f113";
}
.icon-battery-charging:before {
  content: "\f114";
}
.icon-battery-indeterminate:before {
  content: "\f115";
}
.icon-battery:before {
  content: "\f116";
}
.icon-cycle:before {
  content: "\f117";
}
.icon-cancel:before {
  content: "\f118";
}
.icon-cancel-alternate:before {
  content: "\f119";
}
.icon-cruise:before {
  content: "\f11a";
}
.icon-bookmark-picture:before {
  content: "\f11b";
}
.icon-bookmark-document:before {
  content: "\f11c";
}
.icon-bookmark-outline:before {
  content: "\f11d";
}
.icon-bookmark-solid:before {
  content: "\f11e";
}
.icon-paint-brush:before {
  content: "\f11f";
}
.icon-bug:before {
  content: "\f120";
}
.icon-bus:before {
  content: "\f121";
}
.icon-cake:before {
  content: "\f122";
}
.icon-car-taxi:before {
  content: "\f123";
}
.icon-car-wash:before {
  content: "\f124";
}
.icon-car:before {
  content: "\f125";
}
.icon-gift:before {
  content: "\f126";
}
.icon-receipt:before {
  content: "\f127";
}
.icon-purchase:before {
  content: "\f128";
}
.icon-card:before {
  content: "\f129";
}
.icon-folio-verfied:before {
  content: "\f12a";
}
.icon-folio-download:before {
  content: "\f12b";
}
.icon-folio-play:before {
  content: "\f12c";
}
.icon-folio:before {
  content: "\f12d";
}
.icon-stream-solid:before {
  content: "\f12e";
}
.icon-stream-outline:before {
  content: "\f12f";
}
.icon-chart-pie:before {
  content: "\f130";
}
.icon-chart-bar:before {
  content: "\f131";
}
.icon-building-res:before {
  content: "\f132";
}
.icon-building-office:before {
  content: "\f133";
}
.icon-cancel-outline:before {
  content: "\f134";
}
.icon-cancel-solid:before {
  content: "\f135";
}
.icon-close:before {
  content: "\f136";
}
.icon-drinks:before {
  content: "\f137";
}
.icon-grow:before {
  content: "\f138";
}
.icon-grow-device:before {
  content: "\f139";
}
.icon-move:before {
  content: "\f13a";
}
.icon-coffee:before {
  content: "\f13b";
}
.icon-collections-bookmark:before {
  content: "\f13c";
}
.icon-collections-purchase:before {
  content: "\f13d";
}
.icon-collections-folder:before {
  content: "\f13e";
}
.icon-collections-image-outline:before {
  content: "\f13f";
}
.icon-collections-image-solid:before {
  content: "\f140";
}
.icon-collections-one:before {
  content: "\f141";
}
.icon-collections-two:before {
  content: "\f142";
}
.icon-collections-three:before {
  content: "\f143";
}
.icon-collections-four:before {
  content: "\f144";
}
.icon-collections-five:before {
  content: "\f145";
}
.icon-collections-six:before {
  content: "\f146";
}
.icon-collections-seven:before {
  content: "\f147";
}
.icon-collections-eight:before {
  content: "\f148";
}
.icon-colections-nine-plus:before {
  content: "\f149";
}
.icon-collections-nine:before {
  content: "\f14a";
}
.icon-collections:before {
  content: "\f14b";
}
.icon-collections-songs:before {
  content: "\f14c";
}
.icon-collections-pdf:before {
  content: "\f14d";
}
.icon-collections-add:before {
  content: "\f14e";
}
.icon-collections-sound:before {
  content: "\f14f";
}
.icon-collections-details:before {
  content: "\f150";
}
.icon-collections-video:before {
  content: "\f151";
}
.icon-compass:before {
  content: "\f152";
}
.icon-restaurant:before {
  content: "\f153";
}
.icon-trash-solid:before {
  content: "\f154";
}
.icon-dialpad:before {
  content: "\f155";
}
.icon-hdd-nas:before {
  content: "\f156";
}
.icon-water:before {
  content: "\f157";
}
.icon-edit:before {
  content: "\f158";
}
.icon-mail-read:before {
  content: "\f159";
}
.icon-mail-unread:before {
  content: "\f15a";
}
.icon-hide:before {
  content: "\f15b";
}
.icon-show:before {
  content: "\f15c";
}
.icon-picker:before {
  content: "\f15d";
}
.icon-heart-outline:before {
  content: "\f15e";
}
.icon-heart-solid:before {
  content: "\f15f";
}
.icon-filter:before {
  content: "\f160";
}
.icon-fire:before {
  content: "\f161";
}
.icon-flag:before {
  content: "\f162";
}
.icon-star:before {
  content: "\f163";
}
.icon-flash-auto:before {
  content: "\f164";
}
.icon-flash-no:before {
  content: "\f165";
}
.icon-flash:before {
  content: "\f166";
}
.icon-complete:before {
  content: "\f167";
}
.icon-plant:before {
  content: "\f168";
}
.icon-flower:before {
  content: "\f169";
}
.icon-text:before {
  content: "\f16a";
}
.icon-stretch:before {
  content: "\f16b";
}
.icon-window-collapse:before {
  content: "\f16c";
}
.icon-window-expand:before {
  content: "\f16d";
}
.icon-formula:before {
  content: "\f16e";
}
.icon-fuel:before {
  content: "\f16f";
}
.icon-draw:before {
  content: "\f170";
}
.icon-internet:before {
  content: "\f171";
}
.icon-connection-secure:before {
  content: "\f172";
}
.icon-connection:before {
  content: "\f173";
}
.icon-school:before {
  content: "\f174";
}
.icon-home:before {
  content: "\f175";
}
.icon-chemist:before {
  content: "\f176";
}
.icon-add-object:before {
  content: "\f177";
}
.icon-bed:before {
  content: "\f178";
}
.icon-timer-running:before {
  content: "\f179";
}
.icon-timer-outline:before {
  content: "\f17a";
}
.icon-timer-solid:before {
  content: "\f17b";
}
.icon-url:before {
  content: "\f17c";
}
.icon-picture-landscape:before {
  content: "\f17d";
}
.icon-picture-outline:before {
  content: "\f17e";
}
.icon-picture-solid:before {
  content: "\f17f";
}
.icon-inbox:before {
  content: "\f180";
}
.icon-colours-remove:before {
  content: "\f181";
}
.icon-colours:before {
  content: "\f182";
}
.icon-key:before {
  content: "\f183";
}
.icon-mark-outline:before {
  content: "\f184";
}
.icon-mark-solid:before {
  content: "\f185";
}
.icon-tag-design:before {
  content: "\f186";
}
.icon-tag:before {
  content: "\f187";
}
.icon-shadecard:before {
  content: "\f188";
}
.icon-bulb:before {
  content: "\f189";
}
.icon-landscape:before {
  content: "\f18a";
}
.icon-layers-none:before {
  content: "\f18b";
}
.icon-layers:before {
  content: "\f18c";
}
.icon-library:before {
  content: "\f18d";
}
.icon-link:before {
  content: "\f18e";
}
.icon-unlock:before {
  content: "\f18f";
}
.icon-lock-outline:before {
  content: "\f190";
}
.icon-lock-solid:before {
  content: "\f191";
}
.icon-undo-all:before {
  content: "\f192";
}
.icon-undo:before {
  content: "\f193";
}
.icon-send:before {
  content: "\f194";
}
.icon-mall:before {
  content: "\f195";
}
.icon-layout:before {
  content: "\f196";
}
.icon-settings:before {
  content: "\f197";
}
.icon-dollar-cash:before {
  content: "\f198";
}
.icon-dollar-none:before {
  content: "\f199";
}
.icon-dollar:before {
  content: "\f19a";
}
.icon-settings-min:before {
  content: "\f19b";
}
.icon-ellipsis:before {
  content: "\f19c";
}
.icon-film:before {
  content: "\f19d";
}
.icon-movie:before {
  content: "\f19e";
}
.icon-tree-man:before {
  content: "\f19f";
}
.icon-tree:before {
  content: "\f1a0";
}
.icon-pointer:before {
  content: "\f1a1";
}
.icon-upload:before {
  content: "\f1a2";
}
.icon-goto-link:before {
  content: "\f1a3";
}
.icon-pallette:before {
  content: "\f1a4";
}
.icon-letter-p:before {
  content: "\f1a5";
}
.icon-details-person:before {
  content: "\f1a6";
}
.icon-details-objection:before {
  content: "\f1a7";
}
.icon-location:before {
  content: "\f1a8";
}
.icon-details-unknown:before {
  content: "\f1a9";
}
.icon-location-none:before {
  content: "\f1aa";
}
.icon-location-pin:before {
  content: "\f1ab";
}
.icon-pizza:before {
  content: "\f1ac";
}
.icon-band-aid:before {
  content: "\f1ad";
}
.icon-power-settings:before {
  content: "\f1ae";
}
.icon-power:before {
  content: "\f1af";
}
.icon-printer:before {
  content: "\f1b0";
}
.icon-puzzle:before {
  content: "\f1b1";
}
.icon-quotes:before {
  content: "\f1b2";
}
.icon-train:before {
  content: "\f1b3";
}
.icon-tear-away:before {
  content: "\f1b4";
}
.icon-reset:before {
  content: "\f1b5";
}
.icon-reset-error:before {
  content: "\f1b6";
}
.icon-reset-none:before {
  content: "\f1b7";
}
.icon-reset-alternate:before {
  content: "\f1b8";
}
.icon-reset-refresh:before {
  content: "\f1b9";
}
.icon-roller:before {
  content: "\f1ba";
}
.icon-scale:before {
  content: "\f1bb";
}
.icon-scissors:before {
  content: "\f1bc";
}
.icon-rotate-lock:before {
  content: "\f1bd";
}
.icon-rotate:before {
  content: "\f1be";
}
.icon-search-again:before {
  content: "\f1bf";
}
.icon-search-document:before {
  content: "\f1c0";
}
.icon-search-object:before {
  content: "\f1c1";
}
.icon-search-reset:before {
  content: "\f1c2";
}
.icon-search:before {
  content: "\f1c3";
}
.icon-chair:before {
  content: "\f1c4";
}
.icon-settings-object:before {
  content: "\f1c5";
}
.icon-settings-gear:before {
  content: "\f1c6";
}
.icon-security-verified:before {
  content: "\f1c7";
}
.icon-security:before {
  content: "\f1c8";
}
.icon-basket:before {
  content: "\f1c9";
}
.icon-cart-add:before {
  content: "\f1ca";
}
.icon-cart:before {
  content: "\f1cb";
}
.icon-go-to:before {
  content: "\f1cc";
}
.icon-sort-ascending:before {
  content: "\f1cd";
}
.icon-sort-descending:before {
  content: "\f1ce";
}
.icon-sort-az:before {
  content: "\f1cf";
}
.icon-sort-za:before {
  content: "\f1d0";
}
.icon-validate:before {
  content: "\f1d1";
}
.icon-storage:before {
  content: "\f1d2";
}
.icon-store-24:before {
  content: "\f1d3";
}
.icon-store:before {
  content: "\f1d4";
}
.icon-metro:before {
  content: "\f1d5";
}
.icon-sun:before {
  content: "\f1d6";
}
.icon-tab-unselected:before {
  content: "\f1d7";
}
.icon-tab-selected:before {
  content: "\f1d8";
}
.icon-remark-close:before {
  content: "\f1d9";
}
.icon-remark-details:before {
  content: "\f1da";
}
.icon-remark:before {
  content: "\f1db";
}
.icon-vote-down:before {
  content: "\f1dc";
}
.icon-vote:before {
  content: "\f1dd";
}
.icon-vote-up:before {
  content: "\f1de";
}
.icon-ticket:before {
  content: "\f1df";
}
.icon-motion:before {
  content: "\f1e0";
}
.icon-wind:before {
  content: "\f1e1";
}
.icon-traffic:before {
  content: "\f1e2";
}
.icon-translate:before {
  content: "\f1e3";
}
.icon-arrow-outline-down:before {
  content: "\f1e4";
}
.icon-arrow-outline-up:before {
  content: "\f1e5";
}
.icon-truck:before {
  content: "\f1e6";
}
.icon-right:before {
  content: "\f1e7";
}
.icon-frame:before {
  content: "\f1e8";
}
.icon-washer:before {
  content: "\f1e9";
}
.icon-window-max:before {
  content: "\f1ea";
}
.icon-window-hide:before {
  content: "\f1eb";
}
.icon-window-min:before {
  content: "\f1ec";
}
.icon-wrench:before {
  content: "\f1ed";
}
.icon-zoom-in:before {
  content: "\f1ee";
}
.icon-zoom-out:before {
  content: "\f1ef";
}
.icon-alert-outline:before {
  content: "\f1f0";
}
.icon-alert-solid:before {
  content: "\f1f1";
}
.icon-alert-hex:before {
  content: "\f1f2";
}
.icon-alert-star:before {
  content: "\f1f3";
}
.icon-alert-triangle:before {
  content: "\f1f4";
}
.icon-doubt-outline:before {
  content: "\f1f5";
}
.icon-doubt-solid:before {
  content: "\f1f6";
}
.icon-info-outline:before {
  content: "\f1f7";
  width: 67px;
  display: block;
}
.icon-info-solid:before {
  content: "\f1f8";
}
.icon-notification:before {
  content: "\f1f9";
}
.icon-notification-add:before {
  content: "\f1fa";
}
.icon-notification-outline:before {
  content: "\f1fb";
}
.icon-notifictio-cancel:before {
  content: "\f1fc";
}
.icon-notification-sleep:before {
  content: "\f1fd";
}
.icon-notifiaction-solid:before {
  content: "\f1fe";
}
.icon-person-add:before {
  content: "\f1ff";
}
.icon-person-mail:before {
  content: "\f200";
}
.icon-person-object:before {
  content: "\f201";
}
.icon-person-call:before {
  content: "\f202";
}
.icon-person-object-solid:before {
  content: "\f203";
}
.icon-person-object-calendar:before {
  content: "\f204";
}
.icon-person-profile:before {
  content: "\f205";
}
.icon-person-outline:before {
  content: "\f206";
}
.icon-person-solid:before {
  content: "\f207";
}
.icon-person-add-group:before {
  content: "\f208";
}
.icon-person-group:before {
  content: "\f209";
}
.icon-person-list:before {
  content: "\f20a";
}
.icon-person-import:before {
  content: "\f20b";
}
.icon-person-team-outline:before {
  content: "\f20c";
}
.icon-person-team-solid:before {
  content: "\f20d";
}
.icon-person-face:before {
  content: "\f20e";
}
.icon-person-female:before {
  content: "\f20f";
}
.icon-person-male:before {
  content: "\f210";
}
.icon-person-unisex:before {
  content: "\f211";
}
.icon-person-stand:before {
  content: "\f212";
}
.icon-person-sad:before {
  content: "\f213";
}
.icon-person-happy:before {
  content: "\f214";
}
.icon-person-run:before {
  content: "\f215";
}
.icon-person-walk:before {
  content: "\f216";
}
.icon-cloud-object:before {
  content: "\f217";
}
.icon-cloud-profile:before {
  content: "\f218";
}
.icon-cloud-verified:before {
  content: "\f219";
}
.icon-cloud-download:before {
  content: "\f21a";
}
.icon-cloud-disconnect:before {
  content: "\f21b";
}
.icon-cloud-stylistic:before {
  content: "\f21c";
}
.icon-cloud-outline:before {
  content: "\f21d";
}
.icon-cloud-upload:before {
  content: "\f21e";
}
.icon-cloud-solid:before {
  content: "\f21f";
}
.icon-download:before {
  content: "\f220";
}
.icon-document-add:before {
  content: "\f221";
}
.icon-document-details:before {
  content: "\f222";
}
.icon-document:before {
  content: "\f223";
}
.icon-folder:before {
  content: "\f224";
}
.icon-folder-person:before {
  content: "\f225";
}
.icon-folder-star-big:before {
  content: "\f226";
}
.icon-golder-star-small:before {
  content: "\f227";
}
.icon-folder-solid:before {
  content: "\f228";
}
.icon-gif:before {
  content: "\f229";
}
.icon-upload-dash:before {
  content: "\f22a";
}
.icon-grid:before {
  content: "\f22b";
}
.icon-grid-border-bottom:before {
  content: "\f22c";
}
.icon-grid-outline:before {
  content: "\f22d";
}
.icon-edit-row:before {
  content: "\f22e";
}
.icon-grid-divider-h:before {
  content: "\f22f";
}
.icon-grid-dividers:before {
  content: "\f230";
}
.icon-grid-border-left:before {
  content: "\f231";
}
.icon-grid-border-all:before {
  content: "\f232";
}
.icon-grid-border-right:before {
  content: "\f233";
}
.icon-grid-border-topleft:before {
  content: "\f234";
}
.icon-grid-border-top:before {
  content: "\f235";
}
.icon-grid-divider-v:before {
  content: "\f236";
}
.icon-file-copy:before {
  content: "\f237";
}
.icon-arrow-juxtapose:before {
  content: "\f238";
}
.icon-align-center:before {
  content: "\f239";
}
.icon-align-justify:before {
  content: "\f23a";
}
.icon-align-left:before {
  content: "\f23b";
}
.icon-align-right:before {
  content: "\f23c";
}
.icon-text-bold:before {
  content: "\f23d";
}
.icon-text-stagger:before {
  content: "\f23e";
}
.icon-text-format-cancel:before {
  content: "\f23f";
}
.icon-colour-line:before {
  content: "\f240";
}
.icon-colour-clear:before {
  content: "\f241";
}
.icon-text-format:before {
  content: "\f242";
}
.icon-text-indent-left:before {
  content: "\f243";
}
.icon-text-indent-right:before {
  content: "\f244";
}
.icon-text-italics:before {
  content: "\f245";
}
.icon-text-line-spacing:before {
  content: "\f246";
}
.icon-text-bullets:before {
  content: "\f247";
}
.icon-text-list:before {
  content: "\f248";
}
.icon-margin-right:before {
  content: "\f249";
}
.icon-margin-left:before {
  content: "\f24a";
}
.icon-text-size:before {
  content: "\f24b";
}
.icon-text-strike:before {
  content: "\f24c";
}
.icon-text-strike-through:before {
  content: "\f24d";
}
.icon-align-justify-parA:before {
  content: "\f24e";
}
.icon-text-underline:before {
  content: "\f24f";
}
.icon-text-move-down:before {
  content: "\f250";
}
.icon-text-align:before {
  content: "\f251";
}
.icon-text-move-up:before {
  content: "\f252";
}
.icon-redo-arrow:before {
  content: "\f253";
}
.icon-center:before {
  content: "\f254";
}
.icon-text-space:before {
  content: "\f255";
}
.icon-text-format-small:before {
  content: "\f256";
}
.icon-arrow-pivot:before {
  content: "\f257";
}
.icon-undo-arrow:before {
  content: "\f258";
}
.icon-text-reorder:before {
  content: "\f259";
}
.icon-chat-alert:before {
  content: "\f25a";
}
.icon-chat-details-l:before {
  content: "\f25b";
}
.icon-chat-solid-l:before {
  content: "\f25c";
}
.icon-chat-edit:before {
  content: "\f25d";
}
.icon-chat-picture:before {
  content: "\f25e";
}
.icon-chat-tasks:before {
  content: "\f25f";
}
.icon-chat-typing:before {
  content: "\f260";
}
.icon-chat-outline:before {
  content: "\f261";
}
.icon-chat-text:before {
  content: "\f262";
}
.icon-chat-details:before {
  content: "\f263";
}
.icon-chat-video:before {
  content: "\f264";
}
.icon-chat-solid:before {
  content: "\f265";
}
.icon-chat-conversation:before {
  content: "\f266";
}
.icon-chat-read:before {
  content: "\f267";
}
.icon-accepted-line:before {
  content: "\f268";
}
.icon-accepted-round:before {
  content: "\f269";
}
.icon-accepted-object:before {
  content: "\f26a";
}
.icon-chat-delivered:before {
  content: "\f26b";
}
.icon-circle:before {
  content: "\f26c";
}
.icon-circle-solid:before {
  content: "\f26d";
}
.icon-circle-bullseye:before {
  content: "\f26e";
}
.icon-radio-selected:before {
  content: "\f26f";
}
.icon-circle-cancel:before {
  content: "\f270";
}
.icon-circle-cancel-solid:before {
  content: "\f271";
}
.icon-cancel-object:before {
  content: "\f272";
}
.icon-cancel-minus:before {
  content: "\f273";
}
.icon-circle-addto:before {
  content: "\f274";
}
.icon-circle-add:before {
  content: "\f275";
}
.icon-circle-add-solid:before {
  content: "\f276";
}
.icon-square-add:before {
  content: "\f277";
}
.icon-add:before {
  content: "\f278";
}
.icon-object:before {
  content: "\f279";
}
.icon-circle-star:before {
  content: "\f27a";
}
.icon-star-half:before {
  content: "\f27b";
}
.icon-star-outline:before {
  content: "\f27c";
}
.icon-star-solid:before {
  content: "\f27d";
}
.icon-bt-connected:before {
  content: "\f27e";
}
.icon-bt-off:before {
  content: "\f27f";
}
.icon-bt-transmit:before {
  content: "\f280";
}
.icon-bt-settings:before {
  content: "\f281";
}
.icon-bt:before {
  content: "\f282";
}
.icon-camera:before {
  content: "\f283";
}
.icon-camera-aperture:before {
  content: "\f284";
}
.icon-camera-bw:before {
  content: "\f285";
}
.icon-camera-selfie:before {
  content: "\f286";
}
.icon-camera-mic:before {
  content: "\f287";
}
.icon-camera-reselt:before {
  content: "\f288";
}
.icon-camera-selfie-solid:before {
  content: "\f289";
}
.icon-camera-film:before {
  content: "\f28a";
}
.icon-camera-wide0angle:before {
  content: "\f28b";
}
.icon-camera-solid:before {
  content: "\f28c";
}
.icon-card-alert:before {
  content: "\f28d";
}
.icon-card-not-found:before {
  content: "\f28e";
}
.icon-card-solid:before {
  content: "\f28f";
}
.icon-card-sim:before {
  content: "\f290";
}
.icon-desktop:before {
  content: "\f291";
}
.icon-monitor:before {
  content: "\f292";
}
.icon-device-hub:before {
  content: "\f293";
}
.icon-device-disconnect:before {
  content: "\f294";
}
.icon-device-connect:before {
  content: "\f295";
}
.icon-device-phone:before {
  content: "\f296";
}
.icon-save:before {
  content: "\f297";
}
.icon-device-gamepad:before {
  content: "\f298";
}
.icon-gps-dot:before {
  content: "\f299";
}
.icon-gps-off:before {
  content: "\f29a";
}
.icon-gps:before {
  content: "\f29b";
}
.icon-headphones-mic:before {
  content: "\f29c";
}
.icon-headphones:before {
  content: "\f29d";
}
.icon-hub-broadcast:before {
  content: "\f29e";
}
.icon-cables:before {
  content: "\f29f";
}
.icon-cables-vga:before {
  content: "\f2a0";
}
.icon-cables-power:before {
  content: "\f2a1";
}
.icon-cables-analog:before {
  content: "\f2a2";
}
.icon-keyboard-connect:before {
  content: "\f2a3";
}
.icon-keyboard:before {
  content: "\f2a4";
}
.icon-laptop:before {
  content: "\f2a5";
}
.icon-laptop-mac:before {
  content: "\f2a6";
}
.icon-laptop-alternate:before {
  content: "\f2a7";
}
.icon-mic-off:before {
  content: "\f2a8";
}
.icon-mic-outline:before {
  content: "\f2a9";
}
.icon-mic-settings:before {
  content: "\f2aa";
}
.icon-mic-solid:before {
  content: "\f2ab";
}
.icon-mouse:before {
  content: "\f2ac";
}
.icon-signal-alert:before {
  content: "\f2ad";
}
.icon-signal-locked:before {
  content: "\f2ae";
}
.icon-signal-cancel:before {
  content: "\f2af";
}
.icon-signal-outline:before {
  content: "\f2b0";
}
.icon-signal-settings:before {
  content: "\f2b1";
}
.icon-signal-solid:before {
  content: "\f2b2";
}
.icon-phone-bluetooth:before {
  content: "\f2b3";
}
.icon-phone-dc:before {
  content: "\f2b4";
}
.icon-phone-out:before {
  content: "\f2b5";
}
.icon-phone-transmit:before {
  content: "\f2b6";
}
.icon-phone-lock:before {
  content: "\f2b7";
}
.icon-phone-missed:before {
  content: "\f2b8";
}
.icon-phone-chat:before {
  content: "\f2b9";
}
.icon-phone-pause:before {
  content: "\f2ba";
}
.icon-phone-ring:before {
  content: "\f2bb";
}
.icon-phone-settings:before {
  content: "\f2bc";
}
.icon-phone-sip:before {
  content: "\f2bd";
}
.icon-phone-solid:before {
  content: "\f2be";
}
.icon-net-search:before {
  content: "\f2bf";
}
.icon-net-off:before {
  content: "\f2c0";
}
.icon-net:before {
  content: "\f2c1";
}
.icon-radio:before {
  content: "\f2c2";
}
.icon-toggle:before {
  content: "\f2c3";
}
.icon-phone-broadcast:before {
  content: "\f2c4";
}
.icon-tag-broadcast:before {
  content: "\f2c5";
}
.icon-router:before {
  content: "\f2c6";
}
.icon-router-opp:before {
  content: "\f2c7";
}
.icon-phone:before {
  content: "\f2c8";
}
.icon-phone-download:before {
  content: "\f2c9";
}
.icon-phone-off:before {
  content: "\f2ca";
}
.icon-phone-alert:before {
  content: "\f2cb";
}
.icon-phone-i:before {
  content: "\f2cc";
}
.icon-phone-s-locked:before {
  content: "\f2cd";
}
.icon-phone-s:before {
  content: "\f2ce";
}
.icon-phone-locked:before {
  content: "\f2cf";
}
.icon-phone-locking:before {
  content: "\f2d0";
}
.icon-phone-radiate:before {
  content: "\f2d1";
}
.icon-phone-more:before {
  content: "\f2d2";
}
.icon-phone-d-settings:before {
  content: "\f2d3";
}
.icon-phone-s-v:before {
  content: "\f2d4";
}
.icon-speaker:before {
  content: "\f2d5";
}
.icon-phone-w:before {
  content: "\f2d6";
}
.icon-phone-w-i:before {
  content: "\f2d7";
}
.icon-phone-w-h:before {
  content: "\f2d8";
}
.icon-media-tv-play:before {
  content: "\f2d9";
}
.icon-media-details:before {
  content: "\f2da";
}
.icon-media-play:before {
  content: "\f2db";
}
.icon-media:before {
  content: "\f2dc";
}
.icon-usb:before {
  content: "\f2dd";
}
.icon-video-off:before {
  content: "\f2de";
}
.icon-video-pan:before {
  content: "\f2df";
}
.icon-video-solid:before {
  content: "\f2e0";
}
.icon-watch:before {
  content: "\f2e1";
}
.icon-wifi-ping:before {
  content: "\f2e2";
}
.icon-wifi:before {
  content: "\f2e3";
}
.icon-wifi-alert:before {
  content: "\f2e4";
}
.icon-wifi-lock:before {
  content: "\f2e5";
}
.icon-wifi-off:before {
  content: "\f2e6";
}
.icon-wifi-outline:before {
  content: "\f2e7";
}
.icon-wifi-solid:before {
  content: "\f2e8";
}
.icon-arrow-b-l:before {
  content: "\f2e9";
}
.icon-arrow-l:before {
  content: "\f2ea";
}
.icon-arrow-merge:before {
  content: "\f2eb";
}
.icon-arrow-bounce:before {
  content: "\f2ec";
}
.icon-arrow-t-r:before {
  content: "\f2ed";
}
.icon-arrow-r:before {
  content: "\f2ee";
}
.icon-arrow-branch:before {
  content: "\f2ef";
}
.icon-arrow-four:before {
  content: "\f2f0";
}
.icon-arrow-down-circle:before {
  content: "\f2f1";
}
.icon-arrow-down-solid:before {
  content: "\f2f2";
}
.icon-arrow-left-circle:before {
  content: "\f2f3";
}
.icon-arrow-left:before {
  content: "\f2f4";
}
.icon-arrow-right-circle:before {
  content: "\f2f5";
}
.icon-arrow-right:before {
  content: "\f2f6";
}
.icon-arrow-top-circle:before {
  content: "\f2f7";
}
.icon-arrow-top-solid:before {
  content: "\f2f8";
}
.icon-arrow-a-down:before {
  content: "\f2f9";
}
.icon-arrow-a-left:before {
  content: "\f2fa";
}
.icon-arrow-a-right:before {
  content: "\f2fb";
}
.icon-arrow-a-top:before {
  content: "\f2fc";
}
.icon-arrow-thick-r:before {
  content: "\f2fd";
}
.icon-arrow-b:before {
  content: "\f2fe";
}
.icon-arrow-t-left:before {
  content: "\f2ff";
}
.icon-arrow-enter:before {
  content: "\f300";
}
.icon-arrow-t-right:before {
  content: "\f301";
}
.icon-arrow-roghtmost:before {
  content: "\f302";
}
.icon-arrow-top:before {
  content: "\f303";
}
.icon-arrow-rotate-ac:before {
  content: "\f304";
}
.icon-arrow-rotate-c:before {
  content: "\f305";
}
.icon-arrow-back:before {
  content: "\f306";
}
.icon-arrow-forward:before {
  content: "\f307";
}
.icon-arrow-download:before {
  content: "\f308";
}
.icon-arrow-import:before {
  content: "\f309";
}
.icon-arrow-twist:before {
  content: "\f30a";
}
.icon-data-circle:before {
  content: "\f30b";
}
.icon-data:before {
  content: "\f30c";
}
.icon-data-transact:before {
  content: "\f30d";
}
.icon-trend-down:before {
  content: "\f30e";
}
.icon-trend-steady:before {
  content: "\f30f";
}
.icon-trend-up:before {
  content: "\f310";
}
.icon-collapse:before {
  content: "\f311";
}
.icon-expand:before {
  content: "\f312";
}
.icon-apps:before {
  content: "\f313";
}
.icon-grid-off:before {
  content: "\f314";
}
.icon-grid-focus:before {
  content: "\f315";
}
.icon-view-strip:before {
  content: "\f316";
}
.icon-view-vertical:before {
  content: "\f317";
}
.icon-view-carousel:before {
  content: "\f318";
}
.icon-view-strip-v:before {
  content: "\f319";
}
.icon-view-blocks:before {
  content: "\f31a";
}
.icon-views-masonry:before {
  content: "\f31b";
}
.icon-view-dash:before {
  content: "\f31c";
}
.icon-view-horizontal:before {
  content: "\f31d";
}
.icon-view-headline:before {
  content: "\f31e";
}
.icon-view-tasks:before {
  content: "\f31f";
}
.icon-view-tasks-big:before {
  content: "\f320";
}
.icon-view-array:before {
  content: "\f321";
}
.icon-view-compact:before {
  content: "\f322";
}
.icon-view-stream:before {
  content: "\f323";
}
.icon-view-subtitles:before {
  content: "\f324";
}
.icon-view-toc:before {
  content: "\f325";
}
.icon-view-layout:before {
  content: "\f326";
}
.icon-view-week:before {
  content: "\f327";
}
.icon-widgets:before {
  content: "\f328";
}
.icon-alarm-set:before {
  content: "\f329";
}
.icon-alarm-cancel:before {
  content: "\f32a";
}
.icon-alarm-add:before {
  content: "\f32b";
}
.icon-alarm-sleep:before {
  content: "\f32c";
}
.icon-alarm-clock:before {
  content: "\f32d";
}
.icon-calendar-date:before {
  content: "\f32e";
}
.icon-calendar-set:before {
  content: "\f32f";
}
.icon-calendar-cancel:before {
  content: "\f330";
}
.icon-calendar-schedule:before {
  content: "\f331";
}
.icon-calendar:before {
  content: "\f332";
}
.icon-timer:before {
  content: "\f333";
}
.icon-timer-run:before {
  content: "\f334";
}
.icon-timer-reset:before {
  content: "\f335";
}
.icon-clock-reset:before {
  content: "\f336";
}
.icon-clock:before {
  content: "\f337";
}
.icon-chrono-cancel:before {
  content: "\f338";
}
.icon-chrono:before {
  content: "\f339";
}
.icon-ex-d-bug:before {
  content: "\f33a";
}
.icon-ex-droid:before {
  content: "\f33b";
}
.icon-ex-apple:before {
  content: "\f33c";
}
.icon-ex-behance:before {
  content: "\f33d";
}
.icon-ex-codepen:before {
  content: "\f33e";
}
.icon-ex-dribble:before {
  content: "\f33f";
}
.icon-ex-box:before {
  content: "\f340";
}
.icon-ex-evernote:before {
  content: "\f341";
}
.icon-ex-fb-solid:before {
  content: "\f342";
}
.icon-ex-fb-two:before {
  content: "\f343";
}
.icon-ex-github-object:before {
  content: "\f344";
}
.icon-ex-github-two:before {
  content: "\f345";
}
.icon-ex-gdrive:before {
  content: "\f346";
}
.icon-ex-g-earth:before {
  content: "\f347";
}
.icon-ex-g-apps:before {
  content: "\f348";
}
.icon-ex-g-map:before {
  content: "\f349";
}
.icon-ex-g-pages:before {
  content: "\f34a";
}
.icon-ex-g-play:before {
  content: "\f34b";
}
.icon-ex-g-plus-solid:before {
  content: "\f34c";
}
.icon-ex-g-plus-small:before {
  content: "\f34d";
}
.icon-ex-g:before {
  content: "\f34e";
}
.icon-ex-insta:before {
  content: "\f34f";
}
.icon-ex-html-3:before {
  content: "\f350";
}
.icon-ex-html-5:before {
  content: "\f351";
}
.icon-ex-js:before {
  content: "\f352";
}
.icon-ex-python:before {
  content: "\f353";
}
.icon-ex-python-two:before {
  content: "\f354";
}
.icon-ex-lastfm:before {
  content: "\f355";
}
.icon-ex-linkedin-solid:before {
  content: "\f356";
}
.icon-ex-p:before {
  content: "\f357";
}
.icon-ex-pinterest-solid:before {
  content: "\f358";
}
.icon-ex-pocket:before {
  content: "\f359";
}
.icon-ex-polymer:before {
  content: "\f35a";
}
.icon-ex-share:before {
  content: "\f35b";
}
.icon-ex-stackoverflow:before {
  content: "\f35c";
}
.icon-ex-steam-solid:before {
  content: "\f35d";
}
.icon-ex-steam:before {
  content: "\f35e";
}
.icon-ex-twitter-solid:before {
  content: "\f35f";
}
.icon-uniF360:before {
  content: "\f360";
}
.icon-ex-vk:before {
  content: "\f361";
}
.icon-ex-wiki:before {
  content: "\f362";
}
.icon-ex-windows:before {
  content: "\f363";
}
.icon-uniF364:before {
  content: "\f364";
}
.icon-af:before {
  content: "\f365";
}
.icon-af-circle:before {
  content: "\f366";
}
.icon-af-stream:before {
  content: "\f367";
}
.icon-af-cancel:before {
  content: "\f368";
}
.icon-af0center:before {
  content: "\f369";
}
.icon-night-moon:before {
  content: "\f36a";
}
.icon-night:before {
  content: "\f36b";
}
.icon-light-moon:before {
  content: "\f36c";
}
.icon-light-sun:before {
  content: "\f36d";
}
.icon-light-ambient:before {
  content: "\f36e";
}
.icon-light-art:before {
  content: "\f36f";
}
.icon-light-auto:before {
  content: "\f370";
}
.icon-light-object:before {
  content: "\f371";
}
.icon-error:before {
  content: "\f372";
}
.icon-focus:before {
  content: "\f373";
}
.icon-focus-outline:before {
  content: "\f374";
}
.icon-filter-bw:before {
  content: "\f375";
}
.icon-aspect-1:before {
  content: "\f376";
}
.icon-aspect-2:before {
  content: "\f377";
}
.icon-aspect-3:before {
  content: "\f378";
}
.icon-aspect-4:before {
  content: "\f379";
}
.icon-aspect-5:before {
  content: "\f37a";
}
.icon-aspect-auto:before {
  content: "\f37b";
}
.icon-aspect-6:before {
  content: "\f37c";
}
.icon-aspect-7:before {
  content: "\f37d";
}
.icon-aspect-8:before {
  content: "\f37e";
}
.icon-exposure:before {
  content: "\f37f";
}
.icon-exposure-alt:before {
  content: "\f380";
}
.icon-uniF381:before {
  content: "\f381";
}
.icon-focus-small:before {
  content: "\f382";
}
.icon-uniF383:before {
  content: "\f383";
}
.icon-filter-circle:before {
  content: "\f384";
}
.icon-gradient:before {
  content: "\f385";
}
.icon-specks:before {
  content: "\f386";
}
.icon-graphic-eq:before {
  content: "\f387";
}
.icon-hdr-off:before {
  content: "\f388";
}
.icon-hdr-strong:before {
  content: "\f389";
}
.icon-hdr-weak:before {
  content: "\f38a";
}
.icon-hdr:before {
  content: "\f38b";
}
.icon-iridiscent:before {
  content: "\f38c";
}
.icon-leak-off:before {
  content: "\f38d";
}
.icon-leak:before {
  content: "\f38e";
}
.icon-looks:before {
  content: "\f38f";
}
.icon-loupe:before {
  content: "\f390";
}
.icon-panaroma:before {
  content: "\f391";
}
.icon-panaroma-v:before {
  content: "\f392";
}
.icon-panaroma-w:before {
  content: "\f393";
}
.icon-thumbnail:before {
  content: "\f394";
}
.icon-thumbnails-small:before {
  content: "\f395";
}
.icon-pic-in-pic:before {
  content: "\f396";
}
.icon-play-object:before {
  content: "\f397";
}
.icon-texture:before {
  content: "\f398";
}
.icon-contrast:before {
  content: "\f399";
}
.icon-fish-eye:before {
  content: "\f39a";
}
.icon-wv-auto:before {
  content: "\f39b";
}
.icon-eject-alt:before {
  content: "\f39c";
}
.icon-eject:before {
  content: "\f39d";
}
.icon-equalizer:before {
  content: "\f39e";
}
.icon-next:before {
  content: "\f39f";
}
.icon-previous:before {
  content: "\f3a0";
}
.icon-jump-f-10:before {
  content: "\f3a1";
}
.icon-jump-f-30:before {
  content: "\f3a2";
}
.icon-jump-f-5:before {
  content: "\f3a3";
}
.icon-hearing:before {
  content: "\f3a4";
}
.icon-pause-circle:before {
  content: "\f3a5";
}
.icon-pause-circle-solid:before {
  content: "\f3a6";
}
.icon-pause:before {
  content: "\f3a7";
}
.icon-play-circle:before {
  content: "\f3a8";
}
.icon-play-circle-solid:before {
  content: "\f3a9";
}
.icon-play:before {
  content: "\f3aa";
}
.icon-tracklist:before {
  content: "\f3ab";
}
.icon-tracklist-add:before {
  content: "\f3ac";
}
.icon-rpt-this:before {
  content: "\f3ad";
}
.icon-rpt-all:before {
  content: "\f3ae";
}
.icon-jump-b-10:before {
  content: "\f3af";
}
.icon-jump-b-30:before {
  content: "\f3b0";
}
.icon-jump-b-5:before {
  content: "\f3b1";
}
.icon-jump-b:before {
  content: "\f3b2";
}
.icon-shuffle:before {
  content: "\f3b3";
}
.icon-jump-front:before {
  content: "\f3b4";
}
.icon-jump-back:before {
  content: "\f3b5";
}
.icon-stop:before {
  content: "\f3b6";
}
.icon-surround-sound:before {
  content: "\f3b7";
}
.icon-tune:before {
  content: "\f3b8";
}
.icon-voulme-d:before {
  content: "\f3b9";
}
.icon-volume-z:before {
  content: "\f3ba";
}
.icon-volume-mute:before {
  content: "\f3bb";
}
.icon-volume-u:before {
  content: "\f3bc";
}
.icon-one:before {
  content: "\f3bd";
}
.icon-two:before {
  content: "\f3be";
}
.icon-three:before {
  content: "\f3bf";
}
.icon-four:before {
  content: "\f3c0";
}
.icon-five:before {
  content: "\f3c1";
}
.icon-six:before {
  content: "\f3c2";
}
.icon-one-minus:before {
  content: "\f3c3";
}
.icon-two-minus:before {
  content: "\f3c4";
}
.icon-one-plus:before {
  content: "\f3c5";
}
.icon-two-plus:before {
  content: "\f3c6";
}
.icon-ten-seconds:before {
  content: "\f3c7";
}
.icon-three-seconds:before {
  content: "\f3c8";
}
.icon-zero:before {
  content: "\f3c9";
}
.icon-seat-angled:before {
  content: "\f3ca";
}
.icon-seat-flat:before {
  content: "\f3cb";
}
.icon-seat-bed:before {
  content: "\f3cc";
}
.icon-leg-room-m:before {
  content: "\f3cd";
}
.icon-leg-room-a:before {
  content: "\f3ce";
}
.icon-leg-room-b:before {
  content: "\f3cf";
}
.icon-recline-e:before {
  content: "\f3d0";
}
.icon-recline-n:before {
  content: "\f3d1";
}
.icon-airplay:before {
  content: "\f3d2";
}
.icon-closed-caption:before {
  content: "\f3d3";
}
.icon-conf-no:before {
  content: "\f3d4";
}
.icon-work-board:before {
  content: "\f3d5";
}
.icon-disc-alert:before {
  content: "\f3d6";
}
.icon-explicit:before {
  content: "\f3d7";
}
.icon-land:before {
  content: "\f3d8";
}
.icon-take-off:before {
  content: "\f3d9";
}
.icon-object-eject:before {
  content: "\f3da";
}
.icon-object-load:before {
  content: "\f3db";
}
.icon-trinitron:before {
  content: "\f3dc";
}
.icon-hd:before {
  content: "\f3dd";
}
.icon-hq:before {
  content: "\f3de";
}
.icon-postbox:before {
  content: "\f3df";
}
.icon-chip:before {
  content: "\f3e0";
}
.icon-nfc:before {
  content: "\f3e1";
}
.icon-fill:before {
  content: "\f3e2";
}
.icon-battery-dc:before {
  content: "\f3e3";
}
.icon-rect-up:before {
  content: "\f3e4";
}
.icon-photo:before {
  content: "\f3e5";
}
.icon-wifi-phone:before {
  content: "\f3e6";
}
.icon-phone-vibrate:before {
  content: "\f3e7";
}
.icon-voice-mail:before {
  content: "\f3e8";
}
.icon-object-details:before {
  content: "\f3e9";
}
.icon-wifi-alt:before {
  content: "\f3ea";
}
.icon-shapes:before {
  content: "\f3eb";
}
.icon-loading:before {
  content: "\f3ec";
}
.icon-objects:before {
  content: "\f3ed";
}
.icon-ex-500:before {
  content: "\f3ee";
}
.icon-ex-8tracks:before {
  content: "\f3ef";
}
.icon-ex-amazon:before {
  content: "\f3f0";
}
.icon-ex-blogger:before {
  content: "\f3f1";
}
.icon-ex-foursquare:before {
  content: "\f3f2";
}
.icon-ex-discuss:before {
  content: "\f3f3";
}
.icon-ex-no:before {
  content: "\f3f4";
}
.icon-ex-dots:before {
  content: "\f3f5";
}
.icon-ex-github:before {
  content: "\f3f6";
}
.icon-ex-google:before {
  content: "\f3f7";
}
.icon-ex-linkedin:before {
  content: "\f3f8";
}
.icon-ex-atlas:before {
  content: "\f3f9";
}
.icon-ex-outlook:before {
  content: "\f3fa";
}
.icon-ex-paypal:before {
  content: "\f3fb";
}
.icon-ex-pinterest:before {
  content: "\f3fc";
}
.icon-ex-ps:before {
  content: "\f3fd";
}
.icon-ex-reddit:before {
  content: "\f3fe";
}
.icon-ex-skype:before {
  content: "\f3ff";
}
.icon-ex-myspace:before {
  content: "\f400";
}
.icon-ex-soundcloud:before {
  content: "\f401";
}
.icon-ex-twitter:before {
  content: "\f402";
}
.icon-ex-twitch:before {
  content: "\f403";
}
.icon-ex-vimeo:before {
  content: "\f404";
}
.icon-ex-whatsapp:before {
  content: "\f405";
}
.icon-ex-xbox:before {
  content: "\f406";
}
.icon-ex-yahoo:before {
  content: "\f407";
}
.icon-ex-play:before {
  content: "\f408";
}
.icon-ex-youtube:before {
  content: "\f409";
}

/* Button */
.vs-button {
  width: auto;
  height: 40px;
  padding: 0px 16px 0px 16px;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
  border-style: solid;
  border-width: 1px;
  min-width: 80px; }

.vs-button-small {
  width: auto;
  height: 32px;
  border: none;
  padding: 0px 8px 0px 8px;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 0;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
  min-width: 64px; }

.vs-button-sqaure {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #FAFAFA;
  color: #54585A;
  border-color: #EEEEEE;
  cursor: pointer;
  /* Pointer/hand icon */
  border-style: solid; }

.vs-button i {
  margin-left: 8px; }

.vs-button-small i {
  margin-left: 4px; }

.vs-button-ghost {
  background-color: transparent;
  color: #00263A;
  border: none;
  box-shadow: none;
  text-transform: none;
  font-size: 14px;
  cursor: pointer;
  vertical-align: baseline;
  box-sizing: border-box; }

.vs-button-ghost:hover {
  background-color: #EEEEEE;
  color: #00263A;
  border: none;
  box-shadow: none;
  text-transform: none;
  font-size: 14px;
  cursor: pointer;
  vertical-align: baseline;
  box-sizing: border-box; }

.vs-button-ghost i {
  color: #00263A;
  font-size: 12px;
  vertical-align: middle;
  padding-right: 8px;
  line-height: 1.14; }

.vs-primary-one-tungsten {
  background-color: #333333;
  color: #FFFFFF;
 }

.vs-primary-one {
  background-color: #006BA6;
  color: #FFFFFF;
  border-color: #006BA6;
  border-style: solid;
  border-width: 1px; }

.vs-primary-one:hover {
  background-color: #1A7AAF;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-primary-one:disabled {
  cursor: no-drop;
  background-color: #E6F0F6;
  color: #BBBCBD;
  border-color: #E6F0F6; }

.vs-primary-two {
  background-color: #54585A;
  color: #FFFFFF;
  border-color: #54585A;
  border-style: solid;
  border-width: 1px; }

.vs-primary-two:hover {
  background-color: #76797B;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-primary-two:disabled {
  cursor: no-drop;
  background-color: #EEEEEF;
  color: #BBBCBD;
  border-color: #EEEEEF; }

.vs-secondary-one {
  background-color: #84BD00;
  color: #FFFFFF;
  border-color: #84BD00;
  border-style: solid;
  border-width: 1px; }

.vs-secondary-one:hover {
  background-color: #9DCA33;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-secondary-one:disabled {
  cursor: no-drop;
  background-color: #F3F8E6;
  color: #BBBCBD;
  border-color: #F3F8E6; }

.vs-secondary-two {
  background-color: #00263A;
  color: #FFFFFF;
  border-color: #00263A;
  border-style: solid;
  border-width: 1px; }

.vs-secondary-two:hover {
  background-color: #335161;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-secondary-two:disabled {
  cursor: no-drop;
  background-color: #E6E9EB;
  color: #BBBCBD;
  border-color: #E6E9EB; }

.vs-primary-one-outline {
  background-color: #FFFFFF;
  color: #006BA6;
  border-color: #006BA6;
  border-style: solid;
  border-width: 1px; }

.vs-primary-one-outline:hover {
  background-color: #E6F0F6;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-primary-one-outline:disabled {
  cursor: no-drop;
  background-color: #FFFFFF;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.vs-primary-two-outline {
  background-color: #FFFFFF;
  color: #54585A;
  border-color: #54585A;
  border-style: solid;
  border-width: 1px; }

.vs-primary-two-outline:hover {
  background-color: #EEEEEF;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-primary-two-outline:disabled {
  cursor: no-drop;
  background-color: #FFFFFF;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.vs-secondary-one-outline {
  background-color: #FFFFFF;
  color: #84BD00;
  border-color: #84BD00;
  border-style: solid;
  border-width: 1px; }

.vs-secondary-one-outline:hover {
  background-color: #F3F8E6;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-secondary-one-outline:disabled {
  cursor: no-drop;
  background-color: #FFFFFF;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.vs-secondary-two-outline {
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #00263A;
  border-style: solid;
  border-width: 1px; }

.vs-secondary-two-outline:hover {
  background-color: #E6E9EB;
  cursor: pointer;
  transition: background-color 0.5s ease; }

.vs-secondary-two-outline:disabled {
  cursor: no-drop;
  background-color: #FFFFFF;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.vs-icon-button, .vs-text-button {
  display: inline-block;
  position: relative;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FAFAFA;
  color: #54585A;
  border-color: #EEEEEE; }

.vs-icon-button::after {
  content: "";
  clear: both;
  display: table; }

.vs-button-list, .vs-icon-button button, .vs-text-button button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  /* Pointer/hand icon */
  float: left;
  /* Float the buttons side by side */
  border-style: solid;
  border-width: 1px;
  background-color: #FAFAFA;
  color: #54585A;
  border-color: #EEEEEE; }

.vs-text-button button {
  font-weight: bold; }

.vs-icon-button button:hover, .vs-text-button button:hover {
  background-color: #E6E9EB; }

.vs-icon-button button:not(:last-child) {
  border-right: none;
  /* Prevent double borders */ }

.vs-trans-button {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: solid 1px transparent;
  cursor: pointer; }

.vs-button-slate {
  width: auto;
  height: 32px;
  border: none;
  padding: 0px 16px 0px 16px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  box-shadow: none;
  border-radius: 0px;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.41;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #54585A;
  border-color: #54585A; }

.vs-button-slate > i {
  margin-left: 4px; }

/* Button Popover */
.vs-button-popover {
  display: inline-block;
  position: relative; }

.vs-button-popover > div {
  z-index: 9981;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  opacity: 0;
  transition: .3s;
  width: 136px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

.vs-button-popover:hover > div {
  visibility: visible;
  opacity: 1; }

.vs-button-popover div ul {
  margin: 0;
  padding: 0; }

.vs-button-popover div li {
  display: block;
  text-decoration: none;
  padding: 8px;
  color: #00263A;
  transition: .1s; }

.vs-button-popover div li:hover {
  background-color: #EEEEEF; }

/* Button Popover Right */
.vs-button-popover-right {
  display: inline-block;
  position: relative; }

.vs-button-popover-right > div {
  z-index: 9981;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  opacity: 0;
  transition: .3s;
  width: 136px;
  right: 0;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

.vs-button-popover-right:hover > div {
  visibility: visible;
  opacity: 1; }

.vs-button-popover-right div ul {
  margin: 0;
  padding: 0; }

.vs-button-popover-right div li {
  display: block;
  text-decoration: none;
  padding: 8px;
  color: #00263A;
  transition: .1s; }

.vs-button-popover-right div li:hover {
  background-color: #EEEEEF; }

.vs-nested-right-popover > div {
  z-index: 9982;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  opacity: 0;
  transition: .3s;
  width: 136px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  margin-left: 88%;
  margin-top: -28px; }

.vs-nested-right-popover:hover > div {
  visibility: visible;
  opacity: 1;
  margin-left: 97%; }

.vs-nested-left-popover > div {
  z-index: 9982;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  opacity: 0;
  transition: .3s;
  width: 136px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  margin-top: -28px;
  margin-right: 96%;
  right: 0; }

.vs-nested-left-popover:hover > div {
  visibility: visible;
  opacity: 1;
  margin-right: 100%; }

.vs-subnested-right-popover > div {
  z-index: 9982;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  opacity: 0;
  transition: .3s;
  width: 136px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  margin-left: 88%;
  margin-top: -28px; }

.vs-subnested-right-popover:hover > div {
  visibility: visible;
  opacity: 1;
  margin-left: 97%; }

.vs-subnested-left-popover > div {
  z-index: 9982;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  opacity: 0;
  transition: .3s;
  width: 136px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  margin-top: -28px;
  margin-right: 88%;
  right: 0; }

.vs-subnested-left-popover:hover > div {
  visibility: visible;
  opacity: 1;
  margin-right: 100%; }

/* Custom dropdown */
.vs-dropdown {
  position: relative;
  display: inline;
  vertical-align: middle;
  margin-right: 8px;
  /* demo only */
  width: 100%; }

.vs-dropdown select {
  height: 40px;
  width: 100%;
  padding: 8px;
  padding-right: 40px;
  margin: 0;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  /* hide default arrow in chrome OSX */
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

.vs-dropdown select::-ms-expand {
  display: none; }

.vs-dropdown::before,
.vs-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none; }

.vs-dropdown::after {
  /*  Custom dropdown arrow */
  content: "\25BE";
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 1;
  right: 16px;
  top: 50%;
  margin-top: -.5em;
  text-align: center; }

.vs-dropdown::before {
  /*  Custom dropdown arrow cover */
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 2px 2px 0; }

.vs-dropdown select[disabled] {
  max-width: none;
  text-overflow: none;
  background-color: #FAFAFA;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.vs-dropdown select[disabled]::after {
  color: #BBBCBD; }

.vs-dropdown::before {
  background-color: #FFFFFF; }

.vs-dropdown::after {
  color: #54585A; }

.vs-dropdown select:focus {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

/*label*/
.vs-label {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  height: 24px; }

.vs-label.primary {
  color: #00263A; }

.vs-label.secondary {
  color: #54585A; }

.vs-label.tertiary {
  color: #BBBCBD; }

.vs-label.black {
  color: #000000; }

.vs-label.white {
  color: #FFFFFF; }

/*Textbox*/
.vs-textbox {
  height: 40px;
  width: 100%;
  border: 1px solid #E6E9EB;
  margin: 8px 8px 0px 0px;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: .3s;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

.vs-textbox-small {
  height: 32px;
  width: 100%;
  border: 1px solid #E6E9EB;
  margin: 8px 8px 0px 0px;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: .3s;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

input[type=text]:focus {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

input[type=text]:disabled {
  background-color: #FAFAFA;
  color: #BBBCBD;
  border-color: #BBBCBD; }

#edit_subjectAreaName{
  background-color: #FAFAFA;
  color: #BBBCBD;
  line-height: inherit;
  border-color: #BBBCBD;
  text-align:start;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  padding: 6px;
}

#edit_subjectAreaName:hover{
  cursor: default;
}

input::placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

input:invalid {
  color: #FD462A !important;
  border-color: #FD462A;
  box-shadow: 0 0 2px 0 #FD462A; }

.vs-textbox-error {
  color: #FD462A !important;
  border-color: #FD462A;
  box-shadow: 0 0 2px 0 #FD462A; }

.vs-textbox-error::placeholder {
  color: #FD462A !important; }

.vs-textarea {
  width: 100%;
  height: 136px;
  display: block;
  padding: 8px;
  margin: 8px 8px 0px 0px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

.vs-textarea-small {
  width: 100%;
  height: 128px;
  display: block;
  padding: 8px;
  margin: 8px 8px 0px 0px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

textarea::placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #BBBCBD;
  margin: 0; }

textarea:focus {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-textbox-thin {
  height: 32px;
  width: 100%;
  border: none;
  outline: none;
  padding: 4px 8px 4px 8px;
  box-sizing: border-box;
  transition: .3s;
  border-radius: 0px;
  background-color: #FAFAFA;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  margin-right: 8px; }

input[type=text].vs-textbox-thin:focus {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

input[type=text].vs-textbox-thin::-webkit-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #78909C;
  margin: 0;
  margin: 0; }

input[type=text].vs-textbox-thin::-moz-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #78909C;
  margin: 0;
  margin: 0; }

.vs-date-input {
  height: 40px;
  width: 10em;
  border: 1px solid #EEEEEE;
  margin: 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: .3s;
  text-transform: capitalize;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE; }

input[type=date] {
  height: 40px;
  width: 10em;
  border: 1px solid #EEEEEE;
  margin: 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: .3s;
  text-transform: capitalize;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE;
  background: #fff url(../images/Component/calender.png) 97% 50% no-repeat; }

input[type=date]:disabled {
  color: #BBBCBD;
  background-color: #FAFAFA; }

/* Checkbox */
/* The checkbox container */
.vs-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 24px; }

/* Hide the browser's default checkbox */
.vs-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.vs-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

/* On mouse-over, add a grey background color */
.vs-checkbox:hover input ~ .vs-checkmark {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC;
  background-color: #FFFFFF; }

/* When the checkbox is checked, add a blue background */
.vs-checkbox input:checked ~ .vs-checkmark {
  width: 24px;
  height: 24px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #EEEEEE; }

.vs-checkbox input:disabled ~ .vs-checkmark {
  width: 24px;
  height: 24px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FAFAFA;
  border-color: #BBBCBD; }

/* Create the checkmark/indicator (hidden when not checked) */
.vs-checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.vs-checkbox input:checked ~ .vs-checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.vs-checkbox .vs-checkmark:after {
  left: 8px;
  top: 2px;
  width: 8px;
  height: 16px;
  border: solid #006BA6;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Radio button */
/* The Radio Button Container */
.vs-radiobutton {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
  margin: 0px;
  cursor: pointer;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 24px; }

/* Hide the browser's default radio button */
.vs-radiobutton input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom radio button */
.vs-radio-dot {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: solid 1px #EEEEEE;
  border-radius: 50%;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

/* On mouse-over, add a grey background color */
.vs-radiobutton:hover input ~ .vs-radio-dot {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC;
  background-color: #FFFFFF; }

/* When the radio button is checked, add a blue background */
.vs-radiobutton input:checked ~ .vs-radio-dot {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #EEEEEE; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.vs-radio-dot:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.vs-radiobutton input:checked ~ .vs-radio-dot:after {
  display: block; }

/* Style the indicator (dot/circle) */
.vs-radiobutton .vs-radio-dot:after {
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #006BA6; }

/* Toggle */
.vs-toggle {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 32px; }

.vs-toggle input {
  opacity: 0;
  width: 0;
  height: 0; }

.vs-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 16px;
  height: 32px;
  border: solid 1px #EEEEEF;
  background-color: #FFFFFF;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #EEEEEE; }

.vs-slider:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 30px;
  left: 0px;
  bottom: 0px;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 16px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  background-color: #BBBCBD; }

input:checked + .vs-slider {
  background-color: #FFFFFF; }

input:focus + .vs-slider {
  border-radius: 16px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #EEEEEE; }

input:checked + .vs-slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
  background-color: #006BA6; }

  /* Scroll Bar */
/* scroll bar width */
::-webkit-scrollbar {
  width: 15px;
  border-radius: 8px;
  border-radius: 10px;
  background-color: #E6E9EB; }

/* scroll bar Track */
::-webkit-scrollbar-track {
  border-radius: 8px;
  border-radius: 10px;
  background-color: #E6E9EB;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

/* Handle*/
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #BBBCBD; }

/* Scroll Bar */
/* scroll bar width */
/* scroll bar Track */
/* Handle Bar */
.vs-tooltip {
  position: relative;
  display: inline-block; }

.vs-tooltip .vs-tooltiptext-top {
  visibility: hidden;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
  text-align: center;
  padding: 8px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  border-style: solid;
  border-width: 1px;
  width: 120px;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #54585A;
  border-color: #54585A; }

.vs-tooltip .vs-tooltiptext-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: solid 5px #54585A;
  border-color: #54585A transparent transparent transparent; }

.vs-tooltip:hover .vs-tooltiptext-top {
  visibility: visible;
  opacity: 1; }

.vs-tooltip .vs-tooltiptext-right {
  visibility: hidden;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
  text-align: center;
  padding: 8px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  border-style: solid;
  border-width: 1px;
  width: 120px;
  left: 105%;
  top: -10px;
  margin-left: 4px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #54585A;
  border-color: #54585A; }

.vs-tooltip .vs-tooltiptext-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border: solid 5px #54585A;
  border-color: transparent #54585A transparent transparent; }

.vs-tooltip:hover .vs-tooltiptext-right {
  visibility: visible;
  opacity: 1; }

.vs-tooltip .vs-tooltiptext-left {
  visibility: hidden;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
  text-align: center;
  padding: 8px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  border-style: solid;
  border-width: 1px;
  width: 120px;
  right: 105%;
  top: -5px;
  margin-right: 4px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #54585A;
  border-color: #54585A; }

.vs-tooltip .vs-tooltiptext-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border: solid 5px #54585A;
  border-color: transparent transparent transparent #54585A; }

.vs-tooltip:hover .vs-tooltiptext-left {
  visibility: visible;
  opacity: 1; }

.vs-tooltip .vs-tooltiptext-bottom {
  visibility: hidden;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
  text-align: center;
  padding: 8px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  border-style: solid;
  border-width: 1px;
  width: 120px;
  left: 50%;
  top: 100%;
  margin-left: -60px;
  margin-top: 8px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #54585A;
  border-color: #54585A; }

.vs-tooltip .vs-tooltiptext-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border: solid 5px #54585A;
  border-color: transparent transparent #54585A transparent; }

.vs-tooltip:hover .vs-tooltiptext-bottom {
  visibility: visible;
  opacity: 1; }

.vs-link {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0; }
  .vs-link:link {
    text-decoration: none; }
  .vs-link:visited {
    text-decoration: none; }
  .vs-link:hover {
    text-decoration: underline; }
  .vs-link:active {
    text-decoration: underline; }

ul.vs-ul {
  margin: 0px 8px 8px 0px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 0; }

ul.vs-ul li {
  margin: 0px 8px 4px 0px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  height: 24px; }

ul.vs-ul li:first-child {
  margin-top: 8px; }

ol.vs-ol {
  margin: 0px 8px 8px 0px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  list-style-position: inside;
  padding-left: 0; }

ol.vs-ol li {
  margin: 0px 8px 4px 0px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  height: 24px; }

ol.vs-ol li:first-child {
  margin-top: 8px; }

ul.vs-breadcrumb {
  padding: 0px 8px 0px 0px;
  list-style: none;
  margin: 0px 8px 8px 0px; }

ul.vs-breadcrumb li {
  height: 24px;
  display: inline;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0; }

ul.vs-breadcrumb li + li:before {
  padding: 0px 4px 0px 0px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  content: "\003e"; }

ul.vs-breadcrumb li a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: none; }

ul.vs-breadcrumb li a:hover {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: underline; }

ul.vs-breadcrumb li:last-child {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  padding-right: 8px; }

hr.vs-separator-ruler {
  border-top: 1px solid #EEEEEE;
  margin: 0;
  padding: 0; }

hr.vs-vl {
  border-left: 1px solid #BBBCBD;
  height: 40px;
  display: inline; }

/* Table */
.vs-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

.vs-table th {
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.14;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0; }

.vs-table th > div {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0px 8px 0px 0px; }

.vs-table td {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-table th, .vs-table td {
  text-align: left;
  padding: 8px;
  height: 40px; }

.vs-table tr:nth-child(even) {
  background-color: #FAFAFA; }

.vs-table tr:nth-child(odd) {
  background-color: #FFFFFF; }

.vs-table tr:not(:first-child):hover {
  background-color: #E6EDF3; }

.vs-th-button {
  width: 40px;
  height: 40px;
  background-color: transparent;
  cursor: pointer;
  /* Pointer/hand icon */ }

.vs-table th a {
  display: inline;
  width: 100%;
  padding-right: 18px;
  position: relative;
  text-decoration: none; }

.vs-table th a:before,
.vs-table th a:after {
  display: block;
  height: 0;
  right: 5px;
  top: 50%;
  position: absolute;
  width: 0; }

.vs-numberInput {
  width: 104px;
  position: relative;
  overflow: hidden;
  height: 40px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #EEEEEE; }

.vs-numberInput input {
  border: none;
  outline: 0;
  width: 100%;
  height: 100%;
  padding: 0px 16px 0px 8px;
  box-sizing: border-box;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-ni-arrow {
  height: 50%;
  width: 16px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  cursor: pointer;
  margin-right: 8px; }

.vs-ni-arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transform: translate(-50%, -50%); }

.vs-ni-arrow.down {
  bottom: 0;
  top: auto; }

.vs-ni-arrow.up:after {
  border-bottom: 4px solid #54585A; }

.vs-ni-arrow.down:after {
  border-top: 4px solid #54585A; }

.vs-ni-arrow:hover:after {
  border-top-color: #006BA6;
  border-bottom-color: #006BA6; }

.vs-badge {
  color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  width: 42px;
  border-radius: 50%;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 1em;
  word-wrap: white-space;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  margin: 6px;
  box-sizing: border-box; }
  .vs-badge:before, .vs-badge:after {
    content: '';
    display: block;
    padding: 25%; }

.vs-badge-small {
  color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 1em;
  word-wrap: white-space;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px; }
  .vs-badge-small:before, .vs-badge-small:after {
    content: '';
    display: block;
    padding: 25%; }

.vs-badge-outline-error {
  background-color: none;
  color: #FD462A;
  border-color: #FD462A;
  border-style: solid;
  border-width: 1px; }

.vs-badge-outline-warning {
  background-color: none;
  color: #FFB900;
  border-color: #FFB900;
  border-style: solid;
  border-width: 1px; }

.vs-tag {
  width: auto;
  height: 24px;
  border: none;
  padding: 0px 0px 0px 8px;
  margin: 0;
  box-shadow: none;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
  background-color: #78909C;
  color: #FFFFFF; }

.vs-tag > i {
  height: 24px;
  width: 24px;
  margin: 0px 0px 0px 8px;
  background-color: inherit;
  filter: brightness(75%);
  padding: 4px;
  border-radius: 0 2px 2px 0;
  color: #FFFFFF; }

.vs-tab {
  overflow: hidden;
  background-color: #FFFFFF; }

/* Style the buttons inside the tab */
.vs-tab-container > div:nth-of-type(2) {
  display: block; }

.vs-tab button {
  background-color: #FFFFFF;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px 16px 0px 16px;
  transition: 0.3s;
  height: 32px;
  border-radius: 2px 2px 0 0;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  margin-right: 1px;
  border-bottom: none; }

/* Change background color of buttons on hover */
.vs-tab button:hover {
  background-color: #E6EDF3;
  border-color: #EEEEEE;
  border-bottom: none; }

/* Create an active/current tablink class */
.vs-tab button.active {
  background-color: #E6EDF3;
  border-color: #E6EDF3;
  border-bottom: none; }

/* Style the tab content */
.vs-tabcontent {
  display: none;
  /* padding: 8px; */
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  margin-top:8px;
  }

.vs-accordion {
  cursor: pointer;
  padding: 0px 0px 0px 8px;
  width: 100%;
  height: 40px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  text-align: left;
  outline: none;
  border: none; }

.vs-active, .vs-accordion:hover {
  background-color: #E6EDF3; }

.vs-accordion:after {
  content: '\002B';
  color: #00263A;
  font-weight: bold;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px; }

.vs-active:after {
  content: "\2212"; }

.vs-accordion-panel {
  padding: 0 16px;
  background-color: #FFFFFF;
  max-height: 0;
  overflow: hidden;
  border-bottom: solid 1px #EEEEEE; }

.vs-accordion-header {
  display: flex;
  justify-content: space-around;
  align-items: center; }

.vs-accordion-header:hover {
  background-color: #E6EDF3; }

.vs-accordion-header > div {
  height: 32px;
  width: 32px;
  box-sizing: border-box;
  margin: 3px;
  vertical-align: middle; }

.vs-modal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9900;
  cursor: pointer; }

.vs-context {
  width: 40vw;
  position: fixed;
  z-index: 9970;
  top: 20px;
  right: 8px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  padding: 0px;
  border: 1px solid #E6E9EB; }

.vs-multi-steps > li.vs-progress-is-active:before, .vs-multi-steps > li.vs-progress-is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700; }
.vs-multi-steps > li.vs-progress-is-active:after, .vs-multi-steps > li.vs-progress-is-active ~ li:after {
  background-color: #E6E9EB; }

.vs-multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .vs-multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #00263A;
    cursor: pointer; }
    .vs-multi-steps > li:before {
      content: counter(stepNum);
      display: block;
      margin: 0 auto 4px;
      background-color: #84BD00;
      width: 36px;
      height: 36px;
      line-height: 32px;
      text-align: center;
      font-weight: 400;
      color: #FFFFFF;
      border-width: 2px;
      border-style: solid;
      border-color: #84BD00;
      border-radius: 50%; }
    .vs-multi-steps > li:after {
      content: '';
      height: 7px;
      width: 100%;
      background-color: #84BD00;
      position: absolute;
      top: 16px;
      left: 50%;
      z-index: -1; }
    .vs-multi-steps > li:last-child:after {
      display: none; }
    .vs-multi-steps > li.vs-progress-is-active:before {
      background-color: #FFFFFF;
      border-color: #84BD00;
      color: #00263A; }
    .vs-multi-steps > li.vs-progress-is-active ~ li {
      color: #00263A;
      font-weight: 300; }
      .vs-multi-steps > li.vs-progress-is-active ~ li:before {
        background-color: #E6E9EB;
        border-color: #E6E9EB;
        color: #00263A;
        font-weight: 300; }

.vs-multi-steps-error:before {
  background-color: #FD462A !important;
  cursor: not-allowed !important;
  border-color: #FD462A !important;
  color: #FFFFFF !important; }

.vs-multi-steps-disabled:before {
  background-color: #BBBCBD !important;
  cursor: not-allowed !important;
  border-color: #BBBCBD !important; }

.vs-multi-steps-small > li.vs-progress-is-active:before,
.vs-multi-steps-small > li.vs-progress-is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700; }

.vs-multi-steps-small > li.vs-progress-is-active:after,
.vs-multi-steps-small > li.vs-progress-is-active ~ li:after {
  background-color: #E6E9EB; }

.vs-multi-steps-small {
  display: table;
  table-layout: fixed;
  width: 100%;
  }

.vs-multi-steps-small > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: #00263A;
  cursor: pointer;
  font-size: 14px; }

.vs-multi-steps-small > li:before {
  content: counter(stepNum);
  display: block;
  margin: 0 auto 4px;
  width: 24px;
  height: 24px;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  background-color: #84BD00;
  color: #FFFFFF;
  border-color: #84BD00; }

.vs-multi-steps-small > li:after {
  content: '';
  height: 8px;
  width: 100%;
  background-color: #84BD00;
  position: absolute;
  top: 8px;
  left: 50%;
  z-index: -1; }

.vs-multi-steps-small > li:last-child:after {
  display: none; }

.vs-multi-steps-small > li.vs-progress-is-active:before {
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #84BD00; }

.vs-multi-steps-small > li.vs-progress-is-active ~ li {
  color: #00263A;
  font-weight: 300; }

.vs-multi-steps-small > li.vs-progress-is-active ~ li:before {
  font-weight: 300;
  background-color: #E6E9EB;
  color: #00263A;
  border-color: #E6E9EB; }

.vs-multi-steps-small-error:before {
  background-color: #FD462A !important;
  cursor: not-allowed !important;
  border-color: #FD462A !important;
  color: #FFFFFF !important; }

.vs-multi-steps-small-disabled:before {
  background-color: #BBBCBD !important;
  cursor: not-allowed !important;
  border-color: #BBBCBD !important; }

.vs-alert {
  padding: 16px;
  opacity: 1;
  transition: opacity 0.6s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  background-color: rgba(120, 144, 156, 0.3);
  color: #00263A;
  margin-bottom: 16px; }

.vs-alert > div:nth-of-type(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap; }

.vs-alert-closebtn {
  padding-left: 8px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  cursor: pointer;
  transition: 0.3s; }

.vs-alert-closebtn:hover {
  color: #00263A; }

.vs-side-alert {
  padding: 16px;
  opacity: 1;
  align-items: center;
  height: auto;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  margin: 0;
  text-transform: capitalize;
  margin-bottom: 16px;
  max-height: 144px;
  overflow-y: auto;
  transition: opacity 0.5s ease;
  background-color: rgba(120, 144, 156, 0.3);
  color: #00263A; }

.vs-side-alert > div:nth-of-type(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap; }

.vs-multi-alert-panel {
  height: auto !important;
  align-items: baseline !important;
  padding: 16px;
  opacity: 1;
  display: none;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  transition: opacity 0.5s ease;
  background-color: rgba(120, 144, 156, 0.3);
  color: #00263A;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  max-height: 104px;
  overflow-y: auto;
  position: relative;
  margin: 0 auto; }

.vs-multi-alert-panel .vs-ul > li {
  height: auto !important;
  list-style: disc; }

.vs-multi-alert-panel .vs-ul {
  list-style-position: outside !important;
  padding-left: 1rem !important;
  margin-top: 16px !important; }

.vs-center-alert {
  height: 48px;
  padding: 16px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  transition: opacity 0.5s ease;
  background-color: rgba(120, 144, 156, 0.3);
  color: #00263A;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  position: relative;
  margin: 0 auto; }

.vs-center-alert div:nth-child(1) {
  padding: 0px 16px 0px 0px; }

.vs-alert.success, .vs-side-alert.success, .vs-multi-alert-panel.success, .vs-center-alert.success {
  background-color: rgba(0, 177, 106, 0.3); }

.vs-alert.info, .vs-side-alert.info, .vs-multi-alert-panel.info, .vs-center-alert.info {
  background-color: rgba(6, 154, 188, 0.3); }

.vs-alert.warning, .vs-side-alert.warning, .vs-multi-alert-panel.warning, .vs-center-alert.warning {
  background-color: rgba(255, 185, 0, 0.3); }

.vs-alert.error, .vs-side-alert.error, .vs-multi-alert-panel.error, .vs-center-alert.error {
  background-color: rgba(253, 70, 42, 0.3); }

.vs-small-spinner {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  z-index: 9999;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .vs-small-spinner span {
    animation: vs-pulse-color 2s infinite;
    color: #FFFFFF;
    display: block;
    transform: translateY(2em);
    text-align: center; }
  .vs-small-spinner:after, .vs-small-spinner:before {
    animation: vs-pulse 2s infinite linear;
    background: #E6EDF3;
    border-radius: 50%;
    content: '';
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
    top: 20%; }
  .vs-small-spinner:before {
    animation: vs-pulse-reverse 2s infinite linear; }

.vs-spinner {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999; }
  .vs-spinner span {
    animation: vs-pulse-color 2s infinite;
    color: #FFFFFF;
    display: block;
    transform: translateY(-3em);
    text-align: center; }
  .vs-spinner:after, .vs-spinner:before {
    animation: vs-pulse 2s infinite linear;
    background: #E6EDF3;
    border-radius: 50%;
    content: '';
    display: block;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
    top: 50%; }
  .vs-spinner:before {
    animation: vs-pulse-reverse 2s infinite linear; }

@keyframes vs-pulse-color {
  0% {
    opacity: 1; }
  50% {
    opacity: .3; }
  100% {
    opacity: 1; } }
@keyframes vs-pulse {
  0% {
    transform: scale(0.33); }
  33% {
    transform: scale(0.66) translate(-60px, 0px); }
  50% {
    transform: scale(1) translate(0px, 0px);
    background-color: #E6EDF3; }
  66% {
    transform: scale(0.66) translate(60px, 0px); }
  100% {
    transform: scale(0.33); } }
@keyframes vs-pulse-reverse {
  0% {
    transform: scale(1);
    background-color: #F8F8F9; }
  33% {
    transform: scale(0.66) translate(60px, 0px);
    background-color: #E6EDF3; }
  50% {
    transform: scale(0.33) translate(0px, 0px);
    background-color: #CCDBE7; }
  66% {
    transform: scale(0.66) translate(-60px, 0px);
    background-color: #E6EDF3; }
  100% {
    transform: scale(1);
    background-color: #F8F8F9; } }
#vs-resizable {
  background-color: #FFFFFF;
  height: 288px;
  width: 100%;
  right: 0px;
  bottom: 0px;
  color: #00263A;
  position: fixed;
  user-select: none;
  z-index: 9971; }

#vs-handle-horizontal {
  height: 24px;
  width: 48px;
  background-color: #54585A;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0px;
  text-align: center;
  border-radius: 0px 0px 56px 56px;
  color: #FFFFFF; }

#vs-handle-horizontal:after {
  color: #FFFFFF;
  content: "\25BE"; }

#vs-handle-horizontal:hover {
  background-color: #BBBCBD;
  cursor: move; }

#vs-handle-horizontal:active {
  background-color: #BBBCBD; }

.vs-notification-bar {
  position: fixed;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 50%;
  background-color: #FFFFFF;
  height: 52px;
  padding: 16px;
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  font-size: 14px; }

.vs-notification-bar p {
  display: inline; }

.vs-notification-bar > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap; }

.vs-notification-bar.warning {
  background-color: #FFF1D2;
  max-width: 400px; }

.vs-notification-bar.error {
  background-color: #F4BFBB;
  min-width: 768px; }

.vs-notification-bar.success {
  background-color: #acd8b3;
  min-width: 768px; }

.vs-notification-bar.info {
  background-color: #acd6d8;
  min-width: 768px; }

.vs-pagination {
  display: flex;
  width: 344px;
  height: 40px; }

.vs-pagination ul {
  list-style: none;
  padding: 0; }

.vs-pagination li {
  display: inline-block;
  border-radius: 2px;
  cursor: pointer; }

.vs-page-previous, .vs-page-next {
  width: 64px;
  height: 32px;
  padding: 5px 16px; }

.vs-page-previous {
  padding: 5px 7px; }

.vs-pagination .vs-page-previous:not(.disabled) {
  border: 1px solid #006BA6; }

.vs-pagination .vs-page-next:not(.disabled) {
  border: 1px solid #006BA6; }

.vs-pagination .vs-page-next.disabled {
  background-color: #FAFAFA;
  color: #BBBCBD;
  border-color: #BBBCBD;
  border-style: solid;
  border-width: 1px; }

.vs-pagination .vs-page-previous.disabled {
  background-color: #FAFAFA;
  color: #BBBCBD;
  border-color: #BBBCBD;
  border-style: solid;
  border-width: 1px; }

.vs-pagination .vs-page-links {
  width: 32px;
  height: 32px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  padding: 5px 10px; }

.vs-pagination a {
  text-decoration: none;
  font-size: 12px; }

.vs-pagination li:not(.current_page) a {
  color: #006BA6; }

.vs-pagination li:not(.current_page):not(.disabled):hover {
  background-color: #E6F0F6; }

.vs-pagination li.disabled a {
  color: #BBBCBD;
  cursor: no-drop; }

.vs-pagination li.disabled {
  cursor: no-drop; }

.vs-pagination a:hover,
.vs-pagination a:focus {
  text-decoration: none; }

.vs-pagination li.current_page {
  background-color: #006BA6;
  border-color: #006BA6; }

.vs-pagination li.current_page a {
  color: #FFFFFF; }

.vs-pagintion-drp-down {
  width: 104px;
  height: 32px;
  margin-top: 16px;
  border-radius: 2px;
  color: #006BA6;
  border: 1px solid #006BA6;
  font-size: 12px;
  padding-left: 7px; }

.vs-page-down {
  margin-right: 4px; }

.vs-page-up {
  margin-left: 4px; }

.vs-section-default {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  height: 56px;
  background-color: #F8F8F9;
  padding: 8px 16px 8px 16px;
  border-radius: 2px 2px 0 0; }

.vs-section-side {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  height: 48px;
  background-color: #E6EDF3;
  padding: 8px 16px 8px 16px; }

.vs-selection-selected {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 8px 16px 8px 16px;
  margin-bottom: 8px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #E6EDF3;
  border-color: #80A5C3; }

.vs-selection-deselected {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  background-color: #F8F8F9;
  padding: 8px 16px 8px 16px;
  margin-bottom: 8px;
  border-radius: 2px; }

.vs-selection-deselected:hover {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC;
  cursor: pointer; }

.vs-gc-lbl-others {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline; }

.vs-gc-lbl-txt label {
  flex: none;
  margin-right: 8px; }

.vs-gc-lbl-txt input {
  flex: 1 1 auto;
  margin-right: 8px; }

.vs-gc-lbl-others {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 16px; }

.vs-gc-lbl-others label {
  flex: 1 1 400px;
  margin-right: 8px; }

.vs-gc-lbl-others div {
  flex: 1 1 auto;
  margin-right: 8px; }

.vs-gc-lbl-comp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0px 0px 8px 8px; }

.vs-gc-lbl-comp > div:nth-child(odd) {
  margin-right: 8px;
  flex: 0 1 160px; }

.vs-gc-lbl-comp > div:nth-child(even) {
  margin-right: 8px;
  flex: 1 0 160px; }

.vs-gc-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  flex-wrap: wrap; }

.vs-gc-buttons > * {
  margin: 0 8px;
}

.vs-gc-dbl-lbl-comp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0px 0px 8px 8px; }

.vs-gc-dbl-lbl-comp > div:nth-child(1) {
  margin-right: 8px;
  flex: 2 1 104px;
  max-width: 136px; }

.vs-gc-dbl-lbl-comp > div:nth-child(even) {
  margin-right: 8px;
  flex: 1 0 128px; }

.vs-gc-dbl-lbl-comp > div:nth-child(3) {
  margin-left: 32px;
  flex: 2 1 104px;
  margin-right: 16px;
  max-width: 136px; }

.vs-gc-grid {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 8px; }

.vs-gc-grid > div {
  flex: 1 1 160px;
  padding: 0px 8px 0px 8px; }

.vs-gc-header-comp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0px; }

.vs-gc-header-comp > div:nth-child(1) {
  margin-right: 8px; }

.vs-gc-header-comp > div:nth-child(2) {
  margin-right: 8px; }

.vs-gc-flex-grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center; }

.vs-flex-item-5 {
  flex: 1 1 5%; }

.vs-flex-item-10 {
  flex: 1 1 10%; }

.vs-flex-item-15 {
  flex: 1 1 15%; }

.vs-flex-item-20 {
  flex: 1 1 20%; }

.vs-flex-item-25 {
  flex: 1 1 25%; }

.vs-flex-item-30 {
  flex: 1 1 30%; }

.vs-flex-item-35 {
  flex: 1 1 35%; }

.vs-flex-item-40 {
  flex: 1 1 40%; }

.vs-flex-item-45 {
  flex: 1 1 45%; }

.vs-flex-item-50 {
  flex: 1 1 50%; }

.vs-flex-item-55 {
  flex: 1 1 55%; }

.vs-flex-item-60 {
  flex: 1 1 60%; }

.vs-flex-item-65 {
  flex: 1 1 65%; }

.vs-flex-item-70 {
  flex: 1 1 70%; }

.vs-flex-item-75 {
  flex: 1 1 75%; }

.vs-flex-item-80 {
  flex: 1 1 80%; }

.vs-flex-item-85 {
  flex: 1 1 85%; }

.vs-flex-item-90 {
  flex: 1 1 90%; }

.vs-gc-search-filter {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0px 0px 0px 0px;
  height: 32px;
  background-color: #FAFAFA; }

.vs-gc-search-filter > div:nth-child(1) {
  flex: 1 2 auto; }

.vs-gc-listname-component {
  list-style-type: none;
  padding: 0;
  margin: 8px 0px 0px 0px; }

.vs-gc-listname-component li {
  background-color: #F8F8F9;
  border: none;
  display: flex;
  justify-content: flex-end;
  margin: 0px 0px 8px 0px;
  -ms-align-items: center;
  align-items: center;
  padding-right: 8px; }

.vs-gc-listname-component li:hover {
  background-color: #E6EDF3;
  border: none;
  display: flex;
  justify-content: flex-end;
  margin: 0px 0px 8px 0px;
  -ms-align-items: center;
  align-items: center;
  padding-right: 8px; }

.vs-gc-listname-component li a {
  margin-top: -1px;
  /* Prevent double borders */
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  color: #00263A;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.vs-gc-listname-disabled {
  cursor: not-allowed !important;
  color: #BBBCBD !important;
  background-color: #E6E9EB !important; }

.vs-gc-listname-disabled a {
  cursor: not-allowed !important;
  color: #BBBCBD !important; }

.vs-gc-listname-disabled:hover {
  cursor: not-allowed !important;
  color: #BBBCBD !important;
  background-color: #E6E9EB !important; }

.vs-gc-listname-selected {
  color: #00263A !important;
  background-color: #E6EDF3 !important;
  border: solid 1px #80A5C3 !important; }

.vs-gc-list-separator {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #F8F8F9;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  padding: 0px 8px 0px 8px; }

.vs-gc-push-left {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }

.vs-gc-push-right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center; }

.vs-gc-push-left-freefloat {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center; }

.vs-banner-message {
  display: flex;
  flex-direction: column;
  align-items: center; }

.vs-gc-stretch-out {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0px;
  width: inherit; }

.vs-clus-two, .vs-clus-three, .vs-clus-four, .vs-clus-five {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 8px; }

.vs-clus-two > div {
  flex: 1 1 50%;
  max-width: calc(50% - 8px); }

.vs-clus-three > div {
  flex: 1 1 33.3%;
  max-width: calc(33.3% - 8px); }

.vs-clus-four > div {
  flex: 1 1 25%;
  max-width: calc(25% - 8px); }

.vs-clus-five > div {
  flex: 1 1 20%;
  max-width: calc(20% - 8px); }

.vs-clus-one-center {
  margin: auto;
  width: 50%;
  padding: 8px; }

.lay-left-aside {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "aside article"; }

.lay-left-aside > aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: aside;
  height: 100vh;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF; }

.lay-left-aside > article {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: article; }

.lay-right-aside {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "article aside"; }

.lay-right-aside > article {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: article; }

.lay-right-aside > aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  grid-area: aside;
  height: 100vh;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF; }

.lay-right-aside-big {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "article aside"; }

.lay-right-aside-big > article {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: article; }

.lay-right-aside-big > aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  grid-area: aside;
  height: 100vh;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF; }

.lay-left-sidebar {
  display: grid;
  grid-template-columns: 99fr 1fr;
  grid-template-areas: "article nav"; }

.lay-left-sidebar > article {
  grid-area: article;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16); }

.lay-left-sidebar > nav {
  grid-area: nav;
  background-color: #FAFAFA;
  border-left: solid 1px #EEEEEE;
  max-width: 40px; }

.lay-left-sidebar > aside {
  grid-area: aside;
  display: none;
  transition: visibility 0s,opacity 0.5s linear; }

.lay-left-sidebar > aside {
  grid-area: aside;
  display: none;
  transition: visibility 0s,opacity 0.5s linear; }

.lay-left-sidebar-expose {
  display: grid;
  grid-template-columns: 75fr 24fr 1fr;
  grid-template-areas: "article aside nav"; }

.lay-left-sidebar-expose > article {
  grid-area: article;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16); }

.lay-left-sidebar-expose > nav {
  grid-area: nav;
  background-color: #FAFAFA;
  border-left: solid 1px #EEEEEE;
  max-width: 40px; }

.lay-left-sidebar-expose > aside {
  grid-area: aside;
  transition: visibility 2s ease,opacity 0.5s ease;
  border-top: solid 1px #EEEEEE; }

.lay-left-aside-thin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 15fr 85fr;
  grid-template-columns: 15fr 85fr;
  grid-template-areas: "aside article"; }

.lay-left-aside-thin > aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: aside;
  height: 100vh;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF; }

.lay-left-aside-thin > article {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: article; }

.lay-wizard {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: inherit; }

.lay-wizard > header {
  padding: 8px 2vw;
  /* No properties required */ }

.lay-wizard > article {
  /* No properties required */ }

.lay-wizard > footer {
  /* No properties required */ }

@media screen and (max-width: 768px) {
  .vs-gc-dbl-lbl-comp {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 16px 0px;
    background-color: pink; }

  .vs-gc-dbl-lbl-comp > div:nth-child(1) {
    margin-right: 8px;
    flex: 1 1 100%; }

  .vs-gc-dbl-lbl-comp > div:nth-child(even) {
    margin-right: 8px;
    flex: 1 1 100%; }

  .vs-gc-dbl-lbl-comp > div:nth-child(3) {
    margin-left: 0px;
    flex: 1 1 100%; } }
@media screen and (max-width: 320px) {
  .vs-gc-lbl-comp {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }

  .vs-gc-lbl-comp > div:first-of-type {
    margin: 0px 0px 8px 0px;
    flex: 1 1 100%; } }
.vs-color-success {
  background-color: #00B16A; }

.vs-color-info {
  background-color: #069ABC; }

.vs-color-warning {
  background-color: #FFB900; }

.vs-color-danger {
  background-color: #FD462A; }

.vs-color-other {
  background-color: #78909C; }

.vs-color-disabled {
  background-color: #BBBCBD;
  color: #000000; }

.vs-color-table {
  background-color: #336F9F; }

/* Icon Properties */
/* Icon Sizes */
.icon-small {
  font-size: 16px !important; }

.icon-medium {
  font-size: 24px !important; }

.icon-large {
  font-size: 32px !important; }

.icon-banner {
  font-size: 80px !important; }

/* Icon Colors */
.icon-dark {
  color: #54585A !important; }

.icon-light {
  color: #FFFFFF !important; }

.icon-neutral {
  color: #EEEEEE !important; }

progress {
  display: block;
  /* default: inline-block */
  border: 0 none;
  background: #E6E9EB;
  border-radius: 14px; }

progress::-moz-progress-bar {
  border-radius: 12px;
  background: #006BA6; }

/* webkit */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  progress {
    height: 16px; } }
progress::-webkit-progress-bar {
  background: transparent; }

progress::-webkit-progress-value {
  border-radius: 12px;
  background: #006BA6; }

/*Rafi code Starts here*/
.vs-bottom-pad-0 {
  padding-bottom: 0px !important; }

.vs-bottom-pad-8 {
  padding-bottom: 8px !important; }

.vs-bottom-pad-16 {
  padding-bottom: 16px !important; }

.vs-bottom-pad-24 {
  padding-bottom: 24px !important; }

.vs-bottom-pad-32 {
  padding-bottom: 32px !important; }

.vs-top-pad-0 {
  padding-top: 0px !important; }

.vs-top-pad-8 {
  padding-top: 8px !important; }

.vs-top-pad-16 {
  padding-top: 16px !important; }

.vs-top-pad-24 {
  padding-top: 24px !important; }

.vs-top-pad-32 {
  padding-top: 32px !important; }

.vs-left-pad-0 {
  padding-left: 0px !important; }

.vs-left-pad-32 {
  padding-left: 32px !important; }

.vs-right-pad-0 {
  padding-right: 0px !important; }

.vs-right-pad-32 {
  padding-right: 32px !important; }

.vs-pad-0 {
  padding: 0px !important; }

.vs-pad-8 {
  padding: 8px !important;
  overflow: auto;}

.vs-pad-16 {
  padding: 16px !important; }

.vs-pad-24 {
  padding: 24px !important; }

.vs-pad-32 {
  padding: 32px !important; }

.vs-mgn-0 {
  margin: 0px !important; }

.vs-mgn-8 {
  margin: 8px !important; }

.vs-mgn-16 {
  margin: 16px !important; }

.vs-mgn-24 {
  margin: 24px !important; }

.vs-mgn-32 {
  margin: 32px !important; }

.vs-card-flex-grid-3, .vs-card-flex-grid-4, .vs-card-flex-grid-5 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%/1, max(341px, 100%/8)), 1fr));
  gap: 8px;
  }

.vs-card-flex-grid-3 > div, .vs-card-flex-grid-4 > div, .vs-card-flex-grid-5 > div {
  height: 96px;
  background-color: #FFFFFF;
  border-color: #EEEEEF;
  /* margin: 10px 0.8% 0 0.8%; */
  /* box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); */
  border-style: solid;
  border-width: 1px;
  }

.vs-card-flex-grid-3 > div:hover {
  background-color: #EAF9FD;
}

.vs-card-flex-grid-4 > div:hover {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-card-flex-grid-5 > div:hover {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-card-flex-grid-3 > div {

}

.vs-card-flex-grid-4 > div {
  flex-basis: calc(25% - 1.6%);
  max-width: calc(25% - 1.6%);  }

.vs-card-flex-grid-5 > div {
  flex-basis: calc(20% - 1.6%);
  max-width: calc(20% - 1.6%);  }

.folder-card-size {
  font-size: 80px;
  color: #CCDBE7;
  display: flex;
  justify-content: center; }

.folder-card-size-list {
  font-size: 32px;
  color: #CCDBE7; }

.ellipsis-1-line {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.ellipsis-2-line {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.ellipsis-3-line {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.vs-gc-folder-card-list-item {
  background-color: #FFFFFF;
  border-color: #EEEEEF;
  border-style: solid;
  border-width: 1px; }

.vs-gc-folder-card-list-item:hover {
  background-color: #EAF9FD;
}

.vs-folder-view-list {
  font-family: "roboto";
  font-weight: 400;
  background-color: none;
  border-color: #EEEEEF;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-style: solid;
  border-width: 1px;
  max-width: 225px;
  height: 100vh; }

.vs-folder-view-list-item {
  font-size: 14px;
  background-color: none;
  border-color: #EEEEEF;
  border-style: solid;
  border-width: 0px 0px 1px 0px; }

.vs-folder-view-list-item span.icon-folder-solid {
  font-size: 18px;
  color: #CCDBE7; }

.vs-folder-view-list-item.active span.icon-folder-solid {
  color: #069ABC; }

.vs-horizontal-resizable-section {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  overflow: hidden;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.vs-horizontal-left-section {
  flex: 0 0 auto;
  white-space: nowrap;
  background-color: #FFFFFF;
  border-color: #76797B; }

.vs-horizontal-splitter {
  flex: 0 0 auto;
  width: 8px;
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  cursor: col-resize;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

.vs-horizontal-right-section {
  flex: 1 1 auto;
  background-color: #FFFFFF;
  border-color: #FFFFFF; }

.vs-flex-item-95 {
  flex: 1 1 95%; }

.vs-tab-cntr {
  background-color: none;
  border-color: #BBBCBD;
  height: 100%; }

.vs-tab-content {
  padding: 0px 16px 0px 16px;
  background-color: none;
  border-color: #BBBCBD;
  border-right: none;
  height: 100%;
  display: none; }

.vs-tab-links {
  display: block;
  padding: 24px 16px 24px 16px;
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  cursor: pointer; }

.vs-tab-links:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF; }

.vs-tab-links.active {
  background-color: #FFFFFF;
  border-color: #FFFFFF; }

.vs-card-with-header {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  min-height: 200px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.vs-card-header {
  background-color: #E6EDF3;
  border-color: #E6EDF3; }

.vs-card-content {
  background-color: none;
  border-color: none; }

.vs-card-cnt-item {
  margin: 8px 16px 8px 16px;
  background-color: #78909C;
  border-color: none;
  display: inline-block;
  padding: 5px 10px 5px 10px; }

.vs-card-cnt-item span .icon-arrow-t-r {
  padding: 4px 4px 4px 4px;
  background-color: none;
  border-color: none;
  cursor: pointer; }

.vs-card-cnt-item span .icon-close {
  padding: 4px 4px 4px 4px;
  background-color: none;
  border-color: none;
  cursor: pointer; }

.vs-dropdown-small {
  position: relative;
  display: inline;
  vertical-align: middle;
  margin-right: 8px;
  /* demo only */
  width: 100%; }

.vs-dropdown-small select {
  height: 32px;
  width: 100%;
  padding: 8px;
  padding-right: 40px;
  margin: 0;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  /* hide default arrow in chrome OSX */
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  border-radius: 2px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE;
 }

.vs-dropdown-small select::-ms-expand {
  display: none; }

.vs-dropdown-small::before,
.vs-dropdown-small::after {
  content: "";
  position: absolute;
  pointer-events: none; }

.vs-dropdown-small::after {
  /*  Custom dropdown arrow */
  content: "\25BE";
  width: 16px;
  height: 16px;
  right: 8px;
  top: 27%;
  margin-top: -.5em;
  text-align: center;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
  margin: 0; }

.vs-dropdown-small::before {
  /*  Custom dropdown arrow cover */
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 2px 2px 0; }

.vs-dropdown-small select[disabled] {
  max-width: none;
  text-overflow: none;
  background-color: #FAFAFA;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.vs-dropdown-small select[disabled]::after {
  color: #BBBCBD; }

.vs-dropdown-small::before {
  background-color: #FFFFFF; }

.vs-dropdown-small::after {
  color: #54585A; }

.vs-dropdown select:focus {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-slide-btn-small {
  display: inline-block;
  padding: 8px;
  position: relative;
  text-align: center;
  transition: background 600ms ease, color 600ms ease;
  height: 32px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  border-style: solid;
  border-width: 1px;
  background-color: none;
  border-color: #54585A; }

input[type="radio"].toggle {
  display: none; }
  input[type="radio"].toggle + label {
    cursor: pointer;
    min-width: 64px;
    color: #54585a; }
    input[type="radio"].toggle + label:hover {
      background: none;
      color: #54585a; }
    input[type="radio"].toggle + label:after {
      background: #54585a;
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
      width: 100%;
      z-index: -1; }
  input[type="radio"].toggle.toggle-left + label {
    border-right: 0;
    border-radius: 2px 0px 0px 2px; }
    input[type="radio"].toggle.toggle-left + label:after {
      left: 100%; }
  input[type="radio"].toggle.toggle-right + label {
    margin-left: -5px;
    border-radius: 0px 2px 2px 0px; }
    input[type="radio"].toggle.toggle-right + label:after {
      left: -100%; }
  input[type="radio"].toggle:checked + label {
    cursor: default;
    color: #ffffff;
    transition: color 200ms; }
    input[type="radio"].toggle:checked + label:after {
      left: 0; }

.vs-slide-btn-icon-small {
  display: inline-block;
  padding: 8px;
  position: relative;
  text-align: center;
  transition: background 600ms ease, color 600ms ease;
  height: 32px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  border-style: solid;
  border-width: 1px;
  background-color: none;
  border-color: #54585A; }

input[type="radio"].toggle {
  display: none; }
  input[type="radio"].toggle + label {
    cursor: pointer;
    min-width: 64px; }
    input[type="radio"].toggle + label:hover {
      background: none;
      color: #54585a; }
    input[type="radio"].toggle + label:after {
      background: #54585a;
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
      width: 100%;
      z-index: -1; }
  input[type="radio"].toggle.toggle-left-icon + label {
    border-right: 0;
    border-radius: 2px 0px 0px 2px; }
    input[type="radio"].toggle.toggle-left-icon + label:after {
      left: 100%; }
  input[type="radio"].toggle.toggle-right-icon + label {
    margin-left: -5px;
    border-radius: 0px 2px 2px 0px; }
    input[type="radio"].toggle.toggle-right-icon + label:after {
      left: -100%; }
  input[type="radio"].toggle:checked + label {
    cursor: default;
    color: #ffffff;
    transition: color 200ms; }
    input[type="radio"].toggle:checked + label:after {
      left: 0; }
  input[type="radio"].toggle:checked + label > i {
    color: #ffffff; }

.vs-switch-state {
  height: 32px;
  display: inline-flex;
  justify-content: flex-start;
  cursor: pointer; }

.vs-switch-state > div:nth-child(1) {
  width: 32px;
  height: 32px;
  color: #ffffff;
  text-align: center;
  flex: 1 1 32px;
  max-width: 32px;
  padding: 6px 8px 2px 8px; }

.vs-switch-state > div:nth-child(2) {
  height: 32px;
  text-align: center;
  padding: 8px 8px 0px 8px;
  min-width: 72px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  background-color: #FFFFFE;
  color: #54585A; }

.vs-switch-state.switchOn {
  background-color: #84BD00; }
  .vs-switch-state.switchOn > div {
    border-color: #84BD00;
    border-style: solid;
    border-width: 1px; }

.vs-switch-state.switchOff {
  background-color: #CCDBE7; }
  .vs-switch-state.switchOff > div {
    border-color: #CCDBE7;
    border-style: solid;
    border-width: 1px; }

ul.vs-breadcrumb-big {
  padding: 0px 8px 0px 0px;
  list-style: none;
  margin: 0px 8px 8px 0px; }

ul.vs-breadcrumb-big li {
  height: 24px;
  display: inline;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0; }

ul.vs-breadcrumb-big li + li:before {
  padding: 0px 4px 0px 0px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  content: "\003e"; }

ul.vs-breadcrumb-big li a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: none; }

ul.vs-breadcrumb-big li a:hover {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: underline; }

ul.vs-breadcrumb-big li:last-child {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  padding-right: 8px; }

.vs-card {
  padding: 8px;
  background-color: #FFFFFF;
  border-color: #E6E9EB;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.vs-card:hover {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-donut-tooltip {
  background: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 8px;
  color: white; }

.vs-donut-text {
  font-size: 0.8rem;
  transform: translateY(0.25em); }

.vs-donut-number {
  font-size: 0.6rem;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em); }

.vs-navigation {
  width: 100%;
  min-height: 48px;
  height: 64px;
  padding: 0px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  color: #001317;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0;
  border-bottom: 2px solid #D6D6D6;
  }

.vs-navigation a {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  line-height: 1.33;
  color: #00263A !important; }

.vs-navigation ul {
  list-style-type: none; }

.vs-navigation ul li {
  margin-top: 8px; }

.vs-navigation ul li:last-child {
  margin-top: 8px;
  margin-bottom: 8px; }

.vs-nav-left {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.vs-nav-right {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.vs-nav-right > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 8px; }

.vs-nav-right > div > .dropbtnflex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 12px; }

.vs-nav-right > div > .dropbtn {
  background-color: #FFFFFF; }

.vs-nav-right > div:first-child small {
  line-height: 1.33; }

.vs-navigation img {
  height: 64px;
  margin: 8px;
  padding: 4px }

/* mega-menu */
.vs-mega-menu {
  float: left;
  overflow: hidden;
  border-bottom: 2px solid #D6D6D6;
  }

.vs-mega-menu:hover .dropbtn {
  background-color: #F0F0F0; }

.vs-mega-menu-content {
  display: none;
  position: absolute;
  background-color: #E6EDF3;
  width: 100%;
  left: 0;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  color: #00263A;
  z-index: 9997; }

.vs-mega-menu-content .header {
  background: #335161;
  padding: 16px;
  color: #FFFFFF; }

.vs-mega-menu:hover .vs-mega-menu-content {
  display: block; }

.vs-mega-menu-content > div:last-child {
  display: flex;
  min-height: 32px; }

.vs-mega-menu-content > div:last-child li:not(.vs-level3-menu) a:hover {
  text-decoration: underline;
  font-weight: 400 !important; }

.vs-mega-menu-content > div:last-child div:not(.vs-level-content) {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  margin-top: 8px;
  cursor: pointer;
  margin-left: 40px; }

.vs-more-mega-menu-content {
  max-height: 400px;
  overflow: auto; }

.vs-more-mega-menu-content > div > div {
  min-width: 192px; }

.vs-level3-menu li {
  list-style: disc;
  margin-left: 16px !important; }

/* Nested-menu */
.vs-nested-menu {
  float: left;
  overflow: hidden; }

.vs-nested-menu > .dropbtn, .vs-nested-leaf > .dropbtn, mainMenuBtn-more > .dropbtn, .vs-mega-menu > .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  background-color: inherit; }

.vs-nested-menu > .dropbtn, .vs-mega-menu .dropbtn {
  color: #FFFFFF;
  padding: 14px 16px;
  margin: 0;
  min-height: 64px;
  background-color: #00263A; }

.vs-nested-menu:hover > .dropbtn {
  background-color: #335161; }

.vs-nested-menu-content, .vs-nested-leaf-content {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 9996;
  color: #00263A;
  height: 32px;
  box-sizing: border-box; }

.vs-nested-menu-content {
  background-color: #EEEEEF; }

.vs-nested-menu-content a, .vs-nested-leaf-content a {
  padding: 8px;
  margin-right: 4px;
  margin-left: 4px;
  z-index: 9997; }

.vs-nested-menu-content a:hover, .vs-nested-leaf-content a:hover, .vs-nested-leaf > .dropbtn:hover {
  background-color: #CCDBE7; }

.vs-nested-menu-content .header {
  background-color: #EEEEEF;
  padding: 16px;
  color: #FFFFFF; }

.vs-nested-menu:hover .vs-nested-menu-content, .vs-nested-leaf:hover .vs-nested-leaf-content {
  display: flex; }

.vs-nested-leaf .dropbtn {
  height: 32px; }

.vs-nested-leaf-content {
  background-color: #E6EDF3; }

.vs-mega-menu-content h3 {
  margin: 0px; }

.vs-mega-menu-content h4 {
  margin: 0px; }

.vs-current-solution, .vs-logoHeader {
  cursor: default;
  display: contents;
}

.vs-nested-menu-content a:hover, .vs-mega-menu-content > div:last-child div:hover {
  text-decoration: none; }

.vs-current-solution:hover {
  text-decoration: underline; }

.vs-userManagement-popup {
  display: none;
  width: 25%;
  height: 400px;
  z-index: 9997;
  position: absolute;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #EEEEEE;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-user-header {
  width: 100%;
  height: 64px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  color: #00263A;
  margin: 0; }

.vs-user-header > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }

.vs-user-header > div:nth-child(2) > div:nth-child(1) {
  color: #00263A;
  font-size: 14px; }

.vs-user-header > div:nth-child(2) > div:nth-child(2) {
  color: #BBBCBD; }

.vs-user-header > div:nth-child(2) > div:nth-child(3) {
  display: flex;
  justify-content: flex-start;
  width: 100%; }

.vs-user-header > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) {
  color: #069ABC;
  cursor: pointer; }

.vs-user-header > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) {
  color: #FD462A;
  cursor: pointer; }

.vs-userManagement-popup > div:nth-child(2) {
  width: 100%;
  height: 32px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  background-color: #F8F8F9;
  color: #54585A; }

.vs-current-organisation, .vs-other-organisation {
  width: 100%;
  height: 72px;
  background-color: #EEEEEE;
  color: #00263A;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0; }

.vs-current-organisation > div > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 16px; }

.vs-other-organisation {
  background-color: #FFFFFF;
  height: 239px;
  max-height: 239px;
  overflow-y: auto;
  height: auto; }

.vs-header-organisation > div > div:nth-child(1) > div:nth-child(1) {
  font-size: 14px;
  color: #00263A; }

.vs-header-organisation > div > div:nth-child(1) > div:nth-child(2) div {
  color: #00263A; }

.vs-header-organisation > div > div:nth-child(1) > div:nth-child(2) span {
  color: #BBBCBD; }

.vs-current-organisation > div > div:nth-child(2) > div:nth-child(2) {
  background-color: #FFB900;
  border-radius: 2px;
  padding: 0px 8px 0px 8px;
  color: #00263A; }

.vs-level-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0; }

.vs-level3-menu {
  height: inherit !important; }

.vs-level3-menu a:hover {
  font-weight: 400 !important; }

.vs-level3-menu > ul {
  padding-left: 16px; }

.onselectBg {
  background-color: #E6E9EB !important; }

/*# sourceMappingURL=vs-verisk.css.map */


ul.vs-breadcrumb > li {
  height: 24px;
  display: inline;
  cursor: pointer;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0; }

ul.vs-breadcrumb > li + li:before {
  padding: 0px 4px 0px 4px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  content: "\003e"; }

ul.vs-breadcrumb > li > a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: none; }

ul.vs-breadcrumb > li > a:hover {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: underline; }

ul.vs-breadcrumb > li:last-child {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: gray;
  margin: 0;
  padding-right: 8px; }

ul.vs-breadcrumb-big {
  padding: 0px 8px 0px 0px;
  list-style: none;
  margin: 0px 8px 8px 0px; }

ul.vs-breadcrumb-big > li {
  height: 24px;
  display: inline;
  cursor: pointer;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0; }

ul.vs-breadcrumb-big > li + li:before {
  padding: 0px 4px 0px 4px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  content: "\003e"; }

ul.vs-breadcrumb-big > li > a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: none; }

ul.vs-breadcrumb-big > li > a:hover {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #069ABC;
  margin: 0;
  text-decoration: underline; }

ul.vs-breadcrumb-big > li:last-child {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: #00263A;
  margin: 0;
  padding-right: 8px; }

.vs-noContentLi:before {
  display: none; }

.vs-breadcrumb-popup a {
  text-decoration: none;
  color: black; }

.vs-breadcrumb-popup li:hover {
  text-decoration: none;
  background-color: #EEEEEF; }
.vs-breadcrumb .vs-button-popover div li {
	  padding: 5px 8px;  }
.vs-table tr:nth-child(even) {
  background-color: #EAEAEA;
  }
#runDescription{
	 text-transform: none;
 }
.required-field::after {
    content: "*";
    color: red;
}
#vs-breadcrumb-holder{
  margin-top:4px !important;
}
.textTransform{
	text-transform: none;
}
#AddVariableFooter {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#defaultModelingStatusMsg{
 overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    margin-left: 8px;
}
#vintageParamStatusMsg{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 85%;
  margin-left: 24px;
}
#auditStatusMsg{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px;
 }

.dropdnbtn {
    background-color: transparent;
    color: #54585A;
    font-size: 25px;
    border: none;
    cursor: pointer;
}

.dropdnbtn:hover,
.dropdnbtn:focus {
    color: #404344;
}

.dropdnbtn::after {
    content: '\2807';
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    font-size: 16px !important;
    line-height: 16px;
    text-align: left;
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    cursor: pointer;
    padding: 12px 16px;
    display: flex;
    align-items:center;
}

.dropdown-content a:hover {
    background-color: #EEEEEE !important;
    text-decoration: none;
}

.dropdown-show {
    display: block;
}

.dropdown-btn-text {
    margin:0px 0px 0px 8px;
    font-family: "Roboto", Arial, sans-serif !important;
    color: #00263A !important;
}

#newProjectBtn{
    font-size: 80% !important;
}

.dropdownLabels{
  color: #A3A3A3 !important;
}

#projectListing{
  height:unset !important;
  max-height:unset !important;
}

#mainContainerForRunListing{
  height:unset !important;
}

#gbox_segGrid,#gbox_varGrid,#gbox_groupGrid{
  width:auto !important;
  min-width: 80vw !important;
}

.filterDropdownPadding{
   padding: 0 8px;
}

.action-vintage-param{
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: end;
  padding: 16px;
  margin-top: 24px;
}

.filter-vintage-param{
  display: flex;
  align-items: center;
  gap: 1rem;
}


.filter-vintage-vs-gc-push-left {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: end; }