/* Latest Version : 1.05.05 */
/* Author : AP */
/* Themes */
/* Core Color palette */
/* Core complimentary palette */
/* Generic Text Colors */
/* Generic Disabled Color */
/* Generic Input Style */
/* Generic Input Style Reverse */
/* Generic Icon Colors */
/* Generic Handle and Holder Colors */
/* Generic Indicator Colors */
/* Color Combination */
/* Header & Mega Menu Colors */
/* Generic GUI Colors */
/* Chart and Graph colors */
/* Font Specification */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-v18-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-300.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-300.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-300.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto/roboto-v18-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-500.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-500.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-500.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* Font Common Properties */
/* Functions */
/* General Shadows */
/* General Inner Shadows */
/* Overal Boarder Radius */
/* General Transition */
/* General Overlay */
/* Text styles */
/* Focus */
/* Creates component with filled color and specified text color */
/* Creates component with outlined component with specified text color and border */
/* Creates component with outlined component with specified background and border */
/* Text styles */
/* Baseline Text Styles */
.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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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; }

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

.vs-h5-light-primary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.71;
  letter-spacing: normal;
  color: #212529;
  margin: 0; }

.vs-h5-light-secondary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.71;
  letter-spacing: normal;
  color: #5E6770;
  margin: 0; }

.vs-h5-light-tertiary {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  line-height: 1.71;
  letter-spacing: normal;
  color: #76BD1D;
  margin: 0; }

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

.vs-h5-regular-black {
  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: #000000;
  margin: 0; }

.vs-h5-regular-primary {
  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: #212529;
  margin: 0; }

.vs-h5-regular-secondary {
  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: #5E6770;
  margin: 0; }

.vs-h5-regular-tertiary {
  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: #76BD1D;
  margin: 0; }

.vs-h5-regular-white {
  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: #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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #212529;
  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: #5E6770;
  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: #76BD1D;
  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: #76BD1D;
  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: #212529;
  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; }

.vs-text-ellipsis-normal {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; }

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

/* Generic Minimum View Port Height Properties*/
.vs-min-vh-5 {
  min-height: 5vh !important; }

.vs-min-vh-10 {
  min-height: 10vh !important; }

.vs-min-vh-15 {
  min-height: 15vh !important; }

.vs-min-vh-20 {
  min-height: 20vh !important; }

.vs-min-vh-25 {
  min-height: 25vh !important; }

.vs-min-vh-30 {
  min-height: 30vh !important; }

.vs-min-vh-35 {
  min-height: 35vh !important; }

.vs-min-vh-40 {
  min-height: 40vh !important; }

.vs-min-vh-45 {
  min-height: 45vh !important; }

.vs-min-vh-50 {
  min-height: 50vh !important; }

.vs-min-vh-55 {
  min-height: 55vh !important; }

.vs-min-vh-60 {
  min-height: 60vh !important; }

.vs-min-vh-65 {
  min-height: 65vh !important; }

.vs-min-vh-70 {
  min-height: 70vh !important; }

.vs-min-vh-75 {
  min-height: 75vh !important; }

.vs-min-vh-80 {
  min-height: 80vh !important; }

.vs-min-vh-85 {
  min-height: 85vh !important; }

.vs-min-vh-90 {
  min-height: 90vh !important; }

.vs-min-vh-95 {
  min-height: 95vh !important; }

.vs-min-vh-100 {
  min-height: 100vh !important; }

/* Generic Maximum View Port Height Properties*/
.vs-max-vh-5 {
  max-height: 5vh !important; }

.vs-max-vh-10 {
  max-height: 10vh !important; }

.vs-max-vh-15 {
  max-height: 15vh !important; }

.vs-max-vh-20 {
  max-height: 20vh !important; }

.vs-max-vh-25 {
  max-height: 25vh !important; }

.vs-max-vh-30 {
  max-height: 30vh !important; }

.vs-max-vh-35 {
  max-height: 35vh !important; }

.vs-max-vh-40 {
  max-height: 40vh !important; }

.vs-max-vh-45 {
  max-height: 45vh !important; }

.vs-max-vh-50 {
  max-height: 50vh !important; }

.vs-max-vh-55 {
  max-height: 55vh !important; }

.vs-max-vh-60 {
  max-height: 60vh !important; }

.vs-max-vh-65 {
  max-height: 65vh !important; }

.vs-max-vh-70 {
  max-height: 70vh !important; }

.vs-max-vh-75 {
  max-height: 75vh !important; }

.vs-max-vh-80 {
  max-height: 80vh !important; }

.vs-max-vh-85 {
  max-height: 85vh !important; }

.vs-max-vh-90 {
  max-height: 90vh !important; }

.vs-max-vh-95 {
  max-height: 95vh !important; }

.vs-max-vh-100 {
  max-height: 100vh !important; }

/* Generic View Port Height Properties*/
.vs-vh-5 {
  height: 5vh !important; }

.vs-vh-10 {
  height: 10vh !important; }

.vs-vh-15 {
  height: 15vh !important; }

.vs-vh-20 {
  height: 20vh !important; }

.vs-vh-25 {
  height: 25vh !important; }

.vs-vh-30 {
  height: 30vh !important; }

