@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
/*-----------Green (ca) Base Colors-----------*/
/*-----------Red/Orange (cc) Base Colors-----------*/
@font-face {
  font-family: 'fontfacetwo';
  src: url('/resource/Styles/Fonts/dosis-regular-webfont.eot');
  src: url('/resource/Styles/Fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/resource/Styles/Fonts/dosis-regular-webfont.woff') format('woff'), url('/resource/Styles/Fonts/dosis-regular-webfont.ttf') format('truetype'), url('/resource/Styles/Fonts/dosis-regular-webfont.svg#dosis-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontfaceone';
  src: url('/resource/Styles/Fonts/TrebuchetMS.eot');
  src: url('/resource/Styles/Fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'), url('/resource/Styles/Fonts/TrebuchetMS.woff') format('woff'), url('/resource/Styles/Fonts/TrebuchetMS.ttf') format('truetype'), url('/resource/Styles/Fonts/TrebuchetMS.svg#dosis-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lobster';
  src: url('/resource/Styles/Fonts/Lobster-Regular.ttf');
  src: url('/resource/Styles/Fonts/Lobster-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calligraffitti';
  src: url('/resource/Styles/Fonts/Calligraffitti-Regular.ttf');
  src: url('/resource/Styles/Fonts/Calligraffitti-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'luckiestguy';
  src: url('/resource/Styles/Fonts/LuckiestGuy-Regular.ttf');
  src: url('/resource/Styles/Fonts/LuckiestGuy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'permanentmarker';
  src: url('/resource/Styles/Fonts/PermanentMarker-Regular.ttf');
  src: url('/resource/Styles/Fonts/PermanentMarker-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'anton';
  src: url('/resource/Styles/Fonts/Anton-Regular.ttf');
  src: url('/resource/Styles/Fonts/Anton-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'indieflower';
  src: url('/resource/Styles/Fonts/IndieFlower-Regular.ttf');
  src: url('/resource/Styles/Fonts/IndieFlower-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'syncopate';
  src: url('/resource/Styles/Fonts/Syncopate-Regular.ttf');
  src: url('/resource/Styles/Fonts/Syncopate-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'shadows';
  src: url('/resource/Styles/Fonts/ShadowsIntoLight-Regular.ttf');
  src: url('/resource/Styles/Fonts/ShadowsIntoLight-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'righteous';
  src: url('/resource/Styles/Fonts/Righteous-Regular.ttf');
  src: url('/resource/Styles/Fonts/Righteous-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'badscript';
  src: url('/resource/Styles/Fonts/BadScript-Regular.ttf');
  src: url('/resource/Styles/Fonts/BadScript-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'medulaone';
  src: url('/resource/Styles/Fonts/MedulaOne-Regular.ttf');
  src: url('/resource/Styles/Fonts/MedulaOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'condiment';
  src: url('/resource/Styles/Fonts/Condiment-Regular.ttf');
  src: url('/resource/Styles/Fonts/Condiment-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'intolight';
  src: url('/resource/Styles/Fonts/ShadowsIntoLightTwo-Regular.ttf');
  src: url('/resource/Styles/Fonts/ShadowsIntoLightTwo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'londrina';
  src: url('/resource/Styles/Fonts/LondrinaShadow-Regular.ttf');
  src: url('/resource/Styles/Fonts/LondrinaShadow-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'griffy';
  src: url('/resource/Styles/Fonts/Griffy-Regular.ttf');
  src: url('/resource/Styles/Fonts/Griffy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fasterone';
  src: url('/resource/Styles/Fonts/FasterOne-Regular.ttf');
  src: url('/resource/Styles/Fonts/FasterOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'orbitron';
  src: url('/resource/Styles/Fonts/Orbitron-VariableFont_wght.ttf');
  src: url('/resource/Styles/Fonts/Orbitron-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*-----------------------------------------------------------------------------------------*/
.orbitron {
  font-family: orbitron;
}
.fontfacetwo {
  font-family: fontfacetwo;
}
.fontfaceone {
  font-family: fontfaceone;
}
.lobster {
  font-family: lobster;
}
.calligraffitti {
  font-family: calligraffitti;
}
.luckiestguy {
  font-family: luckiestguy;
}
.permanentmarker {
  font-family: permanentmarker;
}
.anton {
  font-family: anton;
}
.indieflower {
  font-family: indieflower;
}
.syncopate {
  font-family: syncopate;
}
.shadows {
  font-family: shadows;
}
.righteous {
  font-family: righteous;
}
.badscript {
  font-family: badscript;
}
.medulaone {
  font-family: medulaone;
}
.condiment {
  font-family: condiment;
}
.intolight {
  font-family: intolight;
}
.londrina {
  font-family: londrina;
}
.griffy {
  font-family: griffy;
}
.fasterone {
  font-family: fasterone;
}
.arial {
  font-family: Arial, Helvetica, sans-serif;
}
.arialblack {
  font-family: "Arial Black", Gadget, sans-serif;
}
.georgia {
  font-family: Georgia, serif;
}
.comic {
  font-family: "Comic Sans MS", cursive, sans-serif;
}
.impact {
  font-family: Impact, Charcoal, sans-serif;
}
.palatino {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.times {
  font-family: "Times New Roman", Times, serif;
}
.lucida {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.tahoma {
  font-family: Tahoma, Geneva, sans-serif;
}
.trebuchet {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.verdana {
  font-family: Verdana, Geneva, sans-serif;
}
.courier {
  font-family: "Courier New", Courier, monospace;
}
.console {
  font-family: "Lucida Console", Monaco, monospace;
}
/*--------------------------------------------Google API Fonts-----------------------------*/
.raleway {
  font-family: 'Raleway', sans-serif;
}
.roboto {
  font-family: 'Roboto', sans-serif;
}
.opensans {
  font-family: 'Open Sans', sans-serif;
}
/*-----------------------------------------------------------------------------------------*/
.temp {
  float: left;
}
.boldtext {
  font-weight: bold;
}
.moveicon {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 3px;
}
.moveicon:hover {
  background-color: #ff6a00;
}
.adminpanelno {
  color: #FFC107;
  margin: 5px 0 0 5px;
  float: left;
}
/*--------------------------------------------------------*/
.formbuildermainareabox .formbuilderareaitem {
  float: left;
}
.formbuildermainareabox .panelleft {
  float: left;
  width: 60% !important;
}
.formbuildermainareabox .panelright {
  float: left;
  width: 40% !important;
}
.formbuildermainareabox .panelfull {
  float: left;
  width: 100% !important;
}
.formbuildermainareabox .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
}
.formbuildermainareabox .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainareabox .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
}
.formbuildermainareabox .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainareabox .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainareabox .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainareabox .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildermainareabox .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildermainareabox .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuildermainareabox .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuildermainareabox .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuildermainareabox .formbuilderareaitem .item {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.formbuildermainareabox .formbuilderareaitem .item .label {
  float: left;
  width: 100%;
  flex: 3;
}
.formbuildermainareabox .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuildermainareabox .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainareabox .formbuilderareaitem .item .labeltext {
  float: left;
  width: 360px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuildermainareabox .formbuilderareaitem .item .display {
  float: left;
}
.formbuildermainareabox .formbuilderareaitem .item input,
.formbuildermainareabox .formbuilderareaitem .item textarea {
  float: left;
}
.formbuildermainareabox .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuildermainareabox .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainareabox .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareabox .formbuilderareaitem .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareabox .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareabox .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainareabox .formbuilderareaitem .item select {
  float: left;
  width: 364px;
}
.formbuildermainareabox .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainareabox .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainareabox .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildermainareabox .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainareabox .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuildermainareabox .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainareabox .submit {
  float: left;
  width: 100%;
}
.formbuildermainareabox .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuildermainareabox .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainareabox .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainareabox .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainareabox .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildermainareabox .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainareabox .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainareabox .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainareabox .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainareabox .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainareabox .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainareabox .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainareabox .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainareabox .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainareabox .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareabox .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareabox .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainareabox .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuildermainareabox .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareabox .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareabox .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareabox .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainareabox .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainareabox .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuildermainareacontact {
  float: left;
  margin: 0 1%;
  background-color: #fff;
  width: 98%;
}
.formbuildermainareacontact .formbuilderareaitem {
  float: left;
  width: 100%;
  background-color: #fff;
  margin: 0;
}
.formbuildermainareacontact .panelright {
  float: left;
  width: 49%;
  margin: 0 0 0 1%;
}
.formbuildermainareacontact .panelleft {
  float: left;
  width: 49%;
  margin: 0;
}
.formbuildermainareacontact .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 0;
  background-color: #1984D2;
  color: #fff;
  width: 100%;
}
.formbuildermainareacontact .formbuilderareaitem .pointer {
  cursor: pointer;
}
.formbuildermainareacontact .formbuilderareaitem .pointer:hover {
  background-color: #44a0e4;
}
.formbuildermainareacontact .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainareacontact .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildermainareacontact .formbuilderareaitem .sean {
  float: left !important;
  width: 100%;
}
.formbuildermainareacontact .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainareacontact .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainareacontact .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainareacontact .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainareacontact .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainareacontact .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #1984D2;
  margin: 0;
}
.formbuildermainareacontact .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #1984D2;
  color: #fff;
  border: 1px solid #1984D2;
}
.formbuildermainareacontact .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuilderareaitem .area .label {
  float: left;
  width: 30%;
  background-color: #ccd6e2;
  padding: 2px 0 3px 5px;
  color: #333;
}
.formbuildermainareacontact .formbuilderareaitem .area .labelvalue {
  float: left;
  width: 60%;
  margin: 0 3px;
  height: 15px;
}
.formbuildermainareacontact .formbuilderareaitem .area .fieldicon {
  float: left;
  width: 18px;
  height: 18px;
}
.formbuildermainareacontact .formbuilderareaitem .item {
  float: left;
  width: 93%;
  margin: 2px 5px;
}
.formbuildermainareacontact .formbuilderareaitem .item .label {
  float: left;
  width: 30%;
  background-color: #ccd6e2;
  padding: 2px 0 3px 5px;
  color: #333;
  text-align: left;
}
.eventeditfulltitle .label {
  width: 98% !important;
  background-color: #2f639a !important;
  color: #fff !important;
}
.eventeditfulltitle .display {
  display: none;
}
.formbuildermainareacontact .procdefbutton {
  width: 20px !important;
  float: right !important;
  margin: -30px 0 0 430px !important;
  position: relative !important;
}
.contactpanelw .formbuilderareaitem .item .label {
  float: left;
  width: 50% !important;
  background-color: #ccd6e2;
  padding: 2px 0 3px 5px;
  color: #333;
}
.contactpanelw .formbuilderareaitem .item .display {
  float: left;
  width: 25% !important;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dotted #e6e6e6;
}
.formbuildermainareacontact .formbuilderareaitem .item .infolabel {
  float: left;
  width: 95%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dotted #e6e6e6;
  height: 50px;
}
.formbuildermainareacontact .formbuilderareaitem .item .infolabelsmall {
  float: left;
  width: 65%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dotted #e6e6e6;
  height: 50px;
}
.formbuildermainareacontact .formbuilderareaitem .item .display {
  float: left;
  width: 65%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dotted #e6e6e6;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
}
.formbuildermainareacontact .formbuilderareaitem .item input {
  float: left;
  width: 59%;
  border: 1px dotted #63A2E3;
  margin: 0 0 0 5px;
}
.formbuildermainareacontact .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto;
}
.formbuildermainareacontact .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 15% !important;
}
.formbuildermainareacontact .formbuilderareaitem .item textarea {
  float: left;
  width: 64% !important;
  border: 1px dotted #63A2E3 !important;
  margin: 0 0 0 5px !important;
  height: 100px !important;
  min-height: 100px !important;
}
.formbuildermainareacontact .formbuilderareaitem .item .inputshort {
  float: left;
  width: 60%;
}
.formbuildermainareacontact .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 40% !important;
  margin: 0 0 0 5px;
}
.formbuildermainareacontact .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainareacontact .formbuilderareaitem .item select {
  float: left;
  width: 64.5%;
  border: 1px dotted #63A2E3;
  margin: 0 0 0 5px;
}
.formbuildermainareacontact .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainareacontact .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainareacontact .formbuilderareaitem .item .timevalue {
  margin: 2px;
  width: 65px;
}
.formbuildermainareacontact .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainareacontact .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 50%;
  margin: 2px 5px 0 0;
}
.formbuildermainareacontact .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainareacontact .formbuilderareaitem .item .eventpublishbutton .eventicon {
  float: right;
  height: 15px;
  background-color: #2f639a;
  margin: 5px 20px;
  color: #fff;
  padding: 5px 10px;
}
.formbuildermainareacontact .formbuilderareaitem .eventmap {
  float: left;
  margin: 0 0 0 200px;
  background-color: #ccc;
  border: 1px solid #ccc;
}
.formbuildermainareacontact .formbuilderareaitem .eventmapedit {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainareacontact .formbuilderareaitem .eventmapedit span {
  float: right;
  width: 70px;
  height: 15px;
  background-color: #2f639a;
  margin: 5px 90px;
  color: #fff;
  padding: 5px 10px;
}
.formbuildermainareacontact .formbuilderareaitem .tabfixed {
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #e6e6e6;
  width: 100%;
}
.formbuildermainareacontact .submit {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .submit input {
  color: #fff;
  text-decoration: none;
  float: right;
  width: auto;
  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;
  padding: 2px 5px 2px 5px;
  margin: 5px;
  border: 0;
}
.formbuildermainareacontact .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainareacontact .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainareacontact .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainareacontact .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
  text-align: left;
}
.formbuildermainareacontact .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainareacontact .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainareacontact .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainareacontact .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainareacontact .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainareacontact .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainareacontact .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainareacontact .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainareacontact .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainareacontact .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareacontact .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareacontact .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainareacontact .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareacontact .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareacontact .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareacontact .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainareacontact .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainareacontact .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuildermainareasummary .formbuilderareaitem {
  float: left;
  width: 320px;
  background-color: #fff;
  margin: 0;
}
.formbuildermainareasummary .formbuilderareaitem .title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  padding: 2px 0;
  margin: 0;
  background-color: #1984D2;
  color: #fff;
  width: 100%;
}
.formbuildermainareasummary .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainareasummary .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildermainareasummary .formbuilderareaitem .sean {
  float: left !important;
  width: 100%;
}
.formbuildermainareasummary .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainareasummary .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainareasummary .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainareasummary .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainareasummary .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainareasummary .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildermainareasummary .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildermainareasummary .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 500px;
}
.formbuildermainareasummary .formbuilderareaitem .item {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainareasummary .formbuilderareaitem .item .label {
  float: left;
  width: 150px;
  background-color: #ccd6e2;
  padding: 2px 0 3px 5px;
  color: #333;
}
.formbuildermainareasummary .formbuilderareaitem .item .display {
  float: left;
  width: 150px;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainareasummary .formbuilderareaitem .item input {
  float: left;
  width: 40px;
  border: 1px dashed #63A2E3;
  margin: 0 0 0 5px;
}
.formbuildermainareasummary .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto;
}
.formbuildermainareasummary .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareasummary .formbuilderareaitem .item .inputshort {
  float: left;
  width: 295px;
}
.formbuildermainareasummary .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareasummary .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainareasummary .formbuilderareaitem .item select {
  float: left;
  width: 42px;
  border: 1px dashed #63A2E3;
  margin: 0 0 0 5px;
}
.formbuildermainareasummary .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainareasummary .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainareasummary .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildermainareasummary .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainareasummary .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuildermainareasummary .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainareasummary .submit {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .submit input {
  float: right;
  width: auto;
  margin: 5px 25px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuildermainareasummary .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainareasummary .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainareasummary .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainareasummary .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildermainareasummary .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainareasummary .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainareasummary .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainareasummary .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainareasummary .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainareasummary .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainareasummary .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainareasummary .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainareasummary .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainareasummary .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareasummary .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareasummary .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainareasummary .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareasummary .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareasummary .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareasummary .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainareasummary .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainareasummary .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuilderinlinesimple .formbuilderareaitem {
  float: left !important;
  width: 100% !important;
  background-color: #fff !important;
  margin: 0 !important;
}
.formbuilderinlinesimple .formbuilderareaitem .area {
  float: left !important;
  width: auto !important;
  background-color: #fff !important;
}
.formbuilderinlinesimple .formbuilderareaitem .item {
  float: left !important;
  width: 100% !important;
  margin: 2px 0.5% !important;
}
.formbuilderinlinesimple .formbuilderareaitem .item .label {
  float: left !important;
  width: 80% !important;
  background-color: #ccd6e2 !important;
  padding: 2px 0 3px 5px !important;
  color: #333 !important;
}
.formbuilderinlinesimple .formbuilderareaitem .item .display {
  float: left;
  width: 100%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuilderinlinesimple .formbuilderareaitem .area input {
  float: left !important;
  width: 200px !important;
  border: 1px dashed #63A2E3 !important;
  margin: 3px 0 !important;
}
.formbuilderinlinesimple .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 3px 0;
}
.formbuilderinlinesimple .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderinlinesimple .formbuilderareaitem .item .inputshort {
  float: left;
  width: 75%;
}
.formbuilderinlinesimple .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 100%;
  margin: 0 0 0 5px;
}
.formbuilderinlinesimple .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuilderinlinesimple .formbuilderareaitem .item select {
  float: left;
  width: 100%;
  border: 1px dashed #63A2E3;
  margin: 3px 0;
}
.formbuilderinlinesimple .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuilderinlinesimple .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuilderinlinesimple .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuilderinlinesimple .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuilderinlinesimple .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuilderinlinesimple .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuilderinlinesimple .submit {
  float: right !important;
  width: auto !important;
}
.formbuilderinlinesimple .submit input {
  float: right;
  width: auto;
  margin: 5px 5px !important;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
/*--------------------------------------------------------------------------------------------*/
.basebuttoncontainer .formbuilderareaitem {
  float: left;
  width: 100%;
  background-color: #fff;
  margin: 0;
}
.basebuttoncontainer .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 0;
  background-color: #33353A;
  color: #fff;
  width: 100%;
}
.basebuttoncontainer .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.basebuttoncontainer .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.basebuttoncontainer .formbuilderareaitem .tabbox {
  float: left;
}
.basebuttoncontainer .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.basebuttoncontainer .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.basebuttoncontainer .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.basebuttoncontainer .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.basebuttoncontainer .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
  margin-top: 6px;
}
.basebuttoncontainer .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.basebuttoncontainer .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  text-align: center;
  width: 130px;
  padding: 3px;
  background-color: #c8c6c6;
  color: #000;
  margin: 0 0 0 10px;
  border-radius: 5px 5px 0 0;
  position: relative;
  border-bottom: 1px solid #fff;
}
.basebuttoncontainer .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #fff;
  color: #33353A;
  border-top: 1px solid #c8c6c6;
  border-left: 1px solid #c8c6c6;
  border-right: 1px solid #c8c6c6;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
.basebuttoncontainer .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
  border-top: 1px solid #c8c6c6;
}
.basebuttoncontainer .formbuilderareaitem .item {
  float: left;
  width: 49%;
  margin: 2px 0.5%;
}
.basebuttoncontainer .formbuilderareaitem .item .label {
  float: left;
  width: 100%;
  background-color: #ccd6e2;
  padding: 2px 0 3px 5px;
  color: #333;
}
.basebuttoncontainer .formbuilderareaitem .item .display {
  float: left;
  width: 100%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dashed #e6e6e6;
}
.basebuttoncontainer .formbuilderareaitem .item input {
  float: left;
  width: 100%;
  border: 1px dashed #63A2E3;
  margin: 3px 0;
}
.basebuttoncontainer .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 3px 0;
}
.basebuttoncontainer .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.basebuttoncontainer .formbuilderareaitem .item .inputshort {
  float: left;
  width: 75%;
}
.basebuttoncontainer .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 80%;
  margin: 0 0 0 5px;
}
.basebuttoncontainer .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.basebuttoncontainer .formbuilderareaitem .item select {
  float: left;
  width: 100%;
  border: 1px dashed #63A2E3;
  margin: 3px 0;
}
.basebuttoncontainer .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.basebuttoncontainer .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.basebuttoncontainer .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.basebuttoncontainer .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.basebuttoncontainer .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.basebuttoncontainer .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.basebuttoncontainer .submit {
  float: left;
  width: 100%;
}
.basebuttoncontainer .submit input {
  float: right;
  width: auto;
  margin: 5px 25px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.basebuttoncontainer .formbuildernotes {
  float: left;
  width: 100%;
}
.basebuttoncontainer .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.basebuttoncontainer .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.basebuttoncontainer .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.basebuttoncontainer .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.basebuttoncontainer .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
  text-align: left;
}
.basebuttoncontainer .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.basebuttoncontainer .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.basebuttoncontainer .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.basebuttoncontainer .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.basebuttoncontainer .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.basebuttoncontainer .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.basebuttoncontainer .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.basebuttoncontainer .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.basebuttoncontainer .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.basebuttoncontainer .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.basebuttoncontainer .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.basebuttoncontainer .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.basebuttoncontainer .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.basebuttoncontainer .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.basebuttoncontainer .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.basebuttoncontainer .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.basebuttoncontainer .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.basebuttoncontainer .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.basebuttoncontainer .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuilderfilterbox {
  width: 390px;
  float: right;
  margin: 0;
}
.formbuilderfilterbox .formbuilderareaitem {
  float: left;
  margin: 0;
}
.formbuilderfilterbox .formbuilderareaitem.moveup {
  margin: -32px 0 0 -35px !important;
}
.formbuilderfilterbox .formbuilderareaitem .title {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0 10px 0 2px;
  margin: 0 0 0 15px;
  border: 1px solid #63A2E3;
  border-radius: 5px;
}
.formbuilderfilterbox .formbuilderareaitem .download {
  float: left;
  background-image: none !important;
  font-size: 14px;
  color: #2f639a;
  border: none !important;
  width: auto !important;
}
.formbuilderfilterbox .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuilderfilterbox .formbuilderareaitem .area {
  float: left !important;
  background-color: #fff;
}
.formbuilderfilterbox .formbuilderareaitem .area.rollout {
  width: 250px !important;
  padding: 2px 5px !important;
  position: absolute !important;
  height: auto !important;
  float: none !important;
  border: 1px solid #000;
  background-color: #fff;
  overflow: hidden;
}
/*.formbuilderfilterbox .formbuilderareaitem .area.rollout:hover 
{
    height:auto !important;
    position:absolute !important;
}*/
.formbuilderfilterbox .formbuilderareaitem .tabbox {
  float: left;
}
.formbuilderfilterbox .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuilderfilterbox .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuilderfilterbox .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuilderfilterbox .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.formbuilderfilterbox .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuilderfilterbox .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuilderfilterbox .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuilderfilterbox .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuilderfilterbox .formbuilderareaitem .tabcontaineritem {
  float: left;
  border: 1px solid #ff6a00;
  width: 500px;
}
.formbuilderfilterbox .formbuilderareaitem .item {
  display: inline-block;
  margin: 2px 0;
  width: 250px;
}
.formbuilderfilterbox .formbuilderareaitem .item .label {
  float: left;
  width: 90px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
  overflow: hidden;
}
.formbuilderfilterbox .formbuilderareaitem .button .label {
  background-color: transparent !important;
}
.formbuilderfilterbox .formbuilderareaitem .item .eventicon {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  background-color: #2f639a;
  background-color: #3b78b9;
  background-image: -moz-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -ms-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -o-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b78b9), color-stop(1, #2f639a));
  background-image: -webkit-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuilderfilterbox .formbuilderareaitem .item .clearinput {
  float: left;
  width: 16px;
  height: 16px;
  background: url(/Resource/Images/CalendarPointNow.png);
  cursor: pointer;
}
.formbuilderfilterbox .formbuilderareaitem .item .display {
  float: left;
  width: 120px;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuilderfilterbox .formbuilderareaitem .item input,
.formbuilderfilterbox .formbuilderareaitem .item textarea {
  float: left;
  width: 120px;
}
.formbuilderfilterbox .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuilderfilterbox .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuilderfilterbox .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderfilterbox .formbuilderareaitem .item .inputshort {
  float: left;
  width: 115px;
}
.formbuilderfilterbox .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 120px !important;
  margin: 0 0 0 5px;
}
.formbuilderfilterbox .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuilderfilterbox .formbuilderareaitem .item select {
  float: left;
  width: 124px;
}
.formbuilderfilterbox .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuilderfilterbox .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuilderfilterbox .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuilderfilterbox .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuilderfilterbox .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuilderfilterbox .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuilderfilterbox .submit {
  float: right;
}
.formbuilderfilterbox .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  background-color: #2f639a;
  background-color: #3b78b9;
  background-image: -moz-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -ms-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -o-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b78b9), color-stop(1, #2f639a));
  background-image: -webkit-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuilderfilterbox .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuilderfilterbox .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuilderfilterbox .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuilderfilterbox .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuilderfilterbox .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuilderfilterbox .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuilderfilterbox .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuilderfilterbox .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuilderfilterbox .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuilderfilterbox .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuilderfilterbox .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuilderfilterbox .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuilderfilterbox .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuilderfilterbox .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuilderfilterbox .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuilderfilterbox .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuilderfilterbox .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderfilterbox .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderfilterbox .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuilderfilterbox .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuilderfilterbox .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderfilterbox .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuilderfilterbox .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuilderfilterbox .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuilderfilterbox .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuilderfilterbox .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuilderinlineform {
  width: auto;
  float: right;
  margin: 0;
}
.formbuilderinlineform .formbuilderareaitem {
  float: left;
  margin: 0;
}
.formbuilderinlineform .formbuilderareaitem .title {
  float: left;
}
.formbuilderinlineform .formbuilderareaitem .download {
  float: left;
  background-image: none !important;
  font-size: 14px;
  color: #2f639a;
  border: none !important;
  width: auto !important;
}
.formbuilderinlineform .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuilderinlineform .formbuilderareaitem .area {
  float: left !important;
  background-color: #fff;
}
.formbuilderinlineform .formbuilderareaitem .tabbox {
  float: left;
}
.formbuilderinlineform .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuilderinlineform .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuilderinlineform .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuilderinlineform .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.formbuilderinlineform .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuilderinlineform .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuilderinlineform .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuilderinlineform .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuilderinlineform .formbuilderareaitem .tabcontaineritem {
  float: left;
  border: 1px solid #ff6a00;
  width: 500px;
}
.formbuilderinlineform .area .item {
  display: inline-block;
  margin: 2px 0;
  font-size: 12px;
}
.formbuilderinlineform .area .label {
  float: left;
  margin: 0 5px;
  padding: 2px 3px;
}
.formbuilderinlineform .formbuilderareaitem .button .label {
  background-color: transparent !important;
}
.formbuilderinlineform .formbuilderareaitem .button .eventiconbox {
  float: left;
  margin: 0 5px;
}
.formbuilderinlineform .area .item .eventicon {
  float: right;
  margin: 0 10px 0 -10px;
}
.formbuilderinlineform .area .item .clearinput {
  float: left;
  width: 16px;
  height: 16px;
  background: url(/Resource/Images/CalendarPointNow.png);
  cursor: pointer;
}
.formbuilderinlineform .area .item .display {
  float: left;
  width: 120px;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuilderinlineform .area .item input,
.formbuilderinlineform .area .item textarea {
  float: left;
  width: 90px;
}
.formbuilderinlineform .area .short input,
.formbuilderinlineform .area .short textarea {
  float: left;
  width: 30px;
}
.formbuilderinlineform .area .item textarea {
  height: 50px;
}
.formbuilderinlineform .area .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuilderinlineform .area .item input[class*="dropdownfilter"] {
  float: left;
  width: 70px !important;
}
.formbuilderinlineform .formbuilderareaitem .item .inputshort {
  float: left;
  width: 115px;
}
.formbuilderinlineform .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 120px !important;
  margin: 0 0 0 5px;
}
.formbuilderinlineform .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuilderinlineform .formbuilderareaitem .item select {
  float: left;
  width: 124px;
}
.formbuilderinlineform .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuilderinlineform .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuilderinlineform .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuilderinlineform .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuilderinlineform .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuilderinlineform .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuilderinlineform .submit {
  float: right;
}
.formbuilderinlineform .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  background-color: #2f639a;
  background-color: #3b78b9;
  background-image: -moz-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -ms-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -o-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b78b9), color-stop(1, #2f639a));
  background-image: -webkit-linear-gradient(top, #3b78b9 0, #2f639a 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuilderinlineform .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuilderinlineform .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuilderinlineform .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuilderinlineform .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuilderinlineform .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuilderinlineform .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuilderinlineform .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuilderinlineform .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuilderinlineform .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuilderinlineform .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuilderinlineform .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuilderinlineform .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuilderinlineform .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuilderinlineform .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuilderinlineform .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuilderinlineform .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuilderinlineform .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderinlineform .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderinlineform .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuilderinlineform .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuilderinlineform .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderinlineform .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuilderinlineform .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuilderinlineform .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuilderinlineform .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuilderinlineform .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.selectionstaticform .formbuilderareaitem {
  float: left !important;
  width: 100% !important;
  background-color: #fff !important;
  margin: 0 !important;
}
.selectionstaticform .formbuilderareaitem .area {
  float: left !important;
  width: auto !important;
  background-color: #fff !important;
}
.selectionstaticform .formbuilderareaitem .item {
  float: left !important;
  width: auto !important;
  margin: 2px 0.5% !important;
}
.selectionstaticform .formbuilderareaitem .item .label {
  float: left !important;
  width: 100px !important;
  background-color: #ccd6e2 !important;
  padding: 2px 0 3px 5px !important;
  color: #333 !important;
  margin: 0 5px;
}
.selectionstaticform .formbuilderareaitem .item .display {
  float: left;
  width: 100%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dashed #e6e6e6;
}
.selectionstaticform .formbuilderareaitem .area input {
  float: left !important;
  width: 20px !important;
  border: 1px dashed #63A2E3 !important;
  margin: 0 !important;
}
.selectionstaticform .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 3px 0;
}
.selectionstaticform .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.selectionstaticform .formbuilderareaitem .item .inputshort {
  float: left;
  width: 75%;
}
.selectionstaticform .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 100%;
  margin: 0 0 0 5px;
}
.selectionstaticform .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.selectionstaticform .formbuilderareaitem .item select {
  float: left;
  width: 164px;
  border: 1px dashed #63A2E3;
  margin: 3px 0;
}
.selectionstaticform .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.selectionstaticform .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.selectionstaticform .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.selectionstaticform .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.selectionstaticform .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.selectionstaticform .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.selectionstaticform .submit {
  float: right !important;
  width: auto !important;
}
.selectionstaticform .submit input {
  float: right;
  width: auto;
  margin: 5px 5px !important;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.selectionstaticfield {
  float: left;
  width: 98%;
  margin: 3px 0.5%;
  border: 1px solid #eeeeee;
  background-color: #fff;
  padding: 0 0.5%;
}
/*--------------------------------------------------------------------------------------------*/
.formbuildersingleinputbox {
  float: left;
  width: 95%;
  margin: 10px 5px 5px 5px;
}
.formbuildersingleinputbox span {
  float: left;
  width: 20%;
  background: #ccd6e2;
  padding: 2px 0 3px 5px;
  color: #333;
}
.formbuildersingleinputbox input.inputshort {
  float: left;
  width: 60%;
  margin: 0 2px;
  border: 1px dotted #63A2E3;
  height: 15px;
}
.formbuildersingleinputbox .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildersingleinputbox .submit {
  margin-top: 50px;
  float: right;
  width: 50px;
  cursor: pointer;
}
/*=================================================================================*/
.formbuilderimagebox {
  float: left;
  margin: 0;
  width: 100%;
  border: 1px solid #333;
}
.formbuilderimagebox .panelimage {
  float: left;
  width: 100% !important;
  height: 80px !important;
  background-color: #83b9f1;
}
.formbuilderimagebox .panelimage img {
  float: left;
  margin: 25px 0 0 45%;
}
.formbuilderimagebox .paneldata {
  float: left;
  width: 100% !important;
  margin: 50px 0 0 0;
}
.formbuilderimagebox .formbuilderareaitem {
  float: left;
  margin: 0;
  width: 100%;
}
.formbuilderimagebox .formbuilderareaitem .title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.formbuilderimagebox .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuilderimagebox .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
}
.formbuilderimagebox .formbuilderareaitem .tabbox {
  float: left;
}
.formbuilderimagebox .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuilderimagebox .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuilderimagebox .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuilderimagebox .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.formbuilderimagebox .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuilderimagebox .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuilderimagebox .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuilderimagebox .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuilderimagebox .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 500px;
}
.formbuilderimagebox .formbuilderareaitem .item {
  float: left;
  width: 100%;
}
.formbuilderimagebox .textflowitem .item {
  float: left;
  width: auto !important;
}
.formbuilderimagebox .textflowitem .area {
  float: left;
  width: auto !important;
  margin: 0 0 0 25% !important;
}
.formbuilderimagebox .textflow .label {
  float: left;
  width: auto;
  font-weight: bold;
  margin: 0 5px;
  padding: 2px 3px;
  color: #555555;
}
.formbuilderimagebox .textflow .display {
  float: left;
  width: auto;
  color: #555555;
  padding: 2px 3px;
}
.formbuilderimagebox .textblock .item {
  float: left;
  width: 150px;
  background-color: #83b9f1;
  margin: 0 0 0 2px;
}
.formbuilderimagebox .textblock .label {
  float: left;
  width: 150px;
  height: 20px;
  font-weight: bold;
  margin: 0;
  padding: 2px 0;
  color: #555555;
  background-color: #83b9f1;
  text-align: center;
}
.formbuilderimagebox .textblock .display {
  float: left;
  width: 150px;
  height: 20px;
  color: #555555;
  margin: 0;
  padding: 2px 0;
  background-color: #b6d6f7;
  text-align: center;
}
.formbuilderimagebox .textbold .display {
  float: left;
  width: 100% !important;
  font-weight: bold !important;
  padding: 2px 3px !important;
  font-size: 18px !important;
  color: #3b78b9 !important;
  text-align: center !important;
}
.formbuilderimagebox .textnormal .display {
  float: left;
  width: 100%;
  font-weight: bold;
  padding: 2px 3px;
  font-size: 12px;
  color: #333;
  text-align: center;
}
.formbuilderimagebox .formbuilderareaitem .item input,
.formbuilderimagebox .formbuilderareaitem .item textarea {
  float: left;
  width: 160px;
}
.formbuilderimagebox .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuilderimagebox .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuilderimagebox .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderimagebox .formbuilderareaitem .item .inputshort {
  float: left;
  width: 115px;
}
.formbuilderimagebox .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuilderimagebox .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuilderimagebox .formbuilderareaitem .item select {
  float: left;
  width: 364px;
}
.formbuilderimagebox .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuilderimagebox .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuilderimagebox .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuilderimagebox .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuilderimagebox .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuilderimagebox .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuilderimagebox .submit {
  float: left;
  width: 100%;
}
.formbuilderimagebox .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuilderimagebox .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuilderimagebox .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuilderimagebox .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuilderimagebox .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuilderimagebox .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuilderimagebox .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuilderimagebox .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuilderimagebox .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuilderimagebox .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuilderimagebox .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuilderimagebox .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuilderimagebox .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuilderimagebox .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuilderimagebox .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuilderimagebox .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuilderimagebox .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuilderimagebox .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderimagebox .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderimagebox .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuilderimagebox .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuilderimagebox .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderimagebox .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuilderimagebox .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuilderimagebox .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuilderimagebox .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuilderimagebox .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
.preferencetabbox .tabcontainer {
  float: left;
  width: 100%;
  border: 1px solid #c8c6c6 !important;
  z-index: 5;
}
.preferencetabbox .tabcontainertitle {
  width: 100% !important;
  margin: 0 !important;
}
.preferencetabbox .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.preferencetabbox .tabcontainertitle {
  height: auto !important;
  margin: 5px 0 -1px 0 !important;
  z-index: 10;
  position: relative;
}
.preferencetabbox .tabtitle {
  float: left;
  width: 220px !important;
  margin: 0 1px -1px 0 !important;
  padding: 0 !important;
  border-radius: 5px 5px 0 0;
  background-color: #fff !important;
  color: #33353A !important;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #c8c6c6 !important;
  font-size: 18px !important;
  height: 90px !important;
}
.preferencetabbox .tabtitle img {
  border-radius: 5px 5px 0 0;
}
.preferencetabbox .tabtitle:hover {
  border-top: 1px solid #c8c6c6 !important;
  border-left: 1px solid #c8c6c6 !important;
  border-right: 1px solid #c8c6c6 !important;
  border-bottom: 1px solid #c8c6c6 !important;
}
.preferencetabbox .tabcontainertitle .tabtitle.selected {
  background-color: #fff !important;
  color: #fff;
  border-top: 1px solid #c8c6c6 !important;
  border-left: 1px solid #c8c6c6 !important;
  border-right: 1px solid #c8c6c6 !important;
  border-bottom: 1px solid #fff !important;
}
.reportpanelflexbox {
  width: 100%;
  float: left;
  /*display: flex;*/
  /*flex-wrap: nowrap | wrap | wrap-reverse;*/
}
.reportpanelflex {
  margin: 0;
  float: left;
  min-width: 1px;
}
.reportpanelflexr {
  margin: 0;
  float: right;
  min-width: 1px;
}
.reportpanel {
  margin: 0 !important;
  padding: 0;
  float: left;
  width: 100%;
  min-height: 1px;
}
.reportpanelfixed950 {
  margin: 0 0 0 50%;
  padding: 0;
  width: 1120px;
  min-height: 1px;
  position: relative;
  left: -610px;
  float: left;
}
.reportpanelfixed1168 {
  margin: 0 0 0 50%;
  padding: 0;
  width: 1168px;
  min-height: 1px;
  position: relative;
  left: -634px;
  float: left;
}
.reportpanelfixed800 {
  margin: 0 0 0 50%;
  padding: 40px;
  width: 800px;
  min-height: 1px;
  position: relative;
  left: -420px;
  float: left;
}
.reportpanelfixedmobile {
  margin: 0 0 0 50%;
  padding: 0;
  width: 400px;
  min-height: 1px;
  position: relative;
  left: -200px;
  float: left;
}
/*----------------------------------------------------------*/
.formbuildeimageareabox {
  float: left;
  width: 96%;
  margin: 20px 2%;
}
.formbuildeimageareabox .formbuilderareaitem {
  float: left;
  background-color: #fff;
  margin: 0;
  width: 100% !important;
}
.formbuildeimageareabox .panelleft {
  float: left;
  width: 390px !important;
}
.formbuildeimageareabox .panelright {
  float: left;
  width: 200px !important;
}
.formbuildeimageareabox .panelfull {
  float: left;
  width: 100% !important;
}
.formbuildeimageareabox .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.formbuildeimageareabox .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildeimageareabox .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildeimageareabox .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildeimageareabox .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildeimageareabox .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildeimageareabox .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildeimageareabox .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuildeimageareabox .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuildeimageareabox .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuildeimageareabox .formbuilderareaitem .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildeimageareabox .formbuilderareaitem .item .eventimage {
  float: left;
  width: 500px;
  height: 500px;
  overflow: hidden;
}
.formbuildeimageareabox .formbuilderareaitem .item .eventimage img {
  float: left;
}
.formbuildeimageareabox .formbuilderareaitem .item .eventimageupload {
  float: left;
}
.formbuildeimageareabox .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.formbuildeimageareabox .formbuilderareaitem .item .label {
  float: left;
  width: 100px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuildeimageareabox .formbuilderareaitem .item .labeltext {
  float: left;
  width: 360px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuildeimageareabox .formbuilderareaitem .item .display {
  float: left;
  width: auto;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuildeimageareabox .formbuilderareaitem .item input,
.formbuildeimageareabox .formbuilderareaitem .item textarea {
  float: left;
  width: 260px;
}
.eventimageupload input,
.eventimageupload textarea {
  float: left;
  width: auto !important;
}
.formbuildeimageareabox .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuildeimageareabox .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildeimageareabox .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildeimageareabox .formbuilderareaitem .item .inputshort {
  float: left;
  width: 215px;
}
.formbuildeimageareabox .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildeimageareabox .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildeimageareabox .formbuilderareaitem .item select {
  float: left;
  width: 264px;
}
.formbuildeimageareabox .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildeimageareabox .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildeimageareabox .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildeimageareabox .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildeimageareabox .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuildeimageareabox .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildeimageareabox .submit {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuildeimageareabox .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildeimageareabox .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildeimageareabox .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildeimageareabox .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildeimageareabox .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildeimageareabox .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildeimageareabox .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildeimageareabox .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildeimageareabox .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildeimageareabox .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildeimageareabox .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildeimageareabox .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildeimageareabox .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildeimageareabox .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildeimageareabox .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildeimageareabox .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildeimageareabox .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuildeimageareabox .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildeimageareabox .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildeimageareabox .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildeimageareabox .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildeimageareabox .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildeimageareabox .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuildermainareawide {
  float: left;
  width: 600px;
  margin: 20px 0 0 150px;
  font-family: fontfacetwo !important;
}
.formbuildermainareawide .formbuilderareaitem {
  float: left;
  background-color: #fff;
  margin: 0;
  width: 100% !important;
}
.formbuildermainareawide .panelleft {
  float: left;
  width: 60% !important;
}
.formbuildermainareawide .panelright {
  float: left;
  width: 40% !important;
}
.formbuildermainareawide .panelfull {
  float: left;
  width: 100% !important;
}
.formbuildermainareawide .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.formbuildermainareawide .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainareawide .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildermainareawide .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainareawide .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainareawide .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainareawide .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildermainareawide .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildermainareawide .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildermainareawide .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuildermainareawide .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuildermainareawide .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuildermainareawide .formbuilderareaitem .item {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.formbuildermainareawide .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.formbuildermainareawide .formbuilderareaitem .item .label {
  float: left;
  width: 150px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #fff;
  font-size: 14px;
  border-bottom: 1px dashed #e2e2e2;
}
.formbuildermainareawide .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #fff;
  height: 15px;
}
.formbuildermainareawide .formbuilderareaitem .fullcheckbox {
  margin: 10px 0 0 0;
}
.formbuildermainareawide .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainareawide .formbuilderareaitem .item .labeltext {
  float: left;
  width: 360px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuildermainareawide .formbuilderareaitem .item .display {
  float: left;
  width: 360px;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuildermainareawide .formbuilderareaitem .item input,
.formbuildermainareawide .formbuilderareaitem .item textarea {
  float: left;
  width: 360px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #898989;
  margin: 3px 0 0 0;
}
.formbuildermainareawide .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuildermainareawide .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainareawide .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareawide .formbuilderareaitem .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareawide .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareawide .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainareawide .formbuilderareaitem .item select {
  float: left;
  width: 364px;
  margin: 2px 0 0 0;
}
.formbuildermainareawide .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainareawide .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainareawide .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildermainareawide .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainareawide .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuildermainareawide .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainareawide .submit {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
}
.formbuildermainareawide .submit input {
  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;
  font-family: 'Montserrat', sans-serif;
  margin: 20px 0 0 200px;
  float: left;
  border-radius: 0;
  border: 0;
}
.formbuildermainareawide .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainareawide .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainareawide .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainareawide .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainareawide .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainareawide .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildermainareawide .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainareawide .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainareawide .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainareawide .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainareawide .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainareawide .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainareawide .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainareawide .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainareawide .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainareawide .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainareawide .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareawide .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareawide .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainareawide .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuildermainareawide .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareawide .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareawide .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareawide .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainareawide .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainareawide .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.cropFrame {
  overflow: hidden;
  position: relative;
}
.cropImage {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  max-width: none;
}
.cropControls {
  background: #000;
  width: 100%;
  height: 26px;
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
}
.hover .cropControls,
.cropFrame:hover .cropControls {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.cropControls span {
  display: block;
  float: left;
  color: #fff;
  font-size: 11px;
  margin: 7px 0 0 5px;
}
.cropZoomIn,
.cropZoomOut {
  display: block;
  float: right;
  margin: 4px 4px 0 0;
  background: #fff;
  color: #000;
  border-radius: 9px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  /* IE SUCKS */
}
.cropZoomIn::after,
.cropZoomIn .after {
  content: "+";
  display: block;
}
.cropZoomOut::after,
.cropZoomOut .after {
  line-height: 14px;
  font-size: 22px;
  margin-left: -1px;
  content: "-";
  display: block;
}
/*--------------------------------------------------------------------------------------------*/
.eventdownloadbutton .eventicon {
  float: right;
  width: auto;
  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;
}
/*--------------------------------------------------------------------------------------------*/
.formbuilderorderheader .panelboxwide {
  width: 100% !important;
  float: left;
}
.formbuilderorderheader .item {
  width: 31%;
  float: left;
  margin: 2px 0;
}
.formbuilderorderheader .label {
  width: 35%;
  float: left;
  font-style: italic;
}
.formbuilderorderheader .display {
  width: 59%;
  float: left;
  font-weight: bold;
}
.formbuilderorderheader .input {
  width: 59%;
  float: left;
}
.formbuilderorderheader .panelbox {
  width: 31% !important;
}
.formbuilderorderheader .panelbox .item {
  width: 100%;
  float: left;
}
.formbuilderorderheader .panelbox .label {
  width: 40%;
  float: left;
}
.formbuilderorderheader .panelbox .display {
  width: 59%;
  float: left;
}
.formbuilderorderheader .panelbox .input {
  width: 59%;
  float: left;
}
.formbuilderorderheader .submit {
  float: left;
  width: 100%;
}
.formbuilderorderheader .submit input {
  color: #fff;
  text-decoration: none;
  float: right;
  width: 90px;
  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;
  padding: 2px 5px 2px 5px;
  margin: 0 5px;
}
.formbuilderorderheader .orderheaderthinbox {
  width: 100%;
  float: left;
}
.formbuilderorderheader .orderheaderthinbox .label {
  float: left;
  margin: 0 5px;
  width: auto !important;
  font-style: italic;
}
.formbuilderorderheader .orderheaderthinbox .display {
  float: left;
  margin: 0 5px;
  width: auto !important;
  font-weight: bold;
}
.formbuilderorderheader .orderheaderthinbox .item,
.formbuilderorderheader .orderheaderthinbox .input {
  float: left;
  margin: 0 5px;
  width: auto !important;
}
/*--------------------------------------------------------*/
.orderlineproductbox .formbuilderareaitem {
  float: left;
  background-color: #fff;
  margin: 0;
  width: 100% !important;
}
.orderlineproductbox .formbuilderareaitem .ordernotebox {
  overflow: auto;
  height: 120px;
}
.orderlineproductbox .panelleft {
  float: left;
  width: 60% !important;
}
.orderlineproductbox .panelright {
  float: left;
  width: 40% !important;
}
.orderlineproductbox .panelfull {
  float: left;
  width: 100% !important;
}
.orderlineproductbox .reporttablebox {
  overflow: hidden;
}
.orderlineproductbox .formbuilderareaitem .areatypes.orderlineproductbox {
  width: 97% !important;
  height: 160px;
  margin: 3px 1%;
  overflow-y: auto;
  overflow-x: hidden;
}
.orderlineproductbox .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.orderlineproductbox .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.orderlineproductbox .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.orderlineproductbox .formbuilderareaitem .tabbox {
  float: left;
}
.orderlineproductbox .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.orderlineproductbox .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.orderlineproductbox .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.orderlineproductbox .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.orderlineproductbox .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.orderlineproductbox .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.orderlineproductbox .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.orderlineproductbox .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.orderlineproductbox .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.orderlineproductbox .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.orderlineproductbox .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.orderlineproductbox .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.orderlineproductbox .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.orderlineproductbox .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.orderboldtitle .item .label {
  font-size: 16px;
}
.orderboldtitle .item .display {
  font-size: 18px;
}
.orderlineproductbox .formbuilderareaitem .item {
  float: left;
  width: auto;
  margin: 2px 0;
}
.orderlineproductbox .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.orderlineproductbox .formbuilderareaitem .item .label {
  float: left;
  width: auto;
  margin: 2px 5px 0 5px;
  padding: 2px 3px;
  font-style: italic;
}
.orderlineproductbox .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.orderlineproductbox .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.orderlineproductbox .orderlinehistory {
  float: right !important;
  margin: 0 15px 0 0 !important;
}
.orderlineproductbox .formbuilderareaitem .item .labeltext {
  float: left;
  width: 360px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.orderlineproductbox .formbuilderareaitem .item .display {
  float: left;
  width: auto;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.orderlineproductbox .formbuilderareaitem .orderlinemoney span {
  width: auto !important;
}
.orderlineproductbox .formbuilderareaitem .item input,
.orderlineproductbox .formbuilderareaitem .item textarea {
  float: left;
  width: auto;
  margin: 0 5px 0 0;
}
.orderlineproductbox .formbuilderareaitem .item textarea {
  height: 50px;
}
.orderlineproductbox .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.orderlineproductbox .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.orderlineproductbox .formbuilderareaitem .item .inputshort {
  float: left;
  width: 315px;
}
.orderlineproductbox .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.orderlineproductbox .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.orderlineproductbox .formbuilderareaitem .item select {
  float: left;
}
.orderlineproductbox .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.orderlineproductbox .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.orderlineproductbox .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.orderlineproductbox .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.orderlineproductbox .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.orderlineproductbox .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.orderlineproductbox .submit {
  float: left;
  width: 100%;
}
.orderlineproductbox .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.orderlineproductbox .formbuildernotes {
  float: left;
  width: 100%;
}
.orderlineproductbox .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 10px 1%;
}
.orderlineproductbox .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.orderlineproductbox .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.orderlineproductbox .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
  height: 100px;
}
.orderlineproductbox .formbuildernotes .notecount .box .date {
  color: #2f639a;
  padding: 3px 0;
  width: 100%;
  text-align: center;
}
.orderlineproductbox .formbuildernotes .notecount .box img {
  margin: 5px;
}
.orderlineproductbox .formbuildernotes .notecount .box .username {
  color: #2f639a;
  padding: 3px 0;
  width: 100%;
  text-align: center;
}
.orderlineproductbox .formbuildernotes .notecount .textpanel {
  float: left;
  flex: 1;
  border: 1px solid #e6e6e6;
  min-height: 100px;
  font-weight: bold;
}
.orderlineproductbox .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.orderlineproductbox .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
}
.orderlineproductbox .formbuildernotes .noteeditor .notebuttonbox {
  float: left;
  width: 100%;
  cursor: pointer;
}
.orderlineproductbox .formbuildernotes .noteeditor .notebuttonbox:hover {
  background-color: #eeeeee;
}
.orderlineproductbox .formbuildernotes .noteeditor .label {
  float: left;
  margin: 3px 0 0 0;
}
.orderlineproductbox .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.orderlineproductbox .formbuildernotes .noteeditor textarea {
  float: left;
  width: 100%;
}
.orderlineproductbox .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.orderlineproductbox .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.orderlineproductbox .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.orderlineproductbox .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.orderlineproductbox .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.orderlineproductbox .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.orderlineproductbox .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.orderlineproductbox .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.orderlineproductbox .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.orderlineproductbox .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.orderlineproductbox .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.orderlineproductbox .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.orderlineproductbox .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.orderlineproductbox .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.orderlineproductbox .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuildermainareaorder .formbuilderareaitem {
  float: left;
  background-color: #fff;
  margin: 0;
  width: 100%;
}
.formbuildermainareaorder .panelleft {
  float: left;
  width: 60% !important;
}
.formbuildermainareaorder .panelright {
  float: left;
  width: 40% !important;
}
.formbuildermainareaorder .panelfull {
  float: left;
  width: 100% !important;
}
.formbuildermainareaorder .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.formbuildermainareaorder .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainareaorder .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildermainareaorder .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainareaorder .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainareaorder .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainareaorder .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildermainareaorder .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuildermainareaorder .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuildermainareaorder .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuildermainareaorder .formbuilderareaitem .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainareaorder .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.formbuildermainareaorder .formbuilderareaitem .item .label {
  float: left;
  width: 30%;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuildermainareaorder .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuildermainareaorder .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainareaorder .formbuilderareaitem .item .labeltext {
  float: left;
  width: 59%;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuildermainareaorder .formbuilderareaitem .item .display {
  float: left;
  width: 59%;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuildermainareaorder .formbuilderareaitem .item input,
.formbuildermainareaorder .formbuilderareaitem .item textarea {
  float: left;
  width: 59%;
}
.formbuildermainareaorder .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuildermainareaorder .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainareaorder .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareaorder .formbuilderareaitem .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareaorder .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareaorder .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainareaorder .formbuilderareaitem .item select {
  float: left;
  width: 59%;
}
.formbuildermainareaorder .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainareaorder .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainareaorder .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildermainareaorder .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainareaorder .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuildermainareaorder .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainareaorder .submit {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuildermainareaorder .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainareaorder .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainareaorder .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainareaorder .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildermainareaorder .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainareaorder .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainareaorder .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainareaorder .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainareaorder .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainareaorder .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainareaorder .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainareaorder .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainareaorder .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainareaorder .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareaorder .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainareaorder .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainareaorder .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuildermainareaorder .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainareaorder .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainareaorder .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainareaorder .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainareaorder .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainareaorder .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.formbuildermainarealong {
  float: left;
  width: 98%;
  margin: 10px 1%;
  font-family: fontfacetwo !important;
}
.formbuildermainarealong .formbuilderareaitem {
  float: left;
  background-color: #fff;
  margin: 0;
  width: 100% !important;
}
.formbuildermainarealong .panelleft {
  float: left;
  width: 60% !important;
}
.formbuildermainarealong .panelright {
  float: left;
  width: 40% !important;
}
.formbuildermainarealong .panelfull {
  float: left;
  width: 100% !important;
}
.formbuildermainarealong .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.formbuildermainarealong .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainarealong .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildermainarealong .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainarealong .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainarealong .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainarealong .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildermainarealong .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildermainarealong .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildermainarealong .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuildermainarealong .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuildermainarealong .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuildermainarealong .formbuilderareaitem .item {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.formbuildermainarealong .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.formbuildermainarealong .formbuilderareaitem .item .label {
  float: left;
  width: 150px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #fff;
  font-size: 14px;
  border-bottom: 1px dashed #e2e2e2;
}
.formbuildermainarealong .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #fff;
  height: 15px;
}
.formbuildermainarealong .formbuilderareaitem .fullcheckbox {
  margin: 10px 0 0 0;
}
.formbuildermainarealong .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainarealong .formbuilderareaitem .item .labeltext {
  float: left;
  width: 360px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuildermainarealong .formbuilderareaitem .item .display {
  float: left;
  width: 360px;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuildermainarealong .formbuilderareaitem .item input,
.formbuildermainarealong .formbuilderareaitem .item textarea {
  float: left;
  width: 360px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 2px 3px;
  margin: 3px 0 0 0;
}
.formbuildermainarealong .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuildermainarealong .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainarealong .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainarealong .formbuilderareaitem .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainarealong .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainarealong .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainarealong .formbuilderareaitem .item select {
  float: left;
  width: 364px;
  margin: 2px 0 0 0;
}
.formbuildermainarealong .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainarealong .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainarealong .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildermainarealong .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainarealong .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuildermainarealong .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainarealong .submit {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
}
.formbuildermainarealong .submit input {
  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;
  font-family: 'Montserrat', sans-serif;
  margin: 20px 0 0 200px;
  float: left;
  border-radius: 0;
  border: 0;
}
.formbuildermainarealong .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainarealong .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainarealong .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainarealong .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainarealong .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainarealong .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildermainarealong .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainarealong .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainarealong .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainarealong .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainarealong .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainarealong .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainarealong .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainarealong .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainarealong .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainarealong .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainarealong .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainarealong .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainarealong .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainarealong .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuildermainarealong .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainarealong .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainarealong .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainarealong .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainarealong .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainarealong .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------------------------------------------*/
.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.eventeditpencilbutton {
  width: auto !important;
  margin: 2px 0 0 0 !important;
  float: right !important;
}
/*--------------------------------------------------------------------------------------------*/
.baseformmobile .formbuilderareaitem {
  float: left;
  width: 100%;
  background-color: #fff;
  margin: 0;
}
.baseformmobile .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 0;
  background-color: #33353A;
  color: #fff;
  width: 100%;
}
.baseformmobile .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.baseformmobile .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.baseformmobile .formbuilderareaitem .tabbox {
  float: left;
}
.baseformmobile .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.baseformmobile .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.baseformmobile .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.baseformmobile .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 100%;
}
.baseformmobile .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
  margin-top: 6px;
}
.baseformmobile .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.baseformmobile .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  text-align: center;
  width: 130px;
  padding: 3px;
  background-color: #c8c6c6;
  color: #000;
  margin: 0 0 0 10px;
  border-radius: 5px 5px 0 0;
  position: relative;
  border-bottom: 1px solid #fff;
}
.baseformmobile .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #fff;
  color: #33353A;
  border-top: 1px solid #c8c6c6;
  border-left: 1px solid #c8c6c6;
  border-right: 1px solid #c8c6c6;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
.baseformmobile .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
  border-top: 1px solid #c8c6c6;
}
.baseformmobile .formbuilderareaitem .item {
  float: left;
  width: 99%;
  margin: 2px 0.5%;
}
.baseformmobile .formbuilderareaitem .item .label {
  float: left !important;
  width: 98% !important;
  background-color: #fff;
  padding: 2px 0 3px 0;
  color: #333;
  height: auto !important;
}
.baseformmobile .formbuilderareaitem .item .display {
  float: left;
  width: 100%;
  font-weight: bold;
  height: 15px;
  padding: 3px 0 2px 5px;
  border-bottom: 1px dashed #e6e6e6;
}
.baseformmobile .formbuilderareaitem .item input {
  float: left;
  width: 100%;
  border: 1px dashed #63A2E3;
  margin: 3px 0;
}
.baseformmobile .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: 100% !important;
  margin: 3px 0;
  border: 0;
}
.baseformmobile .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.baseformmobile .formbuilderareaitem .item .inputshort {
  float: left;
  width: 75%;
}
.baseformmobile .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 80%;
  margin: 0 0 0 5px;
}
.baseformmobile .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.baseformmobile .formbuilderareaitem .item select {
  float: left;
  width: 100%;
  border: 1px dashed #63A2E3;
  margin: 3px 0;
}
.baseformmobile .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.baseformmobile .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.baseformmobile .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.baseformmobile .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.baseformmobile .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.baseformmobile .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.baseformmobile .submit {
  float: left;
  width: 100%;
}
.baseformmobile .submit input {
  float: left;
  width: 98%;
  margin: 5px 0.5%;
  text-decoration: none;
  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: 0;
  border: 1px solid #333;
  padding: 5px 0 5px 0;
  color: #fff;
}
.baseformmobile .eventdownloadbutton .eventicon {
  float: left;
  width: 98%;
  margin: 5px 0.5%;
  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;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  border-radius: 0;
  border: 0;
}
.baseformmobile .formbuildernotes {
  float: left;
  width: 100%;
}
.baseformmobile .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.baseformmobile .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.baseformmobile .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.baseformmobile .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.baseformmobile .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
  text-align: left;
}
.baseformmobile .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.baseformmobile .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.baseformmobile .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.baseformmobile .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.baseformmobile .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.baseformmobile .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.baseformmobile .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.baseformmobile .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.baseformmobile .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.baseformmobile .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.baseformmobile .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.baseformmobile .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.baseformmobile .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.baseformmobile .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.baseformmobile .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.baseformmobile .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.baseformmobile .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.baseformmobile .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.baseformmobile .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------*/
.formbuildermainflex .formbuilderareaitem {
  float: left;
  background-color: #fff;
  margin: 0;
  width: 100% !important;
}
.formbuildermainflex .panelleft {
  float: left;
  width: 60% !important;
}
.formbuildermainflex .panelright {
  float: left;
  width: 40% !important;
}
.formbuildermainflex .panelfull {
  float: left;
  width: 100% !important;
}
.formbuildermainflex .formbuilderareaitem .title {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #fff;
}
.formbuildermainflex .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuildermainflex .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
  background-color: #fff;
}
.formbuildermainflex .formbuilderareaitem .tabbox {
  float: left;
}
.formbuildermainflex .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuildermainflex .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuildermainflex .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuildermainflex .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuildermainflex .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainflex .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuildermainflex .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuildermainflex .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuildermainflex .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuildermainflex .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuildermainflex .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuildermainflex .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuildermainflex .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuildermainflex .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuildermainflex .formbuilderareaitem .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainflex .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
}
.formbuildermainflex .formbuilderareaitem .item .label {
  float: left;
  width: 35%;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuildermainflex .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuildermainflex .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainflex .formbuilderareaitem .item .labeltext {
  float: left;
  width: 60%;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuildermainflex .formbuilderareaitem .item .display {
  float: left;
  width: 60%;
  font-weight: bold;
  height: 15px;
  padding: 2px 3px;
  border-bottom: 1px solid #e6e6e6;
}
.formbuildermainflex .formbuilderareaitem .item input,
.formbuildermainflex .formbuilderareaitem .item textarea {
  float: left;
  width: 60%;
}
.formbuildermainflex .formbuilderareaitem .item textarea {
  height: 50px;
}
.formbuildermainflex .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuildermainflex .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainflex .formbuilderareaitem .item .inputshort {
  float: left;
  width: 50%;
}
.formbuildermainflex .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  width: 40% !important;
  margin: 0 0 0 5px;
}
.formbuildermainflex .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
}
.formbuildermainflex .formbuilderareaitem .item select {
  float: left;
  width: 60%;
}
.formbuildermainflex .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuildermainflex .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuildermainflex .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuildermainflex .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuildermainflex .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 60%;
  margin: 2px 5px 0 0;
}
.formbuildermainflex .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuildermainflex .submit {
  float: left;
  width: 100%;
}
.formbuildermainflex .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuildermainflex .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuildermainflex .formbuildernotes .note {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.formbuildermainflex .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuildermainflex .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.formbuildermainflex .formbuildernotes .notecount .box {
  float: left;
  margin: auto;
  width: 100px;
}
.formbuildermainflex .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuildermainflex .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuildermainflex .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuildermainflex .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuildermainflex .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuildermainflex .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuildermainflex .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuildermainflex .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuildermainflex .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuildermainflex .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuildermainflex .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuildermainflex .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainflex .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuildermainflex .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuildermainflex .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuildermainflex .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuildermainflex .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuildermainflex .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuildermainflex .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuildermainflex .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuildermainflex .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*--------------------------------------------------------*/
.formbuilderflexbox {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuilderareaitem {
  float: left;
  width: 100%;
}
.formbuilderflexbox .panelleft {
  float: left;
  width: 60% !important;
}
.formbuilderflexbox .panelright {
  float: left;
  width: 40% !important;
}
.formbuilderflexbox .panelfull {
  float: left;
  width: 100% !important;
}
.formbuilderflexbox .formbuilderareaitem .title {
  float: left;
  background-color: #5f9fe0;
  color: #fff;
  width: 100%;
}
.formbuilderflexbox .formbuilderareaitem .title span {
  float: left;
  margin: 2px 5px;
}
.formbuilderflexbox .formbuilderareaitem .area {
  float: left !important;
  width: 100%;
}
.formbuilderflexbox .formbuilderareaitem .tabbox {
  float: left;
}
.formbuilderflexbox .formbuilderareaitem .text {
  float: left;
  font-size: 12px;
  background-color: #fff;
}
.formbuilderflexbox .formbuilderareaitem .spacer {
  float: left;
  width: 100%;
  height: 2px;
  padding: 2px 0;
  margin: 2px 0;
  background-color: #2f639a;
}
.formbuilderflexbox .formbuilderareaitem .formbuilderareadrop {
  float: left;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainertitle {
  float: left;
  width: 95%;
  margin: 5px 10px;
  height: 20px;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainertitle .tabnavbuttonleft {
  float: left;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainertitle .tabnavbuttonright {
  float: right;
  width: auto;
  color: #fff;
  padding: 3px 5px;
  background-color: #000;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainer {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainertitle select {
  float: left;
  width: 50%;
  margin: 2px 0 5px 0;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainertitle .tabtitle {
  float: left;
  min-width: 120px;
  border-radius: 5px 5px 0 0;
  background-color: #333;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff6a00;
  margin: 0;
}
.formbuilderflexbox .formbuilderareaitem .tabcontainertitle .tabtitle.selected {
  background-color: #ff6a00;
  color: #fff;
  border: 1px solid #ff6a00;
}
.formbuilderflexbox .formbuilderareaitem .tabcontaineritem {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuilderareaitem .navcontainertitle .navtitle {
  float: left;
  padding: 2px 6px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ff6a00;
  margin: 2px;
}
.formbuilderflexbox .formbuilderareaitem .navcontainertitle {
  float: left;
  width: 100%;
  margin: 0 3px;
}
.formbuilderflexbox .navfixed .tabcontainer {
  min-height: 200px;
}
.submithide .submit {
  display: none;
}
.formbuilderflexbox .formbuilderareaitem .item {
  float: left;
  width: 100%;
  display: flex;
  margin: 2px 0;
}
.formbuilderflexbox .formbuilderareaitem .item .icon {
  float: left;
  cursor: pointer;
  flex: 1;
}
.formbuilderflexbox .formbuilderareaitem .item .label {
  float: left;
  width: 100%;
  flex: 1;
}
.formbuilderflexbox .formbuilderareaitem .item .htmliconbox {
  float: left;
  border: 1px solid #535353;
  width: 100%;
}
.formbuilderflexbox .formbuilderareaitem .item .htmlicon {
  float: left;
  background-image: url(/Resource/Images/Sprite/20x20_Hub.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  cursor: pointer;
}
.formbuilderflexbox .eventcolor {
  display: flex;
  float: left;
  width: 100%;
}
.formbuilderflexbox .eventcolor .label {
  flex: 3;
  float: left;
}
.formbuilderflexbox .eventcolor input {
  flex: 6;
  float: left;
}
.formbuilderflexbox .formbuilderareaitem .item .inputicon {
  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;
  border: 1px dashed #000;
  padding: 5px;
  width: calc(100% - 10px);
  overflow: hidden;
}
.formbuilderflexbox .formbuilderareaitem .item .inputicon {
  flex: 5;
}
.formbuilderflexbox .formbuilderareaitem .item .inputicon .styleedit {
  float: left;
  width: calc(100% - 40px);
  min-height: 20px;
}
.formbuilderflexbox .formbuilderareaitem .item .inputicon .styleicon {
  width: 20px;
  height: 20px;
  margin: 2px 0 0 95%;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  z-index: 10;
  border: 1px solid #000;
}
.formbuilderflexbox .formbuilderareaitem .item .titletext {
  flex: 5;
  /*padding: 5px;
    margin: 0 5px;*/
}
.formbuilderflexbox .formbuilderareaitem .item .eventicon {
  margin: 0 15px;
}
.formbuilderflexbox .formbuilderareaitem .item .eventiconbox {
  flex: 1;
}
.formbuilderflexbox .formbuilderareaitem .fullcheckbox .label {
  float: right !important;
  width: 95% !important;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
  height: 15px;
}
.formbuilderflexbox .formbuilderareaitem .fullcheckbox input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuilderflexbox .formbuilderareaitem .item .labeltext {
  float: left;
  width: 360px;
  margin: 0 5px;
  padding: 2px 3px;
  background-color: #e6e6e6;
}
.formbuilderflexbox .formbuilderareaitem .item .display {
  float: left;
  flex: 6;
}
.formbuilderflexbox .formbuilderareaitem .item .input,
.formbuilderflexbox .formbuilderareaitem .item textarea {
  float: left;
  flex: 6;
  /*border-radius: 0;
    border: 0px solid #ccc !important;    
    padding: 0 5px;*/
}
.formbuilderflexbox .formbuilderareaitem .item .displayicon {
  float: left;
  flex: 5;
}
.formbuilderflexbox .formbuilderareaitem .item .displayicon svg {
  width: 30px;
}
.formbuilderflexbox .formbuilderareaitem .item .inputsmall {
  float: left;
  flex: 5;
  border-radius: 5px;
}
.formbuilderflexbox .formbuilderareaitem .item textarea {
  height: 50px;
  flex: 6;
  border-radius: 5px;
}
.formbuilderflexbox .formbuilderareaitem .item input[type='checkbox'] {
  float: left;
  width: auto !important;
}
.formbuilderflexbox .formbuilderareaitem .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
  flex: 2;
}
.formbuilderflexbox .formbuilderareaitem .item .inputshort {
  float: left;
  width: 315px;
  flex: 5;
  border-radius: 5px;
}
.formbuilderflexbox .formbuilderareaitem .item select[class*="dropdownfilter"] {
  float: left;
  flex: 3;
}
.formbuilderflexbox .formbuilderareaitem .item .multiinput {
  float: left;
  background: url(/Resource/Images/dot.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 3px;
  flex: 1;
}
.formbuilderflexbox .formbuilderareaitem .item select {
  float: left;
  flex: 6;
}
.formbuilderflexbox .formbuilderareaitem .item .time {
  margin: 2px 0 0 0;
  width: 50px;
}
.formbuilderflexbox .formbuilderareaitem .item .label.time {
  margin: 2px 0 0 5px;
  width: 10px;
  background-color: #fff;
  font-weight: bold;
}
.formbuilderflexbox .formbuilderareaitem .item .timevalue {
  margin: 2px 0;
  width: 65px;
}
.formbuilderflexbox .formbuilderareaitem .item .radio {
  float: left;
  width: auto;
  margin: 2px 0 0 38px;
}
.formbuilderflexbox .formbuilderareaitem .item .radiolabel {
  float: right;
  width: 430px;
  margin: 2px 5px 0 0;
}
.formbuilderflexbox .formbuilderareaitem .item .radioline {
  float: left;
  width: 100%;
  margin: 2px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.formbuilderflexbox .submit {
  float: left;
  width: 100%;
}
.formbuilderflexbox .submit input {
  float: right;
  width: auto;
  margin: 2px 5px;
  text-decoration: none;
  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 #333;
  padding: 2px 10px 2px 10px;
  color: #fff;
}
.formbuilderflexbox .formbuildernotes {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuildernotes .note {
  float: left;
  width: calc(100% - 20px);
  margin: 10px;
  background-color: transparent;
}
.formbuilderflexbox .formbuildernotes .notecount {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuildernotes .notecount .item {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 5px;
}
.formbuilderflexbox .formbuildernotes .notecount .box {
  float: left;
  flex: 1;
}
.formbuilderflexbox .formbuildernotes .notecount .textpanel {
  float: left;
  margin: auto;
  flex: 1;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  min-height: 50px;
  font-weight: bold;
}
.formbuilderflexbox .formbuildernotes .notepaging {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuildernotes .noteeditor {
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.formbuilderflexbox .formbuildernotes .noteeditor .label {
  float: left;
  width: 100%;
}
.formbuilderflexbox .formbuildernotes .noteeditor .textpanel {
  float: left;
  width: 98%;
  margin: 2px 1%;
}
.formbuilderflexbox .formbuildernotes .noteeditor textarea {
  float: left;
  width: 98%;
}
.formbuilderflexbox .formbuildernotes .noteeditor .notebutton {
  float: left;
  width: 100%;
  cursor: pointer;
}
.formbuilderflexbox .formbuildernotes .noteeditor .notebutton span {
  float: right !important;
  margin: 2px 5px;
}
.formbuilderflexbox .demographic .item {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.formbuilderflexbox .demographic .item .label {
  float: right !important;
  width: 450px !important;
  margin: 0 5px !important;
  padding: 2px 3px !important;
  background-color: #33353A !important;
  color: #fff !important;
  height: 15px !important;
}
.formbuilderflexbox .demographic .item .display {
  float: left !important;
  width: 100% !important;
  font-weight: bold !important;
  height: 15px !important;
  padding: 2px 3px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}
.formbuilderflexbox .demographic .item input[type='checkbox'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderflexbox .demographic .item input[type='radio'] {
  float: left;
  width: auto;
  margin: 2px 0 0 8px;
}
.formbuilderflexbox .demographic .item input {
  float: left;
  width: 360px;
  margin: 2px 0 0 120px;
}
.formbuilderflexbox .demographic .item select {
  float: left;
  width: 364px;
  margin: 3px 0 0 40px;
}
.formbuilderflexbox .demographic .item input[class*="dropdownfilter"] {
  float: left;
  width: 110px !important;
}
.formbuilderflexbox .demographic .item .inputshort {
  float: left;
  width: 315px;
}
.formbuilderflexbox .demographic .item select[class*="dropdownfilter"] {
  float: left;
  width: 200px !important;
  margin: 0 0 0 5px;
}
.formbuilderflexbox .demographic .item .radio {
  float: left !important;
  width: auto !important;
  margin: 2px 0 0 38px !important;
}
.formbuilderflexbox .demographic .item .radiolabel {
  float: right !important;
  width: 430px !important;
  margin: 2px 5px 0 0 !important;
}
.formbuilderflexbox .demographic .item .radioline {
  float: left !important;
  width: 100% !important;
  margin: 2px 0 !important;
  border-bottom: 1px dashed #e6e6e6;
}
/*=============================================*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #a2a2a2 !important;
  background: #0dbdff !important;
  font-weight: normal !important;
  color: #ffffff !important;
  text-align: center;
  padding: 2px;
  margin: 0;
  border-radius: 3px;
}
.ui-widget-content {
  border: 1px solid #9a9a9a !important;
  background: #47f4fd !important;
  color: #333333 !important;
  border-radius: 3px !important;
  box-shadow: rgba(150, 150, 150, 0.2) 3px 3px 4px 0px !important;
}
.ui-widget-header {
  background: #bababa !important;
  color: #333333 !important;
}
.ui-slider .ui-slider-handle {
  width: 2.2em !important;
}
/*=============================================*/
.styleeditor {
  float: left;
  width: 100%;
}
.styleeditor .topbutton {
  float: left;
  padding: 3px 5px;
  margin: 0 5px;
  background-color: #0775b5;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}
.styleeditor .topbutton:hover {
  background-color: #09a2fb;
}
.adminvirtualpagetabbox {
  float: left;
  width: calc(100% - 10px);
  display: flex;
  margin: 0 5px;
}
.adminvirtualpagetablabel {
  flex: 1;
  padding: 5px;
  background-color: #090A1B;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  margin: 0 5px -1px 5px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  z-index: 10;
}
.adminvirtualpagetablabel.selected {
  background-color: #fff;
  color: #090A1B;
}
.adminvirtualpagetab,
.adminvirtualpagebacktab {
  float: left;
  width: calc(100% - 30px);
  padding: 10px;
  margin: 0 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.adminvirtualpagetab .line,
.adminvirtualpagebacktab .line {
  width: 100%;
  float: left;
  display: flex;
  margin: 5px 0;
}
.adminvirtualpagetab .line .color-picker,
.adminvirtualpagebacktab .line .color-picker {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px solid #33353A;
}
.adminvirtualpagebacktab .line .imagebox {
  width: 650px;
  float: left;
  height: 100px;
  overflow-x: auto;
  overflow-y: hidden;
}
.adminvirtualpagebacktab .line .imagescroll {
  height: 600px;
  display: flex;
}
.adminvirtualpagebacktab .line .sliderimageitem {
  float: left;
  width: 50px;
  padding: 5px;
  flex: 1;
  cursor: pointer;
  border: 2px solid transparent;
}
.adminvirtualpagebacktab .line .sliderimageitem img {
  width: 50px;
}
.adminvirtualpagebacktab .line .sliderimageitem:hover {
  border: 2px solid #ff6a00;
}
.adminvirtualpagetab .box,
.adminvirtualpagebacktab .box {
  width: calc(100% - 10px);
  float: left;
  margin: 2px 0;
  padding: 5px;
  border: 1px solid #c9e3f6;
  background-color: #fff;
}
.adminvirtualpagetab .label,
.adminvirtualpagebacktab .label {
  float: left;
  margin: 2px 5px 2px 10px;
  font-size: 12px;
}
.adminvirtualpagetab .boxlabel,
.adminvirtualpagebacktab .boxlabel {
  float: left;
  width: calc(100% - 20px);
  font-size: 12px;
  background-color: #e5e5e5;
  color: #000;
  padding: 2px 10px;
  margin-bottom: 5px;
}
.adminvirtualpagetab .button,
.adminvirtualpagebacktab .button {
  float: right;
  margin: 2px 5px;
  font-size: 12px;
  background-color: #0063aa;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  padding: 3px 10px;
}
.adminvirtualpagetab .slider,
.adminvirtualpagebacktab .slider {
  float: left;
  width: calc(100% - 30px);
  font-size: 14px;
  margin: 0 20px 0 10px;
}
.adminvirtualpagetab .select,
.adminvirtualpagebacktab .select {
  float: left;
  width: 100%;
  font-size: 12px;
}
.adminvirtualpagetab .rotate,
.adminvirtualpagebacktab .rotate {
  /*width: 79px; 
    height: 50px; 
    position: absolute; 
    vertical-align: middle; 
    margin-top: 50px; margin-left: -114px; 
    border: 0px; 
    background: none; 
    font: bold 30px Arial; 
    text-align: center; 
    color: rgb(34, 34, 34); 
    padding: 0px; 
    -webkit-appearance: none;*/
}
.adminvirtualpagetab .rotatebox,
.adminvirtualpagebacktab .rotatebox {
  float: left;
}
.styleeditorpanellist {
  float: left;
  width: 100%;
  background-color: #fff;
}
.styleeditorpanellist .row {
  display: flex;
  float: left;
  width: 100%;
  margin: 5px 0;
  padding: 5px 0;
  cursor: pointer;
}
.styleeditorpanellist .row:hover {
  background-color: #eee;
}
.styleeditorpanellist .pad {
  flex: 1;
}
.styleeditorpanellist .panel {
  flex: 2;
}
/*====================================================================*/
.htmleditor {
  float: left;
  width: calc(100% - 44px);
  margin: 10px 20px;
  border: 2px solid #000;
  background-color: #fff;
  min-height: 200px;
}
.htmleditorbox {
  float: left;
  width: calc(100% - 44px);
  margin: 10px 20px;
  border: 2px solid #000;
  background-color: #292929;
}
.htmleditorbox span {
  float: left;
  margin: 5px 10px;
  padding: 2px 5px;
  color: #000;
  background-color: #ccc;
  border-radius: 5px;
}
.editordivdisplay {
  float: left;
  width: calc(100% - 20px);
  min-height: 10px;
  border: 1px solid #ccc;
  margin: 10px;
}
.htmleditortoolbox {
  width: auto;
  position: absolute;
  display: none;
  background-color: #000;
}
.htmleditortoolbox span {
  float: left;
  margin: 5px 10px;
  padding: 2px 5px;
  color: #000;
  background-color: #ccc;
  border-radius: 5px;
}
.htmleditorinput {
  float: left;
  width: calc(100% - 20px);
  margin: 10px;
  display: flex;
  display: none;
}
.htmleditorinput input {
  flex: 5;
}
.htmleditorinput span {
  flex: 1;
  text-align: center;
  padding: 3px 10px;
  background-color: #000;
  margin: 0 20px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
#PopupPanelHtmlEditorContent .trumbowyg-box {
  width: 100%;
  height: 507px;
  border-radius: 0 0 0 8px;
}
.trumbowyg-dropdown {
  max-height: 500px;
  overflow: auto;
}