@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,200,300,400,700");
@font-face {
  font-family: "ps-gliphs";
  src: url("../fonts/ps-glyphs/ps-gliphs.eot");
  src: url("../fonts/ps-glyphs/ps-gliphs.eot?#iefix") format("embedded-opentype"), url("../fonts/ps-glyphs/ps-gliphs.woff") format("woff"), url("../fonts/ps-glyphs/ps-gliphs.ttf") format("truetype"), url("../fonts/ps-glyphs/ps-gliphs.svg#ps-gliphs") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=ps-ico-][data-icon]:before {
  font-family: "ps-gliphs" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=ps-ico-]:before,
[class*=" ps-ico-"]:before {
  font-family: "ps-gliphs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ps-ico-24h:before {
  content: "a";
}

.ps-ico-add:before {
  content: "b";
}

.ps-ico-alert:before {
  content: "c";
}

.ps-ico-arrow-down:before {
  content: "d";
}

.ps-ico-arrow-left:before {
  content: "e";
}

.ps-ico-arrow-right:before {
  content: "f";
}

.ps-ico-arrow-up:before {
  content: "g";
}

.ps-ico-bell:before {
  content: "h";
}

.ps-ico-calendar:before {
  content: "i";
}

.ps-ico-call-center:before {
  content: "j";
}

.ps-ico-chat:before {
  content: "k";
}

.ps-ico-check:before {
  content: "l";
}

.ps-ico-checkbox:before {
  content: "m";
}

.ps-ico-close:before {
  content: "n";
}

.ps-ico-close-rounded:before {
  content: "o";
}

.ps-ico-credit-card:before {
  content: "p";
}

.ps-ico-dollar-sign:before {
  content: "q";
}

.ps-ico-doubt:before {
  content: "r";
}

.ps-ico-download:before {
  content: "s";
}

.ps-ico-facebook:before {
  content: "t";
}

.ps-ico-filter:before {
  content: "u";
}

.ps-ico-gear:before {
  content: "v";
}

.ps-ico-googleplus:before {
  content: "w";
}

.ps-ico-home:before {
  content: "x";
}

.ps-ico-information:before {
  content: "y";
}

.ps-ico-instagram:before {
  content: "z";
}

.ps-ico-linkedin:before {
  content: "A";
}

.ps-ico-magnifi-glass:before {
  content: "B";
}

.ps-ico-mail:before {
  content: "C";
}

.ps-ico-mail-open:before {
  content: "D";
}

.ps-ico-mail-send:before {
  content: "E";
}

.ps-ico-map-marker:before {
  content: "F";
}

.ps-ico-menu:before {
  content: "G";
}

.ps-ico-next:before {
  content: "H";
}

.ps-ico-phone:before {
  content: "I";
}

.ps-ico-previous:before {
  content: "J";
}

.ps-ico-printer:before {
  content: "K";
}

.ps-ico-refresh:before {
  content: "L";
}

.ps-ico-reload:before {
  content: "M";
}

.ps-ico-remove:before {
  content: "N";
}

.ps-ico-security-check:before {
  content: "O";
}

.ps-ico-shopping-cart:before {
  content: "P";
}

.ps-ico-star:before {
  content: "Q";
}

.ps-ico-tools:before {
  content: "R";
}

.ps-ico-twitter:before {
  content: "S";
}

.ps-ico-upload:before {
  content: "T";
}

.ps-ico-whatsapp:before {
  content: "U";
}

.ps-ico-youtube:before {
  content: "V";
}

.ps-ico-upload-2:before {
  content: "W";
}

.ps-ico-pencil-2:before {
  content: "W";
}