.vs-vh-35 {
  height: 35vh !important; }

.vs-vh-40 {
  height: 40vh !important; }

.vs-vh-45 {
  height: 45vh !important; }

.vs-vh-50 {
  height: 50vh !important; }

.vs-vh-55 {
  height: 55vh !important; }

.vs-vh-60 {
  height: 60vh !important; }

.vs-vh-65 {
  height: 65vh !important; }

.vs-vh-70 {
  height: 70vh !important; }

.vs-vh-75 {
  height: 75vh !important; }

.vs-vh-80 {
  height: 80vh !important; }

.vs-vh-85 {
  height: 85vh !important; }

.vs-vh-90 {
  height: 90vh !important; }

.vs-vh-95 {
  height: 95vh !important; }

.vs-vh-100 {
  height: 100vh !important; }

/* Generic Minimum View Port Width Properties*/
.vs-min-vw-5 {
  min-width: 5vw !important; }

.vs-min-vw-10 {
  min-width: 10vw !important; }

.vs-min-vw-15 {
  min-width: 15vw !important; }

.vs-min-vw-20 {
  min-width: 20vw !important; }

.vs-min-vw-25 {
  min-width: 25vw !important; }

.vs-min-vw-30 {
  min-width: 30vw !important; }

.vs-min-vw-35 {
  min-width: 35vw !important; }

.vs-min-vw-40 {
  min-width: 40vw !important; }

.vs-min-vw-45 {
  min-width: 45vw !important; }

.vs-min-vw-50 {
  min-width: 50vw !important; }

.vs-min-vw-55 {
  min-width: 55vw !important; }

.vs-min-vw-60 {
  min-width: 60vw !important; }

.vs-min-vw-65 {
  min-width: 65vw !important; }

.vs-min-vw-70 {
  min-width: 70vw !important; }

.vs-min-vw-75 {
  min-width: 75vw !important; }

.vs-min-vw-80 {
  min-width: 80vw !important; }

.vs-min-vw-85 {
  min-width: 85vw !important; }

.vs-min-vw-90 {
  min-width: 90vw !important; }

.vs-min-vw-95 {
  min-width: 95vw !important; }

.vs-min-vw-100 {
  min-width: 100vw !important; }

/* Generic Maximum View Port Width Properties*/
.vs-max-vw-5 {
  max-width: 5vw !important; }

.vs-max-vw-10 {
  max-width: 10vw !important; }

.vs-max-vw-15 {
  max-width: 15vw !important; }

.vs-max-vw-20 {
  max-width: 20vw !important; }

.vs-max-vw-25 {
  max-width: 25vw !important; }

.vs-max-vw-30 {
  max-width: 30vw !important; }

.vs-max-vw-35 {
  max-width: 35vw !important; }

.vs-max-vw-40 {
  max-width: 40vw !important; }

.vs-max-vw-45 {
  max-width: 45vw !important; }

.vs-max-vw-50 {
  max-width: 50vw !important; }

.vs-max-vw-55 {
  max-width: 55vw !important; }

.vs-max-vw-60 {
  max-width: 60vw !important; }

.vs-max-vw-65 {
  max-width: 65vw !important; }

.vs-max-vw-70 {
  max-width: 70vw !important; }

.vs-max-vw-75 {
  max-width: 75vw !important; }

.vs-max-vw-80 {
  max-width: 80vw !important; }

.vs-max-vw-85 {
  max-width: 85vw !important; }

.vs-max-vw-90 {
  max-width: 90vw !important; }

.vs-max-vw-95 {
  max-width: 95vw !important; }

.vs-max-vw-100 {
  max-width: 100vw !important; }

/* Generic View Port Width Properties*/
.vs-vw-5 {
  width: 5vw !important; }

.vs-vw-10 {
  width: 10vw !important; }

.vs-vw-15 {
  width: 15vw !important; }

.vs-vw-20 {
  width: 20vw !important; }

.vs-vw-25 {
  width: 25vw !important; }

.vs-vw-30 {
  width: 30vw !important; }

.vs-vw-35 {
  width: 35vw !important; }

.vs-vw-40 {
  width: 40vw !important; }

.vs-vw-45 {
  width: 45vw !important; }

.vs-vw-50 {
  width: 50vw !important; }

.vs-vw-55 {
  width: 55vw !important; }

.vs-vw-60 {
  width: 60vw !important; }

.vs-vw-65 {
  width: 65vw !important; }

.vs-vw-70 {
  width: 70vw !important; }

.vs-vw-75 {
  width: 75vw !important; }

.vs-vw-80 {
  width: 80vw !important; }

.vs-vw-85 {
  width: 85vw !important; }

.vs-vw-90 {
  width: 90vw !important; }

.vs-vw-95 {
  width: 95vw !important; }

.vs-vw-100 {
  width: 100vw !important; }

/* 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-5 {
  width: 5% !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vs-min-hoz-len-95 {
  min-width: 95% !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-5 {
  height: 5% !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vs-min-vrt-len-95 {
  min-height: 95% !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: right !important; }

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

/*Generic Overflow */
.vs-overflow-visible {
  overflow: visible; }

.vs-overflow-hidden {
  overflow: hidden; }

.vs-overflow-scroll {
  overflow: scroll; }

