html,
body {
  height: 100%;
}
a,
a:link,
a:hover,
a:visited {
  cursor: pointer;
  color: inherit;
}
.decorationpanel a:hover div,
.virtualpagearticle a:hover div,
virtualpagelinkpanel a:hover div,
virtualpagelinkmenu a:hover div,
a:hover {
  filter: brightness(115%);
  transform: translate(1px, 1px);
}
.requirements {
  display: none;
}
.totopbutton,
.ui-loader-default {
  display: none;
}
input[type='submit'] {
  cursor: pointer;
}
input[type='submit']:hover {
  filter: brightness(115%);
  transform: translate(1px, 1px);
}
.inlinepanel .contentarea {
  width: calc(100% - 20px) !important;
  padding: 10px !important;
  height: auto !important;
}
.virtualpagelayoutbox {
  position: absolute;
  left: -880px;
  top: 350px;
  width: 840px;
  border: 2px solid #000000;
  background-color: #fff;
  padding: 5px 10px;
  box-shadow: rgba(128, 128, 128, 0.19) 5px 5px;
}
.virtualpagelayoutbox img {
  float: left;
  margin: 0 5px;
  cursor: pointer;
}
.dragimage {
  width: 70px;
  height: 70px;
  float: left;
}
.virtualwidgetdropsource {
  float: left;
  width: 98%;
  margin: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px dashed #0094ff;
  background-color: #d9fffb;
  height: 50px;
}
.virtualwidgetdropsource.hover {
  border: 2px dashed #ff0000 !important;
}
.virtualpagepadding {
  float: left;
  padding: 1%;
  width: 98%;
}
.shadowitem {
  width: calc(100% - 10px);
  margin: 3px 5px;
  background-color: #ccc;
  color: #000;
  border-radius: 5px;
  text-align: center;
  padding: 3px 0;
  cursor: pointer;
}
.shadowitem.selected {
  background-color: #090A1B;
  color: #fff;
}
.navitem {
  cursor: pointer;
}
.navitem.selected {
  filter: brightness(85%);
  cursor: default;
}
.navitem:hover {
  filter: brightness(115%);
  transform: translate(1px, 1px);
}
.navitem.selected:hover {
  filter: brightness(85%);
  transform: translate(0px, 0px);
}
/*===========================================================*/
.hatch {
  background-image: linear-gradient(45deg, #dadada 25%, transparent 25%), linear-gradient(-45deg, #dadada 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dadada 75%), linear-gradient(-45deg, transparent 75%, #dadada 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
/*===========================================================*/
.virtualpagegroupedit {
  float: left;
  padding: 10px;
}
.virtualpagegroupedit .leftpanel {
  float: left;
  width: 400px;
}
.virtualpagegroupedit .rightpanel {
  float: left;
}
/*===========================================================*/
.admintemplatefolderlist {
  float: left;
  width: 96%;
  margin: 2%;
  overflow: auto;
}
.admintemplatefolderlist ul {
  float: left;
  width: 98%;
  margin: 10px 1%;
}
.admintemplatefolderlist li {
  width: 100%;
  margin: 2px 0;
  cursor: pointer;
  border-bottom: 1px solid #c2c2c2;
}
.admintemplatefolderlist li:hover {
  background-color: #ff6a00;
  color: #fff;
}
/*===========================================================*/
.virtualpagelistpanel {
  float: left;
  width: 400px;
  border: 1px solid #000;
}
.virtualpagelistpanel .maintitle,
.virtualpagelistpanelwide .maintitle {
  float: left;
  width: 90%;
  padding: 3px 5%;
}
.virtualpagelistpanelwide .maintitle .text {
  font-size: 18px;
  float: left;
  width: 100%;
}
.virtualpagelistpanelwide .maintitle .button,
.virtualpanlestylebutton {
  float: right;
  margin: 5px;
  background-color: #000000;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px;
  cursor: pointer;
}
.virtualpagelistpanelwide {
  float: left;
  width: 600px;
  margin: 0 0 0 5px;
}
.virtualhoverbox {
  position: absolute;
  height: 20px;
  background-color: #fff;
  border: 2px dashed #333;
  box-shadow: rgba(128, 128, 128, 0.19) 5px 5px;
  height: 30px;
  z-index: 1000;
}
.virtualhoverbox.area {
  width: 150px !important;
  border: 2px dashed #b200ff !important;
}
.virtualhoverbox.field {
  width: 150px !important;
  border: 2px dashed #61b000 !important;
}
.virtualhoverbox .title {
  float: left;
  margin: -18px 5px 0 0;
  padding: 2px 5px;
  font-size: 14px;
  position: relative;
  background-color: #04baff;
  color: #fff;
  border-radius: 5px;
}
.virtualhoverbox .number {
  float: left;
  margin: 8px 5px 0 -80px;
  position: relative;
}
.virtualhoverbox .button {
  float: right;
  margin: 5px;
  background-color: #000000;
  border-radius: 5px;
  color: #ffffff;
  padding: 3px 5px;
  cursor: pointer;
}
.virtualpagefieldselect {
  background-color: #fb0b0b !important;
  box-sizing: border-box !important;
  padding: 2px !important;
  border: 1px dashed #bf0505;
}
.virtualpageareaselect {
  border: 1px dashed #aeff00 !important;
  box-sizing: border-box !important;
}
.editpanelheader .floatleft {
  float: left;
  cursor: pointer;
}
.editpanelheader .label {
  float: left;
  margin: 2px 5px 0 0;
}
.editpanelheader select {
  float: left;
  border: 0 solid #e4dddd;
  width: 120px;
  font-size: 12px;
  padding: 0;
}
.virtualpagemenulist {
  float: left;
  width: 98%;
  margin: 1%;
  overflow: auto;
  height: 500px;
}
.virtualpagemenulist li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d9fffb;
}
.virtualpagemenulist li span {
  float: left;
  margin: 0 5px;
}
.virtualpagemenulist li .large {
  float: left;
  margin: 0 5px;
  width: 125px;
}
.virtualpagemenulist li .small {
  float: left;
  width: 40px;
}
/*====================================================*/
.virtualpagemenu {
  float: right;
  padding: 5px;
  background-color: #333;
  color: #fff;
}
.virtualpagemenu .menuitem {
  float: left;
}
.virtualpagemenu .menuitem span {
  padding: 0 5px;
  font-size: 14px;
  font-weight: bold;
}
.virtualpagemenu .menuitem a {
  padding: 0 5px 4px 5px;
  font-size: 12px;
  color: #fff !important;
  border-bottom: 1px solid #e4dddd;
}
.virtualpagepopupbox {
  float: left;
  width: 98%;
  height: 98%;
  padding: 1%;
}
.virtualpagepopupbox .title {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #14a5b4;
  text-transform: uppercase;
  padding: 0;
  font-family: fontfacetwo;
  margin: 10px 0;
}
.virtualpagepopupbox .body {
  float: left;
  color: #333;
  font-size: 14px;
}
/*---------------------------------------------------------------------------------*/
.virtualpagemenulinkedit {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
  margin: 3px 0;
}
.virtualpagemenulinkedit .item {
  float: left;
  margin: 2px 5px;
  width: 230px;
}
.virtualpagemenulinkedit .itemfull {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.virtualpagemenulinkedit .item span {
  float: left;
  width: 70px;
}
.virtualpagemenulinkedit .item input {
  float: left;
  width: 150px;
}
.virtualpagemenulinkedit .item select {
  float: left;
  width: 154px;
}
.virtualpagemenulinkedit .item .small {
  float: left;
  width: 50px;
}
.virtualpagemenulinkedit .itemfull .delete {
  float: right;
  background-color: #333;
  color: #fff;
  padding: 3px 5px;
  margin-right: 20px;
  border-radius: 5px;
  cursor: pointer;
}
.virtualpagemenulinkedit .itemfull .update {
  float: left;
  background-color: #0063aa;
  color: #fff;
  padding: 3px 5px;
  margin-left: 20px;
  border-radius: 5px;
  cursor: pointer;
}
.virtualpagemainpanel {
  position: absolute;
  width: 300px;
  height: 90%;
  right: 40px;
  top: 50px;
  background-color: #0095ce;
  z-index: 999;
  overflow: auto;
  padding: 5px;
}
.virtualpagemainpanel .reportcontrolactive {
  color: #8ffc09;
}
.virtualpagemainpanel .reportcontrolpaging a:link,
.virtualpagemainpanel .reportcontrolpaging a:visited {
  color: #fff;
}
.virtualpagemainpanel.selected {
  border-left: 5px solid #ffd767 !important;
}
/*-------------------------------------------------------------------------*/
.editfullpanelbox {
  width: 100%;
  background-color: transparent;
  float: left;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.editfullpanelheader {
  width: 100%;
  float: left;
  min-height: 30px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 5px 0;
  background: repeating-linear-gradient(45deg, #ff980073, #ff980078 10px, #607d8b7a 10px, #607d8b73 20px);
}
.editfullpaneltitle {
  float: left;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: bolder;
  background-color: transparent;
}
.editfullpanelbox .paneledittitlehover {
  float: left;
  width: calc(100% - 40px);
  padding: 7px 10px;
  background-color: #fff;
  color: #000;
  margin: 1px 10px;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 4px 3px 1px 2px #00000021;
}
.editfullpanelbox .paneledittitleextra {
  float: left;
  background-color: #fff;
  border-radius: 5px;
  padding: 4px 5px;
  margin: 2px 5px;
  box-shadow: 4px 3px 1px 2px #00000021;
  width: 20px;
  height: 18px;
  overflow: hidden;
  opacity: 0.5;
  transition: 0.5s;
}
.editfullpanelbox .paneledittitleextra:hover {
  width: auto;
  opacity: 1;
}
.editfullpanelbox .paneledittitleextra .sprite-icon-hubsmall:hover {
  background-color: #00bcd499;
  border-radius: 5px;
}
.editfullpanelbox .paneledittoolbox {
  float: left;
  padding: 4px 5px;
  margin: 2px 5px;
  box-shadow: 4px 3px 1px 2px #00000021;
  background-color: #333;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  opacity: 0.5;
  transition: 0.5s;
}
.editfullpanelbox .paneledittoolbox:hover {
  width: auto;
  opacity: 1;
}
.editfullpanelbox .paneledittoolbox .delete {
  float: right;
  width: 16px;
  margin: 0 5px;
}
.editfullpanelbox .paneledittoolbox .label {
  float: left;
  padding: 0 5px 0 0;
  margin: 3px 0 0 2px;
}
.editfullpanelbox .paneledittoolbox span,
.editfullpanelbox .paneledittoolbox select {
  margin: 0;
  float: left;
}
.editfullpanelheader .icon-basesmall-upb-w:hover {
  background-position: -80px -1620px;
}
.editfullpanelheader .icon-basesmall-downb-w:hover {
  background-position: -80px -1600px;
}
.editfullpanelheader .icon-basesmall-bin-w:hover {
  background-position: -120px -640px;
}
.editfullpanelbox .paneledittitlehover:hover {
  background-color: #adff48;
}
.editfullpanelheader select {
  width: 70px !important;
}
.virtualpageboxselect {
  box-shadow: 5px 5px 5px #ccc;
  border: 5px solid #ffd767 !important;
}
.icon-basetiny-refresh-w,
.icon-basetiny-no-w {
  background-color: #000;
  border-radius: 5px;
  margin: 0 2px;
}
.virtualpagegrey {
  background-color: #e4e7e8 !important;
}
.virtualpagehide {
  visibility: hidden;
}
.virtualpagemainpanel {
  font-family: fontfaceone, Arial, Verdana, Helvetica, sans-serif;
}
.virtualpagemainpanel .basetablerow {
  padding: 5px;
  float: left;
  width: 260px;
  margin: 5px 0;
  border-bottom: 1px solid #eee;
}
.virtualpagemainpanel .reporttablebox .base.icon {
  float: left;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.virtualpagemainpanel .reporttablebox .base.title {
  float: left;
  font-weight: bold;
  width: 155px;
  color: #0063aa;
  font-size: 18px;
  text-align: center;
  padding: 5px 0;
  height: 80px;
  cursor: pointer;
}
.virtualpagemainpanel .reporttablebox .baseinner {
  display: none;
}
.virtualpagemainpanel .box {
  float: left;
  width: 100%;
  height: 98%;
  background-color: #0095ce;
}
.virtualpagemainpanel .reporttablebox .titleouter .title {
  font-size: 12px;
  padding: 0;
}
.virtualpagemainpanel .panel {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.virtualpagemainpanel .panel span {
  float: left;
  width: 20%;
  margin: 3px 10px;
}
.virtualpagemainpanel .reporttablebox .base {
  width: auto;
}
.virtualpagemainpanel .panel select {
  float: left;
}
.virtualpagemainpanel .panel input {
  float: left;
}
.virtualpagemainpanelreport .reporttablebox {
  float: left;
  width: 270px;
  min-height: 600px;
  margin: 5px;
  overflow: auto;
  border: 1px solid #9c9c9c;
  border-radius: 0;
}
.virtualpagemainpanelreport .reporttablebox .item {
  float: left;
  width: 100%;
  height: 100px;
  padding: 0;
  cursor: default;
  background-color: #fff;
  border-bottom: 1px solid #3fb4b0;
  margin: 5px 0;
}
.virtualpagemainpanelreport .reporttablebox .item .icon {
  float: left;
  width: 100px;
  height: 100px;
  padding: 0;
  cursor: default;
}
.virtualpagemainpanelreport .reporttablebox .baseouteritem {
  float: left;
  margin: 0;
}
.virtualpagemainpanelreport .reporttablebox .item img {
  float: left;
  width: 100px;
  height: 100px;
  margin: -5px 0 0 0;
  cursor: default;
}
.virtualpagemainpanelreport .reporttablebox .item .panel {
  float: left;
  width: 200px;
}
.virtualpagemainpanelreport .reporttablebox .item .title {
  float: left;
  width: 160px;
  font-weight: bold;
  padding: 2px 0;
  font-size: 14px;
  background-color: #fff;
  color: #0063aa;
  border-bottom: 1px dashed #0095ce;
  text-align: left;
  margin: 0 0 5px 0;
}
.virtualpagemainpanelreport .reporttablebox .item .body {
  float: left;
  width: 120px;
  font-style: italic;
  height: 60px;
  overflow: hidden;
}
.virtualpagemainpanelreport .reporttablebox .item .addbutton {
  float: right;
  width: 18px;
  height: 100px;
  background-color: #0063aa;
  color: #fff;
  cursor: pointer;
  margin: -30px 0 0 0;
}
.virtualpagemainpanelreport .reporttablebox .item .addbutton:hover {
  background-color: #000000;
}
.virtualpagemainpanelreport .reporttablebox .item .addbutton span {
  float: left;
  margin: 40px 0 0 0;
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: #fff;
}
.reporttablebox tr:hover td {
  background-color: transparent !important;
}
.virtualpagemainpanelreport .basetablerow:hover {
  background-color: #efefef;
}
/*-------------------------------------------------------------------------*/
.vpagetext {
  float: left;
  font-size: 12px;
  width: 98%;
  margin: 5px 1%;
}
.vpagetitle {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 98%;
  margin: 10px 1%;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
.virtualpageheaderone {
  float: left;
  width: 100%;
  background-color: #33353A;
}
.virtualpageheaderone .title {
  float: left;
  margin: 25px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  margin: 40px 0 0 20px;
  font-family: fontfacetwo, Arial, Verdana, Helvetica, sans-serif;
}
.virtualpageheaderone img {
  float: left;
  margin: 10px;
}
/*-------------------------------------------------------------------------*/
.prefooter {
  float: left;
  width: 100%;
  background-color: #33353A;
  color: #fff;
}
.prefooter .lefttitle {
  float: left;
  margin: 10px 5px;
}
.prefooter .bottomtext {
  float: right;
  margin: 10px 5px;
}
.prefooter .bottomtext a,
.prefooter .bottomtext a:visited a,
.prefooter .bottomtext a:link {
  color: #a9faf7 !important;
  margin: 0 5px;
}
.prefooter .bottomtext a:hover {
  color: #56f7f2 !important;
}
/*-------------------------------------------------------------------------*/
.virtualpagedataform {
  float: left;
  width: 96%;
  height: 98%;
  margin: 1% 2%;
}
.virtualpagedataform .eventmedia {
  float: left;
  width: 120px !important;
  margin: 0;
  clear: none !important;
}
.virtualpagedataform .eventmedia img {
  width: 100px !important;
}
.virtualpagedataform .item {
  float: left;
  width: 98%;
  margin: 3px 0;
  padding: 3px 1%;
  background-color: #fff;
  border-radius: 5px;
}
.virtualpagedataform .eventcolor {
  float: left;
  width: 98%;
  margin: 3px 0;
  background-color: #fff;
  padding: 5px 1%;
  border-radius: 5px;
}
.virtualpagedataform .placeholder {
  float: left;
  width: 98%;
  margin: 3px 0;
  background-color: #fff;
  padding: 3px 1%;
  border-radius: 5px;
  min-height: 100px;
}
.virtualpagedataform .placeholder ul {
  float: left;
  width: 100%;
}
.virtualpagedataform .placeholder ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #3fb4b0;
  padding: 3px 0;
  margin: 3px 0;
  background-color: #eeeeee;
}
.virtualpagedataform .placeholder ul li .labellong {
  float: left;
  width: 230px;
  margin: 5px 10px;
  border-radius: 5px;
  border: 0;
  padding: 2px;
}
.virtualpagedataform .placeholder ul li .label {
  float: left;
  width: 35%;
  margin: 5px 1%;
}
.virtualpagedataform .placeholder ul li .image {
  float: left;
  width: 100px;
  margin: 5px 10px;
}
.virtualpagedataform .placeholder ul li img {
  width: 100px;
}
.virtualpagedataform .placeholder ul li .delete {
  float: left;
  padding: 3px 5px;
  background-color: #c30000;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.virtualpagedataform .placeholder .buttonlong {
  float: left;
  width: 80%;
  margin: 5px 10%;
  background-color: #0095ce;
  background-image: -moz-linear-gradient(top, #0095ce 0, #006287 100%);
  background-image: -ms-linear-gradient(top, #0095ce 0, #006287 100%);
  background-image: -o-linear-gradient(top, #0095ce 0, #006287 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0095ce), color-stop(1, #006287));
  background-image: -webkit-linear-gradient(top, #0095ce 0, #006287 100%);
}
.virtualpagedataform .placeholder .button {
  float: left;
  width: 80%;
  margin: 5px 10%;
  background-color: #77C21B;
  background-image: -moz-linear-gradient(top, #77C21B 0, #64a416 100%);
  background-image: -ms-linear-gradient(top, #77C21B 0, #64a416 100%);
  background-image: -o-linear-gradient(top, #77C21B 0, #64a416 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77C21B), color-stop(1, #64a416));
  background-image: -webkit-linear-gradient(top, #77C21B 0, #64a416 100%);
}
.virtualpagedataform .placeholder .buttonlong,
.virtualpagedataform .placeholder .button {
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #000000;
  padding: 2px 5px 2px 5px;
}
.virtualpagedataform .eventcolor input {
  float: left;
  width: 50px !important;
}
.virtualpagedataform .label {
  float: left;
  width: 100px;
  margin: 0 0 0 5px;
  font-weight: bold;
}
.virtualpagedataform .icon-basesmall-picture-cb {
  margin: 0 30px 0 0;
}
.virtualpagedataform .inputsmall {
  float: left;
  width: 100px;
}
.virtualpagedataform .input {
  float: left;
  width: 130px;
  border: 0;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.virtualpagedataform .inputshort {
  float: left;
  width: 130px;
  border: 0;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.virtualpagedataform .inputshortsmall {
  float: left;
  width: 100px;
  border: 0;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.virtualpagedataform .icon {
  float: right;
  cursor: pointer;
}
.virtualpagedataform textarea {
  float: left;
  width: 155px;
  height: 150px;
  background-color: #f3f3f3;
  border-radius: 5px;
  border: 0;
}
.virtualpagedataform .submit {
  float: left;
  width: 100%;
}
.virtualpagedataform .submit input {
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  float: right;
  min-width: 10px;
  cursor: pointer;
  text-align: center;
  background-color: #77C21B;
  background-image: -moz-linear-gradient(top, #77C21B 0, #64a416 100%);
  background-image: -ms-linear-gradient(top, #77C21B 0, #64a416 100%);
  background-image: -o-linear-gradient(top, #77C21B 0, #64a416 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77C21B), color-stop(1, #64a416));
  background-image: -webkit-linear-gradient(top, #77C21B 0, #64a416 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #000000;
  padding: 2px 5px 2px 5px;
}
/*-------------------------------------------------------------------------*/
.vpone {
  background-color: #fff;
  color: #090A1B;
}
.vpone .vpagetitle {
  border-bottom: 1px solid #edeaea;
  color: #090A1B;
}
.vpone .vpagetext,
.vpone .benefit .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle,
.vpone .benefit .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  color: #090A1B;
}
.vptwo {
  background-color: #499f9c;
  color: #fff;
}
.vptwo .vpagetitle {
  border-bottom: 1px solid #edeaea;
  color: #fff;
}
.vptwo .vpagetext,
.vptwo .benefit .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle,
.vptwo .benefit .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  color: #fff;
}
.vpthree {
  background-color: #0094ff;
  color: #fff;
}
.vpthree .vpagetitle {
  border-bottom: 1px solid #edeaea;
  color: #fff;
}
.vpthree .vpagetext,
.vpthree .benefit .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle,
.vpthree .benefit .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  color: #fff;
}
.vpfour {
  background-color: #DAE5E8;
  color: #090A1B;
}
.vpfour .vpagetitle {
  border-bottom: 1px solid #ccc;
  color: #fff;
}
.vpfour .vpagetext,
.vpfour .benefit .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle,
.vpfour .benefit .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  color: #090A1B;
}
.vpfive {
  background-color: #33353A;
  color: #fff;
}
.vpfive .vpagetitle {
  border-bottom: 1px solid #edeaea;
  color: #fff;
}
.vpfive .vpagetext,
.vpfive .benefit .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle,
.vpfive .benefit .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  color: #fff;
}
.vpone .formbox,
.vptwo .formbox,
.vpthree .formbox,
.vpfour .formbox,
.vpfive .formbox {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 10px 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
.eventgallerynavmain.minestats {
  width: 1168px;
}
.minestats .eventgalleryelement {
  float: left;
  color: #fff;
  width: 292px;
  text-transform: uppercase;
}
.minestats .eventgalleryelement .eventdisplayitemheader {
  float: left;
  width: 100%;
}
.minestats .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle {
  float: left;
  font-size: 50px;
  font-family: "Open Sans" !important;
  width: 100%;
  text-align: center;
}
.minestats .eventgalleryelement .eventdisplayitembody {
  float: left;
  width: 100%;
  padding: 5px 0;
}
.minestats .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  float: left;
  text-align: center;
  width: 100%;
}
.minestats .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml .bar {
  float: left;
  height: 5px;
  background-color: #b39a68;
  width: 100px;
  margin: 5px 0 5px 50%;
  position: relative;
  left: -50px;
}
.minestats .eventgalleryelement .eventdisplayitemfooter {
  float: left;
  width: 100%;
}
.minestats .eventgalleryelement .eventdisplayitemfooter .eventdisplayitemtext {
  float: left;
  font-size: 20px;
  width: 210px;
  text-align: center;
  margin: 0 40px;
}
.youtubevideo .eventdisplayitembody {
  float: left;
  width: 100%;
  padding: 5px 0;
}
.youtubevideo .eventdisplayitembody .eventdisplayitemhtml {
  float: left;
  text-align: center;
  width: 100%;
}
.speakernav .eventgalleryelement {
  width: 400px;
  height: 400px;
  margin: 0;
}
.eventimage {
  float: left;
  margin: 0;
  border: 2px solid #d1d1d1;
  border-radius: 100px;
  background-color: #fff;
}
.eventimage img {
  border-radius: 100px;
  background-color: #fff;
}
.speakername {
  float: left;
  margin: 0 0 0 20px;
  font-size: 18px;
}
.speakername .display {
  float: left;
  color: #a58d27;
  font-weight: bold;
}
.speakernamebold {
  float: left;
  margin: 0;
  font-size: 18px;
  margin: 0 0 0 5px;
}
.speakernamebold .display {
  float: left;
  color: #a58d27;
  font-weight: bold;
}
.speakerdetails {
  float: left;
  width: 100%;
}
.speakerdetails .display {
  float: left;
  font-size: 16px;
  color: #494949;
  font-weight: bold;
  margin: 0 1%;
  width: 98%;
}
.speakertitle {
  float: left;
  width: 100%;
}
.speakertitle .display {
  float: left;
  color: #494949;
  font-size: 16px;
  margin: 0 0 0 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
.eventgallerynavmain.benefit {
  width: 100%;
}
.benefit .eventgalleryelement {
  float: left;
  color: #494949;
  width: 292px;
  text-transform: uppercase;
}
.benefit .eventdisplayitemmedia {
  float: left;
  margin: 10px 40px;
}
.benefit .eventgalleryelement .eventdisplayitemheader {
  float: left;
  width: 100%;
}
.benefit .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle {
  float: left;
  font-size: 18px;
  width: 100%;
  text-align: center;
}
.benefit .eventgalleryelement .eventdisplayitembody {
  float: left;
  width: 100%;
  padding: 5px 0;
}
.benefit .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  float: left;
  text-align: left;
  width: 90%;
  margin: 5px 5%;
  text-transform: none;
}
.benefit .eventgalleryelement .eventdisplayitemfooter {
  float: left;
  width: 100%;
}
.benefit .eventgalleryelement .eventdisplayitemfooter .eventdisplayitemtext {
  float: left;
  font-size: 20px;
  width: 210px;
  text-align: center;
  margin: 0 40px;
}
.awardimage {
  float: left;
  margin: 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
.eventgallerynavmain.whyinfo {
  width: 1168px;
}
.whyinfo .eventgalleryelement {
  float: left;
  color: #494949;
  width: 389px;
  text-transform: uppercase;
}
.whyinfo .eventgalleryelement .eventdisplayitemmedia {
  float: left;
  margin: 0 0 10px 40px;
}
.whyinfo .eventgalleryelement .eventdisplayitemheader {
  float: left;
  width: 100%;
}
.whyinfo .eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle {
  float: left;
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #a58d27;
  font-weight: bold;
}
.whyinfo .eventgalleryelement .eventdisplayitembody {
  float: left;
  width: 100%;
  padding: 5px 0;
}
.whyinfo .eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  float: left;
  text-align: left;
  width: 90%;
  margin: 0 5%;
  text-transform: none;
  font-weight: 600;
}
.whyinfo .eventgalleryelement .eventdisplayitemfooter {
  float: left;
  width: 100%;
}
.whyinfo .eventgalleryelement .eventdisplayitemfooter .eventdisplayitemtext {
  float: left;
  font-size: 16px;
  width: 210px;
  text-align: left;
  margin: 0 40px;
  text-transform: none;
}
.minemap {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
}
.minemap .eventmapbox {
  float: left;
  width: 1160px;
  height: 700px;
  margin: 5px;
}
.eventgallerynavinner {
  width: 30000px;
  float: left;
}
.eventgallerynavmain .eventgalleryelement {
  float: left;
  position: relative;
}
/*=====================================================================*/
/*.eventgallerynavbox:first-of-type {
    margin: 110px 0 0 0 !important;
}*/
.eventgallerynavbox {
  width: 30px;
  height: 100px;
  position: absolute;
  margin: 110px 0 0 1130px;
  z-index: 100;
}
.eventgallerynavbox.left {
  width: 30px;
  position: absolute;
  z-index: 100;
  margin: 75px 0 0 0;
  left: 5px;
}
.eventgallerynavbox.right {
  width: 30px;
  position: absolute;
  z-index: 100;
  margin: 75px 0 0 0;
  right: 5px;
}
.eventgallerynavbox .eventgallerynavleft {
  float: left;
  width: 30px;
  height: 60px;
  background: url(/Resource/Images/chevla.png) no-repeat;
  margin: 0;
  cursor: pointer;
}
.eventgallerynavbox .eventgallerynavleft:hover {
  background: url(/Resource/Images/chevl.png) no-repeat;
}
.eventgallerynavbox .eventgallerynavright {
  float: left;
  width: 30px;
  height: 60px;
  background: url(/Resource/Images/chevra.png) no-repeat;
  margin: 0;
  cursor: pointer;
}
.eventgallerynavbox .eventgallerynavright:hover {
  background: url(/Resource/Images/chevr.png) no-repeat;
}
.eventgallerynavmain {
  float: left;
  width: 800px;
  margin: 5px 0 5px 0;
  overflow: hidden;
}
eventgallerynavflex {
  display: flex;
}
.eventgallerynavmain.agendanav {
  height: 390px;
}
.eventgallerynavmain.speakernav {
  width: 100%;
}
.eventgallerynavmain.sponser {
  height: 202px;
}
.eventgalleryelement {
  float: left;
}
.eventgalleryelement .eventdisplayitemheader {
  float: left;
  width: 100%;
}
.eventgalleryelement .eventdisplayitemheader .eventdisplayitemtitle {
  float: left;
  margin: 5px;
}
.eventgalleryelement .eventdisplayitemheader .eventdisplayitemdate {
  float: right;
}
.eventgalleryelement .eventdisplayitembody {
  float: left;
  padding: 5px;
}
.eventgalleryelement .eventdisplayitembody .eventdisplayitemhtml {
  width: 100%;
  float: left;
}
/*-------------------------------------------------*/
.eventgalleryelement.bigimage,
.eventgallerynavmain.bigimage {
  float: left;
  width: 1168px !important;
  margin: 0 !important;
}
.bigimage .eventgalleryelement {
  float: left;
  width: 1168px;
  margin: 0;
  color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  height: 400px;
  overflow: hidden;
}
.bigimage .eventgalleryelement:hover {
  background-color: #333;
  font-style: italic;
}
.bigimage .eventdisplayitemheader {
  float: left;
  width: 100%;
}
.bigimage .eventdisplayitemheader .eventdisplayitemtitle {
  float: left;
  margin: 5px;
  color: #fff;
  font-size: 20px;
}
.bigimage .eventdisplayitemheader .eventdisplayitemdate {
  float: right;
}
.bigimage .eventdisplayitembody {
  float: left;
  padding: 5px;
  color: #fff;
}
.bigimage .eventdisplayitembody .eventdisplayitemhtml {
  width: 100%;
  float: left;
  color: #fff;
}
.bigimage .eventdisplayitemmedia {
  float: left;
}
.reporttablebox .baseouter .vpageorder {
  float: left;
}
.reporttablebox .baseouter .vpageorder .baseinput {
  width: 15px;
}
.virtualpagecontentarea .title {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 0 70px;
  border-bottom: 3px solid #000;
}
.virtualpagecontentareaedit .reportpanelfixed1168,
.virtualpagecontentareaedit .reportpanelfixed800 {
  border: 0 !important;
}
.virtualpagecontentareaedit .reportpanel {
  border-radius: 5px;
}
.uiframeworkpopuppanel .content,
.uiframeworkpopuppanel {
  margin: 0 !important;
  border: 0 !important;
}
.widgetcolumntab {
  width: 0 !important;
}
.uiframeworkcontentpad {
  height: auto !important;
  margin: 0 !important;
}
.reportsheaderpadvpage .pagetitle {
  float: left;
  padding: 5px 0;
  width: calc(100% - 40px);
  background-color: #03739e;
}
.reportsheaderpadvpage .pagetitle .title {
  margin: 0 10px;
  font-size: 14px;
  padding: 5px 10px;
  font-style: italic;
  float: left;
}
.reportsheaderpadvpage .pagetitle .title.selected {
  font-weight: bold;
  font-style: normal;
}
.reportsheaderpadvpage .pagetitle .titlepage {
  margin: 0 10px;
  font-size: 14px;
  padding: 5px 10px;
  font-style: italic;
  cursor: pointer;
  float: left;
}
.reportsheaderpadvpage .pagetitle .titlepage.selected {
  font-weight: bold;
  font-style: normal;
  cursor: default;
}
.reportsheaderpadvpage .pagetitle .titlepageright {
  margin: 0 10px;
  font-size: 14px;
  padding: 5px 10px;
  font-style: italic;
  cursor: pointer;
  float: right;
  background-color: #03A9F4;
  border-radius: 5px;
}
.reportsheaderpadvpage .pagetitle .titlepageright:hover {
  background-color: #038fcf;
}
.reportsheaderpadvpage .pagetitle .label {
  margin: 7px 0 0 60px;
  font-size: 12px;
  font-style: italic;
  float: left;
}
.reportsheaderpadvpage .templateselect {
  float: left;
  position: absolute;
  margin: 5px;
  top: 130px;
  left: 50px;
}
.reportsheaderpadvpage .templateselect .label {
  float: left;
  margin: 0 3px;
  color: #fff;
}
.reportsheaderpadvpage .templateselect .display {
  float: left;
  color: #c1c1c14d;
  font-style: italic;
}
.reportsheaderpadvpage .templateselect .display.selected {
  float: left;
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  border-bottom: 1px solid #ffd400;
  padding: 0 0 5px 0;
  font-size: 14px;
}
.reportsheaderpadvpage .previewbutton,
.reportsheaderpadvpage .previewbuttontwo {
  float: left;
  cursor: pointer;
  padding: 5px 10px;
  background-color: #0775b5;
  color: #fff;
  border-radius: 3px;
  position: absolute;
  margin: 5px;
  top: 90px;
}
.reportsheaderpadvpage .previewbutton {
  left: 50px;
}
.reportsheaderpadvpage .previewbuttontwo {
  left: 120px;
}
.reportsheaderpadvpage .previewbutton:hover,
.reportsheaderpadvpage .previewbuttontwo:hover {
  background-color: #069af1;
}
.wizardbox {
  float: left;
  width: 100%;
}
.wizardpanel {
  float: left;
  width: 100%;
  height: 60px;
}
.wizardbox .strip {
  float: left;
  margin: 10px 0 0 20%;
}
.wizardbox .button {
  float: left;
  margin: 0 5px;
  width: 50px;
}
.wizardbox .button .round {
  float: left;
  text-align: center;
  border-radius: 50px;
  width: 50px;
  padding: 10px 0;
  font-size: 25px;
  color: #fff;
  background-color: #0063aa;
  cursor: pointer;
  border: 2px solid #fff;
}
.wizardbox .button .round:hover {
  background-color: #47b0fb;
}
.wizardbox .button.selected .round {
  background-color: #d5a00b;
  cursor: default;
}
.wizardbox .button.selected .round:hover {
  background-color: #d5a00b;
}
.wizardbox .button.next .round {
  background-color: #77C21B;
}
.wizardbox .button.next .round:hover {
  background-color: #64a416;
}
.wizardbox .button.grey .round {
  background-color: #bbb9b9;
  cursor: default;
}
.wizardbox .button.grey .round:hover {
  background-color: #bbb9b9;
}
.wizardbox .button .label {
  float: left;
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 5px 0;
}
.wizardbox .button.grey .label {
  color: #bbb9b9;
}
.wizardbox .button.next .label {
  color: #93ff10;
}
.wizardbox .buttonspace {
  float: left;
  width: 50px;
  height: 1px;
  border-bottom: 2px dashed #bbb9b9;
  margin: 25px 0;
}
.wizardbox .buttonspace.selected {
  border-bottom: 2px dashed #b3f364;
}
.haileyburyheader {
  float: left;
  margin: 0 0 0 340px;
}
@media (max-width: 600px) {
  .haileyburyheader {
    float: left;
    margin: 0;
  }
  .haileyburyheader img {
    width: 100%;
  }
}
.haileyburymenu {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.haileyburymenu .box {
  float: left;
  width: 100%;
}
.haileyburymenu .box .item {
  width: 10%;
  float: left;
}
.haileyburymenu .box .link,
.haileyburymenu .box .link:active,
.haileyburymenu .box .link:visited {
  float: left;
  color: #7E0739 !important;
  padding: 0 0 10px 0;
}
.haileyburymenu .box .link:hover {
  border-bottom: 2px solid #7E0739;
}
.haileyburyback {
  float: left;
  width: 100%;
  background-image: url(/Resource/Images/Haileybury_back.jpg );
}
.haileyburyback .container {
  float: left;
  color: #fff;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.32);
}
.haileyburyback .container .welcometitle {
  float: left;
  font-size: 45px;
  text-align: center;
  width: 100%;
  margin: 30px 0;
}
.haileyburyback .container .welcome {
  float: left;
  font-size: 18px;
  text-align: center;
  width: 90%;
  margin: 10px 5%;
}
.haileyburyback .container .welcome p {
  font-size: 18px;
}
.haileyburyback .container .button {
  float: left;
  padding: 5px 10px;
  background-color: #e8e8e8;
  border-radius: 5px;
  margin: 10px 0 30px 45%;
  color: #7E0739 !important;
}
.reportcontentmaindisplaylive {
  height: auto !important;
  overflow: hidden !important;
}
.virtualpageinfobox {
  float: left;
  width: 100%;
  background-color: #0095ce;
  color: #fff;
  border-bottom: 4px solid #000;
}
.virtualpageinfobox .update {
  float: left;
  margin: 0 5px;
}
.virtualpageinfobox .update .button {
  float: left;
  cursor: pointer;
  padding: 2px 5px;
  background-color: #0775b5;
  color: #fff;
  border-radius: 3px;
}
.virtualpageinfobox .title {
  float: left;
  margin: 0 5px;
  width: 20%;
}
.virtualpageinfobox .title span {
  float: left;
  margin: 0 5px;
  width: 15%;
}
.virtualpageinfobox .title input {
  float: left;
  width: 80%;
}
.virtualpageinfobox .description {
  float: left;
  margin: 5px 0;
  font-style: italic;
}
.virtualpageinfobox .description.one {
  margin-left: 20%;
}
.virtualpageinfobox .description.two {
  margin-left: 26%;
}
.virtualpageinfobox .description.three {
  margin-left: 32%;
}
.virtualpageinfobox .description.four {
  margin-left: 38%;
}
.virtualpageinfobox .description.five {
  margin-left: 44%;
}
.virtualpageinfobox .description.six {
  margin-left: 50%;
}
.virtualpageinfobox .description.seven {
  margin-left: 56%;
}
.virtualpageinfobox .description span {
  float: left;
  margin: 0 5px;
  width: 15%;
}
.virtualpageinfobox .description input {
  float: left;
  width: 80%;
}
.reportsheaderpadvpage {
  float: left;
  width: 100%;
  background-color: #0095ce;
  color: #fff;
}
.vpagemainbutton {
  float: left;
  margin: 0 30px;
}
.vpagedetailboxwide {
  float: left;
  margin: 0 10px 0 10px;
  width: 700px;
}
.vpagedetailbox {
  float: left;
  margin: 0 10px 0 30px;
  width: 500px;
}
.vpagedetailbox .title {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.vpagedetailbox .body {
  float: left;
  width: 100%;
}
.vpagedetailbox .title .text {
  float: left;
  font-weight: bold;
}
.vpagedetailbox .body .text {
  float: left;
  font-style: italic;
}
.vpagemainbutton .button,
.vpagebuttons .button {
  float: left;
  width: 140px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3fb4b0), color-stop(1, #187b78));
  background: -moz-linear-gradient(top, #3fb4b0 5%, #187b78 100%);
  background: -webkit-linear-gradient(top, #3fb4b0 5%, #187b78 100%);
  background: -o-linear-gradient(top, #3fb4b0 5%, #187b78 100%);
  background: -ms-linear-gradient(top, #3fb4b0 5%, #187b78 100%);
  background: linear-gradient(to bottom, #3fb4b0 5%, #187b78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb4b0', endColorstr='#187b78', GradientType=0);
  background-color: #3fb4b0;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 24px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2px 5px;
  font-family: 'Montserrat', sans-serif;
  border-radius: 0;
  border: 0;
}
.vpagemainbutton .buttona,
.vpagebuttons .buttona {
  float: left;
  width: 190px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0095ce), color-stop(1, #006b94));
  background: -moz-linear-gradient(top, #0095ce 5%, #006b94 100%);
  background: -webkit-linear-gradient(top, #0095ce 5%, #006b94 100%);
  background: -o-linear-gradient(top, #0095ce 5%, #006b94 100%);
  background: -ms-linear-gradient(top, #0095ce 5%, #006b94 100%);
  background: linear-gradient(to bottom, #0095ce 5%, #006b94 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095ce', endColorstr='#006b94', GradientType=0);
  background-color: #0095ce;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 24px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2px 5px;
  font-family: 'Montserrat', sans-serif;
  border-radius: 0;
  border: 0;
}
.vpagemainbutton .buttonc,
.vpagebuttons .buttonc {
  float: left;
  width: 130px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8300), color-stop(1, #b45d00));
  background: -moz-linear-gradient(top, #fc8300 5%, #b45d00 100%);
  background: -webkit-linear-gradient(top, #fc8300 5%, #b45d00 100%);
  background: -o-linear-gradient(top, #fc8300 5%, #b45d00 100%);
  background: -ms-linear-gradient(top, #fc8300 5%, #b45d00 100%);
  background: linear-gradient(to bottom, #fc8300 5%, #b45d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8300', endColorstr='#b45d00', GradientType=0);
  background-color: #fc8300;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 24px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2px 5px;
  font-family: 'Montserrat', sans-serif;
  border-radius: 0;
  border: 0;
}
.virtualpagenew {
  float: left;
  margin: 10px 5px;
}
.virtualpagenewline {
  float: left;
  width: 100%;
}
.virtualpagenew .title {
  float: left;
  font-size: 16px;
  padding: 5px 10px;
}
.virtualpagenew .text {
  float: left;
  margin: 10px;
  width: 350px;
  font-size: 14px;
}
.virtualpagenew .titleright {
  float: right;
  margin: 10px 3px;
  font-size: 12px;
}
.virtualpagenew .type {
  float: right;
  margin: 10px;
  width: 150px;
  font-size: 12px;
}
.vpagedetailcontent {
  float: left;
  margin: 10px 10px;
  width: 90%;
}
.vpagedetailcontent .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
  border: 0;
  width: 90%;
}
.vpagedetailcontent .body {
  float: left;
  margin: 0 0 20px 0;
}
.vpagedetailcontent .body .text {
  float: left;
  font-style: italic;
  padding: 3px 5px;
  border: 1px dashed #23a2ec;
  width: 300px;
}
.vpagedetailcontent .body .smallbutton {
  float: left;
  cursor: pointer;
  padding: 2px 5px;
  background-color: #0775b5;
  color: #fff;
  border-radius: 3px;
  margin: 2px 5px;
}
.reportcontentoutputbox .title {
  font-size: 12px;
  border: 0;
  margin: 0;
  font-weight: normal;
}
/*---------------------------------------------------------------------------------*/
.virtualpageeditta textarea {
  height: 150px !important;
}
/*---------------------------------------------------------------------------------*/
.activitybox {
  float: left;
  width: 100%;
  margin: 0;
}
.activitybox .titlebox {
  float: left;
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 18px;
  background-color: #3094ea;
  padding: 10px 0;
  border-radius: 0;
}
.activitybox .titlebox .title {
  float: left;
  margin: 0 0 0 20px;
}
.activitybox .titlebox .subtitle {
  float: left;
  font-weight: bold;
  margin: 0 5px;
}
.activitybox .totalbox {
  float: left;
  width: 98%;
  margin: 15px 1%;
}
.activitybox .totalbox .line {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.activitybox .totalbox .totaltitle {
  float: left;
  width: 150px;
  margin: 0 5px 0 0;
  font-size: 16px;
  padding: 3px 0;
  border-bottom: 1px dashed #ccc;
}
.activitybox .totalbox .circle {
  width: 50px;
  height: 50px;
  background-color: #0063aa;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 5px 10px;
}
.activitybox .formlist {
  float: left;
  width: 98%;
  margin: 5px 1%;
}
.activitybox .formlist .title {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
}
.activitybox .formlist .report {
  float: left;
  width: 100%;
}
.test h4 {
  font-size: 20px;
  color: #0095ce;
}
.test p {
  color: #f61010;
  font-style: italic;
}
.displayopacity {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 900;
  background-color: rgba(9, 10, 27, 0.76);
}
.displayopacitycontents {
  position: absolute;
  background-color: #fff;
  box-shadow: 1px 0px 11px 4px rgba(255, 118, 0, 0.3), 0 6px 20px 0 rgba(236, 109, 48, 0.41);
  border: 2px solid #192436;
  border-radius: 10px;
}
.displayopacitycontents .returnbox {
  font-size: 14px;
  margin: 10px;
  border: 1px dashed #07dcbe;
  padding: 5px;
  cursor: pointer;
}
.displayopacitycontents .returnbox:hover {
  border: 1px solid #07dcbe;
}
.formbuilderareaitem .item.hiddenshow {
  width: 90%;
  margin: 5px 3%;
  height: 20px;
  border: 1px dashed #fa0f0f;
}
.virtualpagepreverencebox .area.text {
  font-size: 14px !important;
  margin: 10px !important;
}
.virtualpagepreverencebox .label {
  background-color: #fff !important;
}
.virtualpagepreverencebox .input {
  border: 0 !important;
  border-radius: 5px !important;
  background-color: #efefef !important;
  font-size: 12px !important;
  height: 20px;
}
.virtualpagepreverencebox .submit input {
  background-color: #0095ce !important;
  background-image: -moz-linear-gradient(top, #0095ce 0, #0063aa 100%) !important;
  background-image: -ms-linear-gradient(top, #0095ce 0, #0063aa 100%) !important;
  background-image: -o-linear-gradient(top, #0095ce 0, #0063aa 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0095ce), color-stop(1, #0063aa)) !important;
  background-image: -webkit-linear-gradient(top, #0095ce 0, #0063aa 100%) !important;
  color: #fff !important;
  width: 100px !important;
  border: 0 !important;
}
/*------------------------------------------------------------------------------*/
.virtualpagemastercontent {
  float: left;
  width: 98%;
}
.virtualpagemastercontent .grouppagebox {
  float: left;
  width: 630px;
}
#MasterTabContentA,
#MasterTabContentB {
  float: left;
  width: 98%;
}
#MasterTabContentB .virtualpagelistpanelwide {
  float: right;
}
#MasterTabContentB .maintitle,
#MasterTabContentA .maintitle {
  float: left;
  width: 98%;
  font-size: 18px;
  padding: 5px 10px;
}
#MasterTabContentB .button {
  float: right;
  width: auto;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  background-color: #0063aa;
  color: #fff;
}
/*-------------------------------------------------------------------*/
.virtualpagelinkmenu {
  float: left;
  width: 100%;
}
.virtualpagelinkmenu .itembox {
  float: left;
  display: flex;
  width: 100%;
}
.virtualpagelinkmenu .item {
  flex: 1;
  align-self: center;
  flex-basis: auto;
}
.virtualpagelinkmenu .item .icon {
  float: left;
}
.virtualpagemenuicon {
  cursor: pointer;
  float: left;
}
.virtualpagemenuicon span {
  float: left;
}
.virtualpagelinkmenumobile {
  float: left;
  width: 100%;
}
.virtualpagemenuicon span:hover {
  filter: brightness(85%);
}
.virtualpagelinkmenumobile .item {
  float: left;
  width: 100%;
}
.virtualpagelinkmenu .item.selected,
.virtualpagelinkmenumobile .item.selected {
  cursor: default;
}
.virtualpagelinkmenu .item:hover {
  filter: brightness(85%);
}
.virtualpagelinkmenumobile .item:hover {
  filter: brightness(85%);
}
.virtualpagelinkpanel {
  float: left;
}
.virtualpagelinkpanel ul {
  float: left;
  width: 100%;
}
.virtualpagelinkpanel ul .line {
  float: left;
  width: 100%;
  display: flex;
}
.virtualpagelinkpanel ul .line:hover {
  background-color: #e4f7ff;
}
.virtualpagelinkpanel ul .line a:visited,
.virtualpagelinkpanel ul .line a:active,
.virtualpagelinkpanel ul .line a {
  float: left;
}
.virtualpagelinkpanel ul .line a:hover {
  float: left;
  color: #0095ce;
}
.virtualpagelinkpanel ul .line.selected {
  float: left;
  color: #0063aa;
  border-bottom: 0;
}
.virtualpagelinkpanel ul .line.selected a:hover,
.virtualpagelinkpanel ul .line.selected:hover {
  color: #0063aa;
  background-color: #fff;
}
/*-------------------------------------------------------------------*/
.virtualpagelinkpanelmenu {
  float: left;
  width: 100%;
}
.virtualpagelinkpanelmenu ul {
  float: left;
  width: 100%;
}
.virtualpagelinkpanelmenu ul .line {
  float: left;
  width: 100%;
  display: flex;
}
.virtualpagelinkpanelmenu ul .line:hover {
  background-color: #e4f7ff;
}
.virtualpagelinkpanelmenu ul .line a,
.virtualpagelinkpanelmenu ul .line a:visited,
.virtualpagelinkpanelmenu ul .line a:active,
.virtualpagelinkpanelmenu ul .line a,
.virtualpagelinkpanelmenu ul .line a:visited {
  float: left;
  color: #fff;
  margin: 5px 10px;
  padding: 3px 0 0 0;
}
.virtualpagelinkpanelmenu ul .line a:hover {
  float: left;
  color: #0095ce;
}
.virtualpagelinkpanelmenu ul .line.selected {
  float: left;
  color: #fcad57;
  border-bottom: 0;
  margin: 5px 10px;
}
.virtualpagelinkpanelmenu ul .line.selected a:hover,
.virtualpagelinkpanelmenu ul .line.selected:hover {
  background-color: transparent;
}
.virtualpagelinkpanelmenu ul .line .number {
  float: left;
  flex: 1;
}
.virtualpagelinkpanelmenu ul .line.selected .number {
  background-color: #808080;
}
.virtualpagelinkpanelmenu ul .line:hover .number {
  background-color: #ffa25f;
}
.virtualpaneleditorbox {
  float: left;
  width: 49%;
  margin: 5px 0.5%;
}
.virtualpaneleditorboxsmall {
  float: left;
  width: 39%;
  margin: 5px 0.5%;
}
.virtualpaneleditorboxwide {
  float: left;
  width: 56%;
  margin: 5px 0.5%;
}
.virtualpaneleditorboxwide .virtualpaneleditorpreview {
  width: 100%;
  float: left;
}
.virtualpaneleditorboxwide .virtualpaneleditortoolbox {
  width: 100%;
  float: left;
  margin: 5px 0;
}
.virtualpaneleditorboxwide .virtualpaneleditortoolbox .item {
  width: auto;
  float: left;
  margin: 0 5px;
}
.virtualpaneleditorboxwide .virtualpaneleditortoolbox .item span {
  float: left;
  padding: 5px 10px;
  background-color: #0095ce;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}
/*------------------------------------------------------------------------*/
.virtualpagelinkpanel ul .line .number {
  float: left;
  flex: 1;
}
/*.virtualpagelinkpanel ul .line.selected .number {
        background-color: #808080;
    }

    .virtualpagelinkpanel ul .line:hover .number {
        background-color: #ff6a00;
    }*/
.virtualpagelinkpanel .display {
  float: left;
  flex: 8;
}
.hascontrols .hometitlebox {
  margin: 0 !important;
  border-radius: 5px;
  border: 1px solid #000;
}
.reportcontentoutputmainpaging {
  float: left;
  border-bottom: 0 !important;
  width: calc(100% - 20px);
  margin: 3px 10px;
  background-color: white;
}
/*----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------- flex box ---------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
*/
.flexcontainertool {
  width: 278px;
  background-color: #ffc109e8;
  color: #fff;
  padding: 5px 0;
  height: 20px;
  position: absolute;
  margin: -30px 0 0 0;
  border: 1px solid #000000;
  display: none;
  border-radius: 10px;
}
.flexcontainertool .delete {
  float: right;
  margin: 0;
  padding: 3px 3px;
  background-color: #be0000;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  margin: 0 5px 0 0;
}
.flexcontainertool .info {
  float: left;
  margin: 0 5px;
  padding: 3px 8px;
  background-color: #0775b5;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}
.flexcontainertool .label {
  float: left;
  margin: 0 5px;
  padding: 3px 8px;
  background-color: #64a416;
  color: #fff;
  cursor: pointer;
  border-radius: 25px;
}
.flexcontainertool .labelsub {
  float: left;
  margin: 0 5px;
  padding: 4px 8px;
  background-color: #2196F3;
  color: #fff;
  cursor: pointer;
  border-radius: 30px;
}
.flexcontainertool select {
  float: left;
  margin: 0 5px;
  width: 60px;
}
.adminvirtualpageitem {
  width: 100%;
  text-align: center;
  color: #0095ce;
}
.virtualpaneleditorpreview .adminvirtualpageitem {
  width: calc(100% - 20px);
  height: 20px;
  text-align: center;
  color: #0095ce;
  margin: 5px;
  padding: 5px;
  background: repeating-linear-gradient(45deg, #ff980073, #ff980078 10px, #607d8b7a 10px, #607d8b73 20px);
}
.adminvirtualpageitem.click {
  cursor: pointer;
  text-decoration: underline;
}
.virtualpaneleditorpreview .adminvirtualpageitem .box {
  float: right;
  width: auto;
  margin: -3px 0 0 0;
}
.virtualpaneleditorpreview .adminvirtualpageitem .info {
  float: left;
  margin: 0 5px;
  padding: 5px 10px;
  background-color: #0775b5;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}
.virtualpaneleditorpreview .adminvirtualpageitem .label {
  float: left;
  margin: 0 5px;
  padding: 5px 8px;
  background-color: #64a416;
  color: #fff;
  cursor: pointer;
  border-radius: 25px;
}
.virtualpaneleditorpreview .adminvirtualpageitem select {
  width: 60px;
  float: left;
  margin: 5px;
}
.virtualpaneleditorpreview.adminvirtualpageitem span {
  float: left;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
}
.adminvirtualpageitem .delete {
  float: right;
  margin: 0;
  padding: 5px 3px;
  background-color: #be0000;
  color: #fff;
}
.flexbox1 {
  flex: 1;
}
.flexbox2 {
  flex: 2;
}
.flexbox3 {
  flex: 3;
}
.flexbox4 {
  flex: 4;
}
.flexbox5 {
  flex: 5;
}
.flexbox6 {
  flex: 6;
}
.flexbox7 {
  flex: 7;
}
.flexbox8 {
  flex: 8;
}
.flexbox9 {
  flex: 9;
}
.flexbox10 {
  flex: 10;
}
.flextabbox {
  width: 100%;
  display: flex;
}
.flextabitem {
  width: 100%;
}
.flexpanel {
  display: flex;
  float: left;
  width: 100%;
}
/*-----------------------------------------------------------------*/
.flexcontainer {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  border: 1px dashed transparent;
  box-sizing: border-box;
}
.flexcontainersub {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  align-self: flex-start;
  border: 1px dashed transparent;
  box-sizing: border-box;
}
.flexcontainer.selectbox,
.flexcontainersub.selectbox {
  border: 1px dashed #fc8300;
}
.flexbody {
  display: flex;
}
.flexbody .panelbox {
  margin: 0 !important;
}
.flexbody .flexboxbody {
  width: 100%;
  background-color: #eee;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  box-shadow: none;
}
.virtualpageinlinebox .flexbody .flexboxbody {
  width: 100%;
  background-color: #eee !important;
  border: 1px solid #d6d6d6 !important;
  border-radius: 6px !important;
  box-shadow: 0 !important;
}
.flexbody .flexboxbodymobile {
  flex: 1;
  width: 100%;
  background-color: #efefef;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
}
.flexbody .flexcontainer {
  display: flex;
  align-items: stretch;
}
.virtualpaneleditorpreview .flexboxbody {
  flex: 4;
}
.virtualpaneleditorpreview .flexbody .flexcontainer {
  width: 100%;
  float: left;
}
.flexboxbodymobile .flexcontainer {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.flexbody .flexcontainer .flexbox1,
.flexbody .flexcontainer .flexbox2,
.flexbody .flexcontainer .flexbox3,
.flexbody .flexcontainer .flexbox4,
.flexbody .flexcontainer .flexbox5 {
  background-color: #fff;
  width: 100%;
  margin: 5px;
  border-radius: 10px;
}
.flexbody .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbody .flextitle {
  background-color: #0095ce;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}
.flexbody .flextitle span {
  padding: 5px 10px;
}
.flexbody .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #0095ce;
  color: #0095ce;
  flex: 1;
  cursor: pointer;
}
.flexbody .flextablabel.selected {
  border-bottom: 1px solid #fc8300;
  color: #fc8300;
  cursor: default;
}
/*-----------------------------------------------------------------*/
.flexbodyflat {
  display: flex;
  height: 100%;
}
.flexbodyflat .panelbox {
  margin: 0 !important;
}
.flexbodyflat .flexboxbody {
  width: 100%;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.virtualpageinlinebox .flexbodyflat .flexboxbody {
  width: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.flexbodyflat .flexcontainer {
  width: 100%;
}
.flexbodyflat .flexcontainer .flexbox1,
.flexbodyflat .flexcontainer .flexbox2,
.flexbodyflat .flexcontainer .flexbox3,
.flexbodyflat .flexcontainer .flexbox4,
.flexbodyflat .flexcontainer .flexbox5 {
  background-color: transparent;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.flexbodyflat .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbodyflat .flextitle {
  background-color: #0095ce;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}
.flexbodyflat .flextitle span {
  padding: 5px 10px;
}
.flexbodyflat .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #0095ce;
  color: #0095ce;
  flex: 1;
  cursor: pointer;
}
.flexbodyflat .flextablabel.selected {
  border-bottom: 1px solid #fc8300;
  color: #fc8300;
  cursor: default;
}
/*-----------------------------------------------------------------*/
.flexbodyshadow {
  display: flex;
}
.flexbodyshadow .panelbox {
  margin: 0 !important;
}
.flexbodyshadow .flexboxbody {
  background-color: #ffffff;
  border: 2px solid #d6d6d6;
  box-shadow: 2px 1px 15px 11px #80808030;
  padding: 10px;
}
.virtualpageinlinebox .flexbodyshadow .flexboxbody {
  width: 100%;
  background-color: #ffffff !important;
  border: 2px solid #d6d6d6 !important;
  box-shadow: 2px 1px 15px 11px #80808030 !important;
  padding: 10px !important;
}
.flexbodyshadow .flexcontainer {
  display: flex;
  align-items: stretch;
}
.flexbodyshadow .flexcontainer .flexbox1,
.flexbodyshadow .flexcontainer .flexbox2,
.flexbodyshadow .flexcontainer .flexbox3,
.flexbodyshadow .flexcontainer .flexbox4,
.flexbodyshadow .flexcontainer .flexbox5 {
  background-color: #fff;
  width: 100%;
  margin: 5px;
  border-radius: 11px;
}
.flexbodyshadow .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbodyshadow .flextitle {
  background-color: #0095ce;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}
.flexbodyshadow .flextitle span {
  padding: 5px 10px;
}
.flexbodyshadow .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #0095ce;
  color: #0095ce;
  flex: 1;
  cursor: pointer;
}
.flexbodyshadow .flextablabel.selected {
  border-bottom: 1px solid #fc8300;
  color: #fc8300;
  cursor: default;
}
/*-----------------------------------------------------------------*/
.flexbodylight {
  display: flex;
  padding: 20px 0 100px 0;
  background-color: #eaeaea;
}
.flexbodylight .panelbox {
  margin: 0 !important;
  border: 0 !important;
}
.flexbodylight .flexboxbody {
  width: 100%;
  background-color: #eaeaea;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.virtualpageinlinebox .flexbodylight .flexboxbody {
  width: 100%;
  background-color: #eaeaea !important;
  border: 0;
  border-radius: 0;
  box-shadow: 0;
}
.flexbodylight .flexcontainer {
  display: flex;
  align-items: stretch;
}
.flexbodylight .flexcontainer .flexbox1,
.flexbodylight .flexcontainer .flexbox2,
.flexbodylight .flexcontainer .flexbox3,
.flexbodylight .flexcontainer .flexbox4,
.flexbodylight .flexcontainer .flexbox5 {
  width: 100%;
}
.flexbodylight .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbodylight .flextitle {
  background-color: #fff;
  color: #333;
  border-radius: 0;
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 10px;
}
.flexbodylight .flextitle span {
  padding: 5px 10px;
}
.flexbodylight .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #0095ce;
  color: #0095ce;
  flex: 1;
  cursor: pointer;
}
.flexbodylight .flextablabel.selected {
  border-bottom: 1px solid #fc8300;
  color: #fc8300;
  cursor: default;
}
/*-----------------------------------------------------------------*/
.flexbodymodern {
  display: flex;
}
.flexbodymodern .panelbox {
  margin: 0 !important;
  border: 0 !important;
}
.flexbodymodern .flexcontainer {
  display: flex;
  align-items: stretch;
  margin: 5px 0;
}
.flexbodymodern .flexcontainer.darkheader {
  display: flex;
  align-items: stretch;
  margin: 0;
  border-radius: 15px 15px 0 0;
  background-color: #4a4a4a;
  color: #f000;
}
.flexbodymodern .flexcontainer .flexbox1,
.flexbodymodern .flexcontainer .flexbox2,
.flexbodymodern .flexcontainer .flexbox3,
.flexbodymodern .flexcontainer .flexbox4,
.flexbodymodern .flexcontainer .flexbox5 {
  background-color: #fff;
  width: 100%;
  margin: 10px;
  box-shadow: 3px 3px 6px 1px #c1c1c1d9;
  border-radius: 11px;
}
.flexbodymodern .darkheader .flexbox1,
.flexbodymodern .darkheader .flexbox2,
.flexbodymodern .darkheader .flexbox3,
.flexbodymodern .darkheader .flexbox4,
.flexbodymodern .darkheader .flexbox5 {
  background-color: #4a4a4a;
  width: 100%;
  margin: 0px;
  border-radius: 0px;
  border: 0;
  box-shadow: none;
}
.flexbodymodern .flexboxbody {
  width: 100%;
  border: 20px solid #4a4a4a;
  border-radius: 30px;
  box-shadow: 5px 5px 8px 3px gainsboro;
  background-color: #eaeaea;
}
.virtualpageinlinebox .flexbodymodern .flexboxbody {
  width: 100%;
  border: 20px solid #4a4a4a !important;
  border-radius: 30px !important;
  box-shadow: 5px 5px 8px 3px gainsboro !important;
  background-color: #eaeaea !important;
}
.flexbodymodern .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbodymodern .flextitle {
  background-color: #6F7E95;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 10px;
}
.flexbodymodern .flextitle span {
  padding: 5px 10px;
}
.flexbodymodern .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #0095ce;
  color: #0095ce;
  flex: 1;
  cursor: pointer;
}
.flexbodymodern .flextablabel.selected {
  border-bottom: 1px solid #fc8300;
  color: #fc8300;
  cursor: default;
}
/*-----------------------------------------------------------------*/
.flexbodygrey {
  display: flex;
  padding: 20px 0 100px 0;
  background-color: #eaeaea;
}
.flexbodygrey .panelbox {
  margin: 0 !important;
  border: 0 !important;
}
.flexbodygrey .flexcontainer {
  display: flex;
  align-items: stretch;
  margin: 5px 0;
}
.flexbodygrey .flexcontainer.darkheader {
  display: flex;
  align-items: stretch;
  margin: 0;
  border-radius: 5px 5px 0 0;
  background-color: #4a4a4a;
  color: #f000;
}
.flexbodygrey .flexcontainer .flexbox1,
.flexbodygrey .flexcontainer .flexbox2,
.flexbodygrey .flexcontainer .flexbox3,
.flexbodygrey .flexcontainer .flexbox4,
.flexbodygrey .flexcontainer .flexbox5 {
  background-color: #fff;
  width: 100%;
  margin: 10px;
  border-radius: 11px;
  border: 1px solid #6F7E95;
  box-shadow: 3px 3px 6px 1px #c1c1c1d9;
}
.flexcontainer .flexcolorblue {
  background-color: #4DB0FB !important;
}
.flexcontainer .flexcolorgreen {
  background-color: #79ae31 !important;
}
.flexcontainer .flexcolororange {
  background-color: #ff6937 !important;
}
.flexcontainer .flexcolorpurple {
  background-color: #d555ff !important;
}
.flexcontainer .flexcolordarkblue {
  background-color: #1F60A0 !important;
}
.flexcontainer .flexcolorturquoise {
  background-color: #28CC9E !important;
}
.flexcontainer .flexcolorgrey {
  background-color: #6F7E95 !important;
}
.flexcontainer .flexcolorblack {
  background-color: #090A1B !important;
}
.flexcontainer .flexcolorwhite {
  background-color: #fff !important;
}
.flexcontainer .flexcolorlight {
  background-color: #e8e8e8 !important;
}
.flexcontainer .flexcolordark {
  background-color: #4a4a4a !important;
}
.reportcontentliveouter {
  width: 100%;
  float: left;
}
.reportcontentlive {
  background-color: transparent;
  width: 100%;
  float: left;
  height: auto;
  margin: 0;
}
.reporttablebox table {
  margin: 1px 0 0 0 !important;
  width: calc(100% - 1px) !important;
}
.reporttablebox .base {
  padding: 2px 0;
}
/*----------------------------------------------------------------*/
.reporttitlebackflexcolorblue .titleouter {
  background-color: #4DB0FB !important;
}
.reporttitlebackflexcolorgreen .titleouter {
  background-color: #79ae31 !important;
}
.reporttitlebackflexcolororange .titleouter {
  background-color: #ff6937 !important;
}
.reporttitlebackflexcolorpurple .titleouter {
  background-color: #d555ff !important;
}
.reporttitlebackflexcolordarkblue .titleouter {
  background-color: #1F60A0 !important;
}
.reporttitlebackflexcolorturquoise .titleouter {
  background-color: #28CC9E !important;
}
.reporttitlebackflexcolorgrey .titleouter {
  background-color: #6F7E95 !important;
}
.reporttitlebackflexcolorblack .titleouter {
  background-color: #090A1B !important;
}
.reporttitlebackflexcolorwhite .titleouter {
  background-color: #fff !important;
}
.reporttitlebackflexcolorlight .titleouter {
  background-color: #e8e8e8 !important;
}
.reporttitlebackflexcolordark .titleouter {
  background-color: #4a4a4a !important;
}
/*----------------------------------------------------------------*/
.reporttitleflexcolorblue .title {
  color: #4DB0FB !important;
}
.reporttitleflexcolorgreen .title {
  color: #79ae31 !important;
}
.reporttitleflexcolororange .title {
  color: #ff6937 !important;
}
.reporttitleflexcolorpurple .title {
  color: #d555ff !important;
}
.reporttitleflexcolordarkblue .title {
  color: #1F60A0 !important;
}
.reporttitleflexcolorturquoise .title {
  color: #28CC9E !important;
}
.reporttitleflexcolorgrey .title {
  color: #6F7E95 !important;
}
.reporttitleflexcolorblack .title {
  color: #090A1B !important;
}
.reporttitleflexcolorwhite .title {
  color: #fff !important;
}
.reporttitleflexcolorlight .title {
  color: #e8e8e8 !important;
}
.reporttitleflexcolordark .title {
  color: #4a4a4a !important;
}
/*----------------------------------------------------------------*/
.reportflexcolorblue .baseouter {
  color: #4DB0FB !important;
}
.reportflexcolorgreen .baseouter {
  color: #79ae31 !important;
}
.reportflexcolororange .baseouter {
  color: #ff6937 !important;
}
.reportflexcolorpurple .baseouter {
  color: #d555ff !important;
}
.reportflexcolordarkblue .baseouter {
  color: #1F60A0 !important;
}
.reportflexcolorturquoise .baseouter {
  color: #28CC9E !important;
}
.reportflexcolorgrey .baseouter {
  color: #6F7E95 !important;
}
.reportflexcolorblack .baseouter {
  color: #090A1B !important;
}
.reportflexcolorwhite .baseouter {
  color: #fff !important;
}
.reportflexcolorlight .baseouter {
  color: #e8e8e8 !important;
}
.reportflexcolordark .baseouter {
  color: #4a4a4a !important;
}
/*----------------------------------------------------------------*/
.reportlineflexcolorblue .baseouter,
.reportlineflexcolorblue .titleouter {
  border-left: 1px solid #4DB0FB;
  border-bottom: 1px solid #4DB0FB;
}
.reportlineflexcolorblue .reporttablebox {
  background-color: #4DB0FB;
}
.reportlineflexcolorgreen .baseouter,
.reportlineflexcolorgreen .titleouter {
  border-left: 1px solid #79ae31;
  border-bottom: 1px solid #79ae31;
}
.reportlineflexcolorgreen .reporttablebox {
  background-color: #79ae31;
}
.reportlineflexcolororange .baseouter,
.reportlineflexcolororange .titleouter {
  border-left: 1px solid #ff6937;
  border-bottom: 1px solid #ff6937;
}
.reportlineflexcolororange .reporttablebox {
  background-color: #ff6937;
}
.reportlineflexcolorpurple .baseouter,
.reportlineflexcolorpurple .titleouter {
  border-left: 1px solid #d555ff;
  border-bottom: 1px solid #d555ff;
}
.reportlineflexcolorpurple .reporttablebox {
  background-color: #d555ff;
}
.reportlineflexcolordarkblue .baseouter,
.reportlineflexcolordarkblue .titleouter {
  border-left: 1px solid #1F60A0;
  border-bottom: 1px solid #1F60A0;
}
.reportlineflexcolordarkblue .reporttablebox {
  background-color: #1F60A0;
}
.reportlineflexcolorturquoise .baseouter,
.reportlineflexcolorturquoise .titleouter {
  border-left: 1px solid #28CC9E;
  border-bottom: 1px solid #28CC9E;
}
.reportlineflexcolorturquoise .reporttablebox {
  background-color: #28CC9E;
}
.reportlineflexcolorgrey .baseouter,
.reportlineflexcolorgrey .titleouter {
  border-left: 1px solid #6F7E95;
  border-bottom: 1px solid #6F7E95;
}
.reportlineflexcolorgrey .reporttablebox {
  background-color: #6F7E95;
}
.reportlineflexcolorblack .baseouter,
.reportlineflexcolorblack .titleouter {
  border-left: 1px solid #090A1B;
  border-bottom: 1px solid #090A1B;
}
.reportlineflexcolorblack .reporttablebox {
  background-color: #090A1B;
}
.reportlineflexcolorwhite .baseouter {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.reportlineflexcolorwhite .reporttablebox {
  background-color: #fff;
}
.reportlineflexcolorlight .baseouter {
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.reportlineflexcolorlight .reporttablebox {
  background-color: #e8e8e8;
}
.reportlineflexcolordark .baseouter {
  border-left: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
}
.reportlineflexcolordark .reporttablebox {
  background-color: #4a4a4a;
}
/*----------------------------------------------------------------*/
.reportfontflexcolortiny .baseouter {
  font-size: 10px;
}
.reportfontflexcolorsmall .baseouter {
  font-size: 12px;
}
.reportfontflexcolormedium .baseouter {
  font-size: 14px;
}
.reportfontflexcolorlarge .baseouter {
  font-size: 16px;
}
.reporttitlefontflexcolortiny .titleouter {
  font-size: 10px;
}
.reporttitlefontflexcolorsmall .titleouter {
  font-size: 12px;
}
.reporttitlefontflexcolormedium .titleouter {
  font-size: 14px;
}
.reporttitlefontflexcolorlarge .titleouter {
  font-size: 16px;
}
/*----------------------------------------------------------------*/
.reportbackflexcolorblue .reporttoolbox,
.reportbackflexcolorblue table {
  background-color: #4DB0FB !important;
}
.reportbackflexcolorgreen .reporttoolbox,
.reportbackflexcolorgreen table {
  background-color: #79ae31 !important;
}
.reportbackflexcolororange .reporttoolbox,
.reportbackflexcolororange table {
  background-color: #ff6937 !important;
}
.reportbackflexcolorpurple .reporttoolbox,
.reportbackflexcolorpurple table {
  background-color: #d555ff !important;
}
.reportbackflexcolordarkblue .reporttoolbox,
.reportbackflexcolordarkblue table {
  background-color: #1F60A0 !important;
}
.reportbackflexcolorturquoise .reporttoolbox,
.reportbackflexcolorturquoise table {
  background-color: #28CC9E !important;
}
.reportbackflexcolorgrey .reporttoolbox,
.reportbackflexcolorgrey table {
  background-color: #6F7E95 !important;
}
.reportbackflexcolorblack .reporttoolbox,
.reportbackflexcolorblack table {
  background-color: #090A1B !important;
}
.reportbackflexcolorwhite .reporttoolbox,
.reportbackflexcolorwhite table {
  background-color: #fff !important;
}
.reportbackflexcolorlight .reporttoolbox,
.reportbackflexcolorlight table {
  background-color: #e8e8e8 !important;
}
.reportbackflexcolordark .reporttoolbox,
.reportbackflexcolordark table {
  background-color: #4a4a4a !important;
}
/*----------------------------------------------------------------*/
.flexbodygrey .darkheader .flexbox1,
.flexbodygrey .darkheader .flexbox2,
.flexbodygrey .darkheader .flexbox3,
.flexbodygrey .darkheader .flexbox4,
.flexbodygrey .darkheader .flexbox5 {
  background-color: #4a4a4a;
  width: 100%;
  margin: 0px;
  border-radius: 0px;
  border: 0;
  box-shadow: none;
}
.flexbodygrey .flexboxbody {
  background-color: #eaeaea;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.virtualpageinlinebox .flexbodygrey .flexboxbody {
  flex: 4;
  width: 100%;
  background-color: #eaeaea !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 !important;
}
.flexbodygrey .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbodygrey .flextitle {
  background-color: #6F7E95;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}
.flexbodygrey .flextitle span {
  padding: 5px 10px;
}
.flexbodygrey .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #0095ce;
  color: #0095ce;
  flex: 1;
  cursor: pointer;
}
.flexbodygrey .flextablabel.selected {
  border-bottom: 1px solid #fc8300;
  color: #fc8300;
  cursor: default;
}
/*-----------------------------------------------------------------*/
.flexbodydark {
  display: flex;
  background-color: #2E3138;
  padding: 20px 0 100px 0;
}
.flexbodydark .panelbox {
  margin: 0 !important;
  border: 0 !important;
}
.flexbodydark .flexcontainer {
  display: flex;
  align-items: stretch;
  margin: 5px 0;
}
.flexbodydark .flexcontainer.darkheader {
  display: flex;
  align-items: stretch;
  margin: 0;
  border-radius: 15px 15px 0 0;
  background-color: #4a4a4a;
  color: #f000;
}
.flexbodydark .flexcontainer .flexbox1,
.flexbodydark .flexcontainer .flexbox2,
.flexbodydark .flexcontainer .flexbox3,
.flexbodydark .flexcontainer .flexbox4,
.flexbodydark .flexcontainer .flexbox5 {
  background-color: #454954;
  width: 100%;
  margin: 10px;
  border-radius: 5px;
  border: 1px solid #32353c;
}
.flexbodydark .darkheader .flexbox1,
.flexbodydark .darkheader .flexbox2,
.flexbodydark .darkheader .flexbox3,
.flexbodydark .darkheader .flexbox4,
.flexbodydark .darkheader .flexbox5 {
  background-color: #4a4a4a;
  width: 100%;
  margin: 0px;
  border-radius: 0px;
  border: 0;
  box-shadow: none;
}
.flexbodydark .flexboxbody {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.virtualpageinlinebox .flexbodydark .flexboxbody {
  flex: 4;
  width: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 !important;
}
.flexbodydark .flexborder {
  border: 1px solid #0095ce;
  border-radius: 10px;
}
.flexbodydark .flextitle {
  background-color: #EE4E10;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 10px;
}
.flexbodydark .flextitle span {
  padding: 5px 10px;
}
.flexbodydark .ct-label {
  color: #fff;
  text-shadow: none;
  fill: #fff;
}
.flexbodydark .reportcontentmaindisplaylive .output,
.flexbodydark .reporttoolbox,
.flexbodydark .reportcontentmaindisplaylive .paging {
  background-color: #454954;
}
.flexbodydark .reportcontrolpaging a:link,
.flexbodydark .reportcontrolpaging a:visited {
  color: #fff;
}
.flexbodydark .reportcontrolactive {
  color: #fc8300;
}
.flexbodydark .reportcontentoutputmainpaging {
  border: 0;
}
.flexbodydark .reportcontentmaindisplaylive .chartbackbuttonback span {
  float: left;
  padding: 3px 5px;
  border-radius: 5px;
}
.flexbodydark .virtualpagelinkpanel ul .line a:visited,
.flexbodydark .virtualpagelinkpanel ul .line a:active,
.flexbodydark .virtualpagelinkpanel ul .line a {
  color: #fff;
}
.flexbodydark .virtualpagelinkpanel ul .line.selected {
  color: #fc8300;
}
.flexbodydark .flextablabel {
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 1%;
  border-bottom: 1px solid #EE4E10;
  color: #EE4E10;
  flex: 1;
  cursor: pointer;
}
.flexbodydark .flextablabel.selected {
  border-bottom: 1px solid #e7f8ff;
  color: #e7f8ff;
  cursor: default;
}
/*-----------------------------------------*/
.test {
  width: 90%;
  margin: 10px 5%;
}
.test li {
  width: 100%;
  color: #090A1B;
  font-size: 14px;
  margin: 5px 0;
}
.flexbodydark .test {
  width: 90%;
  margin: 10px 5%;
}
.flexbodydark .test li {
  width: 100%;
  color: #fff;
  font-size: 14px;
  margin: 5px 0;
}
/*===================================================================================*/
.virtualpagenumberbox {
  float: left;
  width: 100%;
}
/*.virtualpagenumberbox.pad {
        margin: 10px;
    }

    .virtualpagenumberbox.pad span {
        margin: 10px 0;
    }

    .virtualpagenumberbox .title {
        float: left;
    }

    .virtualpagenumberbox .title.center {
        text-align: center;
    }

    .virtualpagenumberbox .title.left {
        text-align: left;
    }

    .virtualpagenumberbox .title.right {
        text-align: right;
    }

    .virtualpagenumberbox .title.tiny {
        font-size: 12px;
    }

    .virtualpagenumberbox .title.small {
        font-size: 14px;
    }

    .virtualpagenumberbox .title.medium {
        font-size: 20px;
    }

    .virtualpagenumberbox .title.large {
        font-size: 50px;
    }

    .virtualpagenumberbox .title.blue {
        color: #4DB0FB;
    }

    .virtualpagenumberbox .title.green {
        color: #79ae31;
    }

    .virtualpagenumberbox .title.orange {
        color: #ff6937;
    }

    .virtualpagenumberbox .title.purple {
        color: #d555ff;
    }

    .virtualpagenumberbox .title.darkblue {
        color: #1F60A0;
    }

    .virtualpagenumberbox .title.turquoise {
        color: #28CC9E;
    }

    .virtualpagenumberbox .title.grey {
        color: #6F7E95;
    }

    .virtualpagenumberbox .title.black {
        color: #090A1B;
    }

    .virtualpagenumberbox .title.white {
        color: #ffffff;
    }
.virtualpagenumberbox .title.light {
    color: @FlexColorLight;
}
.virtualpagenumberbox .title.dark {
    color: @FlexColorDark;
}*/
.virtualpagenumberbox .display {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #3d3d3d;
}
.gauge-container {
  position: relative;
  text-align: center;
  Overflow: hidden;
  cursor: default;
  margin: auto;
}
.gauge-container SPAN,
.gauge-container B {
  Margin: 0 23%;
  Width: 54%;
  Position: Absolute;
  Text-Align: Center;
  Display: Inline-Block;
  Color: rgba(0, 0, 0, 0.8);
  Font-Weight: 100;
  Font-Family: "Open Sans", Arial;
  Overflow: Hidden;
  White-Space: NoWrap;
  Text-Overflow: Ellipsis;
}
.gauge-container[data-style="Semi"] B {
  Margin: 0 10%;
  Width: 80%;
}
.gauge-container S,
.gauge-container U {
  Text-Decoration: None;
  Font-Size: 0.6em;
  Font-Weight: 200;
  Opacity: 0.6;
}
.bar-container {
  float: left;
}
.bar-container > .bar {
  float: left;
  /*height: 100%;
        border-radius: 10px 0 0 10px;*/
}
/*.gauge-container > .gauge > .dial {
        stroke: #eee;
        stroke-width: 5;
        fill: rgba(0,0,0,0);
    }

    .gauge-container > .gauge > .value {
        stroke: @FlexColorBlue;
        stroke-width: 8;
        fill: rgba(0,0,0,0);
        stroke-linecap: round;
    }

    .gauge-container > .gauge > .value-text {
        fill: @FlexColorBlue;
        font-family: sans-serif;
        font-weight: bold;
        font-size: 24px;
        stroke-width: 0;
    }

    .gauge-container.tiny {
        width: 50px;
        height: 50px;
    }

    .gauge-container.small {
        width: 100px;
        height: 100px;
    }

    .gauge-container.medium {
        width: 200px;
        height: 200px;
    }

    .gauge-container.large {
        width: 250px;
        height: 250px;
    }*/
.bar-container.tiny {
  height: 20px;
}
.bar-container.small {
  height: 100px;
}
.bar-container.medium {
  height: 150px;
}
.gauge-container.large {
  height: 200px;
}
.gauge-container.blue > .gauge > .value {
  stroke: #4DB0FB;
}
.gauge-container.blue > .gauge > .value-text {
  fill: #4DB0FB;
}
.virtualpagenumberbox .display.blue {
  color: #4DB0FB;
}
.gauge-container.orange > .gauge > .value {
  stroke: #ff6937;
}
.gauge-container.orange > .gauge > .value-text {
  fill: #ff6937;
}
.virtualpagenumberbox .display.orange {
  color: #ff6937;
}
.gauge-container.green > .gauge > .value {
  stroke: #79ae31;
}
.gauge-container.green > .gauge > .value-text {
  fill: #79ae31;
}
.virtualpagenumberbox .display.green {
  color: #79ae31;
}
.gauge-container.darkblue > .gauge > .value {
  stroke: #1F60A0;
}
.gauge-container.darkblue > .gauge > .value-text {
  fill: #1F60A0;
}
.virtualpagenumberbox .display.darkblue {
  color: #1F60A0;
}
.gauge-container.purple > .gauge > .value {
  stroke: #d555ff;
}
.gauge-container.purple > .gauge > .value-text {
  fill: #d555ff;
}
.virtualpagenumberbox .display.purple {
  color: #d555ff;
}
.gauge-container.turquoise > .gauge > .value {
  stroke: #28CC9E;
}
.gauge-container.turquoise > .gauge > .value-text {
  fill: #28CC9E;
}
.gauge-container.grey > .gauge > .value {
  stroke: #6F7E95;
}
.gauge-container.grey > .gauge > .value-text {
  fill: #6F7E95;
}
.gauge-container.black > .gauge > .value {
  stroke: #090A1B;
}
.gauge-container.black > .gauge > .value-text {
  fill: #090A1B;
}
.gauge-container.white > .gauge > .value {
  stroke: #fff;
}
.gauge-container.white > .gauge > .value-text {
  fill: #fff;
}
.gauge-container.light > .gauge > .value {
  stroke: #e8e8e8;
}
.gauge-container.light > .gauge > .value-text {
  fill: #e8e8e8;
}
.gauge-container.dark > .gauge > .value {
  stroke: #4a4a4a;
}
.gauge-container.dark > .gauge > .value-text {
  fill: #4a4a4a;
}
.bar-container.blue > .bar {
  background-color: #4DB0FB;
}
.bar-container.blue {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.orange > .bar {
  background-color: #ff6937;
}
.bar-container.orange {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.green > .bar {
  background-color: #79ae31;
}
.bar-container.green {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.darkblue > .bar {
  background-color: #1F60A0;
}
.bar-container.darkblue {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.purple > .bar {
  background-color: #d555ff;
}
.bar-container.purple {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.turquoise > .bar {
  background-color: #28CC9E;
}
.bar-container.turquoise {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.grey > .bar {
  background-color: #6F7E95;
}
.bar-container.grey {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.black > .bar {
  background-color: #090A1B;
}
.bar-container.black {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.white > .bar {
  background-color: #ffffff;
}
.bar-container.white {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.light > .bar {
  background-color: #e8e8e8;
}
.bar-container.light {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.bar-container.dark > .bar {
  background-color: #4a4a4a;
}
.bar-container.dark {
  background: repeating-linear-gradient(45deg, #c1c1c14d, #c1c1c14d, 10px, #607d8b4d 10px, #607d8b4d 20px);
}
.virtualpagenumberbox .display.turquoise {
  color: #28CC9E;
}
.virtualpagenumberbox .display.black {
  color: #090A1B;
}
.virtualpagenumberbox .display.white {
  color: #fff;
}
.virtualpagenumberbox .display.grey {
  color: #6F7E95;
}
/*--------------------------------------------*/
.virtualpagenumberbox .display.tiny {
  font-size: 12px;
}
.virtualpagenumberbox .display.small {
  font-size: 20px;
}
.virtualpagenumberbox .display.medium {
  font-size: 40px;
}
.virtualpagenumberbox .display.large {
  font-size: 50px;
}
.virtualpagenumberbox .details {
  float: left;
  margin: 0 0 0 30%;
}
/*================================================================*/
.decorationpanel {
  float: left;
  width: 100%;
  margin: 0;
}
.decorationpanel .flexbox1,
.decorationpanel .flexbox2,
.decorationpanel .flexbox3,
.decorationpanel .flexbox4,
.decorationpanel .flexbox5 {
  background-color: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.decorationpanel .title {
  margin: 0 0 5px 0;
  padding: 0;
}
.decorationpanel .body {
  padding: 0;
}
.decorationpanel .title.flexcolorblue {
  background-color: #4DB0FB;
}
.decorationpanel .title.flexcolorgreen {
  background-color: #79ae31;
}
.decorationpanel .title.flexcolororange {
  background-color: #ff6937;
}
.decorationpanel .title.flexcolorpurple {
  background-color: #d555ff;
}
.decorationpanel .title.flexcolordarkblue {
  background-color: #1F60A0;
  color: #fff;
}
.decorationpanel .title.flexcolorturquoise {
  background-color: #28CC9E;
}
.decorationpanel .title.flexcolorgrey {
  background-color: #6F7E95;
}
.decorationpanel .title.flexcolorblack {
  background-color: #090A1B;
}
.decorationpanel .title.flexcolorwhite {
  background-color: #fff;
}
.decorationpanel .title.flexcolorlight {
  background-color: #e8e8e8;
}
.decorationpanel .title.flexcolordark {
  background-color: #4a4a4a;
}
.decorationpanel .icon.flexcolorblue .svgline {
  stroke: #4DB0FB;
}
.decorationpanel .icon.flexcolorgreen .svgline {
  stroke: #79ae31;
}
.decorationpanel .icon.flexcolororange .svgline {
  stroke: #ff6937;
}
.decorationpanel .icon.flexcolorpurple .svgline {
  stroke: #d555ff;
}
.decorationpanel .icon.flexcolordarkblue .svgline {
  stroke: #1F60A0;
  color: #fff;
}
.decorationpanel .icon.flexcolorturquoise .svgline {
  stroke: #28CC9E;
}
.decorationpanel .icon.flexcolorgrey .svgline {
  stroke: #6F7E95;
}
.decorationpanel .icon.flexcolorblack .svgline {
  stroke: #090A1B;
}
.decorationpanel .icon.flexcolorwhite .svgline {
  stroke: #fff;
}
.decorationpanel .icon.flexcolorlight .svgline {
  stroke: #e8e8e8;
}
.decorationpanel .icon.flexcolordark .svgline {
  stroke: #4a4a4a;
}
/*=================================================================*/
.reportheadercontrolbox {
  width: 96%;
  margin: 0 2%;
  float: left;
}
.reportheadercontrolpanel {
  display: flex;
  width: 100%;
  float: left;
  margin: 5px 0 10px 0;
}
.reportheadercontrolbox .edit {
  float: left;
  width: 18px;
  height: 18px;
  background-color: red;
  border-radius: 10px;
  margin: 0 5px 0 0;
  cursor: pointer;
}
.reportheadercontrolbox .item {
  flex: 1;
  padding: 3px 5px;
  margin: 5px;
  box-shadow: 2px 2px 3px 1px #4c4c4c59;
  border-radius: 5px;
}
.reportheadercontrolbox .item .itemtitle {
  float: left;
  font-style: italic;
  font-size: 12px;
  margin: 3px 0 0 10px;
}
.reportheadercontrolbox .item .itemvaluetitle {
  float: left;
  font-weight: bold;
  font-size: 14px;
  margin: 1px 5px;
}
.reportheadercontrolbox .special .reportfilteroperationbox {
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0;
  float: left;
}
.reportheadercontrolbox .special .linedate {
  float: left;
  width: 140px;
  margin: 0 5px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc !important;
  padding: 0 5px;
}
.reportheadercontrolbox .special .linedatetitle {
  float: left;
}
.reportfilteroperationbox .line {
  width: 100%;
}
.reportfilteroperationbox {
  background-color: #fff;
}
.reportfilteroperationbox .input {
  float: left;
  width: 70%;
  margin: 0 5px;
  background-color: #fff;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
}
.reportfilteroperationbox select {
  float: left;
  width: 300px;
  margin: 0 5px;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  min-width: 120px;
}
.reportfilteroperationbox .update,
.reportheadercontrolbox .special .update {
  float: right;
  width: auto;
  background-color: #000;
  color: #fff;
  padding: 3px 5px;
  border-radius: 5px;
  margin: 0 5px 0 5px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}
.reportcontentmainstyle {
  float: left;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 470px;
  overflow: auto;
  background-image: linear-gradient(45deg, #dadada 25%, transparent 25%), linear-gradient(-45deg, #dadada 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dadada 75%), linear-gradient(-45deg, transparent 75%, #dadada 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-color: #eee;
}
.reportcontentmainheadertool {
  float: left;
  width: 96%;
  margin: 5px 2%;
  font-size: 14px;
  border-top: 1px solid #ccc;
  padding: 5px 0;
}
/*========================================================*/
.virtualpageadmintabbox {
  float: left;
  width: 98%;
  margin: 5px 1%;
}
.virtualpageadmintabbox .tab {
  float: left;
  width: 49%;
}
.virtualpageadmintabbox .tab span {
  float: left;
  width: 98%;
  padding: 5px 1%;
  background-color: #a3a3a3;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}
.virtualpageadmintabbox .tab.selected span {
  background-color: #333;
}
.tabcontent {
  float: left;
  width: 98%;
  margin: 5px 1%;
}
.toolheader {
  float: left;
  width: calc(100% - 15px);
  background-color: #fff;
  border-radius: 5px;
  padding: 3px 5px;
  margin: 0 0 0 5px;
}
.toolheader .label {
  float: left;
}
.toolheader input {
  float: left;
  margin: 0 5px;
  width: 178px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc !important;
}
.toolheader .button {
  float: right;
  background-color: #038fcf;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 5px;
}
.toolheader .button:hover {
  background-color: #0378ae;
}
/*========================================================*/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none !important;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
  border-top: 1px solid #ccc;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2b6671;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 2px 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/*=================================================================*/
.charttoolbox {
  float: right;
  background-color: #ececec;
  border-radius: 5px;
  padding: 0 5px;
  margin: 0 10px 0 0;
  color: #4D4B4B;
}
.charttoolbox .buttona {
  float: left;
  background-image: url(/Resource/Images/Sprite/30x30.fw.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-position: -120px -570px;
  cursor: pointer;
  border-radius: 5px;
}
.charttoolbox .buttonb {
  float: left;
  background-image: url(/Resource/Images/Sprite/30x30.fw.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-position: -150px -600px;
  cursor: pointer;
  border-radius: 5px;
}
.charttoolbox .buttonb:hover,
.charttoolbox .buttona:hover {
  background-color: #dddddd;
}
.charttoolbox .label {
  float: left;
  padding: 9px 0;
  margin: 0 5px;
}
.charttoolbox .box {
  float: left;
  width: auto !important;
  position: relative;
  padding: 3px 5px;
  margin: 5px 0 0 0;
}
.chart-tooltip-button-a,
.chart-tooltip-button-b,
.chart-tooltip-button-c {
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-image: url(/Resource/Images/Sprite/30x30.fw.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.chart-tooltip-button-a:hover,
.chart-tooltip-button-b:hover,
.chart-tooltip-button-c:hover {
  background-color: #dddddd;
}
.chart-tooltip-button-a {
  background-position: -120px -270px;
}
.chart-tooltip-button-b {
  background-position: -150px -270px;
}
.chart-tooltip-button-c {
  background-position: -180px -270px;
}
.virtualpaneleditordisplay {
  float: left;
  width: 100%;
  height: 705px;
  overflow: auto;
}
/*========================================================================*/
.virtualpagenotes {
  float: left;
  background-color: transparent;
}
.virtualpagenotes .note {
  float: left;
  width: 100%;
}
.virtualpagenotes .notecount {
  float: left;
  width: 100%;
}
.virtualpagenotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.virtualpagenotes .notecount .box {
  float: left;
  flex: 1;
}
.virtualpagenotes .notecount .box .date {
  width: 100%;
  float: left;
}
/*.virtualpagenotes.datecolorblue .date {
    color: @FlexColorBlue;
}

.virtualpagenotes.datecolorgreen .date {
    color: @FlexColorGreen;
}

.virtualpagenotes.datecolororange .date {
    color: @FlexColorOrange;
}

.virtualpagenotes.datecolorpurple .date {
    color: @FlexColorPurple;
}

.virtualpagenotes.datecolordarkblue .date {
    color: @FlexColorDarkBlue;
}

.virtualpagenotes.datecolorturquoise .date {
    color: @FlexColorTurquoise;
}

.virtualpagenotes.datecolorgrey .date {
    color: #6F7E95;
}

.virtualpagenotes.datecolorblack .date {
    color: #090A1B;
}

.virtualpagenotes.datecolorwhite .date {
    color: #fff;
}
.virtualpagenotes.datecolorlight .date {
color: @FlexColorLight;
}
.virtualpagenotes.datecolordark .date {
color: @FlexColorDark;
}
.virtualpagenotes.labelsizetiny .date {
    font-size: 10px !important;
}

.virtualpagenotes.labelsizesmall .date {
    font-size: 12px !important;
}

.virtualpagenotes.labelsizemedium .date {
    font-size: 14px !important;
}

.virtualpagenotes.labelsizelarge .date {
    font-size: 16px !important;
}*/
.virtualpagenotes .notecount .box .username {
  width: 100%;
  float: left;
}
/*.virtualpagenotes.labelcolorblue .username {
    color: @FlexColorBlue;
}

.virtualpagenotes.labelcolorgreen .username {
    color: @FlexColorGreen;
}

.virtualpagenotes.labelcolororange .username {
    color: @FlexColorOrange;
}

.virtualpagenotes.labelcolorpurple .username {
    color: @FlexColorPurple;
}

.virtualpagenotes.labelcolordarkblue .username {
    color: @FlexColorDarkBlue;
}

.virtualpagenotes.labelcolorturquoise .username {
    color: @FlexColorTurquoise;
}

.virtualpagenotes.labelcolorgrey .username {
    color: #6F7E95;
}

.virtualpagenotes.labelcolorblack .username {
    color: #090A1B;
}

.virtualpagenotes.labelcolorwhite .username {
    color: #fff;
}
.virtualpagenotes.labelcolorlight .username {
color: @FlexColorLight;
}
.virtualpagenotes.labelcolordark .username {
color: @FlexColorDark;
}
.virtualpagenotes.labelsizetiny .username {
    font-size: 10px !important;
}

.virtualpagenotes.labelsizesmall .username {
    font-size: 12px !important;
}

.virtualpagenotes.labelsizemedium .username {
    font-size: 14px !important;
}

.virtualpagenotes.labelsizelarge .username {
    font-size: 16px !important;
}*/
.virtualpagenotes .notecount .box img {
  float: left;
}
.virtualpagenotes .notecount .textpanel {
  float: left;
  flex: 4;
}
/*virtualpagenotes.panelcolorblue .textpanel {
    background-color: @FlexColorBlue;
}

.virtualpagenotes.panelcolorgreen .textpanel {
    background-color: @FlexColorGreen;
}

.virtualpagenotes.panelcolororange .textpanel {
    background-color: @FlexColorOrange;
}

.virtualpagenotes.panelcolorpurple .textpanel {
    background-color: @FlexColorPurple;
}

.virtualpagenotes.panelcolordarkblue .textpanel {
    background-color: @FlexColorDarkBlue;
}

.virtualpagenotes.panelcolorturquoise .textpanel {
    background-color: @FlexColorTurquoise;
}

.virtualpagenotes.panelcolorgrey .textpanel {
    background-color: #6F7E95;
}

.virtualpagenotes.panelcolorblack .textpanel {
    background-color: #090A1B;
}

.virtualpagenotes.panelcolorwhite .textpanel {
    background-color: #fff;
}
.virtualpagenotes.panelcolorlight .textpanel {
background-color: @FlexColorLight;
}
.virtualpagenotes.panelcolordark .textpanel {
background-color: @FlexColorDark;
}
.virtualpagenotes.paneltextcolorblue .textpanel {
    color: @FlexColorBlue;
}

.virtualpagenotes.paneltextcolorgreen .textpanel {
    color: @FlexColorGreen;
}

.virtualpagenotes.paneltextcolororange .textpanel {
    color: @FlexColorOrange;
}

.virtualpagenotes.paneltextcolorpurple .textpanel {
    color: @FlexColorPurple;
}

.virtualpagenotes.paneltextcolordarkblue .textpanel {
    color: @FlexColorDarkBlue;
}

.virtualpagenotes.paneltextcolorturquoise .textpanel {
    color: @FlexColorTurquoise;
}

.virtualpagenotes.paneltextcolorgrey .textpanel {
    color: #6F7E95;
}

.virtualpagenotes.paneltextcolorblack .textpanel {
    color: #090A1B;
}

.virtualpagenotes.paneltextcolorwhite .textpanel {
    color: #fff;
}
.virtualpagenotes.paneltextcolorlight .textpanel {
color: @FlexColorLight;
}
.virtualpagenotes.paneltextcolordark .textpanel {
color: @FlexColorDark;
}
.virtualpagenotes.paneltexttiny .textpanel {
    font-size: 10px;
}

.virtualpagenotes.paneltextsmall .textpanel {
    font-size: 12px;
}

.virtualpagenotes.paneltextmedium .textpanel {
    font-size: 14px;
}

.virtualpagenotes.paneltextlarge .textpanel {
    font-size: 16px;
}*/
.virtualpagenotes .notepaging {
  float: left;
  width: 100%;
}
.virtualpagenotes .noteeditor {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.virtualpagenotes .noteeditor .notebuttonbox {
  width: 100%;
  float: left;
  cursor: pointer;
}
.virtualpagenotes .noteeditor span {
  margin: 4px 0;
}
.virtualpagenotes .noteeditor .label {
  float: left;
  margin: 3px;
  padding: 3px 5px;
  background-color: #0063aa;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #fff;
}
.virtualpagenotes .noteeditor .textpanel {
  float: left;
  width: calc(100% - 20px);
  margin: 5px 10px;
}
.virtualpagenotes .noteeditor textarea {
  float: left;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ccc !important;
  box-shadow: 2px 2px 2px #9d9d9d47;
}
.virtualpagenotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.virtualpagenotes .noteeditor .notebutton span {
  float: right !important;
  margin: 5px;
  padding: 3px 5px;
  background-color: #0063aa;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #fff;
}
.virtualpagenotes .noteeditor .notebutton span:hover,
.virtualpagenotes .noteeditor .label:hover {
  background-color: #002946;
}
/*-------------------------------------------*/
.virtualpagearticle {
  float: left;
  width: 100%;
}
.virtualpagearticle .header {
  float: left;
  width: 100%;
  color: #fff;
}
.virtualpagearticle .line {
  float: left;
  width: 100%;
}
.virtualpagearticle .label {
  float: left;
  width: calc(100% - 20px);
  margin: 0 10px;
  text-align: center;
  padding: 5px 0;
}
.virtualpagearticle .date {
  float: left;
  width: 100%;
}
.virtualpagearticle .title {
  float: left;
}
.virtualpagearticle .media {
  float: left;
  width: calc(100% - 10px);
  margin: 5px;
}
.virtualpagearticle .body {
  float: left;
  width: calc(100% - 30px);
  margin: 5px 5px;
  border-radius: 10px;
  padding: 10px;
}
.virtualpagearticle .lineflex {
  float: left;
  width: 100%;
  display: flex;
}
.virtualpagearticle .mediaflex {
  float: left;
  width: 100%;
  flex: 1;
  padding: 0 5px;
}
.virtualpagearticle .mediaflex img,
.virtualpagearticle .mediaflex video {
  margin: 0 auto;
  display: block;
}
.virtualpagearticle .bodyflex {
  float: left;
  width: calc(100% - 30px);
  margin: 5px 5px;
  flex: 1;
  border-radius: 10px;
  padding: 10px;
}
.virtualpagearticle .articlepanel {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.virtualpagearticle .articlepanelsmall {
  width: calc(100% - 40px);
  float: left;
  margin: 3px 0 3px 5px;
}
/*-----------------------------------------------------*/
.virtualpageeditmenubox {
  float: left;
  width: calc(100% - 20px);
  margin: 10px;
}
.virtualpageeditmenubox .line {
  float: left;
  width: 100%;
  margin: 3px 0;
  padding: 3px 0;
  border-bottom: 1px dashed #eee;
}
.virtualpageeditmenubox .label {
  float: left;
  margin: 0 5px;
  font-weight: bold;
}
.virtualpageeditmenubox .link {
  float: left;
  margin: 0 5px;
  font-style: italic;
  color: #0063aa;
  width: 200px;
}
.virtualpageeditmenubox .input {
  float: left;
  margin: 0 5px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  width: 130px;
}
.virtualpageeditmenubox .inputshort {
  float: left;
  margin: 0 5px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  width: 30px;
}
.virtualpageeditmenubox .icon {
  float: left;
  margin: 0 5px;
  width: 20px;
}
.virtualpageeditmenubox .select {
  float: left;
  margin: 0 5px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  width: 100px;
}
.virtualpanelsavestyle {
  width: 100%;
  overflow: hidden;
}
.virtualpanelsavestyle .style {
  width: calc(100% - 20px);
  height: 650px;
  display: block;
  margin: 10px;
  background-image: linear-gradient(45deg, #dadada 25%, transparent 25%), linear-gradient(-45deg, #dadada 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dadada 75%), linear-gradient(-45deg, transparent 75%, #dadada 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-color: #eee;
}
.virtualpanelsavestyle .styletool {
  width: calc(100% - 20px);
  float: left;
  border-top: 1px dashed #ccc;
  padding: 5px 0;
}
.virtualpanelsavestyle .styletool .label {
  float: left;
  width: 100px;
  margin: 5px 10px;
}
.virtualpanelsavestyle .input {
  width: 480px;
  border: 1px solid #ccc !important;
  border-radius: 3px;
}
/*------------------------------------------------------------------------------*/
.formbuilderflexbox .placeholder {
  float: left;
  width: calc(100% - 20px);
  margin: 5px 10px;
}
.formbuilderflexbox .placeholder .error {
  float: left;
  padding: 5px 10px;
  color: #ed0606;
  font-weight: bold;
}
.formbuilderflexbox .placeholder .pass {
  float: left;
  padding: 5px 10px;
  color: #0095ce;
}
/*------------------------------------------------------------------------------*/
.formbackcolorblue .formbuilderflexbox {
  background-color: #4DB0FB !important;
}
.formbackcolorgreen .formbuilderflexbox {
  background-color: #79ae31 !important;
}
.formbackcolororange .formbuilderflexbox {
  background-color: #ff6937 !important;
}
.formbackcolorpurple .formbuilderflexbox {
  background-color: #d555ff !important;
}
.formbackcolordarkblue .formbuilderflexbox {
  background-color: #1F60A0 !important;
}
.formbackcolorturquoise .formbuilderflexbox {
  background-color: #28CC9E !important;
}
.formbackcolorgrey .formbuilderflexbox {
  background-color: #6F7E95 !important;
}
.formbackcolorblack .formbuilderflexbox {
  background-color: #090A1B !important;
}
.formbackcolorwhite .formbuilderflexbox {
  background-color: #fff !important;
}
.formbackcolorlight .formbuilderflexbox {
  background-color: #e8e8e8 !important;
}
.formbackcolordark .formbuilderflexbox {
  background-color: #4a4a4a !important;
}
.formbackcolortransparent .formbuilderflexbox .formbuilderareaitem .title {
  background-color: transparent !important;
}
/*------------------------------------------------------------------------------*/
.formbackcolorblue .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #4DB0FB !important;
}
.formbackcolorgreen .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #79ae31 !important;
}
.formbackcolororange .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #ff6937 !important;
}
.formbackcolorpurple .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #d555ff !important;
}
.formbackcolordarkblue .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #1F60A0 !important;
}
.formbackcolorturquoise .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #28CC9E !important;
}
.formbackcolorgrey .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #6F7E95 !important;
}
.formbackcolorblack .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #090A1B !important;
}
.formbackcolorwhite .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #fff !important;
}
.formbackcolorlight .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #e8e8e8 !important;
}
.formbackcolordark .formbuilderflexbox .formbuilderareaitem .area {
  background-color: #4a4a4a !important;
}
.formbackcolortransparent .formbuilderflexbox .formbuilderareaitem .title {
  background-color: transparent !important;
}
/*---------------------------------*/
.formtitlecolorblue .formbuilderflexbox .formbuilderareaitem .title {
  color: #4DB0FB !important;
}
.formtitlecolorgreen .formbuilderflexbox .formbuilderareaitem .title {
  color: #79ae31 !important;
}
.formtitlecolororange .formbuilderflexbox .formbuilderareaitem .title {
  color: #ff6937 !important;
}
.formtitlecolorpurple .formbuilderflexbox .formbuilderareaitem .title {
  color: #d555ff !important;
}
.formtitlecolordarkblue .formbuilderflexbox .formbuilderareaitem .title {
  color: #1F60A0 !important;
}
.formtitlecolorturquoise .formbuilderflexbox .formbuilderareaitem .title {
  color: #28CC9E !important;
}
.formtitlecolorgrey .formbuilderflexbox .formbuilderareaitem .title {
  color: #6F7E95 !important;
}
.formtitlecolorblack .formbuilderflexbox .formbuilderareaitem .title {
  color: #090A1B !important;
}
.formtitlecolorwhite .formbuilderflexbox .formbuilderareaitem .title {
  color: #fff !important;
}
.formtitlecolorlight .formbuilderflexbox .formbuilderareaitem .title {
  color: #e8e8e8 !important;
}
.formtitlecolordark .formbuilderflexbox .formbuilderareaitem .title {
  color: #4a4a4a !important;
}
.formtitlebackcolorblue .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #4DB0FB !important;
}
.formtitlebackcolorgreen .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #79ae31 !important;
}
.formtitlebackcolororange .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #ff6937 !important;
}
.formtitlebackcolorpurple .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #d555ff !important;
}
.formtitlebackcolordarkblue .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #1F60A0 !important;
}
.formtitlebackcolorturquoise .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #28CC9E !important;
}
.formtitlebackcolorgrey .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #6F7E95 !important;
}
.formtitlebackcolorblack .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #090A1B !important;
}
.formtitlebackcolorwhite .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #fff !important;
}
.formtitlebackcolorlight .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #e8e8e8 !important;
}
.formtitlebackcolordark .formbuilderflexbox .formbuilderareaitem .title {
  background-color: #4a4a4a !important;
}
.formtitlebackcolortransparent .formbuilderflexbox .formbuilderareaitem .title {
  background-color: transparent !important;
}
.formtitlesizetiny .formbuilderflexbox .formbuilderareaitem .title {
  font-size: 10px;
}
.formtitlesizesmall .formbuilderflexbox .formbuilderareaitem .title {
  font-size: 14px;
}
.formtitlesizemedium .formbuilderflexbox .formbuilderareaitem .title {
  font-size: 16px;
}
.formtitlesizelarge .formbuilderflexbox .formbuilderareaitem .title {
  font-size: 20px;
}
.formtitlecornerstyleall .formbuilderflexbox .formbuilderareaitem .title {
  border-radius: 10px;
}
.formtitlecornerstyletop .formbuilderflexbox .formbuilderareaitem .title {
  border-radius: 10px 10px 0 0;
}
.formtitlecornerstylebottom .formbuilderflexbox .formbuilderareaitem .title {
  border-radius: 0 0 10px 10px;
}
.formtitlecornerstyleleft .formbuilderflexbox .formbuilderareaitem .title {
  border-radius: 10px 0 0 10px;
}
.formtitlecornerstyleright .formbuilderflexbox .formbuilderareaitem .title {
  border-radius: 0 10px 10px 0;
}
.formtitlealignleft .formbuilderflexbox .formbuilderareaitem .title {
  text-align: left;
}
.formtitlealigncenter .formbuilderflexbox .formbuilderareaitem .title {
  text-align: center;
}
.formtitlealignright .formbuilderflexbox .formbuilderareaitem .title {
  text-align: right;
}
.formtitlealignleft .formbuilderflexbox .formbuilderareaitem .title span {
  float: left;
  margin: 0 0 0 5px;
}
.formtitlealigncenter .formbuilderflexbox .formbuilderareaitem .title span {
  float: none;
  display: block;
  margin: auto;
}
.formtitlealignright .formbuilderflexbox .formbuilderareaitem .title span {
  float: right;
  margin: 0 5px 0 0;
}
/*---------------------------------*/
.formlabelcolorblue .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #4DB0FB !important;
}
.formlabelcolorgreen .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #79ae31 !important;
}
.formlabelcolororange .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #ff6937 !important;
}
.formlabelcolorpurple .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #d555ff !important;
}
.formlabelcolordarkblue .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #1F60A0 !important;
}
.formlabelcolorturquoise .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #28CC9E !important;
}
.formlabelcolorgrey .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #6F7E95 !important;
}
.formlabelcolorblack .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #090A1B !important;
}
.formlabelcolorwhite .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #fff !important;
}
.formlabelcolorlight .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #e8e8e8 !important;
}
.formlabelcolordark .formbuilderflexbox .formbuilderareaitem .item .label {
  color: #4a4a4a !important;
}
.formlabelbackcolorblue .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #4DB0FB !important;
}
.formlabelbackcolorgreen .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #79ae31 !important;
}
.formlabelbackcolororange .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #ff6937 !important;
}
.formlabelbackcolorpurple .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #d555ff !important;
}
6 .formlabelbackcolordarkblue .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #1F60A0 !important;
}
.formlabelbackcolorturquoise .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #28CC9E !important;
}
.formlabelbackcolorgrey .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #6F7E95 !important;
}
.formlabelbackcolorblack .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #090A1B !important;
}
.formlabelbackcolorwhite .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #fff !important;
}
.formlabelbackcolorlight .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #e8e8e8 !important;
}
.formlabelbackcolordark .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: #4a4a4a !important;
}
.formlabelbackcolortransparent .formbuilderflexbox .formbuilderareaitem .item .label {
  background-color: transparent !important;
}
.formlabelsizetiny .formbuilderflexbox .formbuilderareaitem .item .label {
  font-size: 10px;
}
.formlabelsizesmall .formbuilderflexbox .formbuilderareaitem .item .label {
  font-size: 14px;
}
.formlabelsizemedium .formbuilderflexbox .formbuilderareaitem .item .label {
  font-size: 16px;
}
.formlabelsizelarge .formbuilderflexbox .formbuilderareaitem .item .label {
  font-size: 20px;
}
.formlabelcornerstyleall .formbuilderflexbox .formbuilderareaitem .item .label {
  border-radius: 10px;
}
.formlabelcornerstyletop .formbuilderflexbox .formbuilderareaitem .item .label {
  border-radius: 10px 10px 0 0;
}
.formlabelcornerstylebottom .formbuilderflexbox .formbuilderareaitem .item .label {
  border-radius: 0 0 10px 10px;
}
.formlabelcornerstyleleft .formbuilderflexbox .formbuilderareaitem .item .label {
  border-radius: 10px 0 0 10px;
}
.formlabelcornerstyleright .formbuilderflexbox .formbuilderareaitem .item .label {
  border-radius: 0 10px 10px 0;
}
.formlabelalignleft .formbuilderflexbox .formbuilderareaitem .item .label {
  text-align: left;
}
.formlabelaligncenter .formbuilderflexbox .formbuilderareaitem .item .label {
  text-align: center;
}
.formlabelalignright .formbuilderflexbox .formbuilderareaitem .item .label {
  text-align: right;
}
.formlabelalignleft .formbuilderflexbox .formbuilderareaitem .item .label span {
  float: left;
}
.formlabelaligncenter .formbuilderflexbox .formbuilderareaitem .item .label span {
  float: right;
}
.formlabelalignright .formbuilderflexbox .formbuilderareaitem .item .label span {
  display: block;
  margin: auto;
}
/*---------------------------------*/
.formdisplaycolorblue .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorblue .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #4DB0FB !important;
}
.formdisplaycolorgreen .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorgreen .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #79ae31 !important;
}
.formdisplaycolororange .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolororange .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #ff6937 !important;
}
.formdisplaycolorpurple .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorpurple .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #d555ff !important;
}
.formdisplaycolordarkblue .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolordarkblue .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #1F60A0 !important;
}
.formdisplaycolorturquoise .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorturquoise .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #28CC9E !important;
}
.formdisplaycolorgrey .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorgrey .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #6F7E95 !important;
}
.formdisplaycolorblack .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorblack .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #090A1B !important;
}
.formdisplaycolorwhite .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorwhite .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #fff !important;
}
.formdisplaycolorlight .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolorlight .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #e8e8e8 !important;
}
.formdisplaycolordark .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycolordark .formbuilderflexbox .formbuilderareaitem .item .titletext {
  color: #4a4a4a !important;
}
.formdisplaybackcolorblue .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorblue .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #4DB0FB !important;
}
.formdisplaybackcolorgreen .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorgreen .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #79ae31 !important;
}
.formdisplaybackcolororange .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolororange .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #ff6937 !important;
}
.formdisplaybackcolorpurple .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorpurple .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #d555ff !important;
}
.formdisplaybackcolordarkblue .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolordarkblue .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #1F60A0 !important;
}
.formdisplaybackcolorturquoise .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorturquoise .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #28CC9E !important;
}
.formdisplaybackcolorgrey .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorgrey .formbuilderflexbox .formbuilderareaitem .item .display .titletext {
  background-color: #6F7E95 !important;
}
.formdisplaybackcolorblack .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorblack .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #090A1B !important;
}
.formdisplaybackcolorwhite .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorwhite .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #fff !important;
}
.formdisplaybackcolorlight .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolorlight .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #e8e8e8 !important;
}
.formdisplaybackcolordark .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolordark .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: #4a4a4a !important;
}
.formdisplaybackcolortransparent .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaybackcolortransparent .formbuilderflexbox .formbuilderareaitem .item .titletext {
  background-color: transparent !important;
}
.formdisplaysizetiny .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaysizetiny .formbuilderflexbox .formbuilderareaitem .item .titletext {
  font-size: 10px;
}
.formdisplaysizesmall .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaysizesmall .formbuilderflexbox .formbuilderareaitem .item .titletext {
  font-size: 14px;
}
.formdisplaysizemedium .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaysizemedium .formbuilderflexbox .formbuilderareaitem .item .titletext {
  font-size: 16px;
}
.formdisplaysizelarge .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaysizelarge .formbuilderflexbox .formbuilderareaitem .item .titletext {
  font-size: 20px;
}
.formdisplaycornerstyleall .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycornerstyleall .formbuilderflexbox .formbuilderareaitem .item .titletext {
  border-radius: 10px;
}
.formdisplaycornerstyletop .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycornerstyletop .formbuilderflexbox .formbuilderareaitem .item .titletext {
  border-radius: 10px 10px 0 0;
}
.formdisplaycornerstylebottom .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycornerstylebottom .formbuilderflexbox .formbuilderareaitem .item .titletext {
  border-radius: 0 0 10px 10px;
}
.formdisplaycornerstyleleft .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycornerstyleleft .formbuilderflexbox .formbuilderareaitem .item .titletext {
  border-radius: 10px 0 0 10px;
}
.formdisplaycornerstyleright .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplaycornerstyleright .formbuilderflexbox .formbuilderareaitem .item .titletext {
  border-radius: 0 10px 10px 0;
}
.formdisplayalignleft .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplayalignleft .formbuilderflexbox .formbuilderareaitem .item .titletext {
  text-align: left;
}
.formdisplayaligncenter .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplayaligncenter .formbuilderflexbox .formbuilderareaitem .item .titletext {
  text-align: center;
}
.formdisplayalignright .formbuilderflexbox .formbuilderareaitem .item .display,
.formdisplayalignright .formbuilderflexbox .formbuilderareaitem .item .titletext {
  text-align: right;
}
/*---------------------------------*/
.formdisplaycolorblue .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #4DB0FB !important;
}
.formdisplaycolorgreen .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #79ae31 !important;
}
.formdisplaycolororange .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #ff6937 !important;
}
.formdisplaycolorpurple .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #d555ff !important;
}
.formdisplaycolordarkblue .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #1F60A0 !important;
}
.formdisplaycolorturquoise .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #28CC9E !important;
}
.formdisplaycolorgrey .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #6F7E95 !important;
}
.formdisplaycolorblack .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #090A1B !important;
}
.formdisplaycolorwhite .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #fff !important;
}
.formdisplaycolorlight .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #e8e8e8 !important;
}
.formdisplaycolordark .formbuilderflexbox .formbuilderareaitem .item .input {
  color: #4a4a4a !important;
}
.formdisplaybackcolorblue .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #4DB0FB !important;
}
.formdisplaybackcolorgreen .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #79ae31 !important;
}
.formdisplaybackcolororange .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #ff6937 !important;
}
.formdisplaybackcolorpurple .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #d555ff !important;
}
.formdisplaybackcolordarkblue .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #1F60A0 !important;
}
.formdisplaybackcolorturquoise .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #28CC9E !important;
}
.formdisplaybackcolorgrey .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #6F7E95 !important;
}
.formdisplaybackcolorblack .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #090A1B !important;
}
.formdisplaybackcolorwhite .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #fff !important;
}
.formdisplaybackcolorlight .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #e8e8e8 !important;
}
.formdisplaybackcolordark .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: #4a4a4a !important;
}
.formdisplaybackcolortransparent .formbuilderflexbox .formbuilderareaitem .item .input {
  background-color: transparent !important;
}
.formdisplaysizetiny .formbuilderflexbox .formbuilderareaitem .item .input {
  font-size: 10px !important;
}
.formdisplaysizesmall .formbuilderflexbox .formbuilderareaitem .item .input {
  font-size: 14px !important;
}
.formdisplaysizemedium .formbuilderflexbox .formbuilderareaitem .item .input {
  font-size: 16px !important;
}
.formdisplaysizelarge .formbuilderflexbox .formbuilderareaitem .item .input {
  font-size: 20px !important;
}
.formdisplaycornerstyleall .formbuilderflexbox .formbuilderareaitem .item .input {
  border-radius: 10px !important;
}
.formdisplaycornerstyletop .formbuilderflexbox .formbuilderareaitem .item .input {
  border-radius: 10px 10px 0 0 !important;
}
.formdisplaycornerstylebottom .formbuilderflexbox .formbuilderareaitem .item .input {
  border-radius: 0 0 10px 10px !important;
}
.formdisplaycornerstyleleft .formbuilderflexbox .formbuilderareaitem .item .input {
  border-radius: 10px 0 0 10px !important;
}
.formdisplaycornerstyleright .formbuilderflexbox .formbuilderareaitem .item .input {
  border-radius: 0 10px 10px 0 !important;
}
/*---------------------------------*/
.formdisplaycolorblue .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #4DB0FB !important;
}
.formdisplaycolorgreen .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #79ae31 !important;
}
.formdisplaycolororange .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #ff6937 !important;
}
.formdisplaycolorpurple .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #d555ff !important;
}
.formdisplaycolordarkblue .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #1F60A0 !important;
}
.formdisplaycolorturquoise .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #28CC9E !important;
}
.formdisplaycolorgrey .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #6F7E95 !important;
}
.formdisplaycolorblack .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #090A1B !important;
}
.formdisplaycolorwhite .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #fff !important;
}
.formdisplaycolorlight .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #e8e8e8 !important;
}
.formdisplaycolordark .formbuilderflexbox .formbuilderareaitem .item .textarea {
  color: #4a4a4a !important;
}
.formdisplaybackcolorblue .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #4DB0FB !important;
}
.formdisplaybackcolorgreen .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #79ae31 !important;
}
.formdisplaybackcolororange .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #ff6937 !important;
}
.formdisplaybackcolorpurple .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #d555ff !important;
}
.formdisplaybackcolordarkblue .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #1F60A0 !important;
}
.formdisplaybackcolorturquoise .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #28CC9E !important;
}
.formdisplaybackcolorgrey .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #6F7E95 !important;
}
.formdisplaybackcolorblack .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #090A1B !important;
}
.formdisplaybackcolorwhite .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #fff !important;
}
.formdisplaybackcolorlight .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #e8e8e8 !important;
}
.formdisplaybackcolordark .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: #4a4a4a !important;
}
.formdisplaybackcolortransparent .formbuilderflexbox .formbuilderareaitem .item .textarea {
  background-color: transparent !important;
}
.formdisplaysizetiny .formbuilderflexbox .formbuilderareaitem .item .textarea {
  font-size: 10px !important;
}
.formdisplaysizesmall .formbuilderflexbox .formbuilderareaitem .item .textarea {
  font-size: 14px !important;
}
.formdisplaysizemedium .formbuilderflexbox .formbuilderareaitem .item .textarea {
  font-size: 16px !important;
}
.formdisplaysizelarge .formbuilderflexbox .formbuilderareaitem .item .textarea {
  font-size: 20px !important;
}
.formdisplaycornerstyleall .formbuilderflexbox .formbuilderareaitem .item .textarea {
  border-radius: 10px !important;
}
.formdisplaycornerstyletop .formbuilderflexbox .formbuilderareaitem .item .textarea {
  border-radius: 10px 10px 0 0 !important;
}
.formdisplaycornerstylebottom .formbuilderflexbox .formbuilderareaitem .item .textarea {
  border-radius: 0 0 10px 10px !important;
}
.formdisplaycornerstyleleft .formbuilderflexbox .formbuilderareaitem .item .textarea {
  border-radius: 10px 0 0 10px !important;
}
.formdisplaycornerstyleright .formbuilderflexbox .formbuilderareaitem .item .textarea {
  border-radius: 0 10px 10px 0 !important;
}
.virtualpagemediabox {
  float: left;
  width: 100%;
}
.virtualpagemediabox img,
.virtualpagemediabox iframe,
.virtualpagemediabox div {
  display: block;
  float: none;
  margin: auto;
}
.virtualpagemediabox.backcolorblue img,
.virtualpagemediabox.backcolorblue iframe,
.virtualpagemediabox.backcolorblue div {
  background-color: #4DB0FB !important;
}
.virtualpagemediabox.backcolorgreen img,
.virtualpagemediabox.backcolorgreen iframe,
.virtualpagemediabox.backcolorgreen div {
  background-color: #79ae31 !important;
}
.virtualpagemediabox.backcolororange img,
.virtualpagemediabox.backcolororange iframe,
.virtualpagemediabox.backcolororange div {
  background-color: #ff6937 !important;
}
.virtualpagemediabox.backcolorpurple img,
.virtualpagemediabox.backcolorpurple iframe,
.virtualpagemediabox.backcolorpurple div {
  background-color: #d555ff !important;
}
.virtualpagemediabox.backcolordarkblue img,
.virtualpagemediabox.backcolordarkblue iframe,
.virtualpagemediabox.backcolordarkblue div {
  background-color: #1F60A0 !important;
}
.virtualpagemediabox.backcolorturquoise img,
.virtualpagemediabox.backcolorturquoise iframe,
.virtualpagemediabox.backcolorturquoise div {
  background-color: #28CC9E !important;
}
.virtualpagemediabox.backcolorgrey img,
.virtualpagemediabox.backcolorgrey iframe,
.virtualpagemediabox.backcolorgrey div {
  background-color: #6F7E95 !important;
}
.virtualpagemediabox.backcolorblack img,
.virtualpagemediabox.backcolorblack iframe,
.virtualpagemediabox.backcolorblack div {
  background-color: #090A1B !important;
}
.virtualpagemediabox.backcolorwhite img,
.virtualpagemediabox.backcolorwhite iframe,
.virtualpagemediabox.backcolorwhite div {
  background-color: #fff !important;
}
.virtualpagemediabox.backcolorlight img,
.virtualpagemediabox.backcolorlight iframe,
.virtualpagemediabox.backcolorlight div {
  background-color: #e8e8e8 !important;
}
.virtualpagemediabox.backcolordark img,
.virtualpagemediabox.backcolordark iframe,
.virtualpagemediabox.backcolordark div {
  background-color: #4a4a4a !important;
}
.virtualpagemediabox.backcolortransparent img,
.virtualpagemediabox.backcolortransparent iframe,
.virtualpagemediabox.backcolortransparent div {
  background-color: transparent !important;
}
.virtualpagemediabox.cornerstyleall img,
.virtualpagemediabox.cornerstyleall iframe,
.virtualpagemediabox.cornerstyleall div {
  border-radius: 10px !important;
}
.virtualpagemediabox.cornerstyletop img,
.virtualpagemediabox.cornerstyletop iframe,
.virtualpagemediabox.cornerstyletop div {
  border-radius: 10px 10px 0 0 !important;
}
.virtualpagemediabox.cornerstylebottom img,
.virtualpagemediabox.cornerstylebottom iframe,
.virtualpagemediabox.cornerstylebottom div {
  border-radius: 0 0 10px 10px !important;
}
.virtualpagemediabox.cornerstyleleft img,
.virtualpagemediabox.cornerstyleleft iframe,
.virtualpagemediabox.cornerstyleleft div {
  border-radius: 10px 0 0 10px !important;
}
.virtualpagemediabox.cornerstyleright img,
.virtualpagemediabox.cornerstyleright iframe,
.virtualpagemediabox.cornerstyleright div {
  border-radius: 0 10px 10px 0 !important;
}
.virtualpagearticletoolboxtop,
.virtualpagearticletoolboxbottom {
  float: left;
  width: 100%;
}
.virtualpagearticletoolboxtop .boxleft,
.virtualpagearticletoolboxbottom .boxleft {
  float: left;
}
.virtualpagearticletoolboxtop .boxright,
.virtualpagearticletoolboxbottom .boxright {
  float: right;
}
.virtualpagearticletoolboxtop .boxcenter,
.virtualpagearticletoolboxbottom .boxcenter {
  display: flex;
  margin: 0 auto;
}
.virtualpagearticletoolboxleft {
  float: left;
  width: 29px;
}
.virtualpagearticletoolboxright {
  float: right;
  width: 29px;
}
.virtualpagearticletoolboxleft .boxtop,
.virtualpagearticletoolboxright .boxtop {
  float: left;
}
.virtualpagearticletoolboxleft .boxtop .item,
.virtualpagearticletoolboxright .boxtop .item {
  margin: 3px 0;
}
.virtualpagearticletoolboxtop .item,
.virtualpagearticletoolboxbottom .item,
.virtualpagearticletoolboxleft .item,
.virtualpagearticletoolboxright .item {
  float: left;
  width: 25px;
  height: 25px;
  background-color: #090A1B;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  border-radius: 25px;
  margin: 0 3px;
}
.virtualpagearticletoolboxtop .item:hover,
.virtualpagearticletoolboxbottom .item:hover,
.virtualpagearticletoolboxleft .item:hover,
.virtualpagearticletoolboxright .item:hover {
  background-color: #fc8300;
}
.virtualpagearticletoolboxtop .item.selected,
.virtualpagearticletoolboxbottom .item.selected,
.virtualpagearticletoolboxleft .item.selected,
.virtualpagearticletoolboxright .item.selected {
  cursor: default;
  background-color: #0095ce;
}
.virtualpagearticletoolboxtop .item span,
.virtualpagearticletoolboxbottom .item span,
.virtualpagearticletoolboxleft .item span,
.virtualpagearticletoolboxright .item span {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0;
}
.virtualpagearticle.articlecornerall .articlepanelsmall,
.virtualpagearticle.articlecornerall .articlepanel {
  border-radius: 10px;
}
.virtualpagearticle.articlecornerleft .articlepanelsmall,
.virtualpagearticle.articlecornerleft .articlepanel {
  border-radius: 10px 0 0 10px;
}
.virtualpagearticle.articlecornerright .articlepanelsmall,
.virtualpagearticle.articlecornerright .articlepanel {
  border-radius: 0 10px 10px 0;
}
.virtualpagearticle.articlecornertop .articlepanelsmall,
.virtualpagearticle.articlecornertop .articlepanel {
  border-radius: 10px 10px 0 0;
}
.virtualpagearticle.articlecornerbottom .articlepanelsmall,
.virtualpagearticle.articlecornerbottom .articlepanel {
  border-radius: 0 0 10px 10px;
}
.virtualpagearticle.articlecornerall .articlepanelsmall .header,
.virtualpagearticle.articlecornerall .articlepanel .header {
  border-radius: 10px 10px 0 0;
}
.virtualpagearticle.articlecornerleft .articlepanelsmall .header,
.virtualpagearticle.articlecornerleft .articlepanel .header {
  border-radius: 10px 0 0 0;
}
.virtualpagearticle.articlecornerright .articlepanelsmall .header,
.virtualpagearticle.articlecornerright .articlepanel .header {
  border-radius: 0 10px 0 0;
}
.virtualpagearticle.articlecornertop .articlepanelsmall .header,
.virtualpagearticle.articlecornertop .articlepanel .header {
  border-radius: 10px 10px 0 0;
}
.virtualpagearticle.articlecornerbottom .articlepanelsmall .header,
.virtualpagearticle.articlecornerbottom .articlepanel .header {
  border-radius: 0;
}
.virtualpagearticle.articlecornerall .articlepanelsmall .lineflex,
.virtualpagearticle.articlecornerall .articlepanel .lineflex {
  border-radius: 0 0 10px 10px;
}
.virtualpagearticle.articlecornerleft .articlepanelsmall .lineflex,
.virtualpagearticle.articlecornerleft .articlepanel .lineflex {
  border-radius: 0 0 0 10px;
}
.virtualpagearticle.articlecornerright .articlepanelsmall .lineflex,
.virtualpagearticle.articlecornerright .articlepanel .lineflex {
  border-radius: 0 0 10px 0;
}
.virtualpagearticle.articlecornertop .articlepanelsmall .lineflex,
.virtualpagearticle.articlecornertop .articlepanel .lineflex {
  border-radius: 0;
}
.virtualpagearticle.articlecornerbottom .articlepanelsmall .lineflex,
.virtualpagearticle.articlecornerbottom .articlepanel .lineflex {
  border-radius: 0 0 10px 10px;
}
.virtualpagearticle.articlecornerall .articlepanelsmall .line,
.virtualpagearticle.articlecornerall .articlepanel .line {
  border-radius: 0 0 10px 10px;
}
.virtualpagearticle.articlecornerleft .articlepanelsmall .line,
.virtualpagearticle.articlecornerleft .articlepanel .line {
  border-radius: 0 0 0 10px;
}
.virtualpagearticle.articlecornerright .articlepanelsmall .line,
.virtualpagearticle.articlecornerright .articlepanel .line {
  border-radius: 0 0 10px 0;
}
.virtualpagearticle.articlecornertop .articlepanelsmall .line,
.virtualpagearticle.articlecornertop .articlepanel .line {
  border-radius: 0;
}
.virtualpagearticle.articlecornerbottom .articlepanelsmall .line,
.virtualpagearticle.articlecornerbottom .articlepanel .line {
  border-radius: 0 0 10px 10px;
}
.virtualpagearticle.articlebackblue {
  background-color: #4DB0FB;
}
.virtualpagearticle.articlebackgreen {
  background-color: #79ae31;
}
.virtualpagearticle.articlebackorange {
  background-color: #ff6937;
}
.virtualpagearticle.articlebackpurple {
  background-color: #d555ff;
}
.virtualpagearticle.articlebackdarkblue {
  background-color: #1F60A0;
}
.virtualpagearticle.articlebackdarkblue {
  background-color: #1F60A0;
}
.virtualpagearticle.articlebackturquoise {
  background-color: #28CC9E;
}
.virtualpagearticle.articlebackdark {
  background-color: #4a4a4a;
}
.virtualpagearticle.articlebacklight {
  background-color: #e8e8e8;
}
.virtualpagearticle.articlebackwhite {
  background-color: #fff;
}
.virtualpagearticle.articlebackblack {
  background-color: #090A1B;
}
.virtualpagearticle.articlebacktransparent {
  background-color: transparent;
}
.virtualpageinlinebox {
  width: 100%;
  float: left;
}
.virtualpageinlinebox .flexbodydark {
  padding: 0 !important;
  margin: 0 !important;
}
.virtualpageinlinebox .flexbodyshadow {
  padding: 0 !important;
  margin: 0 !important;
}
.virtualpageinlinebox .flexbodymodern {
  padding: 0 !important;
  margin: 0 !important;
}
.virtualpageinlinebox .flexbodylight {
  padding: 0 !important;
  margin: 0 !important;
}
.virtualpageinlinebox .flexbodygrey {
  padding: 0 !important;
  margin: 0 !important;
}
.virtualpageinlinebox .flexbodyflat {
  padding: 0 !important;
  margin: 0 !important;
}
.virtualpageinlinebox .flexbody {
  padding: 0 !important;
  margin: 0 !important;
}
.vertualpageiconselect {
  float: left;
  width: calc(100% - 20px);
  padding: 10px;
  background-color: #eee;
}
.vertualpageiconselect .box {
  float: left;
  width: 100%;
  background-color: transparent;
  overflow: auto;
  height: 680px;
}
.vertualpageiconselect .toobox {
  width: calc(100% - 20px);
  float: left;
  padding: 3px 10px;
}
.vertualpageiconselect .toobox span {
  float: left;
  margin: 0 5px;
}
.vertualpageiconselect .toobox .select {
  float: left;
}
.vertualpageiconselect .toobox select {
  float: left;
  width: 200px;
}
.vertualpageiconselect .box .icon {
  float: left;
  width: 30px;
  height: 30px;
  stroke: #090A1B;
  fill: #090A1B;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
}
.vertualpageiconselect .box .icon:hover {
  border: 1px solid #fc8300;
}
/*=============================================*/
.styleeditordisplayarea {
  float: left;
  width: 100%;
  height: 250px;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #eee;
  background-image: linear-gradient(45deg, #dadada 25%, transparent 25%), linear-gradient(-45deg, #dadada 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dadada 75%), linear-gradient(-45deg, transparent 75%, #dadada 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.styleeditordisplaytools {
  float: left;
  width: calc(100% - 20px);
  min-height: 100px;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 2px 0 50px 0;
}
/*=============================================*/
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
/*=============================================*/
.checkboxhide {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox {
  width: 40px;
  height: 20px;
  margin: 5px;
  float: left;
  border-radius: 20px;
  background-color: #edeaea;
}
.checkon {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #cccccc;
  float: right;
}
.checkoff {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #c4c4c4;
  float: left;
}
.checkoninner {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #2eff05;
  margin: 5px;
  float: left;
}
.checkoffinner {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #362424;
  margin: 5px;
  float: left;
}