@font-face {
  font-family: "taoui";
  font-display: swap;
  src: url("../../themes/base/fonts/taoui.eot");
  src: url("../../themes/base/fonts/taoui.eot?#iefix") format("embedded-opentype"), url("../../themes/base/fonts/taoui.woff") format("woff"), url("../../themes/base/fonts/taoui.ttf") format("truetype"), url("../../themes/base/fonts/taoui.svg#taoui") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*[data-icon]:before { font-family: 'taoui'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }*/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="d-icon-"] {
*/
[class*=d-icon-] {
  font-family: "taoui" !important;
  speak: none;
  text-decoration: none !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  cursor: default;
  min-width: 1em;
}

.d-icon-zoom-in:before {
  content: "\e14d";
}

.d-icon-question-2:before {
  content: "\e0bb";
}

.d-icon-material-store:before {
  content: "\e8d1";
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

/* CSS Document */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/new_fonts/materialicons/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/new_fonts/materialicons/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/new_fonts/materialicons/MaterialIcons-Regular.woff") format("woff"), url("../fonts/new_fonts/materialicons/MaterialIcons-Regular.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
  color: rgb(255, 255, 255);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.material-icons.md-margin {
  margin: 12px;
}

.material-icons.md-rotate {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.rowCustom {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch; /* Safari 7.0+ */
  align-items: stretch;
  width: 100%;
}
.rowCustom [class*=colCustom-] {
  margin: 0 12px;
}

.rowCustom {
  -webkit-flex-direction: row; /* Safari 6.1+ */
  -moz-flex-direction: row;
  flex-direction: row;
  margin-left: -12px;
  width: calc(100% + 24px);
}

.p_colCustom-1 {
  width: calc(8.3333333333% - 24px);
}
.rowCustom.no-gap .p_colCustom-1 {
  width: calc(8.3333333333% - 0px);
}

.p_colCustom-2 {
  width: calc(16.6666666667% - 24px);
}
.rowCustom.no-gap .p_colCustom-2 {
  width: calc(16.6666666667% - 0px);
}

.p_colCustom-3 {
  width: calc(25% - 24px);
}
.rowCustom.no-gap .p_colCustom-3 {
  width: calc(25% - 0px);
}

.p_colCustom-4 {
  width: calc(33.3333333333% - 24px);
}
.rowCustom.no-gap .p_colCustom-4 {
  width: calc(33.3333333333% - 0px);
}

.p_colCustom-5 {
  width: calc(41.6666666667% - 24px);
}
.rowCustom.no-gap .p_colCustom-5 {
  width: calc(41.6666666667% - 0px);
}

.p_colCustom-6 {
  width: calc(50% - 24px);
}
.rowCustom.no-gap .p_colCustom-6 {
  width: calc(50% - 0px);
}

.p_colCustom-7 {
  width: calc(58.3333333333% - 24px);
}
.rowCustom.no-gap .p_colCustom-7 {
  width: calc(58.3333333333% - 0px);
}

.p_colCustom-8 {
  width: calc(66.6666666667% - 24px);
}
.rowCustom.no-gap .p_colCustom-8 {
  width: calc(66.6666666667% - 0px);
}

.p_colCustom-9 {
  width: calc(75% - 24px);
}
.rowCustom.no-gap .p_colCustom-9 {
  width: calc(75% - 0px);
}

.p_colCustom-10 {
  width: calc(83.3333333333% - 24px);
}
.rowCustom.no-gap .p_colCustom-10 {
  width: calc(83.3333333333% - 0px);
}

.p_colCustom-11 {
  width: calc(91.6666666667% - 24px);
}
.rowCustom.no-gap .p_colCustom-11 {
  width: calc(91.6666666667% - 0px);
}

.p_colCustom-12 {
  width: calc(100% - 24px);
}
.rowCustom.no-gap .p_colCustom-12 {
  width: calc(100% - 0px);
}

@media only screen and (min-width: 480px) {
  .m_colCustom-1 {
    width: calc(8.3333333333% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-1 {
    width: calc(8.3333333333% - 0px);
  }
  .m_colCustom-2 {
    width: calc(16.6666666667% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-2 {
    width: calc(16.6666666667% - 0px);
  }
  .m_colCustom-3 {
    width: calc(25% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-3 {
    width: calc(25% - 0px);
  }
  .m_colCustom-4 {
    width: calc(33.3333333333% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-4 {
    width: calc(33.3333333333% - 0px);
  }
  .m_colCustom-5 {
    width: calc(41.6666666667% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-5 {
    width: calc(41.6666666667% - 0px);
  }
  .m_colCustom-6 {
    width: calc(50% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-6 {
    width: calc(50% - 0px);
  }
  .m_colCustom-7 {
    width: calc(58.3333333333% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-7 {
    width: calc(58.3333333333% - 0px);
  }
  .m_colCustom-8 {
    width: calc(66.6666666667% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-8 {
    width: calc(66.6666666667% - 0px);
  }
  .m_colCustom-9 {
    width: calc(75% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-9 {
    width: calc(75% - 0px);
  }
  .m_colCustom-10 {
    width: calc(83.3333333333% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-10 {
    width: calc(83.3333333333% - 0px);
  }
  .m_colCustom-11 {
    width: calc(91.6666666667% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-11 {
    width: calc(91.6666666667% - 0px);
  }
  .m_colCustom-12 {
    width: calc(100% - 24px);
  }
  .rowCustom.no-gap .m_colCustom-12 {
    width: calc(100% - 0px);
  }
}
@media only screen and (min-width: 768px) {
  .g_colCustom-1 {
    width: calc(8.3333333333% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-1 {
    width: calc(8.3333333333% - 0px);
  }
  .g_colCustom-2 {
    width: calc(16.6666666667% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-2 {
    width: calc(16.6666666667% - 0px);
  }
  .g_colCustom-3 {
    width: calc(25% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-3 {
    width: calc(25% - 0px);
  }
  .g_colCustom-4 {
    width: calc(33.3333333333% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-4 {
    width: calc(33.3333333333% - 0px);
  }
  .g_colCustom-5 {
    width: calc(41.6666666667% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-5 {
    width: calc(41.6666666667% - 0px);
  }
  .g_colCustom-6 {
    width: calc(50% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-6 {
    width: calc(50% - 0px);
  }
  .g_colCustom-7 {
    width: calc(58.3333333333% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-7 {
    width: calc(58.3333333333% - 0px);
  }
  .g_colCustom-8 {
    width: calc(66.6666666667% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-8 {
    width: calc(66.6666666667% - 0px);
  }
  .g_colCustom-9 {
    width: calc(75% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-9 {
    width: calc(75% - 0px);
  }
  .g_colCustom-10 {
    width: calc(83.3333333333% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-10 {
    width: calc(83.3333333333% - 0px);
  }
  .g_colCustom-11 {
    width: calc(91.6666666667% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-11 {
    width: calc(91.6666666667% - 0px);
  }
  .g_colCustom-12 {
    width: calc(100% - 24px);
  }
  .rowCustom.no-gap .g_colCustom-12 {
    width: calc(100% - 0px);
  }
}
@media only screen and (min-width: 992px) {
  .gg_colCustom-1 {
    width: calc(8.3333333333% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-1 {
    width: calc(8.3333333333% - 0px);
  }
  .gg_colCustom-2 {
    width: calc(16.6666666667% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-2 {
    width: calc(16.6666666667% - 0px);
  }
  .gg_colCustom-3 {
    width: calc(25% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-3 {
    width: calc(25% - 0px);
  }
  .gg_colCustom-4 {
    width: calc(33.3333333333% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-4 {
    width: calc(33.3333333333% - 0px);
  }
  .gg_colCustom-5 {
    width: calc(41.6666666667% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-5 {
    width: calc(41.6666666667% - 0px);
  }
  .gg_colCustom-6 {
    width: calc(50% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-6 {
    width: calc(50% - 0px);
  }
  .gg_colCustom-7 {
    width: calc(58.3333333333% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-7 {
    width: calc(58.3333333333% - 0px);
  }
  .gg_colCustom-8 {
    width: calc(66.6666666667% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-8 {
    width: calc(66.6666666667% - 0px);
  }
  .gg_colCustom-9 {
    width: calc(75% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-9 {
    width: calc(75% - 0px);
  }
  .gg_colCustom-10 {
    width: calc(83.3333333333% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-10 {
    width: calc(83.3333333333% - 0px);
  }
  .gg_colCustom-11 {
    width: calc(91.6666666667% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-11 {
    width: calc(91.6666666667% - 0px);
  }
  .gg_colCustom-12 {
    width: calc(100% - 24px);
  }
  .rowCustom.no-gap .gg_colCustom-12 {
    width: calc(100% - 0px);
  }
}
.rowCustom.no-gap {
  width: 100%;
}

.rowCustom.no-gap, .rowCustom.no-gap [class*=colCustom-] {
  margin: 0;
}

.alignItens-center {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
}

.alignItens-top {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start; /* Safari 7.0+ */
  align-items: flex-start;
}

.alignItens-bottom {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end; /* Safari 7.0+ */
  align-items: flex-end;
}

.rowCustom [class*=colCustom-].box {
  margin-top: 10px;
  margin-bottom: 10px;
}

.d-panel > .d-ui-widget-content .newWizard {
  background: #fff;
  color: #333 !important;
  font-size: 14px;
  padding-top: 24px;
}
.d-panel > .d-ui-widget-content .newWizard *:not(.material-icons):not(.fa) {
  font-family: "IBM Plex Sans", sans-serif;
}
.d-panel > .d-ui-widget-content .newWizard h1 {
  font-weight: 700;
  display: none;
}
.d-panel > .d-ui-widget-content .newWizard .border-bottom {
  border-bottom: none;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-state-active, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-state-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox {
  background: none;
  border: none;
  padding: 0;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input {
  background: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  border: 1px solid #ddd;
  color: #008f9e;
  font-weight: 700;
  padding: 10.5px;
  line-height: 1.3;
  height: auto;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input::-webkit-input-placeholder, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input:-moz-placeholder, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input::-moz-placeholder, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input:-ms-input-placeholder, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input:focus, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textbox > input:disabled, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textbox > input:disabled {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #ababab !important;
  cursor: not-allowed;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textarea.d-state-hover, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textarea.d-state-hover {
  color: #008f9e;
}
.d-panel > .d-ui-widget-content .newWizard .campo.d-textarea:focus, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.d-textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.d-panel > .d-ui-widget-content .newWizard .campo.invalid-field.d-ui-widget.d-textbox > input, .d-panel > .d-ui-widget-content .newWizard .d-ui-widget.invalid-field.d-ui-widget.d-textbox > input {
  border-color: #f20c32;
  color: #f20c32;
}
.d-panel > .d-ui-widget-content .newWizard select.campo, .d-panel > .d-ui-widget-content .newWizard select {
  padding: 8px;
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 2px;
  padding-right: 32px;
  color: #008f9e;
  font-weight: bold;
}
.d-panel > .d-ui-widget-content .newWizard select.campo:disabled, .d-panel > .d-ui-widget-content .newWizard select:disabled {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #ababab !important;
  cursor: not-allowed;
}
.d-panel > .d-ui-widget-content .newWizard select.campo:focus, .d-panel > .d-ui-widget-content .newWizard select:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.d-panel > .d-ui-widget-content .newWizard .hasDatepicker input {
  max-width: calc(100% - 1px);
}
.d-panel > .d-ui-widget-content .newWizard .form-horizontal label + .d-ui-widget.d-picker, .d-panel > .d-ui-widget-content .newWizard .form-horizontal label + .d-ui-widget.d-textarea, .d-panel > .d-ui-widget-content .newWizard .form-horizontal label + .d-ui-widget.d-textbox, .d-panel > .d-ui-widget-content .newWizard .form-horizontal label + select {
  margin-top: 0;
}
.d-panel > .d-ui-widget-content .newWizard .form-horizontal .ico-link > i {
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  display: inline-block;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile .d-button[data-rel=file] {
  background: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  border: 1px solid #ddd;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.2);
  padding: 10.5px;
  line-height: 1.3;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  width: 100% !important;
  text-align: left;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile .d-button[data-rel=file]::before {
  font-family: "Material Icons";
  font-size: 21px;
  text-transform: none;
  position: absolute;
  top: 8px;
  right: 10.5px;
  content: "\e879";
  color: rgba(0, 0, 0, 0.5);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-weight: normal;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile .d-button[data-rel=file]::after {
  content: "Insira uma imagem";
  display: inline-block;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile .d-button[data-rel=file].invalid-field {
  border-color: #f20c32;
  color: #f20c32;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile .d-button-text {
  display: none;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile [id^=product_img_holder] {
  display: inline-block;
  width: 200px;
  border: 1px dashed #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-height: 38px;
  overflow: hidden;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile [id^=product_img_holder] img {
  float: left;
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile [id^=product_img_holder] .btn-remove {
  position: absolute;
  right: 0;
  top: 0;
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.d-panel > .d-ui-widget-content .newWizard .custom-inputfile [id^=product_img_holder] .btn-remove i::before {
  font-weight: 600 !important;
}
.d-panel > .d-ui-widget-content .newWizard label {
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.85rem;
}
.d-panel > .d-ui-widget-content .newWizard .accordion-tab {
  font-weight: bold;
}
.d-panel > .d-ui-widget-content .newWizard li {
  border-bottom: none !important;
  color: #333;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox {
  overflow: initial;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox .d-check-holder {
  display: none;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox input[type=checkbox] {
  display: inline-block !important;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox input[type=checkbox] + label {
  width: 24.5px;
  height: 24.5px;
  margin-right: 18px;
  position: relative;
  cursor: pointer;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox input[type=checkbox] + label::before {
  visibility: visible;
  content: "\e5ca";
  position: absolute;
  left: 0;
  width: 22.5px;
  height: 22.5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-family: "Material Icons";
  text-transform: none;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  color: #fff;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  line-height: 22px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox input[type=checkbox][checked] + label::before {
  -webkit-box-shadow: inset 0 0 0 24.5px #08ce81;
  -moz-box-shadow: inset 0 0 0 24.5px #08ce81;
  -ms-box-shadow: inset 0 0 0 24.5px #08ce81;
  box-shadow: inset 0 0 0 24.5px #08ce81;
}
.d-panel > .d-ui-widget-content .newWizard .custom-checkbox .d-checkbox.d-state-disable ~ label {
  cursor: default;
}
.d-panel > .d-ui-widget-content .newWizard .custom-switch.d-state-disable {
  opacity: 0.5;
}
.d-panel > .d-ui-widget-content .newWizard .custom-switch .d-checkbox {
  overflow: initial;
}
.d-panel > .d-ui-widget-content .newWizard .custom-switch .d-checkbox .d-check-holder {
  display: none;
}
.d-panel > .d-ui-widget-content .newWizard .custom-switch .d-checkbox input[type=checkbox] {
  display: inline-block !important;
}
.d-panel > .d-ui-widget-content .newWizard .custom-switch .d-checkbox input[type=checkbox][checked] + label::before {
  -moz-transform: translateX(120%);
  -o-transform: translateX(120%);
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
}
.d-panel > .d-ui-widget-content .newWizard .custom-switch .d-checkbox input[type=checkbox][checked] + label::after {
  content: "\e5ca";
  width: 56px;
  background: #08ce81;
  border: 1px solid #ddd;
  padding: 1px 7px;
  -moz-transition: width 0.3s ease-in;
  -webkit-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates {
  max-width: 900px;
}
.d-panel > .d-ui-widget-content .newWizard .zoom-in .btn-close {
  padding-top: 2px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-radio-template .d-radio {
  visibility: hidden;
  position: absolute;
}
.d-panel > .d-ui-widget-content .newWizard .custom-radio-template.active label.thumb-zoom::before {
  background: #00818f;
  opacity: 0.5;
}
.d-panel > .d-ui-widget-content .newWizard .custom-radio-template.active label.thumb-zoom:after {
  content: "\e5ca";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  font-family: "Material Icons";
  color: #fff;
  font-size: 30px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  background: #00d4eb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.d-panel > .d-ui-widget-content .controls {
  background: #fff;
  padding-bottom: 24px;
  text-align: right;
}
.d-panel > .d-ui-widget-content .controls.max-width {
  max-width: 960px;
}
.d-panel > .d-ui-widget-content .controls .d-button.btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.d-panel > .d-ui-widget-content .controls .d-button.btn .d-button-text {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.8rem;
}
.d-panel > .d-ui-widget-content .controls .d-button.btn.btn-primary:hover {
  color: #002e3b;
}

.summernote {
  font-family: "Source Sans Pro", sans-serif !important;
}

.d-item .d-link {
  font-size: 0.9rem;
  font-weight: normal;
}

.d-panel#sys_workspace_container {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .d-panel > .d-ui-widget-content .newWizard, .d-panel > .d-ui-widget-content .controls {
    padding-left: 20px;
    padding-right: 20px;
  }
}
label + .d-ui-widget.d-picker, label + .d-ui-widget.d-textarea, label + .d-ui-widget.d-textbox, label + select {
  margin-top: 0;
}

.loader {
  border: 4px solid #ddd;
  border-top: 4px solid #008f9e; /* Blue */
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: 6px;
  animation: spin 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
  -moz-animation: spin 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
  -webkit-animation: spin 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
  -o-animation: spin 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
}

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loader-fixed {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  text-align: center;
}
.loader-fixed .loader {
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');*/
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  background: #fff;
  color: #333;
  line-height: 1.3;
  font-weight: normal;
}

.limite {
  max-width: 992px;
  margin: auto;
}

.texto-light {
  color: rgba(0, 0, 0, 0.5);
}

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

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

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

.margin-top-bottom {
  margin: 32px 0;
  display: block;
}

.margin-bottom {
  margin-bottom: 32px;
  display: block;
}

.margin-top {
  margin-top: 32px;
  display: block;
}

.margin-right {
  margin-right: 6px;
}

.margin-10 {
  margin: 10px;
}

.padding-bottom {
  padding-bottom: 32px;
}

.border-bottom {
  border-bottom: 1px solid #efefef;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
  zoom: 1;
}

.display-flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.display-flex.align-center {
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
}
.display-flex.align-start {
  -webkit-align-items: flex-start; /* Safari 7.0+ */
  align-items: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.txt-right {
  text-align: right;
}

#ui-datepicker-div {
  z-index: 1000 !important;
}

.txt-break-all {
  word-break: break-all;
}

.header-wizard {
  background: #fff;
  width: 100%;
  padding: 20px;
  text-align: center;
  margin-bottom: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.header-wizard .logo {
  max-width: 180px;
}

.container {
  background: #fff;
  padding: 20px 20px 32px;
  margin-bottom: 50px;
}

.wizard.wraper {
  margin: auto;
  display: table;
  width: 100%;
}
.wizard .wizard-step {
  display: table-cell;
  position: relative;
  padding: 20px 10.5px 10.5px;
  text-align: center;
}
.wizard .wizard-step::before {
  background: #ddd;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 11px;
  width: 100%;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.wizard .wizard-step a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: bold;
}
.wizard .wizard-step a::before, .wizard .wizard-step a::after {
  content: "";
  position: absolute;
  display: block;
  top: -3px;
  right: -16px;
  border: solid transparent;
  border-left-color: #fff;
  border-width: 8.5px;
  z-index: 1;
}
.wizard .wizard-step a::after {
  z-index: 2;
  top: 0;
  right: -10px;
  border-left-color: #ddd;
  border-width: 5.5px;
}
.wizard .wizard-step.active::before {
  background: #008f9e;
}
.wizard .wizard-step.active a {
  color: #333;
  font-weight: bold;
  cursor: default;
}
.wizard .wizard-step.active a::after {
  border-left-color: #008f9e;
}
.wizard .wizard-step:last-child::before {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.wizard .wizard-step:last-child a::before, .wizard .wizard-step:last-child a::after {
  display: none;
}
.wizard#site-wizard {
  background: #00a6b8;
}
.wizard#site-wizard .wizard-step a {
  color: rgba(255, 255, 255, 0.8);
}
.wizard#site-wizard .wizard-step::before {
  background: #007885;
}
.wizard#site-wizard .wizard-step a::after {
  border-left-color: #007885;
}
.wizard#site-wizard .wizard-step a::before {
  border-left-color: #00a6b8;
}
.wizard#site-wizard .wizard-step.active::before {
  background: #002e3b;
}
.wizard#site-wizard .wizard-step.active a {
  color: #fff;
}
.wizard#site-wizard .wizard-step.active a::after {
  border-left-color: #002e3b;
}

.newWizard {
  padding: 0 34px;
}
.newWizard h1 {
  color: #002e3b;
  font-size: 1.4rem;
  padding: 30px 0 20px;
  font-weight: normal;
}
.newWizard > .grid-container {
  padding: 20px 0;
}

.campo {
  width: 100%;
}

.custom-select {
  width: 100%;
}

.d-field {
  margin-bottom: 32px;
  border-bottom: 0;
}
.d-field.display-flex {
  -webkit-align-items: flex-start; /* Safari 7.0+ */
  align-items: flex-start;
}
.d-field.display-flex > img {
  margin-right: 18px;
}
.d-field label {
  margin-bottom: 8px;
}
.d-field label.required::after {
  content: "*";
}
.d-field label, .d-field small {
  display: block;
}
.d-field small {
  font-size: 0.75rem;
  opacity: 0.6;
}

.d-panel .d-form .d-field {
  margin-bottom: 0;
}
.d-panel .d-form .d-field label {
  font-size: 0.9rem;
}

.campo small, .campo.d-ui-widget.d-textarea small {
  color: rgba(0, 0, 0, 0.5);
}

.campo, .campo.d-ui-widget.d-textarea {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  max-width: 100%;
  padding: 10.5px;
  outline: 0;
  -webkit-appearance: none;
  font-weight: 700;
  color: #008f9e;
  margin-bottom: 2px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.8rem;
  min-height: 41px;
}
.campo::-webkit-input-placeholder, .campo.d-ui-widget.d-textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.campo:-moz-placeholder, .campo.d-ui-widget.d-textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.campo::-moz-placeholder, .campo.d-ui-widget.d-textarea::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.campo:-ms-input-placeholder, .campo.d-ui-widget.d-textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
}
.campo.invalid-field, .campo.d-ui-widget.d-textarea.invalid-field {
  border-color: #f20c32;
  color: #f20c32;
}
.campo:disabled, .campo.d-ui-widget.d-textarea:disabled {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #ababab !important;
  cursor: not-allowed;
}

.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select::after {
  content: "\e313";
  font-family: "Material Icons";
  position: absolute;
  right: 12px;
  top: 11px;
  color: #008f9e;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
}
.custom-select select {
  position: relative;
  z-index: 1;
  background: transparent !important;
  -moz-appearance: none;
}
.custom-select select::-ms-expand {
  display: none;
}

textarea.campo, .campo.d-ui-widget.d-textarea {
  min-height: 205px;
}

.d-field[class*=colCustom] .campo {
  width: 100%;
}
.d-field[class*=colCustom] .campo.campoData, .d-field[class*=colCustom] .campo.campoData input[type=text] {
  width: 100% !important;
}

.custom-inputfile {
  position: relative;
}
.custom-inputfile .campo, .custom-inputfile .jFiler-input {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: relative;
}
.custom-inputfile .campo.active {
  color: #008f9e;
  font-weight: bold;
}
.custom-inputfile .campo::before {
  font-family: "ps-gliphs";
  font-size: 21px;
  text-transform: none;
  position: absolute;
  top: 8px;
  right: 10.5px;
  content: attr(data-icon);
  color: rgba(0, 0, 0, 0.5);
}
.custom-inputfile .jFiler-input {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.8rem;
  position: absolute;
  top: 4px;
  max-width: 100%;
}
.custom-inputfile .jFiler-input .jFiler-input-button {
  display: none;
}
.custom-inputfile .jFiler-item {
  background: #f3f3f3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-family: "IBM Plex Sans", sans-serif;
  padding: 12px 16px;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 5px;
}
.custom-inputfile .jFiler-item .jFiler-item-title {
  color: #008f9e;
  margin-bottom: 3px;
}
.custom-inputfile .jFiler-item .jFiler-item-others {
  color: rgba(0, 0, 0, 0.5);
}
.custom-inputfile .jFiler-item .jFiler-item-others .jFiler-item-status {
  display: inline-block;
}
.custom-inputfile .jFiler-item .jFiler-jProgressBar {
  height: 3px;
  margin-top: 8px;
}
.custom-inputfile .jFiler-item .jFiler-jProgressBar .bar {
  background: #008f9e;
}
.custom-inputfile .jFiler-item .jFiler-jProgressBar .bar[style*="width: 100%"] {
  display: none;
}
.custom-inputfile .jFiler-item .jFiler-item-assets {
  right: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
}
.custom-inputfile .jFiler-item .jFiler-item-assets .jFiler-item-trash-action {
  background: none;
  border: none;
}
.custom-inputfile .jFiler-item .jFiler-item-assets .jFiler-item-trash-action::before {
  font-family: "ps-gliphs";
  font-size: 21px;
  content: "N";
  color: rgba(0, 0, 0, 0.5);
  text-transform: none;
}
.custom-inputfile > input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.custom-checkbox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
  margin: 18px 0;
  position: relative;
}
.custom-checkbox label {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0;
}
.custom-checkbox input[type=checkbox] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  width: 24.5px;
  height: 24.5px;
  z-index: 1;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox] + .check-ico {
  width: 24.5px;
  height: 24.5px;
  margin-right: 18px;
  position: relative;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox] + .check-ico::before {
  visibility: visible;
  content: "\e5ca";
  position: absolute;
  left: 0;
  width: 22.5px;
  height: 22.5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-family: "Material Icons";
  text-transform: none;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  color: #fff;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  line-height: 22px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.custom-checkbox > input[type=checkbox]:checked + .check-ico::before {
  -webkit-box-shadow: inset 0 0 0 24.5px #08ce81;
  -moz-box-shadow: inset 0 0 0 24.5px #08ce81;
  -ms-box-shadow: inset 0 0 0 24.5px #08ce81;
  box-shadow: inset 0 0 0 24.5px #08ce81;
}
.custom-checkbox input[type=checkbox]:disabled + .check-ico {
  opacity: 0.5;
}
.custom-checkbox .d-checkbox.d-state-disable {
  opacity: 0.5;
}

.custom-switch {
  position: relative;
  background: #f4f4f4;
  border: 1px solid #ddd;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  width: 56px;
  height: 24px;
}
.custom-switch.d-state-disable {
  opacity: 0.5;
}
.custom-switch label {
  width: 100%;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}
.custom-switch input[type=checkbox] {
  visibility: hidden;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.custom-switch input[type=checkbox] + label::before, .custom-switch input[type=checkbox] + .switch-ico::before {
  content: "";
  display: inline-block;
  visibility: visible;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 1;
  -moz-transition: transform 0.3s ease-in;
  -webkit-transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
.custom-switch input[type=checkbox] + label::after, .custom-switch input[type=checkbox] + .switch-ico::after {
  content: "";
  font-family: "Material Icons";
  text-transform: none;
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  background: transparent;
  color: #fff;
  width: 0;
  height: 24px;
  position: absolute;
  left: -1px;
  top: -1px;
  visibility: visible;
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
.custom-switch > input[type=checkbox]:checked + .switch-ico::before {
  -moz-transform: translateX(120%);
  -o-transform: translateX(120%);
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
}
.custom-switch > input[type=checkbox]:checked + .switch-ico::after {
  content: "\e5ca";
  width: 56px;
  background: #08ce81;
  border: 1px solid #ddd;
  padding: 1px 7px;
  -moz-transition: width 0.3s ease-in;
  -webkit-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
}

/* FIELDSET */
fieldset {
  border: 1px solid #ddd;
  padding: 12px 20px;
  margin: 30px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
fieldset legend {
  text-transform: uppercase;
  color: #008f9e;
  padding: 0 8px;
  font-weight: bold;
}

.d-panel > .d-ui-widget-content fieldset .controls {
  padding: 12px 12px 8px;
  background: #f3f3f3;
  margin: 0 -20px -12px;
  width: calc(100% + 40px);
}

.controls {
  padding: 16px 34px 0 34px;
}

form > .controls {
  padding: 16px 0 0 0;
}

@media screen and (max-width: 645px) {
  .d-panel > .d-ui-widget-content .controls.inside .d-button.btn {
    min-width: 0;
  }
}
.btn {
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "IBM Plex Sans", sans-serif;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 8px 16px;
  font-size: 0.8rem;
  -webkit-appearance: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.btn .d-button-text {
  font-weight: bold;
}
.btn.btn-primary {
  background: #08ce81;
  color: #002e3b;
  border-radius: 0;
  box-shadow: none;
}
.btn.btn-primary:hover {
  background: #07b572;
  color: #002e3b;
}
.btn.btn-default {
  background: #f0f3f5;
  color: #002e3b;
}
.btn.btn-default:hover {
  background: #e1e7eb;
}
.btn.btn-nav {
  min-width: 270px;
}
.btn.btn-nav.btn-back, .btn.btn-nav.btn-next {
  position: relative;
  padding-left: 47px;
}
.btn.btn-nav.btn-back::before, .btn.btn-nav.btn-next::before {
  font-family: "Material Icons";
  font-size: 21px;
  text-transform: none;
  position: absolute;
  top: 7px;
  left: 10.5px;
  content: "\e5c4";
}
.btn.btn-nav.btn-next {
  padding-left: 10px;
  padding-right: 47px;
}
.btn.btn-nav.btn-next::before {
  right: 10.5px;
  left: auto;
  content: "\e5c8";
}
.btn.btn-full {
  width: 100%;
}
.btn.btn-lg {
  padding: 12px 16px;
}
.btn.btn-md {
  padding: 8px 16px;
}

.ps-btn.ps-btn-primary {
  width: auto;
}
.ps-btn.ps-btn-primary.ps-btn-block {
  width: 100%;
  display: block;
}
.ps-btn.ps-btn-primary:hover {
  background: #006a75;
}

.margin-bottom {
  margin-bottom: 6px;
}

.lista-produtos {
  margin-top: 12px;
}
.lista-produtos, .lista-produtos ul {
  list-style: none;
}
.lista-produtos > li > div.custom-checkbox {
  border-bottom: 1px solid #efefef;
  margin: 0;
}
.lista-produtos > li > div.custom-checkbox .d-checkbox label {
  padding: 0;
}
.lista-produtos label {
  -webkit-flex: 1; /* Safari 6.1+ */
  -moz-flex: 1;
  flex: 1;
  padding: 10px 0;
}
.lista-produtos ul {
  border-bottom: 1px solid #efefef;
}
.lista-produtos ul li {
  width: 33.3333333333%;
  display: inline-block;
  float: left;
}
.lista-produtos ul li .custom-checkbox label {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}
.lista-produtos h2 {
  color: #008f9e;
  text-transform: uppercase;
  font-size: 0.85rem;
  padding: 16px 0;
  display: inline-block;
}
.lista-produtos h2 a {
  color: #008f9e;
  text-decoration: none;
}
.lista-produtos h2 a::before {
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  content: "";
  display: inline-block;
  font-family: "ps-gliphs";
  text-transform: none;
  opacity: 0;
  line-height: 1;
}
.lista-produtos h2 a:hover::before {
  content: "d";
  margin-right: 12px;
  opacity: 1;
}
.lista-produtos h2 a.opened:hover::before {
  content: "g";
}
.lista-produtos .product-actions .btn.btn-primary {
  margin: 4px 2px 4px 0;
  float: left;
  background: none;
  background: rgba(0, 0, 0, 0.05);
  padding: 0;
  text-align: center;
  width: 38px;
  height: 38px;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.lista-produtos .product-actions .btn.btn-primary:hover {
  background: rgba(0, 0, 0, 0.1);
}
.lista-produtos .product-actions .btn.btn-primary:hover i {
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.lista-produtos .product-actions .btn.btn-primary i {
  line-height: 38px;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.lista-produtos#products_container {
  max-height: 420px;
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  overflow: auto;
}

.lista-templates {
  list-style: none;
}
.lista-templates > li {
  display: inline-block;
  width: 25%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  border-bottom: none !important;
}
.lista-templates > li .thumb-zoom {
  text-decoration: none;
  display: block;
  position: relative;
  max-width: 93%;
  -moz-transition: box-shadow 0.2s ease-out;
  -webkit-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
  margin: auto;
  color: #333;
}
.lista-templates > li .thumb-zoom img {
  width: 100%;
}
.lista-templates > li .thumb-zoom:hover {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.lista-templates > li .btn-zoom-in {
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
  color: #212121;
  padding: 0;
  margin: 2px 0;
  width: 36px;
  height: 36px;
  text-overflow: initial;
  text-align: center;
}
.lista-templates > li .btn-zoom-in:hover {
  cursor: pointer;
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background: rgba(255, 255, 255, 0.7);
}
.lista-templates > li .btn-zoom-in i {
  font-size: 18px;
  -moz-transition: font-size 0.2s ease-out;
  -webkit-transition: font-size 0.2s ease-out;
  transition: font-size 0.2s ease-out;
  cursor: pointer;
  line-height: 36px;
}
.lista-templates > li .btn-zoom-in::before {
  display: none;
}

.custom-radio-template input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.custom-radio-template label {
  cursor: pointer;
}
.custom-radio-template label::before {
  content: "";
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.custom-radio-template input[type=radio]:checked + label.thumb-zoom::before {
  background: #00818f;
  opacity: 0.5;
}
.custom-radio-template input[type=radio]:checked + label.thumb-zoom:after {
  content: "\e5ca";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  font-family: "Material Icons";
  color: #fff;
  font-size: 30px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  background: #00d4eb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.zoom-in {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  text-align: center;
  padding: 40px;
  z-index: 100;
  overflow: auto;
}
.zoom-in .zoom-in-limit {
  margin: auto;
  max-width: 1000px;
  position: relative;
}
.zoom-in img {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  width: 100%;
  display: block !important;
}
.zoom-in .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 36px;
  font-size: 18px;
  text-overflow: unset;
  height: 36px;
  color: #002e3b;
  padding: 0 !important;
  line-height: 36px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  margin: 0;
}
.zoom-in .btn-close:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #002e3b;
}
.zoom-in .btn-close i, .zoom-in .btn-close i:before {
  line-height: 36px;
}

.box-msg {
  position: fixed;
  top: 0;
  left: 0;
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 100%;
  padding: 12px 14px 14px 50px;
  background: #069c62;
  color: #fff;
  z-index: 9999;
  animation: animaMsg 7000ms linear;
  -moz-animation: animaMsg 7000ms linear;
  -webkit-animation: animaMsg 7000ms linear;
  -o-animation: animaMsg 7000ms linear;
  font-weight: normal;
  display: none;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
}
.box-msg span {
  margin-top: 6px;
  display: block;
}
.box-msg .btn.btn-close {
  background: none;
  position: absolute;
  top: 6px;
  right: 14px;
  color: #fff;
  font-size: 1.2rem;
  background: transparent;
}
.box-msg::before {
  content: "l";
  display: inline-block;
  font-family: "ps-gliphs";
  text-transform: none;
  font-size: 24px;
  font-weight: normal;
  margin-right: 24px;
  position: absolute;
  left: 14px;
  top: 6px;
}
.box-msg.msg-erro {
  background: #ee7064;
  border-bottom: 1px solid #e84c3d;
}
.box-msg.msg-erro::before, .box-msg.msg-erro .btn.btn-close {
  color: #a11d10;
}
.box-msg.msg-erro::before {
  content: "c";
}
.box-msg.msg-alerta {
  background: #ffee78;
  color: #333;
  border-bottom: 1px solid #ffee78;
}
.box-msg.msg-alerta::before, .box-msg.msg-alerta .btn.btn-close {
  color: #8a6d5b;
}
.box-msg.msg-alerta::before {
  content: "c";
}

@keyframes animaMsg {
  0% {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  5% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  95% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@media screen and (max-width: 1200px) {
  .lista-templates > li {
    width: 33.3%;
  }
}
@media screen and (max-width: 900px) {
  .lista-templates > li {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .newWizard {
    padding: 0;
  }
  .lista-templates > li {
    width: 50%;
  }
  .controls {
    padding-left: 0;
    padding-right: 0;
  }
  .btn.btn-nav {
    min-width: 0;
    width: 95%;
  }
}
@media screen and (max-width: 480px) {
  .p_colCustom-12,
  .lista-produtos ul li {
    width: 100%;
  }
}
@media screen and (max-width: 645px) {
  .btn-zoom-in {
    display: none;
  }
  .newWizard.appearance {
    height: 85vh;
  }
  .newWizard {
    margin-bottom: 70px;
  }
  .wizard.wraper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    text-align: center;
  }
  .wizard.wraper#site-wizard {
    background: none;
  }
  .wizard.wraper#site-wizard .wizard-step a::before {
    border-left-color: #fff;
  }
  .wizard.wraper .wizard-step {
    -webkit-flex: 1; /* Safari 6.1+ */
    -moz-flex: 1;
    flex: 1;
    max-width: 32%;
    padding: 0;
    list-style: none;
  }
  .wizard.wraper .wizard-step a {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
    display: inline-block;
    overflow: hidden;
    font-size: 0.75rem;
    color: transparent;
  }
  .controls {
    position: fixed;
    z-index: 30;
    background-color: #fff;
    margin: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  }
  .controls .ps-btn.ps-btn-primary {
    min-width: 0;
    margin: 6px 0;
  }
  .controls.buttons-container {
    padding: 6px 6px 4px;
  }
  .d-panel > .d-ui-widget-content fieldset .controls {
    background: #f3f3f3;
    position: static;
    padding: 12px 12px 8px !important;
  }
  .controls.inside {
    padding: 10px;
  }
  .controls > .p_colCustom-12 {
    text-align: center;
  }
  .hide-sm {
    display: none;
  }
}
.jsgrid-table {
  width: 100% !important;
}
.jsgrid-table .jsgrid-header-row > th.jsgrid-header-sort-asc:before {
  top: 16px;
}

.d-panel > .d-ui-widget-content .ps-modal-content {
  padding-bottom: 28px !important;
}
.d-panel > .d-ui-widget-content .ps-modal-foot.controls {
  padding-bottom: 14px;
}

.divCollapse ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.divCollapse .headerCollapse {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
  padding: 6px 0 6px 24px;
  position: relative;
}
.divCollapse .headerCollapse:before {
  content: "d";
  font-family: "ps-gliphs";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 18px;
  color: #002e3b;
}
.divCollapse .headerCollapse .headerCollapse-text {
  -webkit-flex: 1; /* Safari 6.1+ */
  -moz-flex: 1;
  flex: 1;
}
.divCollapse .headerCollapse a.ps-btn {
  width: 100px;
  margin-left: 6px;
}
.divCollapse .headerCollapse:hover {
  background: rgba(0, 0, 0, 0.03);
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-left: 30px;
  cursor: pointer;
}
.divCollapse .headerCollapse:hover:before {
  left: 5px;
}
.divCollapse .contentCollapse {
  display: block;
  -moz-transition: transform 0.3s ease-out;
  -webkit-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -webkit-transform-origin: top;
  transform-origin: top;
  background: #f3f3f3;
  padding: 16px 20px;
  margin-top: 1px;
}
.divCollapse .contentCollapse:not(.opened) {
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  height: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.divCollapse .contentCollapse table a.ps-btn {
  width: 100px;
  margin-left: 6px;
}

.d-panel > .d-ui-widget-content form .divCollapse > ul > li {
  border-bottom: 1px solid #ddd !important;
}

.gridAtividades {
  width: 100%;
  margin: 16px 0 8px;
}
.gridAtividades tr td, .gridAtividades tr th {
  border-bottom: 1px solid #ddd;
  padding: 6px 3px;
}

.form-title {
  font-size: 1.6rem;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}

.ps-notify {
  background: #49DB7E;
  padding: 10px 20px;
  font-weight: normal;
  color: #fff;
  font-size: 1.05rem;
}
.ps-notify p {
  margin: 0;
}
.ps-notify.ps-notify-error {
  background: #ee7064;
  color: #fff;
}
.ps-notify.ps-notify-alert {
  background: #fff3c4;
  color: #8a6d5b;
}

.table-scroll {
  max-width: 100%;
  overflow: auto;
}
.table-scroll.max-height-200 {
  max-height: 200px;
}
.table-scroll[class*=max-height] {
  padding: 8px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 5px 0;
  background: rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

.instructions .instructions-title {
  color: #008f9e;
  font-size: 1.7rem;
  font-weight: normal;
  margin: 6px 0 12px;
  padding: 4px 0;
}
.instructions ol li {
  padding: 8px 0;
}
.instructions ol li .instructions-content {
  margin: 6px 0 0 16px;
  border-top: 2px solid #eee;
  padding: 10px 0;
}

.btn.btn-outline {
  border: 1px solid #008f9e;
  color: #008f9e;
  background: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 12px;
  margin: 0;
  -moz-transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.btn.btn-outline i {
  font-size: 20px;
  margin-right: 6px;
}
.btn.btn-outline:hover {
  background: rgba(0, 143, 158, 0.1);
}

.d-panel > .d-ui-widget-content .newWizard ul.lista-modelos {
  list-style: none;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  max-height: 138px;
  overflow: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.d-panel > .d-ui-widget-content .newWizard ul.lista-modelos li {
  padding: 6px 16px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.6) !important;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.d-panel > .d-ui-widget-content .newWizard ul.lista-modelos li:hover {
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

body a.ps-btn, body button.ps-btn, body input.ps-btn, body button.ps-btn.d-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 0.8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  display: inline-block;
  font-family: "IBM Plex Sans", sans-serif;
}
body a.ps-btn, body a.ps-btn.ps-btn-primary, body a.ps-btn.ps-btn-default, body button.ps-btn, body button.ps-btn.ps-btn-primary, body button.ps-btn.ps-btn-default, body input.ps-btn, body input.ps-btn.ps-btn-primary, body input.ps-btn.ps-btn-default, body button.ps-btn.d-button, body button.ps-btn.d-button.ps-btn-primary, body button.ps-btn.d-button.ps-btn-default {
  min-width: 0;
}
body a.ps-btn .d-button-text, body button.ps-btn .d-button-text, body input.ps-btn .d-button-text, body button.ps-btn.d-button .d-button-text {
  font-size: 0.8rem;
  line-height: 1.3;
  height: auto;
}
body a.ps-btn.ps-btn-primary, body button.ps-btn.ps-btn-primary, body input.ps-btn.ps-btn-primary, body button.ps-btn.d-button.ps-btn-primary {
  background: #08ce81;
  color: #002e3b;
}
body a.ps-btn.ps-btn-primary:hover, body button.ps-btn.ps-btn-primary:hover, body input.ps-btn.ps-btn-primary:hover, body button.ps-btn.d-button.ps-btn-primary:hover {
  background: #07ba75;
}
body a.ps-btn.ps-btn-primary.btn-facebook, body button.ps-btn.ps-btn-primary.btn-facebook, body input.ps-btn.ps-btn-primary.btn-facebook, body button.ps-btn.d-button.ps-btn-primary.btn-facebook {
  color: #fff;
}
body a.ps-btn.ps-btn-default, body button.ps-btn.ps-btn-default, body input.ps-btn.ps-btn-default, body button.ps-btn.d-button.ps-btn-default {
  background: #f3f3f3;
  color: #002e3b;
}
body a.ps-btn.ps-btn-default:hover, body button.ps-btn.ps-btn-default:hover, body input.ps-btn.ps-btn-default:hover, body button.ps-btn.d-button.ps-btn-default:hover {
  background: #e9e9e9;
}

.ps-btn.ps-btn-primary .display-flex i, .ps-btn.ps-btn-primary .display-flex .icon {
  margin-right: 8px;
}

.icon-24 {
  font-size: 24px;
}

.icon-28 {
  font-size: 28px;
}

.table-list td {
  border-bottom: 1px solid #ddd;
}

#listaImagens {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}
#listaImagens li {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 40px 5px 5px;
  border: 1px solid #ddd !important;
  min-width: 40px;
}
#listaImagens li img {
  height: 130px;
}
#listaImagens li .btn-remove {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 6px 6px 3px;
  line-height: 1;
}
#listaImagens li .btn-remove i {
  font-size: 18px;
}

.table-default {
  border-spacing: 0;
  border: 1px solid #008f9e;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.table-default th, .table-default td {
  padding: 6px 12px;
}
.table-default th {
  background: #08ce81;
  color: #002e3b;
}
.table-default td {
  border-bottom: 1px solid #ddd;
}
.table-default tr.table-default-total td {
  background: #f3f3f3;
}

/* Estilo paleta cores aparencias */
.lista-templates > li, .d-panel > .d-ui-widget-content .newWizard .lista-templates > li {
  min-height: 250px;
}
.lista-templates .paleta, .d-panel > .d-ui-widget-content .newWizard .lista-templates .paleta {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 93%;
  margin: 3px auto;
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
  list-style: none;
}
.lista-templates .paleta li, .d-panel > .d-ui-widget-content .newWizard .lista-templates .paleta li {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  margin-right: 5px;
  cursor: pointer;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.7;
}
.lista-templates .paleta li:hover, .d-panel > .d-ui-widget-content .newWizard .lista-templates .paleta li:hover {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.lista-templates .paleta li.selecionada, .d-panel > .d-ui-widget-content .newWizard .lista-templates .paleta li.selecionada {
  border: 2px solid rgba(0, 0, 0, 0.4) !important;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.lista-templates .btn-config-banner, .d-panel > .d-ui-widget-content .newWizard .lista-templates .btn-config-banner {
  display: inline-block;
  position: absolute;
  right: 13px;
  top: 172px;
  background: rgba(0, 46, 59, 0.7);
  padding: 0;
  width: 38px;
  height: 38px;
  border: 2px solid #002e3b;
  border-radius: 50px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 30px;
  transition: all 0.2s ease-out;
}
.lista-templates .btn-config-banner:hover, .d-panel > .d-ui-widget-content .newWizard .lista-templates .btn-config-banner:hover {
  transform: scale(1.05);
  background: #002e3b;
}
.lista-templates .btn-config-banner, .lista-templates .btn-config-banner i, .lista-templates .btn-config-banner i:before, .d-panel > .d-ui-widget-content .newWizard .lista-templates .btn-config-banner, .d-panel > .d-ui-widget-content .newWizard .lista-templates .btn-config-banner i, .d-panel > .d-ui-widget-content .newWizard .lista-templates .btn-config-banner i:before {
  color: #002e3b;
  font-size: 18px;
  cursor: pointer;
}

.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template,
.lista-templates .custom-radio-template {
  position: relative;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .thumb-zoom,
.lista-templates .custom-radio-template .thumb-zoom {
  background: rgba(0, 0, 0, 0.05);
  min-height: 150px;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-reset.d-checkbox,
.lista-templates .custom-radio-template > .d-reset.d-checkbox {
  overflow: initial;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template:before,
.lista-templates .custom-radio-template:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #008f9e;
  border-top: 3px solid #002e3b;
  animation: anim-spin 1s infinite;
  -moz-animation: anim-spin 1s infinite;
  -webkit-animation: anim-spin 1s infinite;
  -o-animation: anim-spin 1s infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -o-transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
@-webkit-keyframes anim-spin {
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes anim-spin {
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes anim-spin {
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes anim-spin {
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile,
.lista-templates .custom-radio-template .custom-inputfile {
  margin-bottom: 3px;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile .adicionarImagem,
.lista-templates .custom-radio-template .custom-inputfile .adicionarImagem {
  /*position: absolute !important;
  left: 3.5%;
  right: 3.5%;
  bottom: 0;*/
  width: calc(100% - 8px) !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  margin: 0 4px;
  padding: 1px 18px 1px 20px;
  color: #08ce81;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.9;
  letter-spacing: -0.4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile .adicionarImagem:before,
.lista-templates .custom-radio-template .custom-inputfile .adicionarImagem:before {
  left: 4px;
  top: 50%;
  font-size: 14px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile .adicionarImagem .d-button-text,
.lista-templates .custom-radio-template .custom-inputfile .adicionarImagem .d-button-text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  float: left;
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: none;
  font-weight: normal;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile .adicionarImagem:hover,
.lista-templates .custom-radio-template .custom-inputfile .adicionarImagem:hover {
  background: #eee;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile .removerImagem,
.lista-templates .custom-radio-template .custom-inputfile .removerImagem {
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 6px;
  top: 2px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #008f9e;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template .custom-inputfile .removerImagem .ps-ico-remove:before,
.lista-templates .custom-radio-template .custom-inputfile .removerImagem .ps-ico-remove:before {
  font-weight: bold !important;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox,
.lista-templates .custom-radio-template > .d-checkbox {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox.d-state-active + .campos-img-fundo-aparencias,
.lista-templates .custom-radio-template > .d-checkbox.d-state-active + .campos-img-fundo-aparencias {
  display: block;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox .d-check-holder:before,
.lista-templates .custom-radio-template > .d-checkbox .d-check-holder:before {
  font-family: "Material Icons";
  content: "\e412";
  font-size: 16px;
  background: #08ce81;
  color: #002e3b;
  padding: 0;
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  text-align: center;
  line-height: 26px;
  border: 2px solid #002e3b;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox.d-state-hover, .d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox:hover,
.lista-templates .custom-radio-template > .d-checkbox.d-state-hover,
.lista-templates .custom-radio-template > .d-checkbox:hover {
  cursor: pointer;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox.d-state-hover .d-check-holder:hover, .d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox:hover .d-check-holder:hover,
.lista-templates .custom-radio-template > .d-checkbox.d-state-hover .d-check-holder:hover,
.lista-templates .custom-radio-template > .d-checkbox:hover .d-check-holder:hover {
  cursor: pointer;
}
.d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox.d-state-hover .d-check-holder:before, .d-panel > .d-ui-widget-content .newWizard .lista-templates .custom-radio-template > .d-checkbox:hover .d-check-holder:before,
.lista-templates .custom-radio-template > .d-checkbox.d-state-hover .d-check-holder:before,
.lista-templates .custom-radio-template > .d-checkbox:hover .d-check-holder:before {
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.campos-img-fundo-aparencias {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 40px;
  display: none;
  background: rgba(0, 46, 59, 0.5);
  padding: 4px 0 2px;
}

.body-preview {
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.05);
  height: auto;
  width: 100%;
  position: relative;
}
.body-preview .confirm-message-top {
  background: #002e3b;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 8px 8px 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.body-preview .confirm-message-top .controls {
  padding: 0;
}
.body-preview .confirm-message-top > p {
  font-weight: normal;
  -webkit-flex: 1; /* Safari 6.1+ */
  -moz-flex: 1;
  flex: 1;
}
.body-preview .confirm-message-top .ps-btn {
  font-family: "IBM Plex Sans", sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.body-preview .d-simulator-tools {
  position: fixed;
  top: 50%;
  right: 0;
  background: #fff;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.body-preview .d-simulator-tools > ul {
  list-style: none;
  padding: 0px;
  margin: auto;
  display: block;
  width: auto;
}
.body-preview .d-simulator-tools > ul li {
  list-style: none;
  display: block;
  vertical-align: middle;
  cursor: pointer;
  padding: 8px 12px;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.body-preview .d-simulator-tools > ul li:hover {
  background: rgba(0, 143, 158, 0.2);
}
.body-preview .d-simulator-tools > ul li img {
  width: 32px;
}
.body-preview .container-frame-preview {
  height: 100vh;
  overflow: auto;
}
.body-preview #preview_frame {
  position: absolute;
  margin: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  left: 50% !important;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.body-preview #preview_frame:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 30px;
  filter: blur(6px);
  position: absolute;
  bottom: -5px;
}
.body-preview .ps-btn {
  width: 200px !important;
  display: inline-block !important;
  margin-right: 10px;
}
.body-preview .loaderline {
  height: 4px;
  width: 100%;
  overflow: hidden;
  background-color: #ddd;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
}
.body-preview .loaderline:before {
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  background-color: #008f9e;
  animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  -ms-animation: loading 2s linear infinite;
  -webkit-animation: loading 2s linear infinite;
}
@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}

.ui-dialog[aria-describedby=preview-modal] {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: none;
}

#preview-modal ~ .ui-resizable-handle {
  display: none;
}

#sys_workspace_container .newWizard {
  padding: 15px 20px;
}
#sys_workspace_container #jsGrid, #sys_workspace_container #divSeguros, #sys_workspace_container table.jsgrid-table {
  max-width: 100%;
  margin-left: 0;
  font-family: "IBM Plex Sans", sans-serif;
}
#sys_workspace_container #jsGrid .linkColor, #sys_workspace_container #jsGrid .corAzul, #sys_workspace_container #divSeguros .linkColor, #sys_workspace_container #divSeguros .corAzul, #sys_workspace_container table.jsgrid-table .linkColor, #sys_workspace_container table.jsgrid-table .corAzul {
  color: #008f9e !important;
}
#sys_workspace_container #jsGrid .jsgrid-grid-body td, #sys_workspace_container #divSeguros .jsgrid-grid-body td, #sys_workspace_container table.jsgrid-table .jsgrid-grid-body td {
  padding: 6px 14px;
  font-family: "IBM Plex Sans", sans-serif;
  border-bottom: 1px solid #eaeaea;
}
#sys_workspace_container #jsGrid .jsgrid-grid-body tr:nth-child(even) td, #sys_workspace_container #divSeguros .jsgrid-grid-body tr:nth-child(even) td, #sys_workspace_container table.jsgrid-table .jsgrid-grid-body tr:nth-child(even) td {
  background: #f9f9f9;
}
#sys_workspace_container #jsGrid .jsgrid-grid-body tr:hover td, #sys_workspace_container #divSeguros .jsgrid-grid-body tr:hover td, #sys_workspace_container table.jsgrid-table .jsgrid-grid-body tr:hover td {
  background: rgba(0, 143, 158, 0.2);
}
#sys_workspace_container #jsGrid .jsgrid-header-row > th, #sys_workspace_container #divSeguros .jsgrid-header-row > th, #sys_workspace_container table.jsgrid-table .jsgrid-header-row > th {
  background: none;
  border-bottom: 2px solid #002e3b;
  color: #002e3b;
  font-weight: bold;
  border-top: 0;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: "IBM Plex Sans", sans-serif;
}
#sys_workspace_container #jsGrid .jsgrid-header-row > th:hover, #sys_workspace_container #divSeguros .jsgrid-header-row > th:hover, #sys_workspace_container table.jsgrid-table .jsgrid-header-row > th:hover {
  border-bottom: 2px solid #008f9e;
}
#sys_workspace_container #jsGrid .ico-link, #sys_workspace_container #divSeguros .ico-link, #sys_workspace_container table.jsgrid-table .ico-link {
  font-size: 22px;
  display: inline-block;
  color: #008f9e;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#sys_workspace_container #jsGrid .ico-link:hover, #sys_workspace_container #divSeguros .ico-link:hover, #sys_workspace_container table.jsgrid-table .ico-link:hover {
  color: #006a75;
}

.box-simples {
  background: rgba(0, 0, 0, 0.05);
  padding: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 10px 0;
}
.box-simples .d-field, .box-simples .buttons-container {
  background: none !important;
}
.box-simples .d-field {
  margin-bottom: 20px;
}

#sys_workspace_container .box-simples .d-field {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.filtro-aparencia {
  position: relative;
}
.filtro-aparencia .filtro-aparencia-select {
  padding: 8px 30px 8px 40px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  min-width: 280px;
  display: inline-block;
  margin: 3px;
  position: relative;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #008f9e;
}
.filtro-aparencia .filtro-aparencia-select:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.filtro-aparencia .filtro-aparencia-select:before, .filtro-aparencia .filtro-aparencia-select:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 6px solid #333;
  position: absolute;
  top: 16px;
  right: 10px;
}
.filtro-aparencia .filtro-aparencia-select:before {
  content: "\e5ca";
  width: 24px;
  height: 24px;
  font-family: "Material Icons";
  color: #008f9e;
  right: auto;
  left: 8px;
  border: none;
  font-size: 24px;
  line-height: 24px;
  top: 6px;
}
.filtro-aparencia ul {
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 45px;
  left: 43px;
  width: calc(100% - 44px);
  max-width: 800px;
  display: inline-block;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  list-style: none;
  margin: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 330px;
  overflow-y: auto;
}
.filtro-aparencia ul li {
  width: calc(33.3333333333% - 4px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 15px 8px 15px;
  margin: 2px;
  position: relative;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.filtro-aparencia ul li:before {
  content: "\e5ca";
  width: 24px;
  height: 24px;
  font-family: "Material Icons";
  color: #002e3b;
  position: absolute;
  right: auto;
  left: 8px;
  font-size: 24px;
  line-height: 24px;
  top: 6px;
  opacity: 0;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.filtro-aparencia ul li:hover {
  border-color: #08ce81;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 8px 15px 8px 40px;
}
.filtro-aparencia ul li:hover:before {
  opacity: 0.5;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.filtro-aparencia ul li.ativo {
  background: #08ce81;
  font-weight: bold;
  color: #002e3b;
  padding: 8px 15px 8px 40px;
}
.filtro-aparencia ul li.ativo:before {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 1050px) {
  .filtro-aparencia ul li {
    width: calc(50% - 4px);
  }
}
@media screen and (max-width: 550px) {
  .filtro-aparencia ul li {
    width: calc(100% - 4px);
  }
}
@media screen and (max-height: 600px) {
  .filtro-aparencia ul {
    max-height: calc(100vh - 260px);
  }
}
.d-panel > .d-ui-widget-content .newWizard .filtro-aparencia li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.d-panel > .d-ui-widget-content .newWizard .filtro-aparencia li:hover {
  border-bottom: 1px solid #08ce81 !important;
}

#sys_workspace_container #listaPlanos .d-list-divider, #sys_workspace_container #listaLojas .d-list-divider {
  padding: 12px 15px;
}
#sys_workspace_container #listaPlanos .d-list-divider > span, #sys_workspace_container #listaLojas .d-list-divider > span {
  font-weight: bold;
  font-size: 0.9rem;
}
#sys_workspace_container #listaPlanos .d-list-divider .d-field, #sys_workspace_container #listaLojas .d-list-divider .d-field {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  margin: 8px 0 0;
  padding: 6px 12px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
#sys_workspace_container #listaPlanos .d-list-divider .d-field label, #sys_workspace_container #listaPlanos .d-list-divider .d-field input[type=text]:disabled, #sys_workspace_container #listaLojas .d-list-divider .d-field label, #sys_workspace_container #listaLojas .d-list-divider .d-field input[type=text]:disabled {
  color: #fff;
  font-weight: 300;
  text-transform: none;
}
#sys_workspace_container #listaPlanos .d-list-divider .d-field label, #sys_workspace_container #listaLojas .d-list-divider .d-field label {
  display: inline;
  font-weight: bold;
  margin-right: 5px;
  width: auto;
}
#sys_workspace_container #listaPlanos .d-list-divider .d-field input[type=text]:disabled, #sys_workspace_container #listaLojas .d-list-divider .d-field input[type=text]:disabled {
  background: none;
  border: none !important;
  padding: 3px;
  -webkit-flex: 1; /* Safari 6.1+ */
  -moz-flex: 1;
  flex: 1;
  font-size: 0.85rem;
}
#sys_workspace_container #listaPlanos .d-list-divider .d-field .d-input.d-state-disable, #sys_workspace_container #listaLojas .d-list-divider .d-field .d-input.d-state-disable {
  background: none;
}
#sys_workspace_container #listaPlanos .d-field, #sys_workspace_container #listaLojas .d-field {
  padding: 9px 14px;
  border: 1px solid rgba(0, 143, 158, 0.3) !important;
  margin: 6px 3px 0;
}
#sys_workspace_container #listaPlanos .d-field .d-ui-widget.d-textbox.d-state-disable, #sys_workspace_container #listaLojas .d-field .d-ui-widget.d-textbox.d-state-disable {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: none;
}
#sys_workspace_container #listaPlanos .d-field input[type=text]:disabled, #sys_workspace_container #listaPlanos .d-field .field-access-link, #sys_workspace_container #listaLojas .d-field input[type=text]:disabled, #sys_workspace_container #listaLojas .d-field .field-access-link {
  background: none;
  border: none !important;
  border-top: 1px dotted rgba(0, 0, 0, 0.2) !important;
  padding: 5px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 0.9rem;
}
#sys_workspace_container #listaPlanos .d-field .d-textbox.destacado input[type=text]:disabled, #sys_workspace_container #listaLojas .d-field .d-textbox.destacado input[type=text]:disabled {
  background: none !important;
  color: #008f9e !important;
}
#sys_workspace_container #listaPlanos .d-field .d-textbox, #sys_workspace_container #listaLojas .d-field .d-textbox {
  width: 100%;
}
#sys_workspace_container #listaPlanos .d-field .field-access-link, #sys_workspace_container #listaLojas .d-field .field-access-link {
  display: block;
  padding: 8px 0;
  color: #002e3b;
}
#sys_workspace_container #listaPlanos .d-field[data-status=ativo], #sys_workspace_container #listaPlanos .d-field[data-status=Ativo], #sys_workspace_container #listaPlanos .d-field[data-status=cancelado], #sys_workspace_container #listaPlanos .d-field[data-status=Cancelado], #sys_workspace_container #listaLojas .d-field[data-status=ativo], #sys_workspace_container #listaLojas .d-field[data-status=Ativo], #sys_workspace_container #listaLojas .d-field[data-status=cancelado], #sys_workspace_container #listaLojas .d-field[data-status=Cancelado] {
  position: relative;
}
#sys_workspace_container #listaPlanos .d-field[data-status=ativo]:before, #sys_workspace_container #listaPlanos .d-field[data-status=Ativo]:before, #sys_workspace_container #listaPlanos .d-field[data-status=cancelado]:before, #sys_workspace_container #listaPlanos .d-field[data-status=Cancelado]:before, #sys_workspace_container #listaLojas .d-field[data-status=ativo]:before, #sys_workspace_container #listaLojas .d-field[data-status=Ativo]:before, #sys_workspace_container #listaLojas .d-field[data-status=cancelado]:before, #sys_workspace_container #listaLojas .d-field[data-status=Cancelado]:before {
  content: "\e86c";
  font-family: "Material Icons";
  font-size: 20px;
  color: #08ce81;
  position: absolute;
  top: 40px;
  left: 15px;
}
#sys_workspace_container #listaPlanos .d-field[data-status=ativo] > .d-input > input, #sys_workspace_container #listaPlanos .d-field[data-status=Ativo] > .d-input > input, #sys_workspace_container #listaPlanos .d-field[data-status=cancelado] > .d-input > input, #sys_workspace_container #listaPlanos .d-field[data-status=Cancelado] > .d-input > input, #sys_workspace_container #listaLojas .d-field[data-status=ativo] > .d-input > input, #sys_workspace_container #listaLojas .d-field[data-status=Ativo] > .d-input > input, #sys_workspace_container #listaLojas .d-field[data-status=cancelado] > .d-input > input, #sys_workspace_container #listaLojas .d-field[data-status=Cancelado] > .d-input > input {
  padding-left: 28px;
}
#sys_workspace_container #listaPlanos .d-field[data-status=cancelado]:before, #sys_workspace_container #listaPlanos .d-field[data-status=Cancelado]:before, #sys_workspace_container #listaLojas .d-field[data-status=cancelado]:before, #sys_workspace_container #listaLojas .d-field[data-status=Cancelado]:before {
  content: "\e15c";
  color: #ba007c;
}
#sys_workspace_container #listaPlanos .d-field .listaPlanos__renovacao, #sys_workspace_container #listaLojas .d-field .listaPlanos__renovacao {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
#sys_workspace_container #listaPlanos .d-field .listaPlanos__renovacao > .d-textbox, #sys_workspace_container #listaLojas .d-field .listaPlanos__renovacao > .d-textbox {
  width: auto;
  display: inline-block;
  -webkit-flex: 1; /* Safari 6.1+ */
  -moz-flex: 1;
  flex: 1;
}
#sys_workspace_container #listaPlanos .d-field .listaPlanos__renovacao > .btn.btn-primary, #sys_workspace_container #listaLojas .d-field .listaPlanos__renovacao > .btn.btn-primary {
  margin: 0 0 0 10px;
  -moz-transform: translateY(-12px);
  -o-transform: translateY(-12px);
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}
#sys_workspace_container #listaPlanos .d-field form, #sys_workspace_container #listaLojas .d-field form {
  position: relative;
}
#sys_workspace_container #listaPlanos .d-field form .close-btn, #sys_workspace_container #listaLojas .d-field form .close-btn {
  position: absolute;
  right: 6px;
  top: 6px;
  background: none;
  border: none;
  padding: 0;
  width: 32px;
  height: 32px;
}
#sys_workspace_container #listaPlanos .d-field form .close-btn:hover, #sys_workspace_container #listaLojas .d-field form .close-btn:hover {
  background: rgba(0, 143, 158, 0.1);
}
#sys_workspace_container #listaPlanos .d-field form .close-btn, #sys_workspace_container #listaPlanos .d-field form .close-btn i, #sys_workspace_container #listaLojas .d-field form .close-btn, #sys_workspace_container #listaLojas .d-field form .close-btn i {
  line-height: 32px;
}
#sys_workspace_container #listaPlanos .d-field form > div[style*=block], #sys_workspace_container #listaLojas .d-field form > div[style*=block] {
  background: rgba(0, 143, 158, 0.1);
  padding: 12px 20px;
  margin: 5px 0;
}
#sys_workspace_container #listaPlanos .d-field form h4, #sys_workspace_container #listaLojas .d-field form h4 {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  color: #008f9e;
  margin-bottom: 20px;
  padding-right: 30px;
}
#sys_workspace_container #listaPlanos .d-field form h5, #sys_workspace_container #listaLojas .d-field form h5 {
  font-size: 1rem;
  margin: 15px 0 13px;
  border-bottom: 1px solid #008f9e;
}
#sys_workspace_container #listaPlanos .d-field form h6, #sys_workspace_container #listaLojas .d-field form h6 {
  font-size: 0.9rem;
  font-weight: bold;
  opacity: 0.8;
  margin: 3px 0;
}
#sys_workspace_container #listaPlanos .d-field form input:not([type=button]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=submit]), #sys_workspace_container #listaLojas .d-field form input:not([type=button]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=submit]) {
  width: 100%;
  margin-bottom: 10px;
}
#sys_workspace_container #listaPlanos .d-field form .btn.btn-primary, #sys_workspace_container #listaLojas .d-field form .btn.btn-primary {
  padding: 10px 16px;
}

@media screen and (max-width: 645px) {
  #sys_workspace_container #listaPlanos .d-field .listaPlanos__renovacao > .d-textbox {
    width: auto !important;
  }
}
.cartao-visita-check-list {
  display: flex;
  flex-wrap: wrap;
}
.cartao-visita-check-list > li {
  width: 33.3333333333%;
}

@media screen and (max-width: 500px) {
  .cartao-visita-check-list > li {
    width: 50%;
  }
}
.cartao-visita-preview {
  padding: 20px;
  text-align: center;
  font-weight: 300;
}
.cartao-visita-preview div, .cartao-visita-preview p, .cartao-visita-preview a {
  font-family: "Roboto", sans-serif !important;
}
.cartao-visita-preview .content {
  border: none;
  margin: auto;
  background-color: #2980b9;
  color: #fff;
  overflow: hidden;
  padding: 20px;
  position: relative;
  display: table;
}
.cartao-visita-preview .content:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.05+0,0+55 */
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0dffffff", endColorstr="#00ffffff",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cartao-visita-preview .content.vertical {
  width: 400px;
  min-height: 600px;
}
.cartao-visita-preview .content.horizontal {
  width: 600px;
  min-height: 450px;
}
.cartao-visita-preview .content .show {
  display: block !important;
}
.cartao-visita-preview .content .hide {
  display: none !important;
}
.cartao-visita-preview .content a {
  text-decoration: none;
}
.cartao-visita-preview .content a:hover {
  color: inherit;
}
.cartao-visita-preview .content p {
  margin: 0;
}
.cartao-visita-preview .content > div {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.cartao-visita-preview .content .cartao-visita-header, .cartao-visita-preview .content .cartao-visita-content, .cartao-visita-preview .content .cartao-visita-footer {
  position: relative;
  z-index: 1;
}

.cartao-visita-preview .cartao-visita-funcionario-area {
  width: auto !important;
  display: inline-block;
  position: relative;
  margin: 0 auto 5px;
  max-width: calc(100% - 52px);
}
.cartao-visita-preview .cartao-visita-funcionario-area.show {
  display: inline-block !important;
  min-height: 56px;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto {
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: -26px;
  margin-top: -26px;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto:not(.hide) {
  display: inline-block !important;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto:before {
  content: "";
  display: inline-block;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  border: 2px solid;
  border-radius: 50%;
  z-index: 1;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto > img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto .croppie-result {
  border-radius: 50%;
  margin: auto;
  position: relative;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto .croppie-result img {
  max-width: none;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto + #infoNomeFuncionario {
  padding-top: 15px;
}
.cartao-visita-preview .cartao-visita-funcionario-area #infoFoto.show + #infoNomeFuncionario {
  padding-left: 39px;
  min-height: 56px;
}
#infoLogotipoNomeEmpresa {
  font-size: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  padding: 0 0 10px;
  text-align: center;
}
#infoLogotipoNomeEmpresa img {
  max-height: 60px;
  margin: auto;
}
#infoLogotipoNomeEmpresa p {
  margin: 0;
  font-weight: 500;
  width: 100%;
}

#infoUrlSite a {
  display: block;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.2);
}

.cartao-visita-bloco-contato {
  display: block;
  text-align: center;
  border: 2px solid rgba(0, 0, 0, 0.2);
  margin: 3px 0;
  position: relative;
  min-height: 48px;
}
.cartao-visita-bloco-contato .cartao-visita-bloco-contato__icone {
  width: 60px;
  padding: 5px;
  font-size: 32px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.cartao-visita-bloco-contato .cartao-visita-bloco-contato__icone:before {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.cartao-visita-bloco-contato .cartao-visita-bloco-contato__icone.icon-ms_whatsapp {
  background: #23c573 !important;
  color: #fff !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.cartao-visita-bloco-contato .cartao-visita-bloco-contato__texto {
  padding: 13px 10px 13px 70px;
}

#infoTelefoneCelular ul {
  list-style: none;
  width: 100%;
}
#infoTelefoneCelular ul li {
  background-color: inherit;
  color: inherit;
  display: inline-block;
  margin-right: 10px;
}

.content .cartao-visita-redes-area {
  display: inline-block;
  margin: 3px auto 0;
  width: auto;
}
.content .cartao-visita-redes-area > div.show {
  display: inline-block !important;
}
.content .cartao-visita-redes-area a {
  display: block;
  border: 2px solid;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  line-height: 40px;
  font-size: 24px;
  text-align: center;
  margin: 5px;
  color: #fff !important;
}
.content .cartao-visita-redes-area a i:before {
  line-height: 38px;
}
.content .cartao-visita-redes-area a i {
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.content .cartao-visita-redes-area #infoFacebook a {
  background-color: #4267B2;
}
.content .cartao-visita-redes-area #infoTwitter a {
  background-color: #1DA1F2;
}
.content .cartao-visita-redes-area #infoLinkedin a {
  background-color: #2867B2;
}
.content .cartao-visita-redes-area #infoInstagram a {
  background: rgb(64, 92, 230);
  background: -moz-linear-gradient(184deg, rgb(64, 92, 230) 0%, rgb(131, 58, 180) 18%, rgb(253, 29, 29) 64%, rgb(252, 176, 69) 100%);
  background: -webkit-linear-gradient(184deg, rgb(64, 92, 230) 0%, rgb(131, 58, 180) 18%, rgb(253, 29, 29) 64%, rgb(252, 176, 69) 100%);
  background: linear-gradient(184deg, rgb(64, 92, 230) 0%, rgb(131, 58, 180) 18%, rgb(253, 29, 29) 64%, rgb(252, 176, 69) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#405ce6",endColorstr="#fcb045",GradientType=1);
}
.content .cartao-visita-redes-area #infoYoutube a {
  background-color: rgb(255, 0, 0);
}
.content .cartao-visita-redes-area #infoSkype a {
  background-color: #00AFF0;
}
.content .cartao-visita-redes-area #infoTiktok a {
  background-color: #000;
}
.content .cartao-visita-redes-area #infoTelegram a {
  background-color: #0088cc;
}

#infoEndereco {
  border-top: 2px solid;
  margin-top: 8px;
  padding: 5px 0 0;
}
#infoEndereco > a {
  display: block;
  padding-left: 60px;
  position: relative;
  min-height: 34px;
}
#infoEndereco > a i {
  font-size: 28px;
  width: 50px;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
  bottom: 0;
  height: 34px;
}
#infoEndereco > a p {
  padding-top: 8px;
}

.content.horizontal .cartao-visita-header {
  float: left;
  width: 35%;
}
.content.horizontal .cartao-visita-header p {
  text-align: left;
}
.content.horizontal .cartao-visita-content {
  float: right;
  width: 61%;
}
.content.horizontal .cartao-visita-footer {
  float: right;
  width: 100%;
}
.content.horizontal .cartao-visita-funcionario-area {
  margin: 0 0 8px;
  margin-left: 26px;
  max-width: none;
  display: block;
  float: left;
}
.content.horizontal .cartao-visita-funcionario-area.semFoto {
  margin-left: 0;
}
.content.horizontal #infoLogotipoNomeEmpresa {
  text-align: left;
}
.content.horizontal #infoLogotipoNomeEmpresa img {
  margin-left: 0;
}
.content.horizontal #infoLogotipo {
  overflow: hidden;
  text-align: left;
  padding: 0 0 10px;
}
.content.horizontal #infoLogotipo img {
  float: left;
}

.bg-trial {
  background-image: url("../../images/marca_dagua.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.d-panel > .d-ui-widget-content .newWizard .custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  max-height: 100%;
  overflow: auto;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__content {
  background: #fff;
  width: 900px;
  max-width: 100%;
  margin: 30px auto;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__content .custom-modal__header {
  padding: 12px 50px 8px 16px;
  font-size: 1rem;
  font-weight: 400;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__content .custom-modal__body {
  padding: 8px 16px 8px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close), .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close) {
  padding: 10.5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  min-width: 220px;
  margin: 0;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-primary, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-primary {
  color: #fff;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-full, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-full {
  width: 100%;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined {
  padding: 8.5px 10.5px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined, .d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined:hover, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined:hover {
  background: #fff;
  color: #008f9e;
  border: 2px solid #008f9e;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined:hover, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-outlined:hover {
  background: rgba(0, 143, 158, 0.05);
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-default, .d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-default:hover, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-default, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-default:hover {
  background: #002e3b;
  color: #fff;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-default:hover, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-default:hover {
  background: #001a22;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-with-icon .d-button-text, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-with-icon .d-button-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-button:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-with-icon i, .d-panel > .d-ui-widget-content .newWizard .custom-modal .btn:not(.cke_button):not(.cke_combo_button):not(.custom-modal__close).btn-with-icon i {
  font-size: 24px;
  margin-right: 6px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__close, .d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__close:hover {
  background: none;
  border: none;
  box-shadow: none;
  padding: 5px;
  text-align: center;
  color: #008f9e;
  position: absolute;
  right: 5px;
  top: 5px;
  min-width: 45px !important;
  box-sizing: border-box;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__close:hover {
  color: #00616b;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-modal__footer {
  padding: 8px 16px 16px;
  text-align: right;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-field {
  margin-bottom: 18px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .d-field small {
  opacity: 0.7;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-inputfile {
  position: relative;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-inputfile .d-button[data-rel=file] {
  border-radius: 5px !important;
  padding: 6px 40px 6px !important;
  line-height: 24px !important;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-inputfile .d-button[data-rel=file]:before {
  top: 5px;
  left: 10px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-modal .custom-inputfile .removerImagem {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  position: absolute;
  right: 7px;
  top: 36px;
}

.d-panel > .d-ui-widget-content .newWizard .custom-tabs {
  margin: 8px 0 4px;
  display: flex;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 70px;
  max-height: 550px;
  overflow: auto;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar {
  width: 5px;
  height: 2px;
  margin-left: 2px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-thumb {
  background: #008f9e;
  border: 0 none #ffffff;
  border-radius: 50px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-thumb:hover {
  background: #008f9e;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-thumb:active {
  background: #008f9e;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-track {
  background: #eee;
  border: 0 none #eee;
  border-radius: 50px;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-track:hover {
  background: #eee;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-track:active {
  background: #eee;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list::-webkit-scrollbar-corner {
  background: transparent;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list li {
  display: block;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list li a {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  color: #333;
  font-weight: bold;
  padding: 10px 5px;
  margin-bottom: 3px;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list li:not(.active) a:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__list li.active a {
  background: #002e3b;
  color: #fff;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__contents {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 20px;
  flex: 1;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__contents .custom-tabs__content:not(.active) {
  display: none;
}
.d-panel > .d-ui-widget-content .newWizard .custom-tabs .custom-tabs__contents h3 {
  font-size: 0.95rem;
  font-weight: bold;
  margin: 0 0 10px;
  text-transform: uppercase;
  color: #00adef;
}

.box-info {
  background: rgba(0, 0, 0, 0.05);
  padding: 12px 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  margin: 12px auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: left;
  color: #002e3b;
}
.box-info a {
  text-decoration: underline;
  color: #008f9e;
  font-weight: bold;
}
.box-info input[type=checkbox] + label {
  display: inline-block;
}
.box-info .bold {
  font-weight: bold;
}
.box-info p {
  margin: 5px;
}

.publique-seu-site .combined-fields {
  display: flex;
  flex-wrap: wrap;
}
.publique-seu-site .combined-fields .input-group {
  display: table;
  flex: 1;
}
.publique-seu-site .combined-fields .input-group .input-group-addon {
  border-radius: 8px 0 0 8px;
  border: 2px solid #002e3b;
  background-color: #002e3b;
  color: #fff;
  padding: 8px 15px;
  display: table-cell;
  font-size: 1rem;
  width: 1%;
}
.publique-seu-site .combined-fields .input-group .d-textbox {
  display: table-cell;
  border: 2px solid #002e3b !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.publique-seu-site .combined-fields .input-group .d-textbox input {
  border: 0px !important;
}
.publique-seu-site .combined-fields .margin-left {
  margin-left: 5px;
}
.publique-seu-site .combined-fields select {
  padding: 10px 8px !important;
}
.publique-seu-site .combined-fields .ps-btn {
  padding: 12px 16px !important;
}