/* Link : https://github.com/FontFaceKit/open-sans*/
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-Bold.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-Bold.eot#iefix");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-BoldItalic.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-BoldItalic.eot#iefix");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-ExtraBold.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-ExtraBold.eot#iefix");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-ExtraBoldItalic.eot#iefix");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-Italic.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-Italic.eot#iefix");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-Light.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-Light.eot#iefix");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-LightItalic.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-LightItalic.eot#iefix");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-Regular.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-Regular.eot#iefix");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-Semibold.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-Semibold.eot#iefix");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Opensans/OpenSans-SemiboldItalic.ttf") format("truetype");
  src: url("../fonts/Opensans/OpenSans-SemiboldItalic.eot#iefix");
  font-weight: 600;
  font-style: italic; }

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

@font-face {
  font-family: "ps-custom-gliphs";
  src: url("../fonts/ps-glyphs/ps-custom-glyph.eot");
  src: url("../fonts/ps-glyphs/ps-custom-glyph.eot?#iefix") format("embedded-opentype"), url("../fonts/ps-glyphs/ps-custom-glyph.woff") format("woff"), url("../fonts/ps-glyphs/ps-custom-glyph.ttf") format("truetype"), url("../fonts/ps-glyphs/ps-custom-glyph.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; }

[class^="ps-custom-ico-"][data-icon]:before {
  font-family: "ps-custom-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-custom-ico-"]:before,
[class*=" ps-custom-ico-"]:before {
  font-family: "ps-custom-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: "\61"; }

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

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

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

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

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

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

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

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

.ps-ico-call-center:before {
  content: "\6a"; }

.ps-ico-chat:before {
  content: "\6b"; }

.ps-ico-check:before {
  content: "\6c"; }

.ps-ico-checkbox:before {
  content: "\6d"; }

.ps-ico-close:before {
  content: "\6e"; }

.ps-ico-close-rounded:before {
  content: "\6f"; }

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

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

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

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

.ps-ico-facebook:before {
  content: "\74" !important; }

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

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

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

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

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

.ps-ico-instagram:before {
  content: "\7a"; }

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

.ps-ico-magnifi-glass:before {
  content: "\42" !important; }

.ps-ico-mail:before {
  content: "\43" !important; }

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

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

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

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

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

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

.ps-ico-previous:before {
  content: "\4a"; }

.ps-ico-printer:before {
  content: "\4b"; }

.ps-ico-refresh:before {
  content: "\4c"; }

.ps-ico-reload:before {
  content: "\4d"; }

.ps-ico-remove:before {
  content: "\4e" !important; }

.ps-ico-security-check:before {
  content: "\4f"; }

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

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

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

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

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

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

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

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

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

.ps-custom-ico-add-user:before {
  content: "\61"; }

.ps-custom-ico-address-book:before {
  content: "\62"; }

.ps-custom-ico-baby:before {
  content: "\64"; }

.ps-custom-ico-back:before {
  content: "\63"; }

.ps-custom-ico-bar-chart:before {
  content: "\65"; }

.ps-custom-ico-bar-code:before {
  content: "\66"; }

.ps-custom-ico-barricade:before {
  content: "\67"; }

.ps-custom-ico-bicycle:before {
  content: "\68"; }

.ps-custom-ico-billing:before {
  content: "\69"; }

.ps-custom-ico-book:before {
  content: "\6a"; }

.ps-custom-ico-boy:before {
  content: "\6b"; }

.ps-custom-ico-broken-link:before {
  content: "\6c"; }

.ps-custom-ico-brush:before {
  content: "\6d"; }

.ps-custom-ico-business-mens:before {
  content: "\6e"; }

.ps-custom-ico-business-woman:before {
  content: "\6f"; }

.ps-custom-ico-calculator:before {
  content: "\70"; }

.ps-custom-ico-camera:before {
  content: "\71"; }

.ps-custom-ico-car:before {
  content: "\72"; }

.ps-custom-ico-car2:before {
  content: "\73"; }

.ps-custom-ico-car3:before {
  content: "\74"; }

.ps-custom-ico-chair:before {
  content: "\75"; }

.ps-custom-ico-checked-user:before {
  content: "\76"; }

.ps-custom-ico-compass:before {
  content: "\77"; }

.ps-custom-ico-computer-secure:before {
  content: "\78"; }

.ps-custom-ico-conservation:before {
  content: "\79"; }

.ps-custom-ico-crown:before {
  content: "\7a"; }

.ps-custom-ico-daylight:before {
  content: "\41"; }

.ps-custom-ico-diamond:before {
  content: "\42"; }

.ps-custom-ico-dice:before {
  content: "\43"; }

.ps-custom-ico-doctor:before {
  content: "\44"; }

.ps-custom-ico-door-hanger:before {
  content: "\45"; }

.ps-custom-ico-down:before {
  content: "\46"; }

.ps-custom-ico-factory:before {
  content: "\47"; }

.ps-custom-ico-farmer:before {
  content: "\48"; }

.ps-custom-ico-financial:before {
  content: "\49"; }

.ps-custom-ico-find-user:before {
  content: "\4a"; }

.ps-custom-ico-finger-print:before {
  content: "\4b"; }

.ps-custom-ico-fire-flame:before {
  content: "\4c"; }

.ps-custom-ico-flag:before {
  content: "\4d"; }

.ps-custom-ico-flash:before {
  content: "\4e"; }

.ps-custom-ico-flashlight:before {
  content: "\4f"; }

.ps-custom-ico-gaugage:before {
  content: "\50"; }

.ps-custom-ico-gift-box:before {
  content: "\51"; }

.ps-custom-ico-globe2:before {
  content: "\52"; }

.ps-custom-ico-handshake:before {
  content: "\53"; }

.ps-custom-ico-helicopter:before {
  content: "\54"; }

.ps-custom-ico-helmet:before {
  content: "\55"; }

.ps-custom-ico-helmet2:before {
  content: "\56"; }

.ps-custom-ico-home-with-window:before {
  content: "\57"; }

.ps-custom-ico-hospital:before {
  content: "\58"; }

.ps-custom-ico-idea:before {
  content: "\59"; }

.ps-custom-ico-identification-badge:before {
  content: "\5a"; }

.ps-custom-ico-laptop:before {
  content: "\30"; }

.ps-custom-ico-left:before {
  content: "\31"; }

.ps-custom-ico-light-bulb:before {
  content: "\32"; }

.ps-custom-ico-line-chart:before {
  content: "\33"; }

.ps-custom-ico-link:before {
  content: "\34"; }

.ps-custom-ico-list:before {
  content: "\35"; }

.ps-custom-ico-loading:before {
  content: "\36"; }

.ps-custom-ico-location:before {
  content: "\37"; }

.ps-custom-ico-lock:before {
  content: "\38"; }

.ps-custom-ico-luggage:before {
  content: "\39"; }

.ps-custom-ico-male-female:before {
  content: "\21"; }

.ps-custom-ico-map:before {
  content: "\22"; }

.ps-custom-ico-mask:before {
  content: "\23"; }

.ps-custom-ico-megaphone:before {
  content: "\24"; }

.ps-custom-ico-memory-card:before {
  content: "\25"; }

.ps-custom-ico-mine:before {
  content: "\26"; }

.ps-custom-ico-monitor:before {
  content: "\27"; }

.ps-custom-ico-monitor-analytics:before {
  content: "\28"; }

.ps-custom-ico-monitor-phone:before {
  content: "\29"; }

.ps-custom-ico-monitor-tablet:before {
  content: "\2a"; }

.ps-custom-ico-oil:before {
  content: "\2b"; }

.ps-custom-ico-open-book:before {
  content: "\2c"; }

.ps-custom-ico-orientation:before {
  content: "\2d"; }

.ps-custom-ico-paint-brush:before {
  content: "\2e"; }

.ps-custom-ico-palm-tree:before {
  content: "\2f"; }

.ps-custom-ico-paper:before {
  content: "\3a"; }

.ps-custom-ico-paper-plane:before {
  content: "\3b"; }

.ps-custom-ico-pencil:before {
  content: "\3c"; }

.ps-custom-ico-petrol:before {
  content: "\3d"; }

.ps-custom-ico-photos:before {
  content: "\3e"; }

.ps-custom-ico-plant:before {
  content: "\3f"; }

.ps-custom-ico-plus:before {
  content: "\40"; }

.ps-custom-ico-police-woman:before {
  content: "\5b"; }

.ps-custom-ico-professor:before {
  content: "\5d"; }

.ps-custom-ico-recycling:before {
  content: "\5e"; }

.ps-custom-ico-remove-user:before {
  content: "\5f"; }

.ps-custom-ico-rescue:before {
  content: "\60"; }

.ps-custom-ico-restaurant:before {
  content: "\7b"; }

.ps-custom-ico-ribbon:before {
  content: "\7c"; }

.ps-custom-ico-right:before {
  content: "\7d"; }

.ps-custom-ico-scale:before {
  content: "\7e"; }

.ps-custom-ico-scissor:before {
  content: "\5c"; }

.ps-custom-ico-secound:before {
  content: "\e000"; }

.ps-custom-ico-security-camera:before {
  content: "\e001"; }

.ps-custom-ico-send:before {
  content: "\e002"; }

.ps-custom-ico-ship:before {
  content: "\e003"; }

.ps-custom-ico-shovel:before {
  content: "\e004"; }

.ps-custom-ico-smartphone:before {
  content: "\e005"; }

.ps-custom-ico-smile:before {
  content: "\e006"; }

.ps-custom-ico-street-view:before {
  content: "\e007"; }

.ps-custom-ico-tablet:before {
  content: "\e008"; }

.ps-custom-ico-tag:before {
  content: "\e009"; }

.ps-custom-ico-talk-man:before {
  content: "\e00a"; }

.ps-custom-ico-target:before {
  content: "\e00b"; }

.ps-custom-ico-target-market:before {
  content: "\e00c"; }

.ps-custom-ico-taxi:before {
  content: "\e00d"; }

.ps-custom-ico-taxi2:before {
  content: "\e00e"; }

.ps-custom-ico-taxi-sign:before {
  content: "\e00f"; }

.ps-custom-ico-teacher:before {
  content: "\e010"; }

.ps-custom-ico-ticket:before {
  content: "\e011"; }

.ps-custom-ico-trash-with-men:before {
  content: "\e012"; }

.ps-custom-ico-tripod-camera:before {
  content: "\e013"; }

.ps-custom-ico-truck:before {
  content: "\e014"; }

.ps-custom-ico-university:before {
  content: "\e015"; }

.ps-custom-ico-unlock:before {
  content: "\e016"; }

.ps-custom-ico-up:before {
  content: "\e017"; }

.ps-custom-ico-videogame-controller:before {
  content: "\e018"; }

.ps-custom-ico-waiter:before {
  content: "\e019"; }

.ps-custom-ico-wallet:before {
  content: "\e01a"; }

.ps-custom-ico-wheelbarrow:before {
  content: "\e01b"; }

.ps-custom-ico-worker:before {
  content: "\e01c"; }

.ps-custom-ico-yacht:before {
  content: "\e01d"; }

.ps-custom-ico-drill:before {
  content: "\e01e"; }

.ps-custom-ico-drill2:before {
  content: "\e01f"; }

.ps-custom-ico-environmental:before {
  content: "\e020"; }

.ps-custom-ico-gears:before {
  content: "\e021"; }

.ps-custom-ico-geek:before {
  content: "\e022"; }

.ps-custom-ico-geo:before {
  content: "\e023"; }

.ps-custom-ico-jeep:before {
  content: "\e024"; }

.ps-custom-ico-jeep2:before {
  content: "\e025"; }

.ps-custom-ico-key:before {
  content: "\e026"; }

.ps-custom-ico-magic-wand:before {
  content: "\e027"; }

.ps-custom-ico-male:before {
  content: "\e028"; }

.ps-custom-ico-male2:before {
  content: "\e029"; }

.ps-custom-ico-motorcycle:before {
  content: "\e02a"; }

.ps-custom-ico-motorcycle2:before {
  content: "\e02b"; }

.ps-custom-ico-motorcycle3:before {
  content: "\e02c"; }

.ps-custom-ico-pie-chart:before {
  content: "\e02d"; }

.ps-custom-ico-plane:before {
  content: "\e02e"; }

.ps-custom-ico-plane2:before {
  content: "\e02f"; }

.ps-custom-ico-roof:before {
  content: "\e030"; }

.ps-custom-ico-router:before {
  content: "\e031"; }

.ps-custom-ico-safe-box:before {
  content: "\e032"; }

.ps-custom-ico-stroller:before {
  content: "\e033"; }

.ps-custom-ico-student-male:before {
  content: "\e034"; }

.ps-custom-ico-suitcase:before {
  content: "\e035"; }

.ps-custom-ico-time:before {
  content: "\e036"; }

.ps-custom-ico-tractor:before {
  content: "\e037"; }

.ps-custom-ico-tram:before {
  content: "\e038"; }

.ps-custom-ico-widget:before {
  content: "\e039"; }

.ps-custom-ico-wifi:before {
  content: "\e03a"; }

.ps-custom-ico-windows:before {
  content: "\e03b"; }

.ps-custom-ico-building:before {
  content: "\e03c"; }

.ps-custom-ico-bus:before {
  content: "\e03d"; }

.ps-custom-ico-business-man-woman:before {
  content: "\e03e"; }

.ps-custom-ico-clamp:before {
  content: "\e03f"; }

.ps-custom-ico-coffee-machine:before {
  content: "\e040"; }

.ps-custom-ico-communication-tower2:before {
  content: "\e041"; }

.ps-custom-ico-chef:before {
  content: "\e042"; }

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

/* CSS Document */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  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: white; }

.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.33333% - 24px); }
  .rowCustom.no-gap .p_colCustom-1 {
    width: calc(8.33333% - 0px); }

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

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

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

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

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

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

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

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

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