.vs-overflow-auto {
  overflow: auto; }

/* Generic Overflow x-axis*/
.vs-overflow-visible-x {
  overflow-x: visible; }

.vs-overflow-hidden-x {
  overflow-x: hidden; }

.vs-overflow-scroll-x {
  overflow-x: scroll; }

.vs-overflow-auto-x {
  overflow-x: auto; }

/* Generic Overflow y-axis*/
.vs-overflow-visible-y {
  overflow-y: visible; }

.vs-overflow-hidden-y {
  overflow-y: hidden; }

.vs-overflow-scroll-y {
  overflow-y: scroll; }

.vs-overflow-auto-y {
  overflow-y: auto; }

.vs-border-strip-left {
  border-width: 0px 0px 0px 2px !important;
  border-style: solid; }

.vs-border-strip-right {
  border-width: 0px 2px 0px 0px !important;
  border-style: solid; }

.vs-border-strip-top {
  border-width: 2px 0px 0px 0px !important;
  border-style: solid; }

.vs-border-strip-bottom {
  border-width: 0px 0px 2px 0px !important;
  border-style: solid; }

.vs-border-strip-warning {
  border-color: #FFB900 !important; }

.vs-border-strip-error {
  border-color: #FD462A !important; }

.vs-border-strip-success {
  border-color: #00B16A !important; }

.vs-border-strip-info {
  border-color: #069ABC !important; }

.vs-border-strip-generic {
  border-color: #ececec !important; }

/* Import font icons */
@font-face {
  font-family: "fintellix-icons";
  src: url("../fonts/fintellix-icons.eot?dqv4ez");
  src: url("../fonts/fintellix-icons.eot?dqv4ez#iefix") format("embedded-opentype"), url("../fonts/fintellix-icons.ttf?dqv4ez") format("truetype"), url("../fonts/fintellix-icons.woff?dqv4ez") format("woff"), url("../fonts/fintellix-icons.svg?dqv4ez#fintellix-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: 'fintellix-icons' !important;
  speak: none;
  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; }

.icon-query-closed:before {
  content: "\e918"; }

.icon-query-resolved:before {
  content: "\e919"; }

.icon-query-open:before {
  content: "\e91a"; }

.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-verified: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"; }

.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 {
  cursor: pointer;
  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-right:before {
  content: "\f3aa"; }

.icon-play-left:before {
  content: "\f40a"; }

.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 {
  cursor: pointer;
  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; }

.buttonIcon {
  color: #FFFFFF; }

.vs-icon-spin {
  position: absolute;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s linear infinite; }

.vs-upload-btn div {
  margin-bottom: 8px; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
div span.fileName i {
  margin-left: 10px; }

.vs-upload-btn > .vs-button-small {
  line-height: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.vs-primary-one-outline:hover {
  background-color: #D9EDC1;
  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: #5E6770;
  border-color: #5E6770;
  border-style: solid;
  border-width: 1px; }

.vs-primary-two-outline:hover {
  background-color: #E9EAEB;
  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: #989FA4;
  border-color: #989FA4;
  border-style: solid;
  border-width: 1px; }

.vs-secondary-one-outline:hover {
  background-color: #EAECED;
  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: #212529;
  border-color: #212529;
  border-style: solid;
  border-width: 1px; }

.vs-secondary-two-outline:hover {
  background-color: #E0E0E1;
  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: #5E6770;
  border-color: #5E6770; }

.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: #212529;
  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: #212529;
  transition: .1s;
  cursor: pointer; }

.vs-button-popover div li:hover, .vs-button-popover > div > ul > li > a:hover {
  background-color: #E9EAEB; }

  /*NBC .vs-button-popover > div > ul > li > a{
      display:block;
      text-decoration:none;
      color:$text-primary;
      font-size: 14px;
    }

.vs-button-popover div li:hover,.vs-button-popover > div > ul > li > a:hover{
    background-color: $primary-two-light-bg;
  }*/
/* 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: #212529;
  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: #212529;
  transition: .1s;
  cursor: pointer; }

    /*NBC .vs-button-popover-right div li:hover{
        background-color: $primary-two-light-bg;
      }

    .vs-button-popover-right > div > ul > li > a{
        display:block;
        text-decoration:none;
        color:$text-primary;
        font-size: 14px;
      }*/
.vs-button-popover-right div li:hover, .vs-button-popover-right > div > ul > li > a:hover {
  background-color: #E9EAEB; }

.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;
  width: 100%; }

.vs-dropdown select, .vs-select-search-box {
  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: #212529;
  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: #5E6770; }

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

/*dropdown with serach*/
.vs-custom-select-search {
  position: relative;
  vertical-align: middle;
  margin-right: 8px;
  width: 100%;
  height: 40px; }

.vs-custom-select-small {
  height: 32px; }

.vs-custom-select-search select {
  display: none; }

/*style the arrow inside the select element:*/
.vs-select-search-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #000000 transparent transparent transparent; }

/*point the arrow upwards when the select box is open (active):*/
.vs-select-search-selected.vs-select-arrow-active:after {
  border-color: transparent transparent #000000 transparent;
  top: 15px; }

.vs-arraow-small:after {
  position: absolute;
  top: 16px;
  right: 10px;
  border: 4px solid transparent;
  border-color: #000000 transparent transparent transparent; }

.vs-arraow-small.vs-select-arrow-active:after {
  border-color: transparent transparent #000000 transparent;
  top: 12px; }

/*style the items (options), including the selected item:*/
.vs-select-search-items div,
.vs-select-search-selected {
  width: 100%;
  /* padding-right: 40px; */
  margin: 0px;
  text-overflow: ellipsis;
  /* -webkit-appearance: button; */
  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;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-transform: capitalize;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  color: #00263A;
  border-color: #EEEEEE; }

.vs-select-search-items div {
  border-top: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px;
  padding: 8px 16px; }

.vs-select-search-items div {
  border-bottom: 1px solid #EEEEEE; }

/*style items (options):*/
.vs-select-search-items {
  position: absolute;
  background-color: #76BD1D;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9990;
  max-height: 192px;
  overflow: auto;
  border-top: 2px solid #EEEEEE; }

/*hide the items when the select box is closed:*/
.vs-select-search-hide {
  display: none; }

.vs-select-search-items div.pointed-at:not(.disabled-item) {
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFFFFF; }

.vs-select-search-items .disabled-item {
  /* pointer-events: none; */
  cursor: not-allowed;
  background-color: #EEEEEE; }

/*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: #212529; }

.vs-label.secondary {
  color: #5E6770; }

.vs-label.tertiary {
  color: #76BD1D; }

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

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

/*Textbox*/
.vs-textbox {
  height: 40px;
  width: 100%;
  border: 1px solid #E0E0E1;
  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 #E0E0E1;
  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; }

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

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

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-textbox-small-icon i {
  position: absolute;
  margin: 4px 0 0 8px; }

.vs-textbox-big-icon, .vs-textbox-small-icon {
  position: relative; }

.vs-textbox-big-icon i {
  position: absolute;
  margin: 8px 0 0 8px; }

.vs-textbox-big-icon input,
.vs-textbox-small-icon input {
  padding: 4px 4px 4px 32px; }

.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; }

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

input[type=search].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=search].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; }

textarea:disabled {
  background-color: #FAFAFA;
  color: #BBBCBD;
  border-color: #BBBCBD; }

.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 #76BD1D;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/*Indeterminate checkbox*/
.vs-checkbox input:indeterminate ~ .vs-checkmark:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0, -50%);
  width: 80%;
  height: 3px;
  background: #76BD1D; }

/* 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: #76BD1D; }

/* 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 #E9EAEB;
  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: #76BD1D; }

/* Scroll Bar */
/* scroll bar width */
::-webkit-scrollbar {
  width: 10px;
  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; }

.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: #5E6770;
  border-color: #5E6770; }

.vs-tooltip .vs-tooltiptext-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: solid 5px #5E6770;
  border-color: #5E6770 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: #5E6770;
  border-color: #5E6770; }

.vs-tooltip .vs-tooltiptext-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border: solid 5px #5E6770;
  border-color: transparent #5E6770 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: #5E6770;
  border-color: #5E6770; }

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

.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: #5E6770;
  border-color: #5E6770; }

.vs-tooltip .vs-tooltiptext-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border: solid 5px #5E6770;
  border-color: transparent transparent #5E6770 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;
    cursor: pointer; }
  .vs-link:visited {
    text-decoration: none;
    cursor: pointer; }
  .vs-link:hover {
    text-decoration: underline;
    cursor: pointer; }
  .vs-link:active {
    text-decoration: underline;
    cursor: pointer; }

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: #212529;
  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: #212529;
  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: #212529;
  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: #212529;
  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;
  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: 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: #212529;
  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: #212529;
  margin: 0;
  padding-right: 8px; }

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

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; }

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

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

.vs-breadcrumb-popup li:hover {
  text-decoration: none;
  background-color: #E9EAEB; }

/* 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: #212529;
  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: #76BD1D;
  border-bottom-color: #76BD1D; }

.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: #212529;
  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: #212529;
  border-color: #EEEEEE; }

.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: #212529;
  border-color: #EEEEEE;
  text-align: left;
  outline: none;
  border: none; }

.vs-accordion > i {
  color: #282F54;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px; }

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

.vs-accordion:after {
  content: '\002B';
  color: #212529;
  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;
  transition: max-height 0.2s ease-out;
  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-remove-content-after:after {
  content: ""; }

.vs-remove-content-before:before {
  content: ""; }

.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 #E0E0E1; }

.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: #212529;
    cursor: pointer; }
    .vs-multi-steps > li:before {
      content: counter(stepNum);
      display: block;
      margin: 0 auto 4px;
      background-color: #989FA4;
      width: 36px;
      height: 36px;
      line-height: 32px;
      text-align: center;
      font-weight: 400;
      color: #FFFFFF;
      border-width: 2px;
      border-style: solid;
      border-color: #989FA4;
      border-radius: 50%; }
    .vs-multi-steps > li:after {
      content: '';
      height: 7px;
      width: 100%;
      background-color: #989FA4;
      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: #989FA4;
      color: #212529; }
    .vs-multi-steps > li.vs-progress-is-active ~ li {
      color: #212529;
      font-weight: 300; }
      .vs-multi-steps > li.vs-progress-is-active ~ li:before {
        background-color: #E6E9EB;
        border-color: #E6E9EB;
        color: #212529;
        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: #E0E0E1; }

.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: #212529;
  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: #989FA4;
  color: #FFFFFF;
  border-color: #989FA4; }

.vs-multi-steps-small > li:after {
  content: '';
  height: 4px;
  width: 100%;
  background-color: #989FA4;
  position: absolute;
  top: 11px;
  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: #212529;
  border-color: #989FA4; }

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

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

.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-stack-progress {
  display: flex;
  height: 24px; }

.vs-stack-progress-small {
  display: flex;
  height: 16px; }

.vs-stack-progress > div, .vs-stack-progress-small > div {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF; }

.vs-stack-progress > div:first-child, .vs-stack-progress-small > div:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.vs-stack-progress > div:last-child, .vs-stack-progress-small > div:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.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: #212529;
  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: #212529;
  margin: 0;
  cursor: pointer;
  transition: 0.3s; }

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

.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: #212529;
  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: #212529; }

.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: #212529;
  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: #212529;
  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: #212529;
  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: #212529;
  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: #212529;
  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;
  z-index: 9990; }

.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: 768px; }

.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: 100%;
  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 #76BD1D; }

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

.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: #212529;
  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: #76BD1D; }

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

.vs-pagination li.disabled a {
  color: #76BD1D;
  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: #76BD1D;
  border-color: #76BD1D; }

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

.vs-pagintion-drp-down {
  width: 104px;
  height: 32px;
  margin-top: 16px;
  border-radius: 2px;
  color: #76BD1D;
  border: 1px solid #76BD1D;
  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: flex-end;
  align-items: center;
  margin: 0px;
  flex-wrap: wrap; }

.vs-gc-buttons > * {
  margin-right: 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-flex-stack {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 100%;
  cursor: pointer; }

.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: #212529;
  -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: #212529 !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; }

.vs-clus-one-center-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.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;
  min-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;
  min-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;
  min-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, .lay-left-big-sidebar-expose > article {
  grid-area: article;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16); }

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

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

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

.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;
  -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-right-aside-thin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 75fr 25fr;
  grid-template-columns: 75fr 25fr;
  grid-template-areas: "article aside"; }

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

.lay-right-aside-thin > aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  grid-area: aside;
  -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-wizard {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: inherit; }

.lay-wizard > header {
  /* 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; }

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

.vs-color-default {
  background-color: #CCDBE7; }

/* 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-disabled {
  color: #EEEEEE !important;
  pointer-events: none; }

/* 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: #76BD1D; }

/* 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: #76BD1D; }

.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; }

.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: flex;
  flex-flow: row wrap; }

.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: #E9EAEB;
  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 {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.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 {
  flex-basis: calc(33.33% - 1.6%); }

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

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

.folder-card-size {
  font-size: 56px;
  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: #E9EAEB;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px; }

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

.vs-folder-view-list {
  font-family: "roboto";
  font-weight: 400;
  background-color: none;
  border-color: #E9EAEB;
  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: #E9EAEB;
  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: #0098CF; }

.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: #8E959B; }

.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: #76BD1D;
  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;
  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: #212529;
  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: #5E6770; }

.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: #5E6770; }

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;
    z-index: 1; }
    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: #5E6770; }

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;
    z-index: 1; }
    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: #5E6770; }

.vs-switch-state.switchOn {
  background-color: #989FA4; }
  .vs-switch-state.switchOn > div {
    border-color: #989FA4;
    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; }

.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: #212529;
  color: #FFFFFF;
  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; }

.vs-navigation a {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  line-height: 1.33; }

.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: 16px; }

.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: #212529; }

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

.vs-navigation img {
  height: 64px;
  margin-left: 24px;
  margin-right: 24px; }

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

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

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

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

.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: #FFFFFF;
  margin: 0;
  margin-top: 16px;
  margin-left: 40px;
  color: #FFFFFF !important; }

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

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

.vs-more-mega-menu-content a, .vs-more-mega-menu-content li > ul > li {
  color: #E9EAEB !important; }

.vs-more-mega-menu-content li:not(.vs-level3-menu) a:hover {
  color: #FFF1D2 !important; }

.vs-more-mega-menu-content .vs-level3-menu a:hover {
  color: #E9EAEB !important; }

.vs-more-mega-menu-content > div > div > ul > li {
  margin-top: 8px; }

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

.vs-level3-menu li:not(:first-child) {
  margin-top: 0px !important;
  margin-bottom: 0px !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: #212529; }

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

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

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

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

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

.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 {
  color: #FFFFFF !important; }

.vs-nested-menu-content > a:hover {
  background-color: #1a3c4e;
  color: #FFFFFF !important; }

.vs-nested-leaf-content a {
  color: #FFFFFF !important; }

.vs-nested-leaf-content > a:hover {
  background-color: #212529;
  color: #FFFFFF !important; }

.vs-nested-leaf > .dropbtn:hover {
  background-color: #1a3c4e;
  color: #FFFFFF; }

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

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

.vs-nested-leaf > .dropbtn > i {
  color: #FFFFFF; }

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

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

.vs-mega-menu-content h4 {
  margin: 0px;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: Arial, sans-serif; }

.vs-current-solution, .vs-logoHeader {
  cursor: pointer; }

.vs-nested-menu-content a:hover {
  text-decoration: none; }

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

.vs-userManagement-popup {
  display: none;
  width: 344px;
  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: #212529;
  margin: 0; }

@media only screen and (min-width: 1920px) {
  .vs-userManagement-popup {
    width: 384px; } }
.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: #212529;
  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: #212529;
  font-size: 14px; }

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

.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: #0098CF;
  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: #5E6770; }

.vs-current-organisation, .vs-other-organisation {
  width: 100%;
  height: 72px;
  background-color: #EEEEEE;
  color: #212529;
  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: #212529; }

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

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

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

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

.vs-level-content > div {
  cursor: pointer; }

.vs-level-content > div > h4:hover {
  text-decoration: underline;
  color: #FFF1D2; }

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

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

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

.vs-general-leftNav {
  background-color: #646669 !important; }

.vs-general-level3-bg {
  background-color: #1a3c4e !important; }

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

.vs-range-slider {
  position: relative;
  width: 50%; }

input[type=range] {
  -webkit-appearance: none;
  opacity: 0.7;
  border: 1px solid #FFFFFF;
  width: 100%;
  padding: 0 16px 8px 0; }

input[type=range]:hover {
  opacity: 1; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #E6E9EB;
  border: none;
  border-radius: 5px; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #76BD1D;
  margin-top: -4px; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: #E6E9EB;
  border: none;
  border-radius: 3px; }

input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #76BD1D; }

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid #FFFFFF;
  outline-offset: -1px; }

input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #E6E9EB;
  border-radius: 10px; }

input[type=range]::-ms-fill-upper {
  background: #E6E9EB;
  border-radius: 10px; }

input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #76BD1D; }

.vs-slider-container {
  display: flex;
  flex-direction: column; }

.vs-slider-container > div:nth-child(odd) {
  display: flex; }

.vs-slider-container > div:nth-child(even) {
  display: flex;
  justify-content: space-between;
  width: 46%;
  margin-left: 1%; }

.vs-tile-lay-grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  height: 100%;
  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;
  cursor: pointer;
  background-color: #FFFFFF;
  border-color: #E6E9EB; }

.vs-tile-lay-grid > div:first-child {
  flex: 1 1 10%; }

.vs-tile-lay-grid > div:nth-child(2) {
  flex: 1 1 86%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px; }

.vs-tile-lay-grid > div:nth-child(3) {
  flex: 1 1 4%;
  align-self: flex-start;
  padding-top: 4px;
  padding-right: 4px; }

.vs-tile-lay-grid > div:nth-child(2) > .vs-tile-header > h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-stretch: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #212529;
  margin: 0; }

.vs-tile-lay-grid > div:nth-child(2) > .vs-tile-description > p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.vs-tile-lay-grid > div:nth-child(2) > .vs-tile-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px;
  width: inherit; }

.vs-tile-lay-grid > div:nth-child(3) > div {
  height: 18px;
  width: 18px;
  margin-top: 8px;
  margin-right: 8px;
  visibility: hidden; }

/* .vs-tile-lay-grid > div:nth-child(2) > .vs-tile-footer >div{
              margin: 8px 0px 8px 0px;

      }      */
.vs-tile-lay-grid > div:nth-child(1) > div:nth-child(1) > i {
  margin-left: 16px;
  font-size: 64px;
  color: #CCDBE7; }

.vs-tile-lay-grid:hover > div:nth-child(3) > div {
  visibility: visible; }

.vs-tile-lay-grid-2,
.vs-tile-lay-grid-3,
.vs-tile-lay-grid-4,
.vs-tile-lay-grid-5 {
  display: flex;
  flex-flow: row wrap; }

.vs-tile-lay-grid-2 > div.vs-tile-lay-grid {
  flex-basis: calc(50% - 1.6%); }

.vs-tile-lay-grid-3 > div.vs-tile-lay-grid {
  flex-basis: calc(33.33% - 1.6%); }

.vs-tile-lay-grid-2 > div:hover,
.vs-tile-lay-grid-3 > div:hover,
.vs-tile-lay-grid-4 > div:hover,
.vs-tile-lay-grid-5 > div:hover {
  border-color: #069ABC;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.vs-tile-lay-grid-4 > div.vs-tile-lay-grid {
  flex-basis: calc(25% - 1.6%); }

.vs-tile-lay-grid-5 > div.vs-tile-lay-grid {
  flex-basis: calc(20% - 1.6%); }

.vs-tile-lay-grid-2 > div.vs-tile-lay-grid,
.vs-tile-lay-grid-3 > div.vs-tile-lay-grid,
.vs-tile-lay-grid-4 > div.vs-tile-lay-grid,
.vs-tile-lay-grid-5 > div.vs-tile-lay-grid {
  height: 100%;
  background-color: #FFFFFF;
  margin: 10px 0.8% 0 0.8%;
  border-style: solid;
  border-width: 1px; }

/* list */
.vs-tile-lay-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  height: 100%;
  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;
  width: 100%;
  cursor: pointer;
  background-color: #FFFFFF;
  border-color: #E6E9EB; }

.vs-tile-lay-list > div:first-child {
  flex: 1 1 10%; }

.vs-tile-lay-list > div:nth-child(2) {
  flex: 1 1 88%;
  display: flex;
  align-items: center;
  justify-content: center; }

.vs-tile-lay-list > div:nth-child(3) {
  flex: 1 1 2%;
  padding-right: 12px;
  /* align-self: flex-start;  */
  align-items: center; }

.vs-tile-lay-list > div:nth-child(2) > .vs-tile-header {
  flex: 1 1 20%;
  /* margin:8px 0px 0px 0px; */ }

.vs-tile-lay-list > div:nth-child(2) > .vs-tile-description {
  flex: 1 1 40%; }

.vs-tile-lay-list > div:nth-child(2) > div:nth-child(2) > p {
  white-space: nowrap;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis; }

.vs-tile-lay-list > div:nth-child(2) > .vs-tile-footer {
  flex: 4 1 40%;
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

.vs-tile-lay-list > div:nth-child(1) > div:nth-child(1) > i {
  margin-left: 16px;
  font-size: 32px;
  color: #CCDBE7; }

.vs-tile-lay-list > div:nth-child(3) > div:nth-child(1) {
  visibility: hidden;
  width: 18px;
  height: 18px; }

.vs-tile-lay-list:hover > div:nth-child(3) > div:nth-child(1) {
  visibility: visible; }

.vs-tile-grid-list-layout {
  display: flex;
  justify-content: flex-end;
  cursor: pointer; }

.vs-tile-grid-list-layout > :nth-child(1) {
  margin-right: 8px; }

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

.vs-tile-lay-grid.tile-selected {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-tile-lay-list.tile-selected {
  border-color: #069ABC;
  box-shadow: 0 0 2px 0 #069ABC; }

.vs-tile-lay-grid > div:nth-child(3) i {
  color: #069ABC; }

.vs-tile-lay-list > div:nth-child(3) i {
  color: #069ABC; }

.vs-tile-lay-grid.tile-selected > div:nth-child(3) > div {
  visibility: visible; }

.vs-tile-lay-list.tile-selected > div:nth-child(3) > div {
  visibility: visible; }

.vs-card-selectable {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 1px 0 1px 0 rgba(118, 121, 123, 0.16);
  margin: 8px 0 0 0; }

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

.vs-card-selectable span.vs-card-icon i {
  float: right;
  display: none;
  color: #069ABC; }

.vs-card-selectable span.vs-card-icon i.icon-accepted-round {
  display: block; }

.vs-card-selectable:hover > span.vs-card-icon > i {
  display: block; }

.tile-active {
  border-color: #069ABC; }

.tile-active:hover {
  border-color: #069ABC; }

.vs-description-tile {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  height: 96px;
  padding-left: 8px;
  background-color: #FFFFFF;
  border-color: #E6E9EB;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.vs-description-tile > div:first-child {
  flex: 1 1 10%;
  display: flex;
  justify-content: center; }

.vs-description-tile > div:first-child > div > i {
  font-size: 64px;
  color: #CCDBE7; }

.vs-description-tile > div:nth-child(2) {
  flex: 1 1 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px; }

.vs-description-tile > div:nth-child(2) > div:first-child {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.vs-description-tile > div:nth-child(2) > div:first-child > div.vs-tile-header-icon {
  flex: 1 1 95%; }

.vs-description-tile > div:nth-child(2) > div:first-child > div.vs-tile-icons {
  flex: 1 1 5%;
  display: flex;
  justify-content: space-around; }

.vs-description-tile > div:nth-child(2) > div:last-child {
  display: flex;
  flex-direction: row;
  margin-top: 8px; }

.vs-description-tile > div:nth-child(2) > div:last-child > div.vs-description-tile-icon {
  flex: 1 1 80%; }

.vs-description-tile > div:nth-child(2) > div:last-child > div.vs-description-tile-footer {
  flex: 1 1 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 8px; }

.vs-description-tile > div:nth-child(2) > div:last-child > .vs-description-tile-icon > p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.vs-description-tile .vs-description-tile-footer > div {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.vs-alert-text-success {
  color: #00B16A !important; }

.vs-alert-text-info {
  color: #069ABC !important; }

.vs-alert-text-warning {
  color: #FFB900 !important; }

.vs-alert-text-generic {
  color: #78909C !important; }

.vs-alert-text-error {
  color: #FD462A !important; }

.vs-icon-document-color {
  color: #CCDBE7 !important; }

/* background color */
.vs-bg-color-success {
  background-color: rgba(0, 177, 106, 0.3); }

.vs-bg-color-info {
  background-color: rgba(6, 154, 188, 0.3); }

.vs-bg-color-warning {
  background-color: rgba(255, 185, 0, 0.3); }

.vs-bg-color-error {
  background-color: rgba(253, 70, 42, 0.3); }

.vs-bg-color-other {
  background-color: rgba(120, 144, 156, 0.3); }

.vs-border-dotted {
  border-style: dotted !important;
  border-width: 1px !important; }

.vs-border-solid {
  border-style: solid !important;
  border-width: 1px !important; }

.vs-border-dashed {
  border-style: dashed !important;
  border-width: 1px !important; }

.vs-border-none {
  border-style: none !important;
  border-width: 1px !important; }

.vs-divIndicators.success {
  background: #00B16A; }

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

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

.vs-divIndicators.error {
  background: #FD462A; }

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

.vs-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 16px; }

.vs-divIndicators {
  width: 8px;
  height: 8px;
  border-radius: 8px; }

.vs-indicator > div:nth-child(2) {
  color: #212529;
  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; }

.vs-collapseFadePanel {
  position: relative;
  top: 0;
  left: 0; }

.vs-collapseFadePanel > div:nth-child(2) {
  float: right;
  position: relative;
  top: -1043px;
  left: 447px; }

.vs-collapse-leftPanel {
  animation: vs-hideToLeft 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.vs-show-leftPanel {
  animation: vs-hideToLeft 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards reverse; }

@keyframes vs-hideToLeft {
  from {
    left: 0; }
  to {
    left: -447px; } }
.vs-collapse-panel-left-pos {
  left: -447px; }

@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .vs-collapseFadePanel {
    position: relative;
    top: 0;
    left: 0; }

  .vs-collapseFadePanel > div:nth-child(2) {
    float: right;
    position: relative;
    top: -746px;
    left: 319px; }

  .vs-collapse-leftPanel {
    animation: vs-hideToLeft 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

  .vs-show-leftPanel {
    animation: vs-hideToLeft 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards reverse; }

  @keyframes vs-hideToLeft {
    from {
      left: 0; }
    to {
      left: -320px; } }
  .vs-collapse-panel-left-pos {
    left: -320px; } }
.vs-flex-wrap {
  flex-wrap: wrap !important; }

.vs-lay-aside-article-left {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "aside article"; }
  .vs-lay-aside-article-left.fraction_15_85 {
    -ms-grid-columns: 15fr 85fr;
    grid-template-columns: 15fr 85fr; }
  .vs-lay-aside-article-left.fraction_20_80 {
    -ms-grid-columns: 20fr 80fr;
    grid-template-columns: 20fr 80fr; }
  .vs-lay-aside-article-left.fraction_25_75 {
    -ms-grid-columns: 25fr 75fr;
    grid-template-columns: 25fr 75fr; }
  .vs-lay-aside-article-left.fraction_30_70 {
    -ms-grid-columns: 30fr 70fr;
    grid-template-columns: 30fr 70fr; }
  .vs-lay-aside-article-left > aside {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    grid-area: aside;
    min-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; }
  .vs-lay-aside-article-left > article {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: article; }

.vs-lay-aside-article-right {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "article aside"; }
  .vs-lay-aside-article-right.fraction_85_15 {
    -ms-grid-columns: 85fr 15fr;
    grid-template-columns: 85fr 15fr; }
  .vs-lay-aside-article-right.fraction_80_20 {
    -ms-grid-columns: 80fr 20fr;
    grid-template-columns: 80fr 20fr; }
  .vs-lay-aside-article-right.fraction_75_25 {
    -ms-grid-columns: 75fr  25fr;
    grid-template-columns: 75fr  25fr; }
  .vs-lay-aside-article-right.fraction_70_30 {
    -ms-grid-columns: 70fr 30fr;
    grid-template-columns: 70fr  30fr; }
  .vs-lay-aside-article-right > article {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: article; }
  .vs-lay-aside-article-right > aside {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    grid-area: aside;
    min-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; }

.vs-dual-box {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.vs-dual-box-card {
  border: solid 1px #EEEEEE;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  width: 48%; }

.vs-dual-box-child > div {
  margin-top: -1px;
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  color: #212529;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.vs-dual-box-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 4%;
  border-top: solid 1px #EEEEEE; }

.vs-dual-box-buttons > div {
  width: 100%; }

.vs-dual-box-buttons > div:first-child > div, .vs-dual-box-buttons > div:last-child > div {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-top: solid 1px #EEEEEE; }

.vs-dual-box-buttons > div:first-child > div:last-child, .vs-dual-box-buttons > div:last-child > div:last-child {
  border-bottom: solid 1px #EEEEEE; }

.vs-dual-boxSearch input {
  box-shadow: none;
  border-radius: 0; }

.vs-dual-boxSearch input:focus {
  border-color: #EEEEEE;
  box-shadow: none; }

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

.vs-dual-box-button-icon {
  padding: 8px 16px; }

.rte--container {
  position: relative; }

.rte--tool-list {
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  padding: 0;
  margin: 1rem;
  overflow: hidden; }

.rte--tool--btn {
  display: block;
  border: none;
  padding: .5rem;
  font-size: 20px; }

.rte--container .rte-content {
  min-height: 500px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin: 1rem;
  padding: 1rem; }

.rte--container table.rte-table,
.rte--container table.rte-table td {
  border: 1px solid black; }

.rte--container .rte--popup {
  position: absolute;
  top: 80px;
  left: 80px;
  display: none; }

.vs-component-group {
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE; }

.vs-component-group > div:first-child {
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #EEEEEE; }

.vs-component-group > div:nth-child(3) {
  height: 32px; }

.vs-component-group > div:nth-child(3) > div:first-child {
  padding-top: 4px; }

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