.toast-container {
  position: fixed;
  z-index: 20;
  /*Additional properties for button version
      iOS requires the button element instead of an anchor tag.
      If you want the anchor version, it requires `href="#"`.*/
}
.toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toast-container > div {
  margin: 0 2px 2px 6px;
  padding: 15px 15px 15px 50px;
  width: 412px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  cursor: pointer;
}
.toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
.toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
.toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
.toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
.toast-container.toast-top-full-width > div,
.toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast-container .toast-title {
  font-weight: bold;
}
.toast-container .toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-line;
}
.toast-container .toast-message a,
.toast-container .toast-message label {
  color: #ffffff;
}
.toast-container .toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-container .toast-reference {
  color: yellow;
  float: right;
  font-family: "Courier New", Courier, monospace;
}
.toast-container .toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-container .toast-close-button:hover,
.toast-container .toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.toast-container button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-container.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-container.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-container.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-container.toast-top-right {
  top: 80px;
  right: 12px;
  /* 6px?? */
}
.toast-container.global-toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-container.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-container.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-container.global-toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-container .toast {
  background-color: #030303;
}
.toast-container .toast-success {
  background-color: #51a351;
}
.toast-container .toast-error {
  background-color: #bd362f;
}
.toast-container .toast-info {
  background-color: #2f96b4;
}
.toast-container .toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  .toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.virsaic {
  /* dialogmodule form styles */
}
.virsaic v-dialogmodule .form .group .field {
  width: 100%;
}
.virsaic v-dialogmodule .form .group .field .form-labels {
  vertical-align: top;
  width: 40%;
}
.virsaic v-dialogmodule .form .group .field .form-controls {
  width: 60%;
}
.virsaic v-dialogmodule .form .group .checkboxList {
  width: 60%;
}

.dialogOverlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  padding: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 1000;
  transition: opacity 0.15s linear;
}
.dialog {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
@keyframes dialog-module-enter {
  from {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
}
@keyframes dialog-module-leave {
  to {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
}
.dialog.module-enter {
  animation: dialog-module-enter 0.16s ease-in both;
}
.dialog.module-leave {
  animation: dialog-module-leave 0.12s ease-in both;
}
.dialog .dialogHeading {
  flex: 0 0 auto;
  padding: 8px 8px 8px 16px;
  background-color: #6e6e6e;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #666;
  border-bottom: none;
  color: white;
  display: flex;
  height: 50px;
  width: 100%;
}
.dialog .dialogHeading .dialogHeadingContent {
  flex: 1 1 100%;
}
.dialog .dialogHeading .dialogHeadingContent h1,
.dialog .dialogHeading .dialogHeadingContent h2,
.dialog .dialogHeading .dialogHeadingContent h3,
.dialog .dialogHeading .dialogHeadingContent h4 {
  margin: 0;
}
.dialog .dialogHeading .iconContent {
  width: 50px;
  text-align: center;
  font-size: 1.8em;
  opacity: 0.6;
}
.dialog .dialogHeading .iconContent.okIcon {
  cursor: pointer;
}
.dialog .dialogHeading .iconContent.okIcon:hover {
  opacity: 1;
}
.dialog .dialogHeading .iconContent.cancelIcon {
  cursor: pointer;
}
.dialog .dialogHeading .iconContent.cancelIcon:hover {
  opacity: 1;
}
.dialog .dialogHeading .iconContent.saveIcon {
  cursor: pointer;
}
.dialog .dialogHeading .iconContent.saveIcon:hover {
  opacity: 1;
}
.dialog .dialogBody {
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #666;
  border-top: none;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  /* According to TG, this cannot be "hidden" for the ko.Validation popup box to still show off-screen. However, given the fragility of the dialog markup making this change may in advertently screw with it */
  overflow: visible;
  /* Was: Hidden */
  position: relative;
}
@keyframes dialog-loading-mask {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.35);
  }
}
.dialog .dialogBody .dialogLoadingMask {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0);
}
.dialog .dialogBody .dialogLoadingMask.starting {
  background-color: rgba(0, 0, 0, 0.35);
  animation-name: dialog-loading-mask;
  animation-duration: 0.8s;
}
.dialog .dialogBody .dialogLoadingMask.running {
  background-color: rgba(0, 0, 0, 0.35);
}
.dialog .dialogBody .dialogLoadingMask .centerContent {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog .dialogBody .dialogBodyContent {
  flex: 1 1 auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 250px);
  max-width: calc(100vw - 200px);
  transition: transform 1.3s ease-out;
}

.virsaic .dialog-color {
  padding: 10px;
  width: 100%;
}
.virsaic .dialog-color .dialog-color-buttons {
  margin-top: 10px;
  text-align: center;
}

.virsaic .dialog-icon-search {
  padding: 10px;
  width: 100%;
}
.virsaic .dialog-icon-search .group {
  float: none;
  width: 100%;
}
.virsaic .dialog-icon-search .group i {
  padding: 10px;
  position: absolute;
  right: 3px;
}
.virsaic .dialog-icons {
  overflow: auto;
}
.virsaic .dialog-icons .dialog-icon-body {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
  text-align: center;
  width: 120px;
}
.virsaic .dialog-icons .dialog-icon-body i {
  font-size: 3em;
}
.virsaic .dialog-icons .dialog-icon-body .dialog-icon-text {
  font-size: 1.1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dialog-messagebox {
  padding: 20px;
}
.dialog-messagebox .dialog-messagebox-message {
  font-size: 1.5em;
  text-align: left;
}
.dialog-messagebox .dialog-messagebox-additionaltext {
  font-size: 1.2em;
  text-align: left;
  padding-top: 20px;
}
.dialog-messagebox .dialog-messagebox-buttons {
  margin-top: 30px;
  text-align: center;
}

.dialog-messagebox {
  padding: 20px;
}
.dialog-messagebox .dialog-messagebox-message {
  font-size: 1.5em;
  text-align: left;
}
.dialog-messagebox .dialog-messagebox-additionaltext {
  font-size: 1.2em;
  text-align: left;
  padding-top: 20px;
}
.dialog-messagebox .dialog-messagebox-buttons {
  margin-top: 30px;
  text-align: center;
}

.dialog-messagebox {
  padding: 20px;
}
.dialog-messagebox .dialog-messagebox-message {
  font-size: 1.5em;
  text-align: left;
}
.dialog-messagebox .dialog-messagebox-additionaltext {
  font-size: 1.2em;
  text-align: left;
  padding-top: 20px;
}
.dialog-messagebox .dialog-messagebox-buttons {
  margin-top: 30px;
  text-align: center;
}

.validationTooltip {
  background: #ffffff;
  border: 1px solid #d595a0;
  border-radius: 3px;
  box-shadow: 0px 0px 8px rgba(235, 204, 209, 0.7);
  color: #333333;
  padding: 10px;
  pointer-events: none;
  text-align: center;
  z-index: 2000;
}
.validationTooltip .popper__arrow {
  border-color: #d595a0;
  border-style: solid;
  position: absolute;
}
.validationTooltip .popper__arrow:after {
  border-color: #ffffff;
  border-style: solid;
  content: "";
  position: absolute;
}
.validationTooltip[data-popper-placement^="top"] .popper__arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
}
.validationTooltip[data-popper-placement^="top"] .popper__arrow:after {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: -6px;
}
.validationTooltip[data-popper-placement^="right"] .popper__arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
}
.validationTooltip[data-popper-placement^="right"] .popper__arrow:after {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: 1px;
  top: -5px;
}
.validationTooltip[data-popper-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
}
.validationTooltip[data-popper-placement^="bottom"] .popper__arrow:after {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  left: -5px;
  top: 1px;
}
.validationTooltip[data-popper-placement^="left"] .popper__arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
}
.validationTooltip[data-popper-placement^="left"] .popper__arrow:after {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  left: -6px;
  top: -5px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control,
.virsaic .form .group .form-controls input,
.virsaic .form .group .form-controls select,
.virsaic .form .group .form-controls textarea,
.virsaic .form .group .form-controls .input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group,
.virsaic .form .group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control,
.virsaic .form .group .has-warning .form-controls input,
.virsaic .form .group .has-warning .form-controls textarea,
.virsaic .form .group .has-warning .checkboxList > div {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control,
.virsaic .form .group .has-error .form-controls input,
.virsaic .form .group .has-error .form-controls select,
.virsaic .form .group .has-error .form-controls textarea,
.virsaic .form .group .has-warning .form-controls select {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
/* Reset */
/* Open Sans - Regular */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/fonts/cffb686d7d2f4682df8342bd4d276e09.woff2) format("woff2") , url(/fonts/bf2d0783515b7d75c35bde69e01b3135.woff) format("woff") ;
}
/* - Mixins */
:link img,
:visited img,
a img,
fieldset,
img,
legend {
  border: 0;
}
body,
fieldset,
legend {
  margin: 0;
  padding: 0;
}
img,
svg {
  overflow: hidden;
}
code,
p,
pre {
  font-size: 12px;
}
body,
button,
input,
p,
select,
textarea,
.popover {
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-size: 12px;
}
body,
html {
  height: 100%;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  font-size: 12px;
}
img {
  max-height: 100%;
  max-width: 100%;
}
[contentEditable="true"]:not([tabindex="-1"]):focus,
[tabindex="0"]:focus,
a[href]:not([tabindex="-1"]):focus,
area[href]:not([tabindex="-1"]):focus,
button:not([disabled]):not([tabindex="-1"]):focus,
iframe:not([tabindex="-1"]):focus,
input:not([disabled]):not([tabindex="-1"]):focus,
select:not([disabled]):not([tabindex="-1"]):focus,
textarea:not([disabled]):not([tabindex="-1"]):focus {
  outline-offset: -1px;
}
tbody tr[tabindex]:not([tabindex="-1"]):focus {
  box-shadow: none;
}
a {
  text-decoration: none;
}
p {
  line-height: 18px;
}
b,
strong {
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 700;
}
code,
pre {
  font-family: Consolas, "Courier New", monospace;
}
textarea {
  overflow: auto;
}
hr {
  border-width: 1px 0 0;
  border-top-style: solid;
}
@font-face {
  font-family: "Vircon";
  src: url(/fonts/ce70375b9db7c46606be439407d4573d.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vi {
  display: inline-block;
  font: normal normal normal 14px/1 Vircon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vi,
.fa {
  vertical-align: middle;
  /* Not standard, but lets see how it goes */
}
/* Temporary override until SVG position corrected */
.vi-virsaic {
  width: 2em;
  height: 2em;
  line-height: 2em;
  position: absolute;
  left: 0.8em;
}
.vi-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.vi-2x {
  font-size: 2em;
}
.vi-3x {
  font-size: 3em;
}
.vi-4x {
  font-size: 4em;
}
.vi-5x {
  font-size: 5em;
}
.vi-fw {
  width: 1.28571429em;
  text-align: center;
}
.vi-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.vi-ul > li {
  position: relative;
}
.vi-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.vi-li.vi-lg {
  left: -1.85714286em;
}
.vi-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.vi-pull-left {
  float: left;
}
.vi-pull-right {
  float: right;
}
.vi.vi-pull-left {
  margin-right: 0.3em;
}
.vi.vi-pull-right {
  margin-left: 0.3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.vi.pull-left {
  margin-right: 0.3em;
}
.vi.pull-right {
  margin-left: 0.3em;
}
.vi-spin {
  -webkit-animation: vi-spin 2s infinite linear;
  animation: vi-spin 2s infinite linear;
}
.vi-pulse {
  -webkit-animation: vi-spin 1s infinite steps(8);
  animation: vi-spin 1s infinite steps(8);
}
@-webkit-keyframes vi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes vi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.vi-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vi-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.vi-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.vi-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.vi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .vi-rotate-90,
:root .vi-rotate-180,
:root .vi-rotate-270,
:root .vi-flip-horizontal,
:root .vi-flip-vertical {
  filter: none;
}
.vi-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.vi-stack-1x,
.vi-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.vi-stack-1x {
  line-height: inherit;
}
.vi-stack-2x {
  font-size: 2em;
}
.vi-inverse {
  color: #fff;
}
.vi-agency:before {
  content: "\e700";
}
.vi-agency-atv:before {
  content: "\e701";
}
.vi-agency-boat:before {
  content: "\e702";
}
.vi-agency-car:before {
  content: "\e703";
}
.vi-agency-carrier:before {
  content: "\e704";
}
.vi-agency-commission:before {
  content: "\e705";
}
.vi-agency-crime:before {
  content: "\e706";
}
.vi-agency-customer:before {
  content: "\e707";
}
.vi-agency-dba:before {
  content: "\e708";
}
.vi-agency-dental:before {
  content: "\e709";
}
.vi-agency-disability:before {
  content: "\e70a";
}
.vi-agency-earthquake:before {
  content: "\e70b";
}
.vi-agency-eod:before {
  content: "\e70c";
}
.vi-agency-farm:before {
  content: "\e70d";
}
.vi-agency-finance:before {
  content: "\e70e";
}
.vi-agency-health:before {
  content: "\e70f";
}
.vi-agency-house:before {
  content: "\e710";
}
.vi-agency-life:before {
  content: "\e711";
}
.vi-agency-marine:before {
  content: "\e712";
}
.vi-agency-motorcycle:before {
  content: "\e713";
}
.vi-agency-operator:before {
  content: "\e714";
}
.vi-agency-payment:before {
  content: "\e715";
}
.vi-agency-product:before {
  content: "\e716";
}
.vi-agency-quote:before {
  content: "\e717";
}
.vi-agency-rent:before {
  content: "\e718";
}
.vi-agency-road:before {
  content: "\e719";
}
.vi-agency-rv:before {
  content: "\e71a";
}
.vi-agency-travel:before {
  content: "\e71b";
}
.vi-agency-walkin:before {
  content: "\e71c";
}
.vi-agency-watercraft:before {
  content: "\e71d";
}
.vi-agency-wedding:before {
  content: "\e71e";
}
.vi-agency-worker:before {
  content: "\e71f";
}
.vi-announce:before {
  content: "\e720";
}
.vi-apps:before {
  content: "\e721";
}
.vi-app-launch:before {
  content: "\e722";
}
.vi-approve:before {
  content: "\e723";
}
.vi-assure:before {
  content: "\e724";
}
.vi-assure-baseline:before {
  content: "\e725";
}
.vi-assure-test-plan:before {
  content: "\e726";
}
.vi-assure-test-run:before {
  content: "\e727";
}
.vi-assure-test-unit:before {
  content: "\e728";
}
.vi-billing:before {
  content: "\e729";
}
.vi-billing-reconcile:before {
  content: "\e72a";
}
.vi-billing-subscription-plan:before {
  content: "\e72b";
}
.vi-brand:before {
  content: "\e72c";
}
.vi-business:before {
  content: "\e72d";
}
.vi-businessline:before {
  content: "\e72e";
}
.vi-calculate:before {
  content: "\e72f";
}
.vi-campaign:before {
  content: "\e730";
}
.vi-cancel:before {
  content: "\e731";
}
.vi-check-in:before {
  content: "\e732";
}
.vi-check-out:before {
  content: "\e733";
}
.vi-communication:before {
  content: "\e734";
}
.vi-communication-done:before {
  content: "\e735";
}
.vi-communication-email:before {
  content: "\e736";
}
.vi-communication-info:before {
  content: "\e737";
}
.vi-communication-notification:before {
  content: "\e738";
}
.vi-communication-phone:before {
  content: "\e739";
}
.vi-communication-query:before {
  content: "\e73a";
}
.vi-communication-retry:before {
  content: "\e73b";
}
.vi-communication-search:before {
  content: "\e73c";
}
.vi-communication-send:before {
  content: "\e73d";
}
.vi-communication-sms:before {
  content: "\e73e";
}
.vi-contact-check:before {
  content: "\e73f";
}
.vi-contact-message:before {
  content: "\e740";
}
.vi-contact-next:before {
  content: "\e741";
}
.vi-contact-refresh:before {
  content: "\e742";
}
.vi-contact-search:before {
  content: "\e743";
}
.vi-dashboard:before {
  content: "\e744";
}
.vi-data-exception:before {
  content: "\e745";
}
.vi-data-processing:before {
  content: "\e746";
}
.vi-data-class:before {
  content: "\e747";
}
.vi-data-customisation:before {
  content: "\e748";
}
.vi-data-edit:before {
  content: "\e749";
}
.vi-data-model:before {
  content: "\e74a";
}
.vi-data-model-user:before {
  content: "\e74b";
}
.vi-data-refresh:before {
  content: "\e74c";
}
.vi-data-search:before {
  content: "\e74d";
}
.vi-data-set:before {
  content: "\e74e";
}
.vi-data-setting:before {
  content: "\e74f";
}
.vi-data-view:before {
  content: "\e750";
}
.vi-delivery-configuration:before {
  content: "\e751";
}
.vi-department:before {
  content: "\e752";
}
.vi-design:before {
  content: "\e753";
}
.vi-distribution:before {
  content: "\e754";
}
.vi-distribution-deliver:before {
  content: "\e755";
}
.vi-document:before {
  content: "\e756";
}
.vi-document-add:before {
  content: "\e757";
}
.vi-document-archive:before {
  content: "\e758";
}
.vi-document-archive-search:before {
  content: "\e759";
}
.vi-document-delete:before {
  content: "\e75a";
}
.vi-document-download:before {
  content: "\e75b";
}
.vi-document-search:before {
  content: "\e75c";
}
.vi-document-setup:before {
  content: "\e75d";
}
.vi-document-supplement:before {
  content: "\e75e";
}
.vi-document-upload:before {
  content: "\e75f";
}
.vi-document-type:before {
  content: "\e760";
}
.vi-docusign:before {
  content: "\e761";
}
.vi-docusign-tabset:before {
  content: "\e762";
}
.vi-dynamic-data:before {
  content: "\e763";
}
.vi-employee-unavailable:before {
  content: "\e764";
}
.vi-entity-extensions:before {
  content: "\e765";
}
.vi-execute:before {
  content: "\e766";
}
.vi-export:before {
  content: "\e767";
}
.vi-extract:before {
  content: "\e768";
}
.vi-extract-search:before {
  content: "\e769";
}
.vi-integration:before {
  content: "\e76a";
}
.vi-file:before {
  content: "\e76b";
}
.vi-file-audio:before {
  content: "\e76c";
}
.vi-file-compressed:before {
  content: "\e76d";
}
.vi-file-csv:before {
  content: "\e76e";
}
.vi-file-excel:before {
  content: "\e76f";
}
.vi-file-markup:before {
  content: "\e770";
}
.vi-file-outlook:before {
  content: "\e771";
}
.vi-file-pdf:before {
  content: "\e772";
}
.vi-file-picture:before {
  content: "\e773";
}
.vi-file-powerpoint:before {
  content: "\e774";
}
.vi-file-word:before {
  content: "\e775";
}
.vi-flow:before {
  content: "\e776";
}
.vi-flow-activity-aborted:before {
  content: "\e777";
}
.vi-flow-activity-completed:before {
  content: "\e778";
}
.vi-flow-activity-failed:before {
  content: "\e779";
}
.vi-flow-activity-running:before {
  content: "\e77a";
}
.vi-flow-activity-skipped:before {
  content: "\e77b";
}
.vi-flow-activity-wait-start:before {
  content: "\e77c";
}
.vi-flow-monitor:before {
  content: "\e77d";
}
.vi-flow-status-skipped:before {
  content: "\e77e";
}
.vi-generic-activate:before {
  content: "\e77f";
}
.vi-generic-add:before {
  content: "\e780";
}
.vi-generic-archive:before {
  content: "\e781";
}
.vi-generic-arrange:before {
  content: "\e782";
}
.vi-generic-arrange-x:before {
  content: "\e783";
}
.vi-generic-arrange-y:before {
  content: "\e784";
}
.vi-generic-attachment:before {
  content: "\e785";
}
.vi-generic-close:before {
  content: "\e786";
}
.vi-generic-clone:before {
  content: "\e787";
}
.vi-generic-compare:before {
  content: "\e788";
}
.vi-generic-deactivate:before {
  content: "\e789";
}
.vi-generic-delete:before {
  content: "\e78a";
}
.vi-generic-dependencies:before {
  content: "\e78b";
}
.vi-generic-download:before {
  content: "\e78c";
}
.vi-generic-edit:before {
  content: "\e78d";
}
.vi-generic-filter:before {
  content: "\e78e";
}
.vi-generic-generate:before {
  content: "\e78f";
}
.vi-generic-info:before {
  content: "\e790";
}
.vi-generic-link-external:before {
  content: "\e791";
}
.vi-generic-note:before {
  content: "\e792";
}
.vi-generic-phone:before {
  content: "\e793";
}
.vi-generic-preview:before {
  content: "\e794";
}
.vi-generic-refresh:before {
  content: "\e795";
}
.vi-generic-save:before {
  content: "\e796";
}
.vi-generic-search:before {
  content: "\e797";
}
.vi-generic-settings:before {
  content: "\e798";
}
.vi-generic-upload:before {
  content: "\e799";
}
.vi-generic-warning:before {
  content: "\e79a";
}
.vi-generic-web:before {
  content: "\e79b";
}
.vi-grid-download:before {
  content: "\e79c";
}
.vi-grid-filter:before {
  content: "\e79d";
}
.vi-grid-first:before {
  content: "\e79e";
}
.vi-grid-group:before {
  content: "\e79f";
}
.vi-grid-last:before {
  content: "\e7a0";
}
.vi-grid-next:before {
  content: "\e7a1";
}
.vi-grid-previous:before {
  content: "\e7a2";
}
.vi-group:before {
  content: "\e7a3";
}
.vi-help:before {
  content: "\e7a4";
}
.vi-help-cheatsheet:before {
  content: "\e7a5";
}
.vi-help-contact:before {
  content: "\e7a6";
}
.vi-help-videos:before {
  content: "\e7a7";
}
.vi-help-walkme:before {
  content: "\e7a8";
}
.vi-history:before {
  content: "\e7a9";
}
.vi-import:before {
  content: "\e7aa";
}
.vi-lead:before {
  content: "\e7ab";
}
.vi-lead-action-custom:before {
  content: "\e7ac";
}
.vi-lead-action-meeting:before {
  content: "\e7ad";
}
.vi-lead-action-template:before {
  content: "\e7ae";
}
.vi-lead-convert:before {
  content: "\e7af";
}
.vi-lead-customer:before {
  content: "\e7b0";
}
.vi-lead-finance:before {
  content: "\e7b1";
}
.vi-lead-lost:before {
  content: "\e7b2";
}
.vi-lead-payment:before {
  content: "\e7b3";
}
.vi-lead-quote:before {
  content: "\e7b4";
}
.vi-lead-source:before {
  content: "\e7b5";
}
.vi-lifecycle:before {
  content: "\e7b6";
}
.vi-lifecycle-inbound:before {
  content: "\e7b7";
}
.vi-lifecycle-outbound:before {
  content: "\e7b8";
}
.vi-location:before {
  content: "\e7b9";
}
.vi-marketing:before {
  content: "\e7ba";
}
.vi-notification:before {
  content: "\e7bb";
}
.vi-ok:before {
  content: "\e7bc";
}
.vi-operations-support:before {
  content: "\e7bd";
}
.vi-platform:before {
  content: "\e7be";
}
.vi-pmx-component:before {
  content: "\e7bf";
}
.vi-pmx-pack:before {
  content: "\e7c0";
}
.vi-pmx-settings:before {
  content: "\e7c1";
}
.vi-pmx-stream:before {
  content: "\e7c2";
}
.vi-publish:before {
  content: "\e7c3";
}
.vi-reject:before {
  content: "\e7c4";
}
.vi-reporting:before {
  content: "\e7c5";
}
.vi-resource-management:before {
  content: "\e7c6";
}
.vi-resource-management-active-bench:before {
  content: "\e7c7";
}
.vi-resource-management-area:before {
  content: "\e7c8";
}
.vi-resource-management-client:before {
  content: "\e7c9";
}
.vi-resource-management-costcalculator:before {
  content: "\e7ca";
}
.vi-resource-management-domain:before {
  content: "\e7cb";
}
.vi-resource-management-order:before {
  content: "\e7cc";
}
.vi-resource-management-position:before {
  content: "\e7cd";
}
.vi-resource-management-search:before {
  content: "\e7ce";
}
.vi-resource-management-setup:before {
  content: "\e7cf";
}
.vi-resource-management-skill:before {
  content: "\e7d0";
}
.vi-release:before {
  content: "\e7d1";
}
.vi-running:before {
  content: "\e7d2";
}
.vi-schedule-definition:before {
  content: "\e7d3";
}
.vi-schedule-event:before {
  content: "\e7d4";
}
.vi-security:before {
  content: "\e7d5";
}
.vi-site-api-b2b:before {
  content: "\e7d6";
}
.vi-site-api-b2c:before {
  content: "\e7d7";
}
.vi-site-settings:before {
  content: "\e7d8";
}
.vi-smartforms:before {
  content: "\e7d9";
}
.vi-specify:before {
  content: "\e7da";
}
.vi-spinner:before {
  content: "\e7db";
}
.vi-submenu:before {
  content: "\e7dc";
}
.vi-task:before {
  content: "\e7dd";
}
.vi-team:before {
  content: "\e7de";
}
.vi-template:before {
  content: "\e7df";
}
.vi-template-asset:before {
  content: "\e7e0";
}
.vi-template-catalog:before {
  content: "\e7e1";
}
.vi-template-changeset:before {
  content: "\e7e2";
}
.vi-template-content:before {
  content: "\e7e3";
}
.vi-theme:before {
  content: "\e7e4";
}
.vi-timekeeper:before {
  content: "\e7e5";
}
.vi-timekeeper-administrator:before {
  content: "\e7e6";
}
.vi-timekeeper-manager:before {
  content: "\e7e7";
}
.vi-timekeeper-timesheet:before {
  content: "\e7e8";
}
.vi-tree-collapse:before {
  content: "\e7e9";
}
.vi-tree-expand:before {
  content: "\e7ea";
}
.vi-user:before {
  content: "\e7eb";
}
.vi-user-authentication:before {
  content: "\e7ec";
}
.vi-user-assign:before {
  content: "\e7ed";
}
.vi-user-current:before {
  content: "\e7ee";
}
.vi-user-edit:before {
  content: "\e7ef";
}
.vi-user-info:before {
  content: "\e7f0";
}
.vi-user-logout:before {
  content: "\e7f1";
}
.vi-user-password:before {
  content: "\e7f2";
}
.vi-user-profile:before {
  content: "\e7f3";
}
.vi-user-security:before {
  content: "\e7f4";
}
.vi-view:before {
  content: "\e7f5";
}
.vi-virsaic:before {
  content: "\e7f6";
}
.vi-warning:before {
  content: "\e7f7";
}
.vi-zoom-in:before {
  content: "\e7f8";
}
.vi-zoom-out:before {
  content: "\e7f9";
}
.virsaic .contentBox {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: auto;
  float: left;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.25s ease-in-out;
}
.virsaic .contentBox > .header {
  background-color: #333;
  color: white;
  direction: rtl;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.virsaic .contentBox > .header .headerItem {
  direction: ltr;
  flex: 0 1 auto;
  min-height: 38px;
}
.virsaic .contentBox > .header h3 {
  margin: 0;
  padding: 6px;
}
.virsaic .contentBox > .header .sideTab {
  background-color: #aaa;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  float: left;
  margin-left: 4px;
  margin-top: 14px;
  padding: 4px 20px 3px;
}
.virsaic .contentBox > .header .sideTab label {
  margin: 0;
}
.virsaic .contentBox > .header .sideTab.active {
  background-color: white;
  color: #333;
  margin-top: 6px;
  padding: 10px 20px 6px;
}
.virsaic .contentBox > .content {
  width: 100%;
  height: 0px;
  flex: 1 1 auto;
}
.virsaic .backgroundColorConfirm {
  background-color: #6fbd45;
}
.virsaic .borderConfirm {
  border-color: #6fbd45;
}
.virsaic .colorConfirm {
  color: #6fbd45;
}
.virsaic .backgroundColorCancel {
  background-color: #e12026;
}
.virsaic .borderCancel {
  border-color: #e12026;
}
.virsaic .colorCancel {
  color: #e12026;
}
.virsaic .colorWait {
  color: #aaaaaa;
}
.virsaic .backgroundColorInfo {
  background-color: #2e8ae6;
}
.virsaic .borderInfo {
  border-color: #2e8ae6;
}
.virsaic .colorInfo {
  color: #2e8ae6;
}
.virsaic .backgroundColorWarning {
  background-color: #f1961f;
}
.virsaic .borderWarning {
  border-color: #f1961f;
}
.virsaic .colorWarning {
  color: #f1961f;
}
.virsaic .themeColor {
  color: #2e8ae6;
}
.virsaic .themeAltColor {
  color: #ddd;
}
.virsaic .themeBackgroundColor {
  background-color: #2e8ae6;
}
.virsaic .themeAltBackgroundColor {
  background-color: #ddd;
}
.virsaic .editableBackground {
  background-color: #333;
}
.virsaic .publishedBackground {
  background: repeating-linear-gradient(45deg, #898989, #898989 10px, #909090 10px, #909090 20px);
}
.flatpickr-current-month {
  font-size: 120% !important;
}
.virsaic .form {
  display: inline-block;
  width: 100%;
}
.virsaic .form .input,
.virsaic .form .btn {
  border-radius: 3px;
}
.virsaic .form .groupSeperator {
  border-bottom: thin solid #f9f9f9;
  margin: 1em 0em;
}
.virsaic .form .group {
  margin: 0;
  float: left;
  width: 540px;
}
.virsaic .form .group .field {
  overflow: hidden;
  margin-bottom: 0;
}
.virsaic .form .group.vertical .field .form-labels,
.virsaic .form .group .field.vertical .form-labels {
  float: none;
  padding-left: 4px;
  text-align: left;
  width: 100%;
}
.virsaic .form .group.vertical .field .form-controls,
.virsaic .form .group .field.vertical .form-controls {
  float: none;
  width: 100%;
}
.virsaic .form .group .form-labels {
  float: left;
  padding-right: 18px;
  text-align: right;
  width: 218px;
}
.virsaic .form .group .form-labels label {
  padding-top: 9px;
}
.virsaic .form .group .form-controls {
  float: left;
  width: 320px;
  padding: 3px 4px;
}
.virsaic .form .group .form-controls input,
.virsaic .form .group .form-controls select,
.virsaic .form .group .form-controls textarea,
.virsaic .form .group .form-controls .input {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  outline: 0 none;
  border-radius: 3px;
  font-size: inherit;
  height: auto;
  padding: 5px 10px;
}
.virsaic .form .group .form-controls input[type="checkbox"],
.virsaic .form .group .form-controls select[type="checkbox"],
.virsaic .form .group .form-controls textarea[type="checkbox"],
.virsaic .form .group .form-controls .input[type="checkbox"] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  height: auto;
  margin: 10px 0 11px;
  outline: none;
  padding: 0;
  width: auto;
}
.virsaic .form .group .form-controls input:hover,
.virsaic .form .group .form-controls select:hover,
.virsaic .form .group .form-controls textarea:hover,
.virsaic .form .group .form-controls .input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.virsaic .form .group .form-controls input:focus,
.virsaic .form .group .form-controls select:focus,
.virsaic .form .group .form-controls textarea:focus,
.virsaic .form .group .form-controls .input:focus {
  border: 1px solid #b8b6b6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.virsaic .form .group .form-controls .customCheckBoxLabel {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
}
.virsaic .form .group .form-controls .customCheckBoxLabel:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.virsaic .form .group .form-controls .customCheckBoxLabel:focus {
  border: 1px solid #b8b6b6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.virsaic .form .group .form-controls .codeTextArea {
  background-color: #333333;
  color: #ffffff;
  min-height: 250px;
  width: 100%;
}
.virsaic .form .group .checkboxList {
  float: left;
  width: 320px;
  padding: 4px;
}
.virsaic .form .group .checkboxList > div {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: auto;
  padding: 4px 12px;
}
.virsaic .form .group .checkboxList > div:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.virsaic .form .group .checkboxList > div::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.virsaic .form .group .checkboxList > div:-ms-input-placeholder {
  color: #999;
}
.virsaic .form .group .checkboxList > div::-webkit-input-placeholder {
  color: #999;
}
.virsaic .form .group .checkboxList > div::-ms-expand {
  border: 0;
  background-color: transparent;
}
.virsaic .form .group .checkboxList > div[disabled],
.virsaic .form .group .checkboxList > div[readonly],
fieldset[disabled] .virsaic .form .group .checkboxList > div {
  background-color: #eeeeee;
  opacity: 1;
}
.virsaic .form .group .checkboxList > div[disabled],
fieldset[disabled] .virsaic .form .group .checkboxList > div {
  cursor: not-allowed;
}
textarea.virsaic .form .group .checkboxList > div {
  height: auto;
}
.virsaic .form .group .checkboxList > div .checkbox {
  margin-top: 2px;
  margin-bottom: 2px;
}
.virsaic .form .group .radioHorizontal {
  float: left;
  padding: 4px;
  width: auto;
}
.virsaic .form .group .radioHorizontal > div {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border: none;
  box-shadow: none;
  height: auto;
  padding: 5px 0;
}
.virsaic .form .group .radioHorizontal > div:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.virsaic .form .group .radioHorizontal > div::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.virsaic .form .group .radioHorizontal > div:-ms-input-placeholder {
  color: #999;
}
.virsaic .form .group .radioHorizontal > div::-webkit-input-placeholder {
  color: #999;
}
.virsaic .form .group .radioHorizontal > div::-ms-expand {
  border: 0;
  background-color: transparent;
}
.virsaic .form .group .radioHorizontal > div[disabled],
.virsaic .form .group .radioHorizontal > div[readonly],
fieldset[disabled] .virsaic .form .group .radioHorizontal > div {
  background-color: #eeeeee;
  opacity: 1;
}
.virsaic .form .group .radioHorizontal > div[disabled],
fieldset[disabled] .virsaic .form .group .radioHorizontal > div {
  cursor: not-allowed;
}
textarea.virsaic .form .group .radioHorizontal > div {
  height: auto;
}
.virsaic .form .group .radioHorizontal > div > label {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  padding-left: 0;
  margin-right: 15px;
}
.virsaic .form .group .radioHorizontal > div > label.disabled,
fieldset[disabled] .virsaic .form .group .radioHorizontal > div > label {
  cursor: not-allowed;
}
.virsaic .form .group .radioVertical {
  float: left;
  padding: 4px;
  width: auto;
}
.virsaic .form .group .radioVertical > div {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border: none;
  box-shadow: none;
  height: auto;
  padding: 5px 0;
}
.virsaic .form .group .radioVertical > div:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.virsaic .form .group .radioVertical > div::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.virsaic .form .group .radioVertical > div:-ms-input-placeholder {
  color: #999;
}
.virsaic .form .group .radioVertical > div::-webkit-input-placeholder {
  color: #999;
}
.virsaic .form .group .radioVertical > div::-ms-expand {
  border: 0;
  background-color: transparent;
}
.virsaic .form .group .radioVertical > div[disabled],
.virsaic .form .group .radioVertical > div[readonly],
fieldset[disabled] .virsaic .form .group .radioVertical > div {
  background-color: #eeeeee;
  opacity: 1;
}
.virsaic .form .group .radioVertical > div[disabled],
fieldset[disabled] .virsaic .form .group .radioVertical > div {
  cursor: not-allowed;
}
textarea.virsaic .form .group .radioVertical > div {
  height: auto;
}
.virsaic .form .group .radioVertical > div > label {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  clear: both;
  display: block;
  padding-left: 0;
}
.virsaic .form .group .radioVertical > div > label.disabled,
fieldset[disabled] .virsaic .form .group .radioVertical > div > label {
  cursor: not-allowed;
}
.virsaic .form .group .uploadFileAttachments {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: auto;
  padding: 4px 12px 4px 12px;
}
.virsaic .form .group .uploadFileAttachments:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.virsaic .form .group .uploadFileAttachments::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.virsaic .form .group .uploadFileAttachments:-ms-input-placeholder {
  color: #999;
}
.virsaic .form .group .uploadFileAttachments::-webkit-input-placeholder {
  color: #999;
}
.virsaic .form .group .uploadFileAttachments::-ms-expand {
  border: 0;
  background-color: transparent;
}
.virsaic .form .group .uploadFileAttachments[disabled],
.virsaic .form .group .uploadFileAttachments[readonly],
fieldset[disabled] .virsaic .form .group .uploadFileAttachments {
  background-color: #eeeeee;
  opacity: 1;
}
.virsaic .form .group .uploadFileAttachments[disabled],
fieldset[disabled] .virsaic .form .group .uploadFileAttachments {
  cursor: not-allowed;
}
textarea.virsaic .form .group .uploadFileAttachments {
  height: auto;
}
.virsaic .form .group .has-error .form-controls input,
.virsaic .form .group .has-error .form-controls select,
.virsaic .form .group .has-error .form-controls textarea {
  border-color: #d595a0;
  box-shadow: inset 1px 2px 8px rgba(235, 204, 209, 0.5);
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
  background-size: 1.125rem 1.125rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.virsaic .form .group .has-error .form-controls input:hover,
.virsaic .form .group .has-error .form-controls select:hover,
.virsaic .form .group .has-error .form-controls textarea:hover {
  box-shadow: inset 1px 2px 8px rgba(235, 204, 209, 0.2);
}
.virsaic .form .group .has-error .form-controls input:focus,
.virsaic .form .group .has-error .form-controls select:focus,
.virsaic .form .group .has-error .form-controls textarea:focus {
  box-shadow: inset 1px 2px 4px rgba(235, 204, 209, 0.1), 0px 0px 8px rgba(235, 204, 209, 0.7);
}
.virsaic .form .group .has-error .form-controls select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.virsaic .form .group .has-warning .form-controls input,
.virsaic .form .group .has-warning .form-controls select,
.virsaic .form .group .has-warning .form-controls textarea {
  border-color: #f2cf87;
  box-shadow: inset 1px 2px 8px rgba(250, 235, 204, 0.5);
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
  background-size: 1.125rem 1.125rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.virsaic .form .group .has-warning .form-controls input:hover,
.virsaic .form .group .has-warning .form-controls select:hover,
.virsaic .form .group .has-warning .form-controls textarea:hover {
  box-shadow: inset 1px 2px 8px rgba(250, 235, 204, 0.2);
}
.virsaic .form .group .has-warning .form-controls input:focus,
.virsaic .form .group .has-warning .form-controls select:focus,
.virsaic .form .group .has-warning .form-controls textarea:focus {
  box-shadow: inset 1px 2px 4px rgba(250, 235, 204, 0.1), 0px 0px 8px rgba(250, 235, 204, 0.7);
}
.virsaic .form .group .has-warning .form-controls select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.virsaic .form .group .has-warning .checkboxList > div {
  border-color: #faebcc;
}
.virsaic .form .group .field.newLine .form-labels {
  float: none;
  text-align: left;
  width: auto;
}
.virsaic .form .group .field.newLine .form-controls {
  float: none;
  padding: 4px 0;
}
.virsaic .form .group .field.newLine .radioHorizontal,
.virsaic .form .group .field.newLine .radioVertical {
  float: none;
  padding: 4px 0;
  width: auto;
}
.virsaic .customCheckBoxLabel {
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.2em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;
  outline: 0 none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 7px;
  height: 28px;
  width: 28px;
}
.virsaic .customCheckBoxLabel.checked:before {
  content: "\f00c";
}
.virsaic select:disabled,
.virsaic input:disabled,
.virsaic textarea:disabled,
.virsaic .customCheckBoxLabel.disabled {
  background-color: #eaeaea !important;
  opacity: 1;
  /* User agent sets to 0.7 */
}
.virsaic input:read-only:not(.flatpickr-input),
.virsaic textarea:read-only,
.virsaic .customCheckBoxLabel.read-only,
.virsaic .customCheckBoxLabel.readonly {
  background-color: #eaeaea !important;
  opacity: 1;
  /* User agent sets to 0.7 */
}
.virsaic textarea.codeTextArea:read-only,
.virsaic textarea.codeTextArea:disabled {
  background-color: #333 !important;
}
.virsaic textarea {
  resize: none;
}
.virsaic .contentBox .header .customCheckBoxLabel {
  color: black;
}
.virsaic .froalaInline {
  padding-top: 42px;
}
.virsaic .froalaInline.a4.fr-box.fr-basic .fr-element {
  background-color: white;
  margin: 20px auto 600px;
  min-height: 297mm;
  padding: 10mm;
  width: 210mm;
}
.virsaic .froalaInline.a4.fr-box.fr-basic.fr-top .fr-wrapper {
  height: 100%;
  overflow: hidden;
}
.virsaic .froalaInline .fr-toolbar {
  border-bottom: 2px solid white;
  border-top: 3px solid white;
  border-radius: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
a {
  color: #666;
}
a:hover {
  color: #222;
}
#templateEditor .EditHightlight {
  background-color: #ffb500;
}
#templateEditor .EditHighlight {
  background-color: #ffb500;
}
#templateEditor .LiveDocEditField {
  background-color: #ffb500;
}
.virsaic {
  height: 100%;
  width: 100%;
  /* Side bar form styles */
}
@keyframes shell-enter {
  from {
    opacity: 0;
    transform: scale(0.9, 0.9);
  }
}
.virsaic .shell-enter {
  animation: shell-enter 0.2s ease-in both;
}
.virsaic .administration .addBtn {
  margin: 6px 6px 0px 0px;
  float: right;
  cursor: pointer;
}
.virsaic .administration .addBtn img {
  width: 25px;
  height: 25px;
  margin-right: 0;
}
.virsaic .administrationList ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.virsaic .administrationList li {
  cursor: pointer;
}
.virsaic .administrationList li div {
  padding: 4px 7px 5px 7px;
  border-radius: 3px;
}
.virsaic .administrationList .selected {
  background-color: #aaaaaa;
  color: #ffffff;
}
.virsaic .administrationList .icon {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.virsaic .administrationList .icon img {
  width: 15px;
  height: 15px;
}
.virsaic .administrationList .name {
  display: inline-block;
  font-weight: bold;
  padding-top: 7px;
}
.virsaic .administrationList .active {
  color: #52cc29;
}
.virsaic .administrationList .inActive {
  color: gray;
}
.virsaic .rowIsBeingDragged {
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  height: 30px;
  width: 160px;
  color: #ffffff;
  background-color: #333;
  border: 1px solid #333;
}
.virsaic .rowIsBeingDragged.tr {
  width: 160px;
  height: 30px;
}
.virsaic .informationBox {
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
  background-color: #333;
  border: 1px solid #333;
}
.virsaic .informationBox.active {
  background-color: #333;
  border: 1px solid #333;
}
.virsaic .informationBox.tBox {
  margin: 20px;
  margin: auto;
  margin-top: 15px;
  padding: 10px 5px 10px 5px;
  width: 90%;
}
.virsaic .informationBox .boxHeader {
  padding-bottom: 5px;
}
.virsaic .informationBox .boxHeader.active {
  font-weight: bold;
}
.virsaic .informationBox .boxBody {
  padding-bottom: 5px;
  font-size: 12px;
}
.virsaic .innerTab {
  overflow: hidden;
  float: left;
  padding: 10px 20px 6px 20px;
  margin-right: 4px;
  border: 1px solid #cccccc;
  background-color: #ececec;
  border-bottom: 1px solid #ececec;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-image: none, linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%);
  cursor: pointer;
}
.virsaic .innerTab.active {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
  background-image: none;
}
.virsaic .innerTabOuterBox {
  border: 1px solid #cccccc;
}
.virsaic .sideBar .form {
  width: 100%;
}
.virsaic .sideBar .form .group {
  width: 100%;
}
.virsaic .sideBar .form .group .field {
  width: 100%;
}
.virsaic .sideBar .form .group .field .form-labels {
  vertical-align: top;
  width: 40%;
}
.virsaic .sideBar .form .group .field .form-controls {
  width: 60%;
}
.virsaic .sideBar .form .group .checkboxList {
  width: 60%;
}
.virsaic .materialBox {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.virsaic .materialBox:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.virsaic .materialBox.active {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.virsaic .metadataCollection .field {
  display: inline-block;
  vertical-align: top;
}
.virsaic .pad {
  padding: 20px;
}
.virsaic .page {
  height: 100%;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.virsaic .page .pageTitle {
  width: 100%;
}
.virsaic .page .pageTitle h2 {
  border-bottom: 1px solid #ddd;
  font-size: 1.4em;
  margin: 0 0 15px;
  padding-bottom: 5px;
}
.virsaic .page .pageTitle h2 img {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle;
}
.virsaic .page .pageTitle h3 {
  border-bottom: 1px solid #ddd;
  font-size: 1.3em;
  margin: 0 0 15px;
  padding-bottom: 5px;
}
.virsaic .page .pageTitle h3 img {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle;
}
.virsaic .page .pageTitle h4 {
  border-bottom: 1px solid #ddd;
  font-size: 1.2em;
  margin: 0 0 15px;
  padding-bottom: 5px;
}
.virsaic .page .pageTitle h4 img {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle;
}
.virsaic .page .pageTitle h5 {
  border-bottom: 1px solid #ddd;
  font-size: 1.1em;
  margin: 0 0 15px;
  padding-bottom: 5px;
}
.virsaic .page .pageTitle h5 img {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle;
}
.virsaic .page .pageContent {
  width: 100%;
  height: 0px;
  flex: 1 0 100px;
}
.virsaic .popover {
  max-width: initial;
  overflow: inherit;
  white-space: nowrap;
  z-index: 1000;
}
.virsaic .sectionTitle {
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 4px;
}
.virsaic .sideBar {
  height: 100%;
  transition: all 0.25s ease-in-out;
}
.virsaic .virsaicComponent {
  display: block;
}
.virsaic .wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}
.virsaic .ui-sortable {
  -ms-touch-action: none;
}
.virsaic .CodeMirror {
  height: 100%;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #aaa;
  border: 0px none #ffffff;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #999;
}
::-webkit-scrollbar-track {
  background: #ddd;
  border: 0px solid #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.virsaic .security .authentication {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  /* - Mixins */
}
@keyframes auth-enter-left {
  from {
    opacity: 0;
    transform: translateX(-15vw);
  }
}
@font-face {
  font-family: "Poppins-Bold";
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Bold"), local("Poppins-Bold"), url(/fonts/bb8d63ee2566da0c2da1efea73ac0426.woff2) format("woff2") , url(/fonts/a58a7351616eba1a06476689e297e299.woff) format("woff") ;
}
@font-face {
  font-family: "Poppins-Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url(/fonts/fc39c959ae99170b31b5765d9ea0f8aa.woff2) format("woff2") , url(/fonts/0fef92bfce7514138d36e74aba3e4a34.woff) format("woff") ;
}
@keyframes auth-enter-right {
  from {
    opacity: 0;
    transform: translateX(15vw);
  }
}
@keyframes auth-enter-top {
  from {
    opacity: 0;
    transform: translateY(-15vh);
  }
}
.virsaic .security .authentication .rowGroup {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
}
.virsaic .security .authentication .rowGroup .credentials {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: whitesmoke;
  min-height: 400px;
  padding: 20px;
}
.virsaic .security .authentication .rowGroup .credentials > * {
  animation: auth-enter-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.virsaic .security .authentication .rowGroup .credentials .credentials-header {
  text-align: center;
  opacity: 1;
  margin-bottom: 10px;
}
.virsaic .security .authentication .rowGroup .credentials form {
  margin-top: 10px;
}
.virsaic .security .authentication .rowGroup .credentials img {
  max-width: 198px;
  max-height: 146px;
}
.virsaic .security .authentication .rowGroup .credentials .form-group {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.virsaic .security .authentication .rowGroup .credentials .hint-text {
  color: #03a9f4;
}
.virsaic .security .authentication .rowGroup .credentials ul li {
  margin-left: -13px;
}
.virsaic .security .authentication .rowGroup .greeting {
  flex: 1 1 66%;
  width: 66%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #3a54b9;
  color: whitesmoke;
  min-height: 420px;
  padding: 32px;
  text-align: center;
  transition: opacity 1s;
  opacity: 0;
}
.virsaic .security .authentication .rowGroup .greeting > * {
  animation: auth-enter-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-header {
  width: 100%;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-header h4,
.virsaic .security .authentication .rowGroup .greeting .greeting-header h5 {
  opacity: 0.75;
  margin-bottom: 40px;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-busy {
  height: 105px;
  width: 100%;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-messages {
  /* 100% For IE */
  width: 100%;
  padding-top: 16px;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-messages .greeting-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: left;
  max-width: 760px;
  /* for IE */
  margin: auto;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-messages .greeting-message h5,
.virsaic .security .authentication .rowGroup .greeting .greeting-messages .greeting-message h6 {
  line-height: 1.4em;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-messages .greeting-message i {
  padding: 10px;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-footer {
  width: 100%;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-footer .vi,
.virsaic .security .authentication .rowGroup .greeting .greeting-footer .fa {
  font-size: 2.4em;
  margin: 6px;
  opacity: 0.2;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(1) {
  animation-delay: 0s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(2) {
  animation-delay: 0.2s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(3) {
  animation-delay: 0.5s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(4) {
  animation-delay: 0.6s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(5) {
  animation-delay: 0.9s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(6) {
  animation-delay: 1.4s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(7) {
  animation-delay: 1.5s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(8) {
  animation-delay: 1.8s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(9) {
  animation-delay: 2.2s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(10) {
  animation-delay: 2.4s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(11) {
  animation-delay: 2.6s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(12) {
  animation-delay: 2.9s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(13) {
  animation-delay: 3.2s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(14) {
  animation-delay: 3.7s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i:nth-child(15) {
  animation-delay: 600s;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loading i {
  animation-name: load;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.virsaic .security .authentication .rowGroup .greeting .greeting-loaded i {
  animation-delay: 0s !important;
}
@keyframes load {
  0% {
    color: whitesmoke;
    opacity: 0.15;
  }
  85% {
    opacity: 0.9;
  }
  100% {
    color: white;
    opacity: 1;
  }
}
.virsaic .security .authentication .rowGroup .greeting img.greeting-loaded {
  opacity: 1 !important;
}
.virsaic .security .authentication .rowGroup .greeting img {
  height: 100px;
  opacity: 0.85;
}
.virsaic .security .authentication .rowGroup .greeting1 {
  background-image: linear-gradient(to bottom, #232b47, #3a54b9);
  opacity: 1;
}
.virsaic .security .authentication .rowGroup .greeting1 > * {
  animation: auth-enter-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.virsaic .security .authentication .rowGroup .greeting2 {
  background-image: linear-gradient(167deg, #0c2340, #0c2340 80%);
  opacity: 1;
}
.virsaic .security .authentication .rowGroup .greeting2 > * {
  animation: auth-enter-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.virsaic .security .authentication .rowGroup .greeting2 .greeting-header {
  width: 100%;
}
.virsaic .security .authentication .rowGroup .greeting2 .greeting-header h3 {
  font-family: "Poppins-Bold", "Open Sans", "Segoe UI", sans-serif;
  opacity: 1;
  margin-top: 40px;
  font-size: 3em;
}
.virsaic .security .authentication .rowGroup .greeting2 .greeting-footer h4,
.virsaic .security .authentication .rowGroup .greeting2 .greeting-footer h5 {
  opacity: 0.65;
  margin-bottom: 40px;
  color: #ffffff;
  font-family: "Poppins-Regular", "Open Sans", "Segoe UI", sans-serif;
}
.virsaic .security .authentication .rowGroup .greeting2 .greeting-footer img {
  height: 85px;
  opacity: 0.65;
}
.virsaic .security .authentication .rowGroup .greeting2 img {
  margin-top: 40px;
  height: 350px;
  opacity: 1;
}
.virsaic .security .authentication .greeting-compact {
  /* auto for IE */
  flex: 0 0 auto;
  height: auto;
  padding: 18px;
  color: whitesmoke;
  text-align: center;
}
.virsaic .security .authentication .greeting-compact.enterprise {
  background-image: linear-gradient(to bottom, #232b47, #3a54b9);
}
.virsaic .security .authentication .greeting-compact.agency {
  background-color: #0c2340;
}
.virsaic .security .authentication .greeting-compact > * {
  animation: auth-enter-top 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
}
.virsaic .security .authentication .greeting-compact img {
  align-self: center;
  flex: 0 0 60px;
  height: 60px;
  opacity: 0.75;
}
.virsaic .security .authentication .greeting-compact img .greeting-loaded {
  opacity: 1;
}
.virsaic .security .authentication .greeting-compact .greeting-compact-container {
  display: flex;
  flex-direction: column;
}
.virsaic .security .authentication .greeting-compact .greeting-messages {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  color: lightgray;
  padding: 15px;
}
.virsaic .security .authentication .greeting-compact .greeting-messages .greeting-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.virsaic .security .authentication .greeting-compact .greeting-messages .greeting-message h5,
.virsaic .security .authentication .greeting-compact .greeting-messages .greeting-message h6 {
  line-height: 1.4em;
}
.virsaic .security .authentication .greeting-compact .greeting-messages .greeting-message i {
  padding: 10px;
}
@keyframes dots-jump {
  0% {
    top: 0;
  }
  55% {
    top: 0;
  }
  60% {
    top: -10px;
  }
  80% {
    top: 3px;
  }
  90% {
    top: -2px;
  }
  95% {
    top: 1px;
  }
  100% {
    top: 0;
  }
}
.virsaic .security .authentication span.dots-jump > span {
  animation: dots-jump 1800ms infinite;
  padding: 1px;
  position: relative;
}
.virsaic .security .authentication span.dots-jump > span:nth-child(2) {
  animation-delay: 100ms;
}
.virsaic .security .authentication span.dots-jump > span:nth-child(3) {
  animation-delay: 300ms;
}

v-loading {
  display: inline-block;
}

.v-loader-fallback {
  color: white;
  font-size: 14em;
}
.v-loader {
  margin: -30px 15px 20px 15px;
  /* Due to scale x 1.3 */
  position: relative;
  width: 75px;
  height: 100px;
  transform: scale(1.3, 1.3);
}
.v-loader-bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: whitesmoke;
  transform-origin: center bottom;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.v-loader-bar:nth-child(1) {
  left: 0px;
  transform: scale(1, 0.2);
  animation: barUp1 4s infinite;
}
.v-loader-bar:nth-child(2) {
  left: 15px;
  transform: scale(1, 0.4);
  animation: barUp2 4s infinite;
}
.v-loader-bar:nth-child(3) {
  left: 30px;
  transform: scale(1, 0.6);
  animation: barUp3 4s infinite;
}
.v-loader-bar:nth-child(4) {
  left: 45px;
  transform: scale(1, 0.8);
  animation: barUp4 4s infinite;
}
.v-loader-bar:nth-child(5) {
  left: 60px;
  transform: scale(1, 1);
  animation: barUp5 4s infinite;
}
.v-loader-ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  animation: ball 4s infinite;
}
@keyframes ball {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px);
  }
  17% {
    transform: translate(23px, -24px);
  }
  20% {
    transform: translate(30px, -20px);
  }
  27% {
    transform: translate(38px, -34px);
  }
  30% {
    transform: translate(45px, -30px);
  }
  37% {
    transform: translate(53px, -44px);
  }
  40% {
    transform: translate(60px, -40px);
  }
  50% {
    transform: translate(60px, 0);
  }
  57% {
    transform: translate(53px, -14px);
  }
  60% {
    transform: translate(45px, -10px);
  }
  67% {
    transform: translate(37px, -24px);
  }
  70% {
    transform: translate(30px, -20px);
  }
  77% {
    transform: translate(22px, -34px);
  }
  80% {
    transform: translate(15px, -30px);
  }
  87% {
    transform: translate(7px, -44px);
  }
  90% {
    transform: translate(0, -40px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes barUp1 {
  0% {
    transform: scale(1, 0.2);
  }
  40% {
    transform: scale(1, 0.2);
  }
  50% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.2);
  }
}
@keyframes barUp2 {
  0% {
    transform: scale(1, 0.4);
  }
  40% {
    transform: scale(1, 0.4);
  }
  50% {
    transform: scale(1, 0.8);
  }
  90% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 0.4);
  }
}
@keyframes barUp3 {
  0% {
    transform: scale(1, 0.6);
  }
  100% {
    transform: scale(1, 0.6);
  }
}
@keyframes barUp4 {
  0% {
    transform: scale(1, 0.8);
  }
  40% {
    transform: scale(1, 0.8);
  }
  50% {
    transform: scale(1, 0.4);
  }
  90% {
    transform: scale(1, 0.4);
  }
  100% {
    transform: scale(1, 0.8);
  }
}
@keyframes barUp5 {
  0% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.2);
  }
  90% {
    transform: scale(1, 0.2);
  }
  100% {
    transform: scale(1, 1);
  }
}