.p_colCustom-11 {
  width: calc(91.66667% - 24px); }
  .rowCustom.no-gap .p_colCustom-11 {
    width: calc(91.66667% - 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.33333% - 24px); }
    .rowCustom.no-gap .m_colCustom-1 {
      width: calc(8.33333% - 0px); }
  .m_colCustom-2 {
    width: calc(16.66667% - 24px); }
    .rowCustom.no-gap .m_colCustom-2 {
      width: calc(16.66667% - 0px); }
  .m_colCustom-3 {
    width: calc(25% - 24px); }
    .rowCustom.no-gap .m_colCustom-3 {
      width: calc(25% - 0px); }
  .m_colCustom-4 {
    width: calc(33.33333% - 24px); }
    .rowCustom.no-gap .m_colCustom-4 {
      width: calc(33.33333% - 0px); }
  .m_colCustom-5 {
    width: calc(41.66667% - 24px); }
    .rowCustom.no-gap .m_colCustom-5 {
      width: calc(41.66667% - 0px); }
  .m_colCustom-6 {
    width: calc(50% - 24px); }
    .rowCustom.no-gap .m_colCustom-6 {
      width: calc(50% - 0px); }
  .m_colCustom-7 {
    width: calc(58.33333% - 24px); }
    .rowCustom.no-gap .m_colCustom-7 {
      width: calc(58.33333% - 0px); }
  .m_colCustom-8 {
    width: calc(66.66667% - 24px); }
    .rowCustom.no-gap .m_colCustom-8 {
      width: calc(66.66667% - 0px); }
  .m_colCustom-9 {
    width: calc(75% - 24px); }
    .rowCustom.no-gap .m_colCustom-9 {
      width: calc(75% - 0px); }
  .m_colCustom-10 {
    width: calc(83.33333% - 24px); }
    .rowCustom.no-gap .m_colCustom-10 {
      width: calc(83.33333% - 0px); }
  .m_colCustom-11 {
    width: calc(91.66667% - 24px); }
    .rowCustom.no-gap .m_colCustom-11 {
      width: calc(91.66667% - 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.33333% - 24px); }
    .rowCustom.no-gap .g_colCustom-1 {
      width: calc(8.33333% - 0px); }
  .g_colCustom-2 {
    width: calc(16.66667% - 24px); }
    .rowCustom.no-gap .g_colCustom-2 {
      width: calc(16.66667% - 0px); }
  .g_colCustom-3 {
    width: calc(25% - 24px); }
    .rowCustom.no-gap .g_colCustom-3 {
      width: calc(25% - 0px); }
  .g_colCustom-4 {
    width: calc(33.33333% - 24px); }
    .rowCustom.no-gap .g_colCustom-4 {
      width: calc(33.33333% - 0px); }
  .g_colCustom-5 {
    width: calc(41.66667% - 24px); }
    .rowCustom.no-gap .g_colCustom-5 {
      width: calc(41.66667% - 0px); }
  .g_colCustom-6 {
    width: calc(50% - 24px); }
    .rowCustom.no-gap .g_colCustom-6 {
      width: calc(50% - 0px); }
  .g_colCustom-7 {
    width: calc(58.33333% - 24px); }
    .rowCustom.no-gap .g_colCustom-7 {
      width: calc(58.33333% - 0px); }
  .g_colCustom-8 {
    width: calc(66.66667% - 24px); }
    .rowCustom.no-gap .g_colCustom-8 {
      width: calc(66.66667% - 0px); }
  .g_colCustom-9 {
    width: calc(75% - 24px); }
    .rowCustom.no-gap .g_colCustom-9 {
      width: calc(75% - 0px); }
  .g_colCustom-10 {
    width: calc(83.33333% - 24px); }
    .rowCustom.no-gap .g_colCustom-10 {
      width: calc(83.33333% - 0px); }
  .g_colCustom-11 {
    width: calc(91.66667% - 24px); }
    .rowCustom.no-gap .g_colCustom-11 {
      width: calc(91.66667% - 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.33333% - 24px); }
    .rowCustom.no-gap .gg_colCustom-1 {
      width: calc(8.33333% - 0px); }
  .gg_colCustom-2 {
    width: calc(16.66667% - 24px); }
    .rowCustom.no-gap .gg_colCustom-2 {
      width: calc(16.66667% - 0px); }
  .gg_colCustom-3 {
    width: calc(25% - 24px); }
    .rowCustom.no-gap .gg_colCustom-3 {
      width: calc(25% - 0px); }
  .gg_colCustom-4 {
    width: calc(33.33333% - 24px); }
    .rowCustom.no-gap .gg_colCustom-4 {
      width: calc(33.33333% - 0px); }
  .gg_colCustom-5 {
    width: calc(41.66667% - 24px); }
    .rowCustom.no-gap .gg_colCustom-5 {
      width: calc(41.66667% - 0px); }
  .gg_colCustom-6 {
    width: calc(50% - 24px); }
    .rowCustom.no-gap .gg_colCustom-6 {
      width: calc(50% - 0px); }
  .gg_colCustom-7 {
    width: calc(58.33333% - 24px); }
    .rowCustom.no-gap .gg_colCustom-7 {
      width: calc(58.33333% - 0px); }
  .gg_colCustom-8 {
    width: calc(66.66667% - 24px); }
    .rowCustom.no-gap .gg_colCustom-8 {
      width: calc(66.66667% - 0px); }
  .gg_colCustom-9 {
    width: calc(75% - 24px); }
    .rowCustom.no-gap .gg_colCustom-9 {
      width: calc(75% - 0px); }
  .gg_colCustom-10 {
    width: calc(83.33333% - 24px); }
    .rowCustom.no-gap .gg_colCustom-10 {
      width: calc(83.33333% - 0px); }
  .gg_colCustom-11 {
    width: calc(91.66667% - 24px); }
    .rowCustom.no-gap .gg_colCustom-11 {
      width: calc(91.66667% - 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: rgba(0, 0, 0, 0.7) !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-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-ui-widget.d-textbox {
    background: none;
    border: none;
    padding: 0; }
    .d-panel > .d-ui-widget-content .newWizard .campo.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-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-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-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-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-ui-widget.d-textbox > input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
      .d-panel > .d-ui-widget-content .newWizard .campo.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.invalid-field.d-ui-widget.d-textbox > input {
    border-color: #f20c32;
    color: #f20c32; }
  .d-panel > .d-ui-widget-content .newWizard select.campo {
    padding: 10.5px;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 2px;
    padding-right: 32px; }
    .d-panel > .d-ui-widget-content .newWizard select.campo:disabled {
      background: rgba(0, 0, 0, 0.05) !important;
      color: #ababab !important;
      cursor: not-allowed; }
  .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: rgba(0, 0, 0, 0.7); }
  .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-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: #008f9e;
    opacity: 0.35; }
  .d-panel > .d-ui-widget-content .newWizard .custom-radio-template.active label.thumb-zoom:after {
    content: "\6d";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-family: "ps-gliphs";
    color: #fff;
    font-size: 24px;
    padding-top: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    background: #00adef;
    -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: #fff; }

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

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

* {
  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: #efefef;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.3;
  font-weight: 600; }

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

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

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

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

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

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

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

.text-facebook {
  margin-top: 20px !important; }

.header-wizard {
  background: #fff;
  width: 100%;
  padding: 24px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.03);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.03); }
  .header-wizard .logo {
    max-width: 180px; }

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

.wizard.wraper {
  margin: auto;
  display: table;
  width: 100%;
  margin-bottom: 32px; }

.wizard .wizard-step {
  display: table-cell;
  position: relative;
  padding: 24.5px 10.5px 10.5px;
  text-align: center;
  border-bottom: none !important; }
  .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.4);
    cursor: default;
    font-size: 0.8rem; }
    .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: 99; }
    .wizard .wizard-step a::after {
      z-index: 100;
      top: 0px;
      right: -10px;
      border-left-color: #ddd;
      border-width: 5.5px; }
  .wizard .wizard-step.active::before {
    background: rgba(0, 0, 0, 0.7); }
  .wizard .wizard-step.active a {
    color: rgba(0, 0, 0, 0.7);
    font-weight: bold;
    cursor: default; }
    .wizard .wizard-step.active a::after {
      border-left-color: rgba(0, 0, 0, 0.7); }
  .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; }

.newWizard {
  padding: 0; }
  .newWizard h1 {
    color: #002e3b;
    font-size: 1.2rem;
    padding: 12px 0 32px; }

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

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

.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: #ddd;
    color: #5a5a5a; }

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

.wizard-form .d-field select, .wizard-form .d-ui-widget.d-picker > .d-content-text, .wizard-form .d-ui-widget.d-textarea > textarea, .wizard-form .d-ui-widget.d-textbox > input, .wizard-form input[type=text], .wizard-form textarea {
  color: #008f9e; }

.wizard-form .btn-nav.btn-back, .wizard-form .btn-nav.btn-next {
  min-height: 45px; }

.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.4); }
      .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: '\4e';
          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: "\6d";
      position: absolute;
      left: 0;
      width: 22.5px;
      height: 22.5px;
      border-radius: 3px;
      border: 1px solid #ddd;
      font-family: "ps-gliphs";
      text-transform: none;
      speak: none;
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      color: #fff;
      -moz-transition: all 0.2s ease-out;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      line-height: 24.5px;
      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 #008f9e;
    -moz-box-shadow: inset 0 0 0 24.5px #008f9e;
    -ms-box-shadow: inset 0 0 0 24.5px #008f9e;
    box-shadow: inset 0 0 0 24.5px #008f9e; }

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

.btn {
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "IBM Plex Sans", sans-serif;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 10.5px;
  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; }
  .btn.btn-primary {
    background: #008f9e;
    color: #fff; }
    .btn.btn-primary:hover {
      background: #008f9e; }
  .btn.btn-default {
    background: #d3d3d3;
    color: #008f9e; }
    .btn.btn-default:hover {
      background: #b9b9b9; }
  .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: "ps-gliphs";
        font-size: 21px;
        text-transform: none;
        position: absolute;
        top: 8px;
        left: 10.5px;
        content: attr(data-icon); }
    .btn.btn-nav.btn-next {
      padding-left: 0;
      padding-right: 47px; }
      .btn.btn-nav.btn-next::before {
        right: 10.5px;
        left: auto; }

.lista-produtos, .lista-produtos ul {
  list-style: none; }

.lista-produtos:first-child {
  border-top: 1px solid #efefef; }

.lista-produtos > li > div {
  border-bottom: 1px solid #efefef; }

.lista-produtos ul {
  border-bottom: 1px solid #efefef; }
  .lista-produtos ul li {
    width: calc(100%/3);
    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: "\64";
      margin-right: 12px;
      opacity: 1; }
    .lista-produtos h2 a.opened:hover::before {
      content: "\67"; }

.lista-templates {
  list-style: none; }
  .lista-templates li {
    display: inline-block;
    width: 20%;
    float: left;
    margin-bottom: 20px;
    position: relative; }
    .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: rgba(0, 0, 0, 0.7); }
      .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: 0px;
      cursor: pointer;
      background: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none;
      z-index: 1;
      color: #212121;
      margin: 0; }
      .lista-templates li .btn-zoom-in:hover {
        background: none;
        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); }
      .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; }
      .lista-templates li .btn-zoom-in::before {
        display: none; }

.custom-radio-template img {
  height: 100%; }

.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: #008f9e;
  opacity: 0.35; }

.custom-radio-template input[type="radio"]:checked + label.thumb-zoom:after {
  content: "\6d";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  font-family: "ps-gliphs";
  color: #fff;
  font-size: 24px;
  padding-top: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  background: #00adef;
  -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 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);
    max-width: 100%;
    display: block !important; }
  .zoom-in .btn-close {
    position: absolute;
    right: 60px;
    top: 60px;
    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: 42px;
    font-size: 20px;
    height: 42px;
    color: #002e3b;
    padding-top: 3px;
    line-height: 42px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .zoom-in .btn-close:hover {
      background: rgba(255, 255, 255, 0.5);
      color: #002e3b; }

.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 20px 50px;
  background: #569162;
  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;
  line-height: 20px;
  font-size: 0.9rem; }
  .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: "\6c";
    display: inline-block;
    font-family: "ps-gliphs";
    text-transform: none;
    font-size: 24px;
    font-weight: normal;
    margin-right: 24px;
    position: absolute;
    left: 14px; }
  .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: "\63"; }
  .box-msg.msg-alerta {
    background: #fff3c4;
    color: #8a6d5b;
    border-bottom: 1px solid #efe4b8; }
    .box-msg.msg-alerta::before, .box-msg.msg-alerta .btn.btn-close {
      color: #8a6d5b; }
    .box-msg.msg-alerta::before {
      content: "\63"; }

.btn-share a {
  margin-top: 20px; }

@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: 768px) {
  .newWizard {
    padding: 0; }
  .controls {
    padding-left: 0;
    padding-right: 0; }
  .btn.btn-nav {
    min-width: 0;
    width: 95%; }
  .lista-templates li {
    width: 50%; } }

@media screen and (max-width: 480px) {
  .share-content {
    line-height: 20px; }
  .share-col {
    line-height: 15px !important;
    text-align: center; }
  h3 {
    font-size: 2em; }
  .p_colCustom-12,
  .lista-produtos li {
    width: 100%; } }

@media screen and (max-width: 645px) {
  .text-facebook {
    margin-top: 0px !important; }
  .btn-zoom-in {
    display: none; }
  .newWizard.appearance {
    height: 85vh; }
  .newWizard {
    margin-bottom: 70px; }
  .wizard.wraper {
    display: block;
    text-align: center; }
    .wizard.wraper .wizard-step {
      display: none;
      max-width: 32%;
      padding-left: 5px;
      padding-right: 5px; }
      .wizard.wraper .wizard-step a {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        font-size: 0.75rem; }
  .controls {
    position: fixed;
    z-index: 2;
    background-color: #fff;
    padding: 0;
    margin: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .controls.inside {
    padding: 10px; }
  .controls > .p_colCustom-12 {
    text-align: center; }
  .hide-sm {
    display: none; } }

.img-preview {
  width: 200px; }

.share-col {
  padding-left: 15px;
  line-height: 45px; }