/*
*	This App specific styles
*	Only used for DataGrip
*/
/*
* All parameterized palette elements
*/
html {
  font-size: 10pt;
}

/*
*	Layout elements
*/
/*
*	Content elements
*/
/*
*	UI elements
*/
/*
*	Form elements
*/
/*
Aqui van los estilos y variaciones especifico
para un determinado cliente/aplicacion
Estos estilos se sobreponen a los estilos establecidos en _palette
*/
/*
* PETROBRAS CUSTOMIZED FONTS
*/
/*
* PETROBRAS CUSTOMIZED COLOR PALETTE
* General customized colors, replacing those in _palette
*/
/*
*	 Customized Layout elements
*/
/*
*   Customized Form elements
*/
@font-face {
  font-family: "WeblySleek UI Light";
  src: url("../fonts/weblysleekuil.ttf?v101") format("truetype");
}
@font-face {
  font-family: "WeblySleek UI";
  src: url("../fonts/weblysleekuisl.ttf") format("truetype");
}
@font-face {
  font-family: "WeblySleek UI Semibold";
  src: url("../fonts/weblysleekuisb.ttf") format("truetype");
}
@font-face {
  font-family: "WeblySleek UI Bold";
  src: url("../fonts/weblysleekuisb.ttf") format("truetype");
}
/*!
  Ionicons, v1.5.2
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=1.5.2");
  src: url("../fonts/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.5.2") format("truetype"), url("../fonts/ionicons.woff?v=1.5.2") format("woff"), url("../fonts/ionicons.svg?v=1.5.2#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.home,
.ion, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-contact:before, .ion-android-alarm:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down-left:before, .ion-android-arrow-down-right:before, .ion-android-arrow-forward:before, .ion-android-arrow-up-left:before, .ion-android-arrow-up-right:before, .ion-android-battery:before, .ion-android-book:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-chat:before, .ion-android-checkmark:before, .ion-android-clock:before, .ion-android-close:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-data:before, .ion-android-developer:before, .ion-android-display:before, .ion-android-download:before, .ion-android-drawer:before, .ion-android-dropdown:before, .ion-android-earth:before, .ion-android-folder:before, .ion-android-forums:before, .ion-android-friends:before, .ion-android-hand:before, .ion-android-image:before, .ion-android-inbox:before, .ion-android-information:before, .ion-android-keypad:before, .ion-android-lightbulb:before, .ion-android-locate:before, .ion-android-location:before, .ion-android-mail:before, .ion-android-microphone:before, .ion-android-mixer:before, .ion-android-more:before, .ion-android-note:before, .ion-android-playstore:before, .ion-android-printer:before, .ion-android-promotion:before, .ion-android-reminder:before, .ion-android-remove:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-social:before, .ion-android-social-user:before, .ion-android-sort:before, .ion-android-stair-drawer:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-storage:before, .ion-android-system-back:before, .ion-android-system-home:before, .ion-android-system-windows:before, .ion-android-timer:before, .ion-android-trash:before, .ion-android-user-menu:before, .ion-android-volume:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-flask:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-game-controller-a:before, .ion-game-controller-b:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-icon-social-google-plus:before, .ion-icon-social-google-plus-outline:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios7-alarm:before, .ion-ios7-alarm-outline:before, .ion-ios7-albums:before, .ion-ios7-albums-outline:before, .ion-ios7-americanfootball:before, .ion-ios7-americanfootball-outline:before, .ion-ios7-analytics:before, .ion-ios7-analytics-outline:before, .ion-ios7-arrow-back:before, .ion-ios7-arrow-down:before, .ion-ios7-arrow-forward:before, .ion-ios7-arrow-left:before, .ion-ios7-arrow-right:before, .ion-ios7-arrow-thin-down:before, .ion-ios7-arrow-thin-left:before, .ion-ios7-arrow-thin-right:before, .ion-ios7-arrow-thin-up:before, .ion-ios7-arrow-up:before, .ion-ios7-at:before, .ion-ios7-at-outline:before, .ion-ios7-barcode:before, .ion-ios7-barcode-outline:before, .ion-ios7-baseball:before, .ion-ios7-baseball-outline:before, .ion-ios7-basketball:before, .ion-ios7-basketball-outline:before, .ion-ios7-bell:before, .ion-ios7-bell-outline:before, .ion-ios7-bolt:before, .ion-ios7-bolt-outline:before, .ion-ios7-bookmarks:before, .ion-ios7-bookmarks-outline:before, .ion-ios7-box:before, .ion-ios7-box-outline:before, .ion-ios7-briefcase:before, .ion-ios7-briefcase-outline:before, .ion-ios7-browsers:before, .ion-ios7-browsers-outline:before, .ion-ios7-calculator:before, .ion-ios7-calculator-outline:before, .ion-ios7-calendar:before, .ion-ios7-calendar-outline:before, .ion-ios7-camera:before, .ion-ios7-camera-outline:before, .ion-ios7-cart:before, .ion-ios7-cart-outline:before, .ion-ios7-chatboxes:before, .ion-ios7-chatboxes-outline:before, .ion-ios7-chatbubble:before, .ion-ios7-chatbubble-outline:before, .ion-ios7-checkmark:before, .ion-ios7-checkmark-empty:before, .ion-ios7-checkmark-outline:before, .ion-ios7-circle-filled:before, .ion-ios7-circle-outline:before, .ion-ios7-clock:before, .ion-ios7-clock-outline:before, .ion-ios7-close:before, .ion-ios7-close-empty:before, .ion-ios7-close-outline:before, .ion-ios7-cloud:before, .ion-ios7-cloud-download:before, .ion-ios7-cloud-download-outline:before, .ion-ios7-cloud-outline:before, .ion-ios7-cloud-upload:before, .ion-ios7-cloud-upload-outline:before, .ion-ios7-cloudy:before, .ion-ios7-cloudy-night:before, .ion-ios7-cloudy-night-outline:before, .ion-ios7-cloudy-outline:before, .ion-ios7-cog:before, .ion-ios7-cog-outline:before, .ion-ios7-compose:before, .ion-ios7-compose-outline:before, .ion-ios7-contact:before, .ion-ios7-contact-outline:before, .ion-ios7-copy:before, .ion-ios7-copy-outline:before, .ion-ios7-download:before, .ion-ios7-download-outline:before, .ion-ios7-drag:before, .ion-ios7-email:before, .ion-ios7-email-outline:before, .ion-ios7-expand:before, .ion-ios7-eye:before, .ion-ios7-eye-outline:before, .ion-ios7-fastforward:before, .ion-ios7-fastforward-outline:before, .ion-ios7-filing:before, .ion-ios7-filing-outline:before, .ion-ios7-film:before, .ion-ios7-film-outline:before, .ion-ios7-flag:before, .ion-ios7-flag-outline:before, .ion-ios7-folder:before, .ion-ios7-folder-outline:before, .ion-ios7-football:before, .ion-ios7-football-outline:before, .ion-ios7-gear:before, .ion-ios7-gear-outline:before, .ion-ios7-glasses:before, .ion-ios7-glasses-outline:before, .ion-ios7-heart:before, .ion-ios7-heart-outline:before, .ion-ios7-help:before, .ion-ios7-help-empty:before, .ion-ios7-help-outline:before, .ion-ios7-home:before, .ion-ios7-home-outline:before, .ion-ios7-infinite:before, .ion-ios7-infinite-outline:before, .ion-ios7-information:before, .ion-ios7-information-empty:before, .ion-ios7-information-outline:before, .ion-ios7-ionic-outline:before, .ion-ios7-keypad:before, .ion-ios7-keypad-outline:before, .ion-ios7-lightbulb:before, .ion-ios7-lightbulb-outline:before, .ion-ios7-location:before, .ion-ios7-location-outline:before, .ion-ios7-locked:before, .ion-ios7-locked-outline:before, .ion-ios7-loop:before, .ion-ios7-loop-strong:before, .ion-ios7-medkit:before, .ion-ios7-medkit-outline:before, .ion-ios7-mic:before, .ion-ios7-mic-off:before, .ion-ios7-mic-outline:before, .ion-ios7-minus:before, .ion-ios7-minus-empty:before, .ion-ios7-minus-outline:before, .ion-ios7-monitor:before, .ion-ios7-monitor-outline:before, .ion-ios7-moon:before, .ion-ios7-moon-outline:before, .ion-ios7-more:before, .ion-ios7-more-outline:before, .ion-ios7-musical-note:before, .ion-ios7-musical-notes:before, .ion-ios7-navigate:before, .ion-ios7-navigate-outline:before, .ion-ios7-paper:before, .ion-ios7-paper-outline:before, .ion-ios7-paperplane:before, .ion-ios7-paperplane-outline:before, .ion-ios7-partlysunny:before, .ion-ios7-partlysunny-outline:before, .ion-ios7-pause:before, .ion-ios7-pause-outline:before, .ion-ios7-paw:before, .ion-ios7-paw-outline:before, .ion-ios7-people:before, .ion-ios7-people-outline:before, .ion-ios7-person:before, .ion-ios7-person-outline:before, .ion-ios7-personadd:before, .ion-ios7-personadd-outline:before, .ion-ios7-photos:before, .ion-ios7-photos-outline:before, .ion-ios7-pie:before, .ion-ios7-pie-outline:before, .ion-ios7-play:before, .ion-ios7-play-outline:before, .ion-ios7-plus:before, .ion-ios7-plus-empty:before, .ion-ios7-plus-outline:before, .ion-ios7-pricetag:before, .ion-ios7-pricetag-outline:before, .ion-ios7-pricetags:before, .ion-ios7-pricetags-outline:before, .ion-ios7-printer:before, .ion-ios7-printer-outline:before, .ion-ios7-pulse:before, .ion-ios7-pulse-strong:before, .ion-ios7-rainy:before, .ion-ios7-rainy-outline:before, .ion-ios7-recording:before, .ion-ios7-recording-outline:before, .ion-ios7-redo:before, .ion-ios7-redo-outline:before, .ion-ios7-refresh:before, .ion-ios7-refresh-empty:before, .ion-ios7-refresh-outline:before, .ion-ios7-reload:before, .ion-ios7-reloading:before, .ion-ios7-reverse-camera:before, .ion-ios7-reverse-camera-outline:before, .ion-ios7-rewind:before, .ion-ios7-rewind-outline:before, .ion-ios7-search:before, .ion-ios7-search-strong:before, .ion-ios7-settings:before, .ion-ios7-settings-strong:before, .ion-ios7-shrink:before, .ion-ios7-skipbackward:before, .ion-ios7-skipbackward-outline:before, .ion-ios7-skipforward:before, .ion-ios7-skipforward-outline:before, .ion-ios7-snowy:before, .ion-ios7-speedometer:before, .ion-ios7-speedometer-outline:before, .ion-ios7-star:before, .ion-ios7-star-half:before, .ion-ios7-star-outline:before, .ion-ios7-stopwatch:before, .ion-ios7-stopwatch-outline:before, .ion-ios7-sunny:before, .ion-ios7-sunny-outline:before, .ion-ios7-telephone:before, .ion-ios7-telephone-outline:before, .ion-ios7-tennisball:before, .ion-ios7-tennisball-outline:before, .ion-ios7-thunderstorm:before, .ion-ios7-thunderstorm-outline:before, .ion-ios7-time:before, .ion-ios7-time-outline:before, .ion-ios7-timer:before, .ion-ios7-timer-outline:before, .ion-ios7-toggle:before, .ion-ios7-toggle-outline:before, .ion-ios7-trash:before, .ion-ios7-trash-outline:before, .ion-ios7-undo:before, .ion-ios7-undo-outline:before, .ion-ios7-unlocked:before, .ion-ios7-unlocked-outline:before, .ion-ios7-upload:before, .ion-ios7-upload-outline:before, .ion-ios7-videocam:before, .ion-ios7-videocam-outline:before, .ion-ios7-volume-high:before, .ion-ios7-volume-low:before, .ion-ios7-wineglass:before, .ion-ios7-wineglass-outline:before, .ion-ios7-world:before, .ion-ios7-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-loading-a:before, .ion-load-b:before, .ion-loading-b:before, .ion-load-c:before, .ion-loading-c:before, .ion-load-d:before, .ion-loading-d:before, .ion-location:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-looping:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-refreshing:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ion-loading-a {
  -webkit-animation-timing-function: steps(8, start);
  -moz-animation-timing-function: steps(8, start);
  animation-timing-function: steps(8, start);
}

.ion-alert:before {
  content: "\f101";
}

.ion-alert-circled:before {
  content: "\f100";
}

.ion-android-add:before {
  content: "\f2c7";
}

.ion-android-add-contact:before {
  content: "\f2c6";
}

.ion-android-alarm:before {
  content: "\f2c8";
}

.ion-android-archive:before {
  content: "\f2c9";
}

.ion-android-arrow-back:before {
  content: "\f2ca";
}

.ion-android-arrow-down-left:before {
  content: "\f2cb";
}

.ion-android-arrow-down-right:before {
  content: "\f2cc";
}

.ion-android-arrow-forward:before {
  content: "\f30f";
}

.ion-android-arrow-up-left:before {
  content: "\f2cd";
}

.ion-android-arrow-up-right:before {
  content: "\f2ce";
}

.ion-android-battery:before {
  content: "\f2cf";
}

.ion-android-book:before {
  content: "\f2d0";
}

.ion-android-calendar:before {
  content: "\f2d1";
}

.ion-android-call:before {
  content: "\f2d2";
}

.ion-android-camera:before {
  content: "\f2d3";
}

.ion-android-chat:before {
  content: "\f2d4";
}

.ion-android-checkmark:before {
  content: "\f2d5";
}

.ion-android-clock:before {
  content: "\f2d6";
}

.ion-android-close:before {
  content: "\f2d7";
}

.ion-android-contact:before {
  content: "\f2d8";
}

.ion-android-contacts:before {
  content: "\f2d9";
}

.ion-android-data:before {
  content: "\f2da";
}

.ion-android-developer:before {
  content: "\f2db";
}

.ion-android-display:before {
  content: "\f2dc";
}

.ion-android-download:before {
  content: "\f2dd";
}

.ion-android-drawer:before {
  content: "\f310";
}

.ion-android-dropdown:before {
  content: "\f2de";
}

.ion-android-earth:before {
  content: "\f2df";
}

.ion-android-folder:before {
  content: "\f2e0";
}

.ion-android-forums:before {
  content: "\f2e1";
}

.ion-android-friends:before {
  content: "\f2e2";
}

.ion-android-hand:before {
  content: "\f2e3";
}

.ion-android-image:before {
  content: "\f2e4";
}

.ion-android-inbox:before {
  content: "\f2e5";
}

.ion-android-information:before {
  content: "\f2e6";
}

.ion-android-keypad:before {
  content: "\f2e7";
}

.ion-android-lightbulb:before {
  content: "\f2e8";
}

.ion-android-locate:before {
  content: "\f2e9";
}

.ion-android-location:before {
  content: "\f2ea";
}

.ion-android-mail:before {
  content: "\f2eb";
}

.ion-android-microphone:before {
  content: "\f2ec";
}

.ion-android-mixer:before {
  content: "\f2ed";
}

.ion-android-more:before {
  content: "\f2ee";
}

.ion-android-note:before {
  content: "\f2ef";
}

.ion-android-playstore:before {
  content: "\f2f0";
}

.ion-android-printer:before {
  content: "\f2f1";
}

.ion-android-promotion:before {
  content: "\f2f2";
}

.ion-android-reminder:before {
  content: "\f2f3";
}

.ion-android-remove:before {
  content: "\f2f4";
}

.ion-android-search:before {
  content: "\f2f5";
}

.ion-android-send:before {
  content: "\f2f6";
}

.ion-android-settings:before {
  content: "\f2f7";
}

.ion-android-share:before {
  content: "\f2f8";
}

.ion-android-social:before {
  content: "\f2fa";
}

.ion-android-social-user:before {
  content: "\f2f9";
}

.ion-android-sort:before {
  content: "\f2fb";
}

.ion-android-stair-drawer:before {
  content: "\f311";
}

.ion-android-star:before {
  content: "\f2fc";
}

.ion-android-stopwatch:before {
  content: "\f2fd";
}

.ion-android-storage:before {
  content: "\f2fe";
}

.ion-android-system-back:before {
  content: "\f2ff";
}

.ion-android-system-home:before {
  content: "\f300";
}

.ion-android-system-windows:before {
  content: "\f301";
}

.ion-android-timer:before {
  content: "\f302";
}

.ion-android-trash:before {
  content: "\f303";
}

.ion-android-user-menu:before {
  content: "\f312";
}

.ion-android-volume:before {
  content: "\f304";
}

.ion-android-wifi:before {
  content: "\f305";
}

.ion-aperture:before {
  content: "\f313";
}

.ion-archive:before {
  content: "\f102";
}

.ion-arrow-down-a:before {
  content: "\f103";
}

.ion-arrow-down-b:before {
  content: "\f104";
}

.ion-arrow-down-c:before {
  content: "\f105";
}

.ion-arrow-expand:before {
  content: "\f25e";
}

.ion-arrow-graph-down-left:before {
  content: "\f25f";
}

.ion-arrow-graph-down-right:before {
  content: "\f260";
}

.ion-arrow-graph-up-left:before {
  content: "\f261";
}

.ion-arrow-graph-up-right:before {
  content: "\f262";
}

.ion-arrow-left-a:before {
  content: "\f106";
}

.ion-arrow-left-b:before {
  content: "\f107";
}

.ion-arrow-left-c:before {
  content: "\f108";
}

.ion-arrow-move:before {
  content: "\f263";
}

.ion-arrow-resize:before {
  content: "\f264";
}

.ion-arrow-return-left:before {
  content: "\f265";
}

.ion-arrow-return-right:before {
  content: "\f266";
}

.ion-arrow-right-a:before {
  content: "\f109";
}

.ion-arrow-right-b:before {
  content: "\f10a";
}

.ion-arrow-right-c:before {
  content: "\f10b";
}

.ion-arrow-shrink:before {
  content: "\f267";
}

.ion-arrow-swap:before {
  content: "\f268";
}

.ion-arrow-up-a:before {
  content: "\f10c";
}

.ion-arrow-up-b:before {
  content: "\f10d";
}

.ion-arrow-up-c:before {
  content: "\f10e";
}

.ion-asterisk:before {
  content: "\f314";
}

.ion-at:before {
  content: "\f10f";
}

.ion-bag:before {
  content: "\f110";
}

.ion-battery-charging:before {
  content: "\f111";
}

.ion-battery-empty:before {
  content: "\f112";
}

.ion-battery-full:before {
  content: "\f113";
}

.ion-battery-half:before {
  content: "\f114";
}

.ion-battery-low:before {
  content: "\f115";
}

.ion-beaker:before {
  content: "\f269";
}

.ion-beer:before {
  content: "\f26a";
}

.ion-bluetooth:before {
  content: "\f116";
}

.ion-bonfire:before {
  content: "\f315";
}

.ion-bookmark:before {
  content: "\f26b";
}

.ion-briefcase:before {
  content: "\f26c";
}

.ion-bug:before {
  content: "\f2be";
}

.ion-calculator:before {
  content: "\f26d";
}

.ion-calendar:before {
  content: "\f117";
}

.ion-camera:before {
  content: "\f118";
}

.ion-card:before {
  content: "\f119";
}

.ion-cash:before {
  content: "\f316";
}

.ion-chatbox:before {
  content: "\f11b";
}

.ion-chatbox-working:before {
  content: "\f11a";
}

.ion-chatboxes:before {
  content: "\f11c";
}

.ion-chatbubble:before {
  content: "\f11e";
}

.ion-chatbubble-working:before {
  content: "\f11d";
}

.ion-chatbubbles:before {
  content: "\f11f";
}

.ion-checkmark:before {
  content: "\f122";
}

.ion-checkmark-circled:before {
  content: "\f120";
}

.ion-checkmark-round:before {
  content: "\f121";
}

.ion-chevron-down:before {
  content: "\f123";
}

.ion-chevron-left:before {
  content: "\f124";
}

.ion-chevron-right:before {
  content: "\f125";
}

.ion-chevron-up:before {
  content: "\f126";
}

.ion-clipboard:before {
  content: "\f127";
}

.ion-clock:before {
  content: "\f26e";
}

.ion-close:before {
  content: "\f12a";
}

.ion-close-circled:before {
  content: "\f128";
}

.ion-close-round:before {
  content: "\f129";
}

.ion-closed-captioning:before {
  content: "\f317";
}

.ion-cloud:before {
  content: "\f12b";
}

.ion-code:before {
  content: "\f271";
}

.ion-code-download:before {
  content: "\f26f";
}

.ion-code-working:before {
  content: "\f270";
}

.ion-coffee:before {
  content: "\f272";
}

.ion-compass:before {
  content: "\f273";
}

.ion-compose:before {
  content: "\f12c";
}

.ion-connection-bars:before {
  content: "\f274";
}

.ion-contrast:before {
  content: "\f275";
}

.ion-cube:before {
  content: "\f318";
}

.ion-disc:before {
  content: "\f12d";
}

.ion-document:before {
  content: "\f12f";
}

.ion-document-text:before {
  content: "\f12e";
}

.ion-drag:before {
  content: "\f130";
}

.ion-earth:before {
  content: "\f276";
}

.ion-edit:before {
  content: "\f2bf";
}

.ion-egg:before {
  content: "\f277";
}

.ion-eject:before {
  content: "\f131";
}

.ion-email:before {
  content: "\f132";
}

.ion-eye:before {
  content: "\f133";
}

.ion-eye-disabled:before {
  content: "\f306";
}

.ion-female:before {
  content: "\f278";
}

.ion-filing:before {
  content: "\f134";
}

.ion-film-marker:before {
  content: "\f135";
}

.ion-fireball:before {
  content: "\f319";
}

.ion-flag:before {
  content: "\f279";
}

.ion-flame:before {
  content: "\f31a";
}

.ion-flash:before {
  content: "\f137";
}

.ion-flash-off:before {
  content: "\f136";
}

.ion-flask:before {
  content: "\f138";
}

.ion-folder:before {
  content: "\f139";
}

.ion-fork:before {
  content: "\f27a";
}

.ion-fork-repo:before {
  content: "\f2c0";
}

.ion-forward:before {
  content: "\f13a";
}

.ion-funnel:before {
  content: "\f31b";
}

.ion-game-controller-a:before {
  content: "\f13b";
}

.ion-game-controller-b:before {
  content: "\f13c";
}

.ion-gear-a:before {
  content: "\f13d";
}

.ion-gear-b:before {
  content: "\f13e";
}

.ion-grid:before {
  content: "\f13f";
}

.ion-hammer:before {
  content: "\f27b";
}

.ion-happy:before {
  content: "\f31c";
}

.ion-headphone:before {
  content: "\f140";
}

.ion-heart:before {
  content: "\f141";
}

.ion-heart-broken:before {
  content: "\f31d";
}

.ion-help:before {
  content: "\f143";
}

.ion-help-buoy:before {
  content: "\f27c";
}

.ion-help-circled:before {
  content: "\f142";
}

.ion-home:before {
  content: "\f144";
}

.ion-icecream:before {
  content: "\f27d";
}

.ion-icon-social-google-plus:before {
  content: "\f146";
}

.ion-icon-social-google-plus-outline:before {
  content: "\f145";
}

.ion-image:before {
  content: "\f147";
}

.ion-images:before {
  content: "\f148";
}

.ion-information:before {
  content: "\f14a";
}

.ion-information-circled:before {
  content: "\f149";
}

.ion-ionic:before {
  content: "\f14b";
}

.ion-ios7-alarm:before {
  content: "\f14d";
}

.ion-ios7-alarm-outline:before {
  content: "\f14c";
}

.ion-ios7-albums:before {
  content: "\f14f";
}

.ion-ios7-albums-outline:before {
  content: "\f14e";
}

.ion-ios7-americanfootball:before {
  content: "\f31f";
}

.ion-ios7-americanfootball-outline:before {
  content: "\f31e";
}

.ion-ios7-analytics:before {
  content: "\f321";
}

.ion-ios7-analytics-outline:before {
  content: "\f320";
}

.ion-ios7-arrow-back:before {
  content: "\f150";
}

.ion-ios7-arrow-down:before {
  content: "\f151";
}

.ion-ios7-arrow-forward:before {
  content: "\f152";
}

.ion-ios7-arrow-left:before {
  content: "\f153";
}

.ion-ios7-arrow-right:before {
  content: "\f154";
}

.ion-ios7-arrow-thin-down:before {
  content: "\f27e";
}

.ion-ios7-arrow-thin-left:before {
  content: "\f27f";
}

.ion-ios7-arrow-thin-right:before {
  content: "\f280";
}

.ion-ios7-arrow-thin-up:before {
  content: "\f281";
}

.ion-ios7-arrow-up:before {
  content: "\f155";
}

.ion-ios7-at:before {
  content: "\f157";
}

.ion-ios7-at-outline:before {
  content: "\f156";
}

.ion-ios7-barcode:before {
  content: "\f323";
}

.ion-ios7-barcode-outline:before {
  content: "\f322";
}

.ion-ios7-baseball:before {
  content: "\f325";
}

.ion-ios7-baseball-outline:before {
  content: "\f324";
}

.ion-ios7-basketball:before {
  content: "\f327";
}

.ion-ios7-basketball-outline:before {
  content: "\f326";
}

.ion-ios7-bell:before {
  content: "\f159";
}

.ion-ios7-bell-outline:before {
  content: "\f158";
}

.ion-ios7-bolt:before {
  content: "\f15b";
}

.ion-ios7-bolt-outline:before {
  content: "\f15a";
}

.ion-ios7-bookmarks:before {
  content: "\f15d";
}

.ion-ios7-bookmarks-outline:before {
  content: "\f15c";
}

.ion-ios7-box:before {
  content: "\f15f";
}

.ion-ios7-box-outline:before {
  content: "\f15e";
}

.ion-ios7-briefcase:before {
  content: "\f283";
}

.ion-ios7-briefcase-outline:before {
  content: "\f282";
}

.ion-ios7-browsers:before {
  content: "\f161";
}

.ion-ios7-browsers-outline:before {
  content: "\f160";
}

.ion-ios7-calculator:before {
  content: "\f285";
}

.ion-ios7-calculator-outline:before {
  content: "\f284";
}

.ion-ios7-calendar:before {
  content: "\f163";
}

.ion-ios7-calendar-outline:before {
  content: "\f162";
}

.ion-ios7-camera:before {
  content: "\f165";
}

.ion-ios7-camera-outline:before {
  content: "\f164";
}

.ion-ios7-cart:before {
  content: "\f167";
}

.ion-ios7-cart-outline:before {
  content: "\f166";
}

.ion-ios7-chatboxes:before {
  content: "\f169";
}

.ion-ios7-chatboxes-outline:before {
  content: "\f168";
}

.ion-ios7-chatbubble:before {
  content: "\f16b";
}

.ion-ios7-chatbubble-outline:before {
  content: "\f16a";
}

.ion-ios7-checkmark:before {
  content: "\f16e";
}

.ion-ios7-checkmark-empty:before {
  content: "\f16c";
}

.ion-ios7-checkmark-outline:before {
  content: "\f16d";
}

.ion-ios7-circle-filled:before {
  content: "\f16f";
}

.ion-ios7-circle-outline:before {
  content: "\f170";
}

.ion-ios7-clock:before {
  content: "\f172";
}

.ion-ios7-clock-outline:before {
  content: "\f171";
}

.ion-ios7-close:before {
  content: "\f2bc";
}

.ion-ios7-close-empty:before {
  content: "\f2bd";
}

.ion-ios7-close-outline:before {
  content: "\f2bb";
}

.ion-ios7-cloud:before {
  content: "\f178";
}

.ion-ios7-cloud-download:before {
  content: "\f174";
}

.ion-ios7-cloud-download-outline:before {
  content: "\f173";
}

.ion-ios7-cloud-outline:before {
  content: "\f175";
}

.ion-ios7-cloud-upload:before {
  content: "\f177";
}

.ion-ios7-cloud-upload-outline:before {
  content: "\f176";
}

.ion-ios7-cloudy:before {
  content: "\f17a";
}

.ion-ios7-cloudy-night:before {
  content: "\f308";
}

.ion-ios7-cloudy-night-outline:before {
  content: "\f307";
}

.ion-ios7-cloudy-outline:before {
  content: "\f179";
}

.ion-ios7-cog:before {
  content: "\f17c";
}

.ion-ios7-cog-outline:before {
  content: "\f17b";
}

.ion-ios7-compose:before {
  content: "\f17e";
}

.ion-ios7-compose-outline:before {
  content: "\f17d";
}

.ion-ios7-contact:before {
  content: "\f180";
}

.ion-ios7-contact-outline:before {
  content: "\f17f";
}

.ion-ios7-copy:before {
  content: "\f182";
}

.ion-ios7-copy-outline:before {
  content: "\f181";
}

.ion-ios7-download:before {
  content: "\f184";
}

.ion-ios7-download-outline:before {
  content: "\f183";
}

.ion-ios7-drag:before {
  content: "\f185";
}

.ion-ios7-email:before {
  content: "\f187";
}

.ion-ios7-email-outline:before {
  content: "\f186";
}

.ion-ios7-expand:before {
  content: "\f30d";
}

.ion-ios7-eye:before {
  content: "\f189";
}

.ion-ios7-eye-outline:before {
  content: "\f188";
}

.ion-ios7-fastforward:before {
  content: "\f18b";
}

.ion-ios7-fastforward-outline:before {
  content: "\f18a";
}

.ion-ios7-filing:before {
  content: "\f18d";
}

.ion-ios7-filing-outline:before {
  content: "\f18c";
}

.ion-ios7-film:before {
  content: "\f18f";
}

.ion-ios7-film-outline:before {
  content: "\f18e";
}

.ion-ios7-flag:before {
  content: "\f191";
}

.ion-ios7-flag-outline:before {
  content: "\f190";
}

.ion-ios7-folder:before {
  content: "\f193";
}

.ion-ios7-folder-outline:before {
  content: "\f192";
}

.ion-ios7-football:before {
  content: "\f329";
}

.ion-ios7-football-outline:before {
  content: "\f328";
}

.ion-ios7-gear:before {
  content: "\f195";
}

.ion-ios7-gear-outline:before {
  content: "\f194";
}

.ion-ios7-glasses:before {
  content: "\f197";
}

.ion-ios7-glasses-outline:before {
  content: "\f196";
}

.ion-ios7-heart:before {
  content: "\f199";
}

.ion-ios7-heart-outline:before {
  content: "\f198";
}

.ion-ios7-help:before {
  content: "\f19c";
}

.ion-ios7-help-empty:before {
  content: "\f19a";
}

.ion-ios7-help-outline:before {
  content: "\f19b";
}

.ion-ios7-home:before {
  content: "\f32b";
}

.ion-ios7-home-outline:before {
  content: "\f32a";
}

.ion-ios7-infinite:before {
  content: "\f19e";
}

.ion-ios7-infinite-outline:before {
  content: "\f19d";
}

.ion-ios7-information:before {
  content: "\f1a1";
}

.ion-ios7-information-empty:before {
  content: "\f19f";
}

.ion-ios7-information-outline:before {
  content: "\f1a0";
}

.ion-ios7-ionic-outline:before {
  content: "\f1a2";
}

.ion-ios7-keypad:before {
  content: "\f1a4";
}

.ion-ios7-keypad-outline:before {
  content: "\f1a3";
}

.ion-ios7-lightbulb:before {
  content: "\f287";
}

.ion-ios7-lightbulb-outline:before {
  content: "\f286";
}

.ion-ios7-location:before {
  content: "\f1a6";
}

.ion-ios7-location-outline:before {
  content: "\f1a5";
}

.ion-ios7-locked:before {
  content: "\f1a8";
}

.ion-ios7-locked-outline:before {
  content: "\f1a7";
}

.ion-ios7-loop:before {
  content: "\f32d";
}

.ion-ios7-loop-strong:before {
  content: "\f32c";
}

.ion-ios7-medkit:before {
  content: "\f289";
}

.ion-ios7-medkit-outline:before {
  content: "\f288";
}

.ion-ios7-mic:before {
  content: "\f1ab";
}

.ion-ios7-mic-off:before {
  content: "\f1a9";
}

.ion-ios7-mic-outline:before {
  content: "\f1aa";
}

.ion-ios7-minus:before {
  content: "\f1ae";
}

.ion-ios7-minus-empty:before {
  content: "\f1ac";
}

.ion-ios7-minus-outline:before {
  content: "\f1ad";
}

.ion-ios7-monitor:before {
  content: "\f1b0";
}

.ion-ios7-monitor-outline:before {
  content: "\f1af";
}

.ion-ios7-moon:before {
  content: "\f1b2";
}

.ion-ios7-moon-outline:before {
  content: "\f1b1";
}

.ion-ios7-more:before {
  content: "\f1b4";
}

.ion-ios7-more-outline:before {
  content: "\f1b3";
}

.ion-ios7-musical-note:before {
  content: "\f1b5";
}

.ion-ios7-musical-notes:before {
  content: "\f1b6";
}

.ion-ios7-navigate:before {
  content: "\f1b8";
}

.ion-ios7-navigate-outline:before {
  content: "\f1b7";
}

.ion-ios7-paper:before {
  content: "\f32f";
}

.ion-ios7-paper-outline:before {
  content: "\f32e";
}

.ion-ios7-paperplane:before {
  content: "\f1ba";
}

.ion-ios7-paperplane-outline:before {
  content: "\f1b9";
}

.ion-ios7-partlysunny:before {
  content: "\f1bc";
}

.ion-ios7-partlysunny-outline:before {
  content: "\f1bb";
}

.ion-ios7-pause:before {
  content: "\f1be";
}

.ion-ios7-pause-outline:before {
  content: "\f1bd";
}

.ion-ios7-paw:before {
  content: "\f331";
}

.ion-ios7-paw-outline:before {
  content: "\f330";
}

.ion-ios7-people:before {
  content: "\f1c0";
}

.ion-ios7-people-outline:before {
  content: "\f1bf";
}

.ion-ios7-person:before {
  content: "\f1c2";
}

.ion-ios7-person-outline:before {
  content: "\f1c1";
}

.ion-ios7-personadd:before {
  content: "\f1c4";
}

.ion-ios7-personadd-outline:before {
  content: "\f1c3";
}

.ion-ios7-photos:before {
  content: "\f1c6";
}

.ion-ios7-photos-outline:before {
  content: "\f1c5";
}

.ion-ios7-pie:before {
  content: "\f28b";
}

.ion-ios7-pie-outline:before {
  content: "\f28a";
}

.ion-ios7-play:before {
  content: "\f1c8";
}

.ion-ios7-play-outline:before {
  content: "\f1c7";
}

.ion-ios7-plus:before {
  content: "\f1cb";
}

.ion-ios7-plus-empty:before {
  content: "\f1c9";
}

.ion-ios7-plus-outline:before {
  content: "\f1ca";
}

.ion-ios7-pricetag:before {
  content: "\f28d";
}

.ion-ios7-pricetag-outline:before {
  content: "\f28c";
}

.ion-ios7-pricetags:before {
  content: "\f333";
}

.ion-ios7-pricetags-outline:before {
  content: "\f332";
}

.ion-ios7-printer:before {
  content: "\f1cd";
}

.ion-ios7-printer-outline:before {
  content: "\f1cc";
}

.ion-ios7-pulse:before {
  content: "\f335";
}

.ion-ios7-pulse-strong:before {
  content: "\f334";
}

.ion-ios7-rainy:before {
  content: "\f1cf";
}

.ion-ios7-rainy-outline:before {
  content: "\f1ce";
}

.ion-ios7-recording:before {
  content: "\f1d1";
}

.ion-ios7-recording-outline:before {
  content: "\f1d0";
}

.ion-ios7-redo:before {
  content: "\f1d3";
}

.ion-ios7-redo-outline:before {
  content: "\f1d2";
}

.ion-ios7-refresh:before {
  content: "\f1d6";
}

.ion-ios7-refresh-empty:before {
  content: "\f1d4";
}

.ion-ios7-refresh-outline:before {
  content: "\f1d5";
}

.ion-ios7-reload:before, .ion-ios7-reloading:before {
  content: "\f28e";
}

.ion-ios7-reverse-camera:before {
  content: "\f337";
}

.ion-ios7-reverse-camera-outline:before {
  content: "\f336";
}

.ion-ios7-rewind:before {
  content: "\f1d8";
}

.ion-ios7-rewind-outline:before {
  content: "\f1d7";
}

.ion-ios7-search:before {
  content: "\f1da";
}

.ion-ios7-search-strong:before {
  content: "\f1d9";
}

.ion-ios7-settings:before {
  content: "\f339";
}

.ion-ios7-settings-strong:before {
  content: "\f338";
}

.ion-ios7-shrink:before {
  content: "\f30e";
}

.ion-ios7-skipbackward:before {
  content: "\f1dc";
}

.ion-ios7-skipbackward-outline:before {
  content: "\f1db";
}

.ion-ios7-skipforward:before {
  content: "\f1de";
}

.ion-ios7-skipforward-outline:before {
  content: "\f1dd";
}

.ion-ios7-snowy:before {
  content: "\f309";
}

.ion-ios7-speedometer:before {
  content: "\f290";
}

.ion-ios7-speedometer-outline:before {
  content: "\f28f";
}

.ion-ios7-star:before {
  content: "\f1e0";
}

.ion-ios7-star-half:before {
  content: "\f33a";
}

.ion-ios7-star-outline:before {
  content: "\f1df";
}

.ion-ios7-stopwatch:before {
  content: "\f1e2";
}

.ion-ios7-stopwatch-outline:before {
  content: "\f1e1";
}

.ion-ios7-sunny:before {
  content: "\f1e4";
}

.ion-ios7-sunny-outline:before {
  content: "\f1e3";
}

.ion-ios7-telephone:before {
  content: "\f1e6";
}

.ion-ios7-telephone-outline:before {
  content: "\f1e5";
}

.ion-ios7-tennisball:before {
  content: "\f33c";
}

.ion-ios7-tennisball-outline:before {
  content: "\f33b";
}

.ion-ios7-thunderstorm:before {
  content: "\f1e8";
}

.ion-ios7-thunderstorm-outline:before {
  content: "\f1e7";
}

.ion-ios7-time:before {
  content: "\f292";
}

.ion-ios7-time-outline:before {
  content: "\f291";
}

.ion-ios7-timer:before {
  content: "\f1ea";
}

.ion-ios7-timer-outline:before {
  content: "\f1e9";
}

.ion-ios7-toggle:before {
  content: "\f33e";
}

.ion-ios7-toggle-outline:before {
  content: "\f33d";
}

.ion-ios7-trash:before {
  content: "\f1ec";
}

.ion-ios7-trash-outline:before {
  content: "\f1eb";
}

.ion-ios7-undo:before {
  content: "\f1ee";
}

.ion-ios7-undo-outline:before {
  content: "\f1ed";
}

.ion-ios7-unlocked:before {
  content: "\f1f0";
}

.ion-ios7-unlocked-outline:before {
  content: "\f1ef";
}

.ion-ios7-upload:before {
  content: "\f1f2";
}

.ion-ios7-upload-outline:before {
  content: "\f1f1";
}

.ion-ios7-videocam:before {
  content: "\f1f4";
}

.ion-ios7-videocam-outline:before {
  content: "\f1f3";
}

.ion-ios7-volume-high:before {
  content: "\f1f5";
}

.ion-ios7-volume-low:before {
  content: "\f1f6";
}

.ion-ios7-wineglass:before {
  content: "\f294";
}

.ion-ios7-wineglass-outline:before {
  content: "\f293";
}

.ion-ios7-world:before {
  content: "\f1f8";
}

.ion-ios7-world-outline:before {
  content: "\f1f7";
}

.ion-ipad:before {
  content: "\f1f9";
}

.ion-iphone:before {
  content: "\f1fa";
}

.ion-ipod:before {
  content: "\f1fb";
}

.ion-jet:before {
  content: "\f295";
}

.ion-key:before {
  content: "\f296";
}

.ion-knife:before {
  content: "\f297";
}

.ion-laptop:before {
  content: "\f1fc";
}

.ion-leaf:before {
  content: "\f1fd";
}

.ion-levels:before {
  content: "\f298";
}

.ion-lightbulb:before {
  content: "\f299";
}

.ion-link:before {
  content: "\f1fe";
}

.ion-load-a:before, .ion-loading-a:before {
  content: "\f29a";
}

.ion-load-b:before, .ion-loading-b:before {
  content: "\f29b";
}

.ion-load-c:before, .ion-loading-c:before {
  content: "\f29c";
}

.ion-load-d:before, .ion-loading-d:before {
  content: "\f29d";
}

.ion-location:before {
  content: "\f1ff";
}

.ion-locked:before {
  content: "\f200";
}

.ion-log-in:before {
  content: "\f29e";
}

.ion-log-out:before {
  content: "\f29f";
}

.ion-loop:before, .ion-looping:before {
  content: "\f201";
}

.ion-magnet:before {
  content: "\f2a0";
}

.ion-male:before {
  content: "\f2a1";
}

.ion-man:before {
  content: "\f202";
}

.ion-map:before {
  content: "\f203";
}

.ion-medkit:before {
  content: "\f2a2";
}

.ion-merge:before {
  content: "\f33f";
}

.ion-mic-a:before {
  content: "\f204";
}

.ion-mic-b:before {
  content: "\f205";
}

.ion-mic-c:before {
  content: "\f206";
}

.ion-minus:before {
  content: "\f209";
}

.ion-minus-circled:before {
  content: "\f207";
}

.ion-minus-round:before {
  content: "\f208";
}

.ion-model-s:before {
  content: "\f2c1";
}

.ion-monitor:before {
  content: "\f20a";
}

.ion-more:before {
  content: "\f20b";
}

.ion-mouse:before {
  content: "\f340";
}

.ion-music-note:before {
  content: "\f20c";
}

.ion-navicon:before {
  content: "\f20e";
}

.ion-navicon-round:before {
  content: "\f20d";
}

.ion-navigate:before {
  content: "\f2a3";
}

.ion-network:before {
  content: "\f341";
}

.ion-no-smoking:before {
  content: "\f2c2";
}

.ion-nuclear:before {
  content: "\f2a4";
}

.ion-outlet:before {
  content: "\f342";
}

.ion-paper-airplane:before {
  content: "\f2c3";
}

.ion-paperclip:before {
  content: "\f20f";
}

.ion-pause:before {
  content: "\f210";
}

.ion-person:before {
  content: "\f213";
}

.ion-person-add:before {
  content: "\f211";
}

.ion-person-stalker:before {
  content: "\f212";
}

.ion-pie-graph:before {
  content: "\f2a5";
}

.ion-pin:before {
  content: "\f2a6";
}

.ion-pinpoint:before {
  content: "\f2a7";
}

.ion-pizza:before {
  content: "\f2a8";
}

.ion-plane:before {
  content: "\f214";
}

.ion-planet:before {
  content: "\f343";
}

.ion-play:before {
  content: "\f215";
}

.ion-playstation:before {
  content: "\f30a";
}

.ion-plus:before {
  content: "\f218";
}

.ion-plus-circled:before {
  content: "\f216";
}

.ion-plus-round:before {
  content: "\f217";
}

.ion-podium:before {
  content: "\f344";
}

.ion-pound:before {
  content: "\f219";
}

.ion-power:before {
  content: "\f2a9";
}

.ion-pricetag:before {
  content: "\f2aa";
}

.ion-pricetags:before {
  content: "\f2ab";
}

.ion-printer:before {
  content: "\f21a";
}

.ion-pull-request:before {
  content: "\f345";
}

.ion-qr-scanner:before {
  content: "\f346";
}

.ion-quote:before {
  content: "\f347";
}

.ion-radio-waves:before {
  content: "\f2ac";
}

.ion-record:before {
  content: "\f21b";
}

.ion-refresh:before, .ion-refreshing:before {
  content: "\f21c";
}

.ion-reply:before {
  content: "\f21e";
}

.ion-reply-all:before {
  content: "\f21d";
}

.ion-ribbon-a:before {
  content: "\f348";
}

.ion-ribbon-b:before {
  content: "\f349";
}

.ion-sad:before {
  content: "\f34a";
}

.ion-scissors:before {
  content: "\f34b";
}

.ion-search:before {
  content: "\f21f";
}

.ion-settings:before {
  content: "\f2ad";
}

.ion-share:before {
  content: "\f220";
}

.ion-shuffle:before {
  content: "\f221";
}

.ion-skip-backward:before {
  content: "\f222";
}

.ion-skip-forward:before {
  content: "\f223";
}

.ion-social-android:before {
  content: "\f225";
}

.ion-social-android-outline:before {
  content: "\f224";
}

.ion-social-apple:before {
  content: "\f227";
}

.ion-social-apple-outline:before {
  content: "\f226";
}

.ion-social-bitcoin:before {
  content: "\f2af";
}

.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}

.ion-social-buffer:before {
  content: "\f229";
}

.ion-social-buffer-outline:before {
  content: "\f228";
}

.ion-social-designernews:before {
  content: "\f22b";
}

.ion-social-designernews-outline:before {
  content: "\f22a";
}

.ion-social-dribbble:before {
  content: "\f22d";
}

.ion-social-dribbble-outline:before {
  content: "\f22c";
}

.ion-social-dropbox:before {
  content: "\f22f";
}

.ion-social-dropbox-outline:before {
  content: "\f22e";
}

.ion-social-facebook:before {
  content: "\f231";
}

.ion-social-facebook-outline:before {
  content: "\f230";
}

.ion-social-foursquare:before {
  content: "\f34d";
}

.ion-social-foursquare-outline:before {
  content: "\f34c";
}

.ion-social-freebsd-devil:before {
  content: "\f2c4";
}

.ion-social-github:before {
  content: "\f233";
}

.ion-social-github-outline:before {
  content: "\f232";
}

.ion-social-google:before {
  content: "\f34f";
}

.ion-social-google-outline:before {
  content: "\f34e";
}

.ion-social-googleplus:before {
  content: "\f235";
}

.ion-social-googleplus-outline:before {
  content: "\f234";
}

.ion-social-hackernews:before {
  content: "\f237";
}

.ion-social-hackernews-outline:before {
  content: "\f236";
}

.ion-social-instagram:before {
  content: "\f351";
}

.ion-social-instagram-outline:before {
  content: "\f350";
}

.ion-social-linkedin:before {
  content: "\f239";
}

.ion-social-linkedin-outline:before {
  content: "\f238";
}

.ion-social-pinterest:before {
  content: "\f2b1";
}

.ion-social-pinterest-outline:before {
  content: "\f2b0";
}

.ion-social-reddit:before {
  content: "\f23b";
}

.ion-social-reddit-outline:before {
  content: "\f23a";
}

.ion-social-rss:before {
  content: "\f23d";
}

.ion-social-rss-outline:before {
  content: "\f23c";
}

.ion-social-skype:before {
  content: "\f23f";
}

.ion-social-skype-outline:before {
  content: "\f23e";
}

.ion-social-tumblr:before {
  content: "\f241";
}

.ion-social-tumblr-outline:before {
  content: "\f240";
}

.ion-social-tux:before {
  content: "\f2c5";
}

.ion-social-twitter:before {
  content: "\f243";
}

.ion-social-twitter-outline:before {
  content: "\f242";
}

.ion-social-usd:before {
  content: "\f353";
}

.ion-social-usd-outline:before {
  content: "\f352";
}

.ion-social-vimeo:before {
  content: "\f245";
}

.ion-social-vimeo-outline:before {
  content: "\f244";
}

.ion-social-windows:before {
  content: "\f247";
}

.ion-social-windows-outline:before {
  content: "\f246";
}

.ion-social-wordpress:before {
  content: "\f249";
}

.ion-social-wordpress-outline:before {
  content: "\f248";
}

.ion-social-yahoo:before {
  content: "\f24b";
}

.ion-social-yahoo-outline:before {
  content: "\f24a";
}

.ion-social-youtube:before {
  content: "\f24d";
}

.ion-social-youtube-outline:before {
  content: "\f24c";
}

.ion-speakerphone:before {
  content: "\f2b2";
}

.ion-speedometer:before {
  content: "\f2b3";
}

.ion-spoon:before {
  content: "\f2b4";
}

.ion-star:before {
  content: "\f24e";
}

.ion-stats-bars:before {
  content: "\f2b5";
}

.ion-steam:before {
  content: "\f30b";
}

.ion-stop:before {
  content: "\f24f";
}

.ion-thermometer:before {
  content: "\f2b6";
}

.ion-thumbsdown:before {
  content: "\f250";
}

.ion-thumbsup:before {
  content: "\f251";
}

.ion-toggle:before {
  content: "\f355";
}

.ion-toggle-filled:before {
  content: "\f354";
}

.ion-trash-a:before {
  content: "\f252";
}

.ion-trash-b:before {
  content: "\f253";
}

.ion-trophy:before {
  content: "\f356";
}

.ion-umbrella:before {
  content: "\f2b7";
}

.ion-university:before {
  content: "\f357";
}

.ion-unlocked:before {
  content: "\f254";
}

.ion-upload:before {
  content: "\f255";
}

.ion-usb:before {
  content: "\f2b8";
}

.ion-videocamera:before {
  content: "\f256";
}

.ion-volume-high:before {
  content: "\f257";
}

.ion-volume-low:before {
  content: "\f258";
}

.ion-volume-medium:before {
  content: "\f259";
}

.ion-volume-mute:before {
  content: "\f25a";
}

.ion-wand:before {
  content: "\f358";
}

.ion-waterdrop:before {
  content: "\f25b";
}

.ion-wifi:before {
  content: "\f25c";
}

.ion-wineglass:before {
  content: "\f2b9";
}

.ion-woman:before {
  content: "\f25d";
}

.ion-wrench:before {
  content: "\f2ba";
}

.ion-xbox:before {
  content: "\f30c";
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?-acvnf3");
  src: url("../fonts/icomoon.eot?#iefix-acvnf3") format("embedded-opentype"), url("../fonts/icomoon.woff?-acvnf3") format("woff"), url("../fonts/icomoon.ttf?-acvnf3") format("truetype"), url("../fonts/icomoon.svg?-acvnf3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-barcode:before {
  content: "\e600";
  font-size: 100%;
  margin-top: 0px;
  display: inline-block;
}

.icon-qrcode:before {
  content: "\e601";
}

.icon-disk:before {
  content: "\e602";
  font-size: 78%;
  margin-top: 12px;
  display: inline-block;
}

/*
*   Ionic "emotional" colors
*   ver: http://ionicframework.com/docs/components/#colors
*/
.light, a.light {
  color: #fff;
}

.light-bg {
  background-color: #fff;
}

.light-border {
  border-color: #ddd;
}

.ultrastable-bg {
  background-color: #eeeeee;
}

.stable, .ionic a.stable {
  color: #f8f8f8;
}

.stable-bg {
  background-color: #ababab;
}

/* #ddd; #f8f8f8; */
.stable-border {
  border-color: #b2b2b2;
}

.positive, a.positive {
  color: #4a87ee;
}

.positive-bg {
  background-color: #4a87ee;
}

.positive-border {
  border-color: #145fd7;
}

.calm, a.calm {
  color: #43cee6;
}

.calm-bg {
  background-color: #43cee6;
}

.calm-border {
  border-color: #1aacc3;
}

.assertive, a.assertive {
  color: #ef4e3a;
}

.assertive-bg {
  background-color: #ef4e3a;
}

.assertive-border {
  border-color: #cc2311;
}

.balanced, a.balanced {
  color: #55ff00;
}

.balanced-bg {
  background-color: #66cc33;
}

.balanced-border {
  border-color: #498f24;
}

.energized, a.energized {
  color: #f0b840;
}

.energized-bg {
  background-color: #ff7c05;
  /* #f1aa00 #F0E040;*/
  /*#f0b840;*/
}

.energized-border {
  border-color: #d39211;
}

.royal, a.royal {
  color: #8a6de9;
}

.royal-bg {
  background-color: #D500FF;
  /*#8a6de9;*/
}

.royal-border {
  border-color: #552bdf;
}

.dark {
  color: #383838;
}

.dark-bg {
  background-color: #383838;
}

.dark-border {
  border-color: #111;
}

/*
*   State colors
*   indicate some state (warning, error, due, touched, etc ...)
*/
.due {
  color: #ff9933;
}

.touched {
  color: orange !important;
  opacity: 0.3;
}

img.touched {
  opacity: 0.4;
}

em.E, .E {
  background-color: #ff9933 !important;
}

.ok {
  color: #00FF90 !important;
}

NO.error {
  color: #ff0011;
}

.warn {
  color: #ffdf5b;
}

.status {
  background-color: #EBEBEB;
  font-size: 12pt;
  margin: 0;
  padding: 2rem;
  margin-top: -20px;
}

/*
*   Action colors
*   Background of some buttones to indicate some action
*/
.send {
  background-color: lime;
}

.save {
  background-color: yellow;
}

.delete {
  background-color: red;
}

/*
*   Color corrections needed when some color
*   does not show well against a certain background
*/
.dark-bg {
  background-color: #000;
}
.dark-bg h1, .dark-bg .title {
  color: #939a9a;
}
.dark-bg h2, .dark-bg .subtitle {
  color: white;
}
.dark-bg h3, .dark-bg .alt-subtitle {
  color: white;
}
.dark-bg h4, .dark-bg .item-title {
  color: white;
}
.dark-bg h5, .dark-bg .item-alt-title {
  color: white;
}
.dark-bg p {
  color: white;
}
.dark-bg p.sp {
  color: white;
}
.dark-bg aside {
  color: #0084fd;
}
.dark-bg a {
  color: #834a24;
}

.energized-bg a,
.positive-bg a,
.royal-bg a {
  color: #834a24;
}

/*
 ** RESET STYLES **
*/
body, p, div, form, h1, h2, h3, h4, h5, ul, .content form .form-section > .form-row, .content form .form-section > .form-list, .content ul.content-grid.with-icons, .content ul.content-grid, li, table, img, tr, td, select, input, textarea, button {
  padding: 0px;
  margin: 0px;
  font-family: "UI", "RobotoDraft", "Helvetica", "Arial", sans-serif;
  font-size: 100%;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  width: 100%;
}

body {
  font-size: 11pt;
  background-color: #ededed;
  width: 100%;
}

ul, .content form .form-section > .form-row, .content form .form-section > .form-list, .content ul.content-grid.with-icons, .content ul.content-grid, ol {
  list-style: none;
}

fieldset {
  border: none;
  font-size: inherit;
}

/* Forced Invisibility status for an element */
.invisible {
  display: none;
  height: 0;
  width: 0;
}

/* Disable default bhvs - apply to all elems */
* {
  /* webkit */
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* MS */
  /* Disable touch behaviors, like pan and zoom */
  -ms-user-select: none;
}

input, textarea {
  /* OJO: si no se hace esto no andan los inputs ni textareas ! */
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

/*
* END RESET 
*/
/*
*  COMPLEMENTARY STYLES
*  Estos estilos se usan para complementar o modificar
*  en forma local un estilo existente.
*/
/* indicate some element state */
.hidden {
  display: none !important;
}

.nobold {
  font-weight: normal;
}

/* locally change size of element */
.xsmaller {
  font-size: 0.7em;
}

.smaller {
  font-size: 0.8em;
}

.small {
  font-size: 0.9em;
}

.normal {
  font-size: 1em;
}

.medium {
  font-size: 1.15em;
}

.big {
  font-size: 1.3em;
}

.bigger {
  font-size: 1.4em;
}

.wide {
  width: 96%;
  display: block;
  margin: 0.2em auto;
}

/* alignments */
.center {
  text-align: center !important;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.indent {
  margin-left: 30% !important;
}

/* flush certain properties */
.flush {
  margin: 0;
  padding: 0px;
}

.no-font {
  color: #111;
  font-weight: normal;
  font-style: normal;
}

.no-margin {
  margin: 0;
}

.no-border {
  border: none !important;
}

.no-float {
  float: none !important;
}

.no-pad {
  padding: 0 !important;
}

/* apply additional decorations */
.glow {
  background-color: #eee;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#ddd));
}

.radius {
  border-radius: 5px;
}

.warning {
  padding: 0.5em;
  border-radius: 1em;
  color: #000 !important;
  background: #fefcea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefcea 0%, #fafc6a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #fafc6a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefcea 0%, #fafc6a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefcea 0%, #fafc6a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefcea 0%, #fafc6a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefcea 0%, #fafc6a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fefcea", endColorstr="#fafc6a",GradientType=0 );
  /* IE6-9 */
}

/*
* 	_LAYOUT.SCSS
* 	Define los multiples layouts y la disposicion de los
*	distintos elementos en la pagina
*/
/*
*	Basic layout elements
*/
.page {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: inherit;
}
.page.current {
  display: block;
}
.page .action-bar {
  margin: 0;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  height: 120px;
  position: relative;
}
.page .action-bar > .title {
  position: absolute;
  left: 260px;
  top: 0px;
}
.page .action-bar > .tabs, .page .action-bar > h4 {
  font-size: 12pt;
  position: absolute;
  top: 80px;
  left: 260px;
}
.page .action-bar > .actions-set {
  position: absolute;
  height: 42px;
  font-size: 24px;
  padding: 10px;
  padding-left: 0;
  padding-right: 20px;
  top: 30px;
  left: 0;
  right: 0;
  background-color: transparent;
  text-align: right;
  z-index: 3;
  color: #aaa;
}
.page .action-bar > .actions-set > .back {
  float: right;
  margin-left: 10px;
}
.page .action-bar.initial .actions-set {
  position: absolute;
  top: 54px;
  background-color: transparent;
  padding-left: 40px;
  padding-right: 40px;
}
.page .action-bar.initial .title.no-margin {
  padding-left: 0;
}
.page .action-bar.middle .actions-set {
  position: fixed;
  top: 0px;
  background-color: transparent;
  padding-left: 40px;
}
.page .action-bar.final .actions-set {
  position: fixed;
  top: 0px;
  background-color: #ccc;
  opacity: 0.6;
  padding-left: 40px;
}
.page .action-bar.NO-elevated .actions-set {
  position: fixed;
  top: 0px;
  padding-left: 40px;
  background-color: #ccc;
  opacity: 1;
}
.page .content {
  margin: 0;
  padding: 0;
  background-color: inherit;
}
.page .content.blocked {
  background-color: #C3AB97;
}
.page .content .container {
  margin: 0;
  padding: 0;
  background-color: inherit;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 78rem !important;
  margin-top: 20px;
}
.page .content .container .section {
  margin: 0;
  padding: 0;
  background-color: inherit;
  display: none;
}
.page .content .container .section.current {
  display: block;
}
.page .filler {
  height: 100%;
}

.footer {
  padding: 10pt;
  text-align: center;
}
.footer > p {
  color: rgba(0, 0, 0, 0.9);
}
.footer.elevated {
  background-color: transparent;
  border-top: 1px solid #666;
  color: #000;
  margin: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding: 20px 0;
  opacity: 1;
}

/*
*   END LAYOUT.CSS
*/
/*
*	Content elements
*/
/*
* 	Common content elements
*/
.title, h1 {
  font-family: "WeblySleek UI Light";
  font-size: 36pt;
  font-weight: 100;
  margin-bottom: 10px;
  margin-top: 5px;
  color: black;
  overflow: hidden;
  white-space: nowrap;
}
.title .action-btn, .title .row-action-btn, .title .field-action-btn, h1 .action-btn, h1 .row-action-btn, h1 .field-action-btn {
  vertical-align: super;
  margin-right: 10px;
}

.subtitle, h2 {
  font-family: "WeblySleek UI Light";
  font-size: 22pt;
  font-weight: normal;
  line-height: 140%;
  color: black;
  margin-bottom: 4pt;
}
.subtitle > em, h2 > em {
  float: right;
  margin-right: 20px;
  font-size: 1.1rem;
}

.alt-subtitle, h3 {
  font-family: "WeblySleek UI Light";
  font-size: 16pt;
  font-weight: normal;
  line-height: 140%;
  color: black;
}

.item-title, h4 {
  font-family: "WeblySleek UI Light";
  font-size: 12pt;
  font-weight: bold;
  line-height: 140%;
  color: black;
}
.item-title > i, h4 > i {
  font-size: 1.6em;
  vertical-align: sub;
}

.item-alt-title, h5 {
  font-family: "WeblySleek UI Light";
  font-size: 11pt;
  font-weight: normal;
  line-height: 140%;
  color: black;
}

.paragraph, p {
  font-family: "WeblySleek UI";
  font-size: 1.1rem;
  color: rgba(0, 0, 0, 0.9);
  line-height: 140%;
}

.caption, .hint, p.sp {
  font-family: "WeblySleek UI";
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
  line-height: 140%;
}

/*
*	Navigation and Link styles
*/
.nav, a, .link {
  cursor: pointer;
}
.nav.touched, a.touched, .touched.link {
  padding: 2pt;
  border-radius: 2pt;
}

a, .link {
  color: #834a24;
  font-family: "WeblySleek UI";
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 2pt;
  border-bottom: 0px dotted #834a24;
}
h1.link, h2.link, h3.link {
  font-weight: normal;
}

/*
*	Content List styles
*	Used inside content areas
*/
.content ul, .content form .form-section > .form-row, .content form .form-section > .form-list, .content ul.content-grid.with-icons, .content ul.content-grid, .content ul.content-list {
  padding: 0;
  text-align: left;
}
.content ul > li, .content form .form-section > .form-row > li, .content form .form-section > .form-list > li, .content ul.content-grid.with-icons > li, .content ul.content-grid > li, .content ul.content-list > li {
  position: relative;
  margin-bottom: 20px;
  vertical-align: top;
  display: block;
}
.content ul > li .touched, .content form .form-section > .form-row > li .touched, .content form .form-section > .form-list > li .touched, .content ul.content-grid.with-icons > li .touched, .content ul.content-list > li .touched {
  padding: 2pt;
  border-radius: 2pt;
}
.content ul > li em, .content form .form-section > .form-row > li em, .content form .form-section > .form-list > li em, .content ul.content-grid.with-icons > li em, .content ul.content-grid > li em, .content ul.content-list > li em {
  font-size: 0.9rem;
  font-style: normal;
  border-radius: 2pt;
  background-color: #dbdfdb;
  color: rgba(0, 0, 0, 0.9);
  padding: 4pt;
  display: inline-block;
  position: absolute;
  top: 2pt;
  right: 10px;
  left: auto;
}
.content ul > li > p > i, .content form .form-section > .form-row > li > p > i, .content form .form-section > .form-list > li > p > i, .content ul.content-grid.with-icons > li > p > i, .content ul.content-grid > li > p > i, .content ul.content-list > li > p > i {
  font-size: 1.6em;
  vertical-align: sub;
}

.content ul.content-grid > li, .content form .form-section > .content-grid.form-row > li, .content form .form-section > .content-grid.form-list > li, .content ul.content-grid.with-icons > li {
  position: relative;
  margin: 0 20px 20px 0;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  width: 240px;
}
.content ul.content-grid > li > em, .content form .form-section > .content-grid.form-row > li > em, .content form .form-section > .content-grid.form-list > li > em, .content ul.content-grid.with-icons > li > em {
  position: relative;
  margin-bottom: 2px;
}
.content ul.content-grid.max-2-per-row li, .content form .form-section > .content-grid.max-2-per-row.form-row li, .content form .form-section > .content-grid.max-2-per-row.form-list li {
  width: 40%;
}
.content ul.content-grid.max-5-per-row li, .content form .form-section > .content-grid.max-5-per-row.form-row li, .content form .form-section > .content-grid.max-5-per-row.form-list li {
  width: 15%;
}

.content ul.content-grid.with-icons > li > em, .content form .form-section > .content-grid.with-icons.form-row > li > em, .content form .form-section > .content-grid.with-icons.form-list > li > em {
  display: inline-block;
  position: absolute;
  top: 21.6pt;
  left: 55%;
  right: auto;
}
.content ul.content-grid.with-icons > li i.icon, .content form .form-section > .content-grid.with-icons.form-row > li i.icon, .content form .form-section > .content-grid.with-icons.form-list > li i.icon {
  font-size: 36pt;
  color: black;
}

/*
*	Tiled Grid and Tiles styles
*/
.tiled-grid {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: 700px;
}
.tiled-grid > .tile {
  text-align: left;
  opacity: 1;
  position: absolute;
  padding: 0;
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
}
.tiled-grid > .tile > h1, .tiled-grid > .tile > h2, .tiled-grid > .tile > h3, .tiled-grid > .tile > h4, .tiled-grid > .tile > h5, .tiled-grid > .tile > ul, .content form .tiled-grid > .form-section.tile > .form-row, .content form .tiled-grid > .form-section.tile > .form-list, .tiled-grid > .tile > p, .tiled-grid > .tile > sp, .tiled-grid > .tile > i.icon, .tiled-grid > .tile > img {
  margin-left: 20px;
  margin-right: 20px;
}
.tiled-grid > .tile > h2 {
  color: #fff;
}
.tiled-grid > .tile > i.icon {
  font-size: 40pt;
}
.tiled-grid > .tile > img {
  width: 100%;
  max-width: 84%;
}
.tiled-grid > .tile > .on-bottom {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.tiled-grid > .tile .content-grid li {
  text-align: left;
}
.tiled-grid > .tile .content-grid li h1, .tiled-grid > .tile .content-grid li h2 {
  text-align: left;
  font-size: 30.8pt;
}

/*
*	Preview styles
*	Adjusted styles for presenting preview of data
*	Fitted to display data rather than to interact with it
*/
div.preview-body .preview-section {
  margin-bottom: 12pt;
}
div.preview-body .preview-section .CheckField i {
  font-size: 16pt;
}
div.preview-body .preview-section .CheckField i.true {
  color: green;
}
div.preview-body .preview-section .OptionField {
  padding: 2px;
}
div.preview-body .preview-section .OptionField b {
  font-weight: bold;
  height: auto;
  font-size: 0.9rem;
  line-height: 100%;
}
div.preview-body .preview-section .OptionField.lights b, div.preview-body .preview-section .OptionField.lights.rounded b, div.preview-body .preview-section .OptionField.lights.toggle b {
  display: inline-block;
  border-radius: 16pt;
  border: 1px solid #ccc;
  width: 16pt;
  height: 16pt;
  min-width: 0;
}
div.preview-body .preview-section .OptionField.lights b.true, div.preview-body .preview-section .OptionField.lights.rounded b.true, div.preview-body .preview-section .OptionField.lights.toggle b.true {
  color: green;
}
div.preview-body .preview-section .preview-section-title {
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 4pt;
  background-color: transparent;
  border-bottom: 0px solid #f6e9d8;
  margin-left: -6px;
  margin-right: -20px;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 4px;
  margin-bottom: 4pt;
}
div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-label {
  max-width: 14rem;
  width: 14rem;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
}
div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-data {
  border-bottom: 2px solid transparent;
}
div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-data p.value {
  display: inline-block;
  border: none;
  height: 0.9rem;
  width: auto;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
  background-color: #dbdfdb;
  padding: 4px 10px;
}
div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-data.CheckField p.value, div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-data.OptionField p.value {
  background-color: transparent;
  padding-left: 0;
}
div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-data.OptionField.lights.toggle p.value b {
  margin-bottom: -4px;
}
div.preview-body .preview-section .preview-plain-section-content td.preview-plain-section-data.PhotoField p.value .frame {
  width: 100%;
}
div.preview-body .preview-section .preview-table-section-content td {
  border-right: 4px solid transparent;
}
div.preview-body .preview-section .preview-table-section-content td.preview-table-section-label {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
  padding: 2px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #111;
}
div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data {
  border-bottom: 2px solid #fff;
  vertical-align: middle;
  border-bottom: 1px solid #dbdfdb;
  text-align: center;
}
div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data p.value {
  display: inline;
  border: none;
  font-size: 12pt;
  color: rgba(0, 0, 0, 0.8);
  padding: 4px;
  height: auto;
}
div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data.ItemField, div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data.TextField {
  text-align: left;
}
div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data.ItemField p.value, div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data.TextField p.value {
  font-size: 1.1rem;
}
div.preview-body .preview-section .preview-table-section-content td.preview-table-section-data.PhotoField p.value .frame {
  width: 100%;
}
div.preview-body .preview-section .preview-grid-section-content {
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
div.preview-body .preview-section .preview-grid-section-content .preview-grid-section-data {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  margin: 0 0.5rem 1rem 0.5rem;
}
div.preview-body .preview-section .preview-grid-section-content .preview-grid-section-data.GraphField .value {
  border: none;
  display: block;
  height: 180px;
}
div.preview-body .preview-section .preview-grid-section-content .preview-grid-section-data.GraphField p.sp {
  font-weight: bold;
  font-size: 0.9rem;
}
.gt-1024 div.preview-body .preview-section .preview-grid-section-content .preview-grid-section-data {
  display: inline-block;
  width: 30%;
}

.gt-480.lt-1024 div.preview-body .preview-section .preview-grid-section-content .preview-grid-section-data {
  display: inline-block;
  width: 47%;
}

.lt-480 div.preview-body .preview-section .preview-grid-section-content .preview-grid-section-data {
  display: block;
  width: inherit;
}

div.preview-body .preview-footer .preview-footer-note {
  color: rgba(0, 0, 0, 0.8);
  padding: 20px 0;
}

/*
*	Form elements
*/
/*
*	Standard form elements
*	Fields in a standard web form inside a Page
*/
/*
Form container elements

	form
		form-section
			form-list
				li
					label
						input | ...
						action-btn
						p.hint
							help
			form-row
			form-paragraph
			form-table




*/
.content form {
  margin: 0;
  padding: 0;
}
.content form .form-section {
  margin-bottom: 20pt;
  position: relative;
}
.content form .form-section h2 {
  font-size: 11pt;
  font-weight: bold;
  background-color: transparent;
  border-bottom: 0px solid #f6e9d8;
  display: block;
  margin-left: -6px;
  margin-right: -20px;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10pt;
}
.content form .form-section h2 > b {
  font-size: 16pt;
  background-color: transparent;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
.content form .form-section > .form-paragraph {
  font-size: 1rem;
}
.content form .form-section > .form-paragraph b {
  display: inline-block;
  padding-top: 2px;
}
.content form .form-section > .form-list {
  margin-bottom: 20px;
}
.content form .form-section > .form-list li {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.content form .form-section > .form-row {
  margin-bottom: 20px;
}
.content form .form-section > .form-row li {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 1px dotted #ddd;
  margin-bottom: 10px;
}
.content form .form-section > .form-row li > label {
  display: none;
}
.content form .form-section > .form-row li > p.hint {
  display: none;
}
.content form .form-section > .form-table {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  border: 0px dotted #aac;
}
.content form .form-section > .form-table table {
  /*
  *	Estas columnas tienen VISIBILIDAD CONDICIONAL
  *	quiere decir que pueden estar ocultas a veces
  *	y otras veces estar visibles, dependiendo de
  *	los valores en otros campos.
  */
  /*
  *	Estas columnas estaran SIEMPRE OCULTAS
  *	quiere decir que no estaran NUNCA VISIBLES
  *	y no dependen del valor de otros campos
  */
}
.content form .form-section > .form-table table tr.template {
  display: none;
}
.content form .form-section > .form-table table td.buttons, .content form .form-section > .form-table table th.buttons {
  border: none;
  background-color: #fff;
  width: 26pt;
}
.content form .form-section > .form-table table th {
  font-size: 0.9rem;
  text-align: center;
  vertical-align: bottom;
  padding: 6pt 4pt 2pt 4pt;
  overflow-x: hidden;
  border-bottom: 1px solid #666;
  border-right: 4px solid #fff;
}
.content form .form-section > .form-table table td {
  border-bottom: 2px solid #d4c9a6;
  border-right: 4px solid #fff;
  padding: 0;
  text-align: center;
  vertical-align: bottom;
}
.content form .form-section > .form-table table td.error {
  border-bottom: 2px dotted red;
}
.content form .form-section > .form-table table td[readonly=true], .content form .form-section > .form-table table td[readonly=readonly] {
  border-bottom: 1px solid #BCBDBC;
  width: auto !important;
}
.content form .form-section > .form-table table td p.value, .content form .form-section > .form-table table td input.value, .content form .form-section > .form-table table td textarea.value {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.1rem;
  border: none;
  min-height: 1.1rem;
  height: auto;
}
.content form .form-section > .form-table table td p.buttons {
  float: none;
  margin-top: 10px;
}
.content form .form-section > .form-table table th.ItemField p.value, .content form .form-section > .form-table table th.TextField p.value, .content form .form-section > .form-table table td.ItemField p.value, .content form .form-section > .form-table table td.TextField p.value {
  text-align: left;
}
.content form .form-section > .form-table table td.PhotoField {
  border-bottom: 0px solid #d4c9a6;
}
.content form .form-section > .form-table table td.PhotoField p.value {
  min-height: 0;
  padding-bottom: 0px;
  padding-top: 2px;
}
.content form .form-section > .form-table table td.PhotoField p.value span.frame {
  width: 45%;
}
.content form .form-section > .form-table table td.PhotoField a.field-action-btn {
  border: 2px solid #d4c9a6;
}
.content form .form-section > .form-table table td.OptionField {
  padding-top: 10px;
}
.content form .form-section > .form-table table td.OptionField.lights {
  width: 46px;
}
.content form .form-section > .form-table table td.OptionField p.value {
  padding-bottom: 2pt;
}
.content form .form-section > .form-table table td.CheckField p.value {
  font-size: 26.4pt;
  padding-bottom: 0pt;
}
.content form .form-section > .form-table table td.CalculatedField {
  border-bottom: 1px solid #BCBDBC;
  min-width: 4em;
}
.content form .form-section > .form-table table th.hidden[col-hidden=false] {
  display: table-cell !important;
}
.content form .form-section > .form-table table td.hidden[col-hidden=false] {
  display: table-cell !important;
  border: none;
}
.content form .form-section > .form-table table td.hidden[col-hidden=false] p.value {
  display: none !important;
}
.content form .form-section > .form-table table th[col-hidden=true], .content form .form-section > .form-table table td[col-hidden=true],
.content form .form-section > .form-table table th.hidden[col-hidden=true], .content form .form-section > .form-table table td.hidden[col-hidden=true] {
  display: none !important;
}

label {
  display: block;
  float: none;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: left;
  word-wrap: none;
  white-space: nowrap;
  overflow: hidden;
  width: 36rem;
  padding-left: 4px;
  padding-bottom: 0;
  margin: 0;
  border: none;
  height: 16.5pt;
  width: 98%;
}
label em {
  margin-right: 2em;
}
label > b.required {
  font-size: 2em;
  color: #939a9a;
  display: inline-block;
  margin-top: -0.2em;
}
.gt-480 .form-list label {
  display: inline-block;
  border-bottom: 1px solid #ddd;
  float: left;
  vertical-align: top;
  margin-top: 0pt;
  padding-top: 10pt;
  padding-bottom: 1px;
  width: 14rem;
}

p.hint {
  display: block;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
  max-width: 98%;
  padding: 2pt 0 4pt 4px;
  margin-left: 0;
}
p.hint.error {
  color: red;
}
.gt-480 .form-list p.hint {
  margin-left: 15rem;
}

p.status-bar {
  display: block;
  font-size: 1.1rem;
  color: rgba(0, 0, 0, 0.9);
  max-width: 98%;
  padding: 10px 10px;
  margin-left: 0;
}
p.status-bar.error {
  border-left: 4px solid red;
  color: red;
  padding-left: 20px;
}
p.status-bar.warning {
  border-left: 4px solid yellow;
  padding-left: 20px;
}

.FormField, .GraphField, .AttachsField, .PhotoField, .EmailAlertPlugin, .PdfFusionPlugin, .RemoteCallPlugin, .LocalTicketPlugin, .QRcodeField, .CheckField, .OptionField, .ItemField, .DateField,
.NumberField,
.TimeField,
.CalculatedField, .TextField {
  padding: 0;
  margin: 0;
}
.FormField.error > label b.required, .error.GraphField > label b.required, .error.AttachsField > label b.required, .error.PhotoField > label b.required, .error.EmailAlertPlugin > label b.required, .error.PdfFusionPlugin > label b.required, .error.RemoteCallPlugin > label b.required, .error.LocalTicketPlugin > label b.required, .error.QRcodeField > label b.required, .error.CheckField > label b.required, .error.OptionField > label b.required, .error.ItemField > label b.required, .error.DateField > label b.required,
.error.NumberField > label b.required,
.error.TimeField > label b.required,
.error.CalculatedField > label b.required, .error.TextField > label b.required {
  color: red;
}
.FormField p.value, .GraphField p.value, .AttachsField p.value, .PhotoField p.value, .EmailAlertPlugin p.value, .PdfFusionPlugin p.value, .RemoteCallPlugin p.value, .LocalTicketPlugin p.value, .QRcodeField p.value, .CheckField p.value, .OptionField p.value, .ItemField p.value, .DateField p.value,
.NumberField p.value,
.TimeField p.value,
.CalculatedField p.value, .TextField p.value,
.FormField input.value,
.GraphField input.value,
.AttachsField input.value,
.PhotoField input.value,
.EmailAlertPlugin input.value,
.PdfFusionPlugin input.value,
.RemoteCallPlugin input.value,
.LocalTicketPlugin input.value,
.QRcodeField input.value,
.CheckField input.value,
.OptionField input.value,
.ItemField input.value,
.DateField input.value,
.NumberField input.value,
.TimeField input.value,
.CalculatedField input.value,
.TextField input.value,
.FormField textarea.value,
.GraphField textarea.value,
.AttachsField textarea.value,
.PhotoField textarea.value,
.EmailAlertPlugin textarea.value,
.PdfFusionPlugin textarea.value,
.RemoteCallPlugin textarea.value,
.LocalTicketPlugin textarea.value,
.QRcodeField textarea.value,
.CheckField textarea.value,
.OptionField textarea.value,
.ItemField textarea.value,
.DateField textarea.value,
.NumberField textarea.value,
.TimeField textarea.value,
.CalculatedField textarea.value,
.TextField textarea.value {
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1.4rem;
  height: 22pt;
  min-height: 22pt;
  padding: 4px;
  border: 1px solid #d4c9a6;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
  width: 98%;
  word-wrap: none;
  overflow: hidden;
}
.FormField textarea.value, .GraphField textarea.value, .AttachsField textarea.value, .PhotoField textarea.value, .EmailAlertPlugin textarea.value, .PdfFusionPlugin textarea.value, .RemoteCallPlugin textarea.value, .LocalTicketPlugin textarea.value, .QRcodeField textarea.value, .CheckField textarea.value, .OptionField textarea.value, .ItemField textarea.value, .DateField textarea.value,
.NumberField textarea.value,
.TimeField textarea.value,
.CalculatedField textarea.value, .TextField textarea.value {
  display: block;
  height: 6em;
  width: 98%;
  background-image: url("../img/renglon.png");
  background-repeat: repeat;
  background-position: left top;
  line-height: 26px;
  font-size: 16px;
  border: 1px solid #d4c9a6;
  border-bottom: none;
}
.FormField select, .GraphField select, .AttachsField select, .PhotoField select, .EmailAlertPlugin select, .PdfFusionPlugin select, .RemoteCallPlugin select, .LocalTicketPlugin select, .QRcodeField select, .CheckField select, .OptionField select, .ItemField select, .DateField select,
.NumberField select,
.TimeField select,
.CalculatedField select, .TextField select {
  padding: 5px;
  font-size: 1.1rem;
}
.FormField p.buttons, .GraphField p.buttons, .AttachsField p.buttons, .PhotoField p.buttons, .EmailAlertPlugin p.buttons, .PdfFusionPlugin p.buttons, .RemoteCallPlugin p.buttons, .LocalTicketPlugin p.buttons, .QRcodeField p.buttons, .CheckField p.buttons, .OptionField p.buttons, .ItemField p.buttons, .DateField p.buttons,
.NumberField p.buttons,
.TimeField p.buttons,
.CalculatedField p.buttons, .TextField p.buttons, .FormField.short p.buttons {
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-top: 0;
}
.FormField.long p.buttons, .long.GraphField p.buttons, .long.AttachsField p.buttons, .long.PhotoField p.buttons, .long.EmailAlertPlugin p.buttons, .long.PdfFusionPlugin p.buttons, .long.RemoteCallPlugin p.buttons, .long.LocalTicketPlugin p.buttons, .long.QRcodeField p.buttons, .long.CheckField p.buttons, .long.OptionField p.buttons, .long.ItemField p.buttons, .long.DateField p.buttons,
.long.NumberField p.buttons,
.long.TimeField p.buttons,
.long.CalculatedField p.buttons, .long.TextField p.buttons {
  margin-top: -30px;
}
.FormField[readonly=true] .value, [readonly=true].GraphField .value, [readonly=true].AttachsField .value, [readonly=true].PhotoField .value, [readonly=true].EmailAlertPlugin .value, [readonly=true].PdfFusionPlugin .value, [readonly=true].RemoteCallPlugin .value, [readonly=true].LocalTicketPlugin .value, [readonly=true].QRcodeField .value, [readonly=true].CheckField .value, [readonly=true].OptionField .value, [readonly=true].ItemField .value, [readonly=true].DateField .value,
[readonly=true].NumberField .value,
[readonly=true].TimeField .value,
[readonly=true].CalculatedField .value, [readonly=true].TextField .value, .FormField[readonly=readonly] .value, [readonly=readonly].GraphField .value, [readonly=readonly].AttachsField .value, [readonly=readonly].PhotoField .value, [readonly=readonly].EmailAlertPlugin .value, [readonly=readonly].PdfFusionPlugin .value, [readonly=readonly].RemoteCallPlugin .value, [readonly=readonly].LocalTicketPlugin .value, [readonly=readonly].QRcodeField .value, [readonly=readonly].CheckField .value, [readonly=readonly].OptionField .value, [readonly=readonly].ItemField .value, [readonly=readonly].DateField .value,
[readonly=readonly].NumberField .value,
[readonly=readonly].TimeField .value,
[readonly=readonly].CalculatedField .value, [readonly=readonly].TextField .value {
  border: 1px solid #BCBDBC;
  width: auto !important;
  min-width: 2em;
}
.FormField i.error, .GraphField i.error, .AttachsField i.error, .PhotoField i.error, .EmailAlertPlugin i.error, .PdfFusionPlugin i.error, .RemoteCallPlugin i.error, .LocalTicketPlugin i.error, .QRcodeField i.error, .CheckField i.error, .OptionField i.error, .ItemField i.error, .DateField i.error,
.NumberField i.error,
.TimeField i.error,
.CalculatedField i.error, .TextField i.error {
  color: red;
}
.gt-480 .form-list .short input.value, .gt-480 .form-list p.value {
  display: inline-block;
  margin-left: 10px;
  width: 59%;
  max-width: 36rem;
  border: none;
  border-bottom: 2px solid #d4c9a6;
  overflow: hidden;
}
.gt-480 .form-list .long p.value, .gt-480 .form-list .long input.value, .gt-480 .form-list .notes textarea.value {
  border: none;
  border-bottom: 2px solid #d4c9a6;
  width: 98%;
  max-width: 98%;
  margin-left: 0;
}
.gt-480 .form-list [readonly=true] .value, .gt-480 .form-list [readonly=readonly] .value {
  border-bottom: 1px solid #BCBDBC;
  width: auto !important;
}
.gt-480 .form-list .long label, .gt-480 .form-list .notes label {
  border: none;
  padding-bottom: 0;
  width: 98%;
  height: auto;
}
.gt-480 .form-list .long p.hint, .gt-480 .form-list .notes p.hint {
  margin-left: 0;
  width: 98%;
}
.gt-480 .form-list p.value.error, .gt-480 .form-list .short input.value.error, .gt-480 .form-list .long p.value.error, .gt-480 .form-list .long input.value.error, .gt-480 .form-list .notes textarea.value.error {
  border-bottom: 2px dotted red;
}

.TextField[readonly=true] textarea.value, .TextField[readonly=readonly] textarea.value {
  border: none;
  background-image: url("../img/renglon-readonly.png");
  width: 98% !important;
}
.gt-480 .form-list .TextField[readonly=true] textarea.value, .gt-480 .form-list .TextField[readonly=readonly] textarea.value {
  border: none;
  background-image: url("../img/renglon-readonly.png");
  width: 98% !important;
}

.gt-480 .form-list .DateField p.value,
.gt-480 .form-list .NumberField p.value,
.gt-480 .form-list .TimeField p.value,
.gt-480 .form-list .CalculatedField p.value {
  width: 39.3333333333%;
  max-width: 24rem;
}

.gt-480 .form-list .CalculatedField p.value {
  border-bottom: 1px solid #BCBDBC;
  width: auto !important;
  min-width: 4em;
}

.OptionField p.value, .OptionField.select p.value {
  border: 0px dotted red !important;
  padding: 0 0 4px 0;
  height: auto;
  width: auto !important;
}
.OptionField p.value b, .OptionField.select p.value b {
  display: inline-block;
  height: 22pt;
  line-height: 22pt;
  font-size: 1.1rem;
  border: 1px solid #ccc;
  margin: 0;
  margin-right: 1px;
  margin-top: 4px;
  padding: 6pt;
  padding-bottom: 2px;
  padding-top: 3px;
  font-weight: normal;
  background-color: #ddd;
  opacity: 0.8;
  min-width: 20pt;
  text-align: center;
}
.OptionField p.value b.selected, .OptionField.select p.value b.selected {
  opacity: 1;
  padding-bottom: 7px;
  padding-top: 7px;
  margin-top: 0;
  background-color: #666;
  color: #fff;
}
.OptionField.select > p.value > b {
  display: none;
  border: 1px solid #d4c9a6;
}
.OptionField.select > p.value > b.selected {
  display: inline-block;
}
.OptionField.select > p.value > b.notselected {
  background-color: #ccc;
  display: none;
}
.OptionField.select[data-value=""] > p.value > b.notselected {
  display: inline-block;
}
.OptionField.select select.value {
  background-color: #eee;
  height: 29pt;
}
.OptionField.lights p.value > b {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border-radius: 24px;
  border: 1px solid #aaa;
  margin-right: 2px;
}
.OptionField.lights p.value > b.selected {
  display: inline-block;
  opacity: 1;
  padding-bottom: 4px;
  padding-top: 4px;
  border: 1px solid #111;
  width: 40px;
}
.OptionField.lights p.value > b.notselected {
  background-color: #fff;
}
.OptionField.lights p.value > b[value=":ROJO"] {
  background-color: red;
  color: #fff;
  opacity: 0.7;
}
.OptionField.lights p.value > b[value=":AMARILLO"] {
  background-color: yellow;
  color: #111;
  opacity: 0.8;
}
.OptionField.lights p.value > b[value=":VERDE"] {
  background-color: lime;
  color: #fff;
  opacity: 0.7;
}
.OptionField.lights p.value > b[value=":?"] {
  background-color: #ccc;
  color: #fff;
  opacity: 0.7;
}
.OptionField.lights.toggle[data-value=""] > p.value > b.notselected {
  display: inline-block;
}
.OptionField.lights.toggle p.value > b {
  display: none;
}
.OptionField.lights.toggle p.value > b.selected {
  display: inline-block;
}
.OptionField.lights.toggle p.value > b.notselected {
  background-color: #fff;
}

.form-list .CheckField label {
  display: inline-block;
  float: left;
  max-width: 14rem;
  padding-top: 10pt;
  border: none;
}
.form-list .CheckField p.value {
  display: inline-block;
  border: 0px dotted red;
  width: 32px;
  margin-left: 10px;
}

.gt-480 .form-list .CheckField label {
  border: none;
}
.gt-480 .form-list .CheckField p.value {
  float: none;
  text-align: left;
}

.CheckField i.true {
  color: green;
}
.CheckField i.false.normal {
  color: #999;
}
.CheckField i.false.caution {
  color: #FFB800;
}
.CheckField i.false.alarm {
  color: red;
}

.RemoteCallPlugin p.buttons a.action-btn, .RemoteCallPlugin p.buttons a.row-action-btn, .RemoteCallPlugin p.buttons a.field-action-btn {
  position: absolute;
  right: 10px;
  background-color: #fff !important;
}
.RemoteCallPlugin p.value {
  height: auto;
  overflow: auto !important;
  font-size: 1.1rem;
}

.EmailAlertPlugin[data-value=true] b.true {
  display: inline-block;
  color: red;
  font-weight: normal;
}
.EmailAlertPlugin[data-value=true] b.false {
  display: none;
}
.EmailAlertPlugin[data-value=false] b.false {
  display: inline-block;
  color: #999;
  font-weight: normal;
}
.EmailAlertPlugin[data-value=false] b.true {
  display: none;
}

.PhotoField p.value {
  height: auto !important;
}
.PhotoField p.value span.frame {
  display: inline-block;
  vertical-align: bottom;
  border: 0px dotted red;
  margin: 0 2px 2px 0;
  width: 23%;
  max-width: 200pt;
  max-height: 200pt;
  padding: 2px;
  position: relative;
}
.PhotoField p.value span.frame.zoomed {
  display: block;
  width: 98%;
  max-width: 98%;
  max-height: 100%;
}
.PhotoField p.value span.frame img {
  display: inline-block;
  width: 100%;
  border: 1px solid #ccc;
  padding: 1px;
  margin: 0;
  position: relative;
}
.PhotoField p.value span.frame i {
  display: inline-block;
  color: red;
  background-color: transparent;
  width: 34px;
  height: 34px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  line-height: 28px;
  position: absolute;
  right: 4pt;
  bottom: 8pt;
}

.AttachsField p.value {
  min-height: 22pt;
  height: auto !important;
  line-height: 28px;
  border-bottom: none;
}
.AttachsField p.value a.attachment {
  display: block;
  background-color: #eee;
  font-size: 1.1rem;
  vertical-align: top;
  margin: 0 0 2px 0;
  padding: 2px 1em;
  cursor: pointer;
}
.AttachsField p.value a.attachment.failed > .name {
  text-decoration: line-through;
  font-style: italic;
}
.AttachsField p.value a.attachment .state {
  display: inline-block;
  float: right;
  margin-right: 1em;
}
.AttachsField p.value a.attachment i {
  display: inline-block;
  color: #999;
  background-color: transparent;
  font-size: 22px;
  float: right;
  vertical-align: middle;
}

.GraphField p.value {
  border: 1px solid #ddd;
  min-height: 3rem !important;
  min-width: 10rem !important;
  padding: 0 !important;
}
.GraphField textarea[name=data] {
  display: none;
}

.ConditionalFields,
.ConditionalFieldsOnly,
.ConditionalSectionsOnly,
.ConditionalRowsOnly,
.ListColumnsCopy,
.ListColumnField,
.ListOperationField {
  display: none;
  width: 0;
  border: none;
}

/*
*	UI elements
*/
/*
*	Buttons
*/
a.action-btn, a.row-action-btn, a.field-action-btn {
  font-family: UI, RobotoDraft, Helvetica, Arial, sans-serif;
  display: inline-block;
  font-size: 0px;
  font-weight: normal;
  line-height: 38px;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 23px;
  border: 1px solid #CCC;
  background-color: #fff;
  cursor: default;
}
a.action-btn i, a.row-action-btn i, a.field-action-btn i {
  font-size: 26px;
  color: #834a24;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
a.action-btn i.small, a.row-action-btn i.small, a.field-action-btn i.small {
  font-size: 20px;
}
.action-bar.elevated a.action-btn.more, .action-bar.elevated a.more.row-action-btn, .action-bar.elevated a.more.field-action-btn {
  height: 47px;
  width: 60px;
  border: none;
  background-color: #111;
  border-radius: 0px;
  margin-right: 0px;
}

a.action-btn.touched, a.touched.row-action-btn, a.touched.field-action-btn {
  padding: 0;
  border-radius: 23px !important;
}

span.action-input {
  border: 0px solid #ccc;
  display: inline-block;
  padding: 6pt;
  padding-left: 16pt;
  margin-top: -5px;
  border-radius: 37pt;
  background-color: #BCBDBC;
}
span.action-input input {
  border: none;
  background: transparent;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16pt;
  color: white;
  font-weight: normal;
}
span.action-input input:focus {
  outline: 0;
}
span.action-input a.action-btn, span.action-input a.row-action-btn, span.action-input a.field-action-btn {
  border: none;
}

.row-action-btn, .field-action-btn {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: transparent !important;
}
.row-action-btn > i, .field-action-btn > i {
  color: rgba(0, 0, 0, 0.9) !important;
  font-size: 22px;
}

button {
  font-family: "WeblySleek UI";
  font-size: 1.1rem;
  font-weight: normal;
  padding: 6px;
  color: rgba(0, 0, 0, 0.9);
  cursor: default;
}
button > i {
  font-size: 32px;
  color: rgba(0, 0, 0, 0.9);
}
button.confirm-btn {
  border-radius: 10px;
  border: 2px solid #999;
  background-color: #666;
  color: #fff;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1.1rem;
  padding: 10px 20px;
}
button.clear {
  background-color: transparent;
  border: 0px;
  padding-left: 0 !important;
  text-align: left;
}
button.big {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 10px 20px;
  min-width: 15em;
}
.footer.elevated button {
  border: none;
  background-color: transparent;
  color: #111;
  min-width: 40pt;
}
.footer.elevated button > i {
  font-size: 32px;
  color: #fff;
  border-radius: 30px;
  border: 2px solid #999;
  width: 46px;
  height: 46px;
  display: inline-block;
  padding: 4px 4px 4px 4px;
  margin-bottom: 4px;
  background-color: #111;
}

/*
*	Tabs and Tab sets
*/
.tab {
  margin-right: 20px;
  font-size: 12pt;
  display: inline-block;
  font-weight: normal;
}
.tab.selected {
  font-size: 110%;
  font-weight: bold;
  color: white;
  position: relative;
}
.tab.selected:after {
  position: absolute;
  font-family: "Ionicons";
  top: 26px;
  left: 0rem;
  content: "\f10d";
  color: white;
  font-size: 41px;
}

/*
*	Help and tips
*/
.aside {
  display: inline-block;
  font-family: "WeblySleek UI Semibold";
  font-size: inherit;
  color: #0084fd;
  border-bottom: 1px dotted rgba(0, 132, 253, 0.8);
}

/*
*	Popups and other flyouts
*/
.popup {
  display: none;
}

/*
*	Numeric Keyboard
*	Goes on bottom of screen
*/
.NumericKeyboard, .ActionbarPad, .OptionsPad, .CalendarPad {
  position: fixed;
  top: 1000;
  right: 0;
  z-index: 4;
  text-align: center;
  padding: 0;
  margin: 0;
  display: none;
}
.NumericKeyboard.popup, .popup.ActionbarPad, .popup.OptionsPad, .popup.CalendarPad {
  display: block;
}
.NumericKeyboard input, .ActionbarPad input, .OptionsPad input, .CalendarPad input {
  font-size: 1.4rem;
  width: 238px;
  padding: 4px;
  border: 1px solid orange;
}
.NumericKeyboard div.pointer-top, .ActionbarPad div.pointer-top, .OptionsPad div.pointer-top, .CalendarPad div.pointer-top {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: -18px;
}
.NumericKeyboard div.pointer-top i, .ActionbarPad div.pointer-top i, .OptionsPad div.pointer-top i, .CalendarPad div.pointer-top i {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: 25%;
  margin-bottom: -1px;
  font-size: 40px;
  vertical-align: bottom;
  height: 28px;
  color: #000;
}
.NumericKeyboard table, .ActionbarPad table, .OptionsPad table, .CalendarPad table {
  width: 360px;
  max-width: 90%;
  margin: 0;
  background-color: #000;
  table-layout: fixed;
}
.NumericKeyboard table tr, .ActionbarPad table tr, .OptionsPad table tr, .CalendarPad table tr {
  margin: 0;
  padding: 0;
}
.NumericKeyboard table tr td, .ActionbarPad table tr td, .OptionsPad table tr td, .CalendarPad table tr td {
  width: 72px;
  height: 72px;
  font-size: 22pt;
  font-weight: normal;
  border: 8px solid #000;
  color: #fff;
}
.NumericKeyboard table tr td.num-btn, .ActionbarPad table tr td.num-btn, .OptionsPad table tr td.num-btn, .CalendarPad table tr td.num-btn {
  background-color: #4a4a4a;
}
.NumericKeyboard table tr td.op-btn, .ActionbarPad table tr td.op-btn, .OptionsPad table tr td.op-btn, .CalendarPad table tr td.op-btn {
  background-color: #5a5a5a;
}

/*
*	Goes on bottom of screen
*/
.CalendarPad table._Calendar {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  margin: 0 auto;
}
.CalendarPad table._Calendar td {
  width: 56px;
  height: 56px;
  text-align: center;
  padding: 0px;
  border: 1px solid #000;
  font-size: 1.1rem;
}
.CalendarPad table._Calendar td input {
  width: 100%;
  height: 100%;
  color: #fff;
  border: none;
  background-color: transparent;
  border-radius: 0;
  display: inline-block;
  text-align: center;
}
.CalendarPad table._Calendar td.num-btn input {
  font-size: 16pt;
}
.CalendarPad table._Calendar td.num-btn input.today {
  border: 1px solid #ccc;
  width: 90%;
}
.CalendarPad table._Calendar td.op-btn button {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
}
.CalendarPad table._Calendar td.op-btn button i {
  font-size: 16pt;
  color: #fff;
}

/*
*	Goes on bottom of screen
*/
.OptionsPad {
  background-color: transparent;
  text-align: left;
}
.OptionsPad .options-list {
  display: block;
  width: auto !important;
  min-width: 0;
  margin: 0;
  background-color: #000;
  padding: 0.5rem 0.5rem;
}
.OptionsPad .options-list p.select {
  margin: 0;
  padding: 0;
}
.OptionsPad .options-list p.select > b {
  display: inline-block;
  background-color: #999;
  color: #fff;
  padding: 0.5rem;
  height: 22pt;
  line-height: 22pt;
  font-size: 16pt;
  border: 2px solid #000;
  font-weight: normal;
  opacity: 1;
  min-width: 4rem;
  text-align: center;
}
.OptionsPad .options-list p.select > b.notselected {
  display: none;
}
.OptionsPad .options-list p.lights {
  padding: 0;
  margin: 0;
}
.OptionsPad .options-list p.lights > b {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0.5rem 1rem;
  border-radius: 26px;
  border: 0px solid #bbb;
  font-size: 0rem;
  min-width: 0;
}
.OptionsPad .options-list p.lights > b.selected {
  opacity: 1;
  padding-bottom: 4px;
  padding-top: 4px;
  border: 1px solid #111;
  width: 40px;
}
.OptionsPad .options-list p.lights > b[value=":ROJO"] {
  background-color: red;
  color: #fff;
  opacity: 1;
  border: 4px solid #C30000;
}
.OptionsPad .options-list p.lights > b[value=":AMARILLO"] {
  background-color: yellow;
  color: #111;
  opacity: 1;
  border: 4px solid #ACAC00;
}
.OptionsPad .options-list p.lights > b[value=":VERDE"] {
  background-color: lime;
  color: #fff;
  opacity: 1;
  border: 4px solid #009400;
}
.OptionsPad .options-list p.lights > b[value=":?"] {
  background-color: #ddd;
  color: #888;
  opacity: 1;
  border: 4px solid #888;
}

/*
*	Goes on bottom of screen
*/
.ListPad {
  display: none;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: #fff;
}
.ListPad.popup {
  display: block;
}
.ListPad .action-bar {
  margin: 0;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  position: relative;
}
.ListPad .action-bar .actions-set {
  position: fixed;
  height: 42px;
  font-size: 24px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  top: 0px;
  left: 0;
  right: 0;
  background-color: #000;
  text-align: left;
  z-index: 3;
  color: #aaa;
}
.ListPad .action-bar .actions-set > .back {
  float: left;
}
.ListPad .action-bar .actions-set > h3 {
  padding-left: 56px;
  line-height: 160%;
}
.ListPad .action-bar .actions-set > input {
  position: absolute;
  top: 15px;
  right: 20px;
  /*
  margin-top: -$hard-vertical-pad;
  margin-right: $soft-horizontal-pad ;
  */
  font-size: 16pt;
  line-height: 16pt;
  padding: 2px;
  color: rgba(0, 0, 0, 0.8);
}
.ListPad .content {
  margin-top: 62px;
  padding-left: 20px;
  padding-right: 10px;
}
.ListPad .content .selected {
  background-color: #ccc;
}
.ListPad .content li > a {
  color: #834a24;
}

.ActionbarPad {
  box-shadow: 0px 14px 14px #444;
}
.ActionbarPad div.pointer-top i {
  color: #999;
}
.ActionbarPad form {
  background-color: #fff;
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  min-width: 30rem;
}
.ActionbarPad form div {
  overflow-y: auto;
  max-height: 40rem;
  margin: 0;
  padding: 0;
}
.ActionbarPad form h4 {
  margin-left: 0;
  margin-bottom: 5px;
  margin-top: 10px;
}
.ActionbarPad form hr {
  clear: both;
  border: 1px solid #eee;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.ActionbarPad form p {
  padding-right: 1rem;
}
.ActionbarPad form fieldset legend {
  font-size: 12pt;
}
.ActionbarPad form label {
  display: inline-block;
  margin-top: 0.8rem;
  margin-left: 20px;
  width: 8rem;
  float: left;
  color: #222;
}
.ActionbarPad form input {
  display: inline-block;
  margin-left: 0rem;
  width: 16rem;
}
.ActionbarPad form select {
  display: inline-block;
  padding: 0.5rem;
  margin-left: 0rem;
  max-width: 19rem;
}
.ActionbarPad form span.checkbox {
  display: inline-block;
  padding: 0.2rem 1rem;
  margin-bottom: 0.4rem;
  margin-right: 0.4rem;
  line-height: 2.2rem;
  font-size: 0.9rem;
  font-weight: normal;
  color: #6e6e6e;
  background-color: #fff;
  border-radius: 2px;
  white-space: nowrap;
  border: 1px solid #eee;
  overflow: hidden;
  cursor: pointer;
}
.ActionbarPad form span.checkbox.selected {
  background-color: #fff;
  border: 1px solid #8a8a8a;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
  color: #333;
}
.ActionbarPad form span.checkbox > input[type=checkbox] {
  display: inline;
  padding: 0;
  width: 1rem;
  vertical-align: middle;
}
.ActionbarPad form span.checkbox:hover {
  background-color: #999;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
  border: 1px solid #888;
  color: #fff;
}
.ActionbarPad form button {
  padding: 0rem 0.6rem;
  border: 1px solid #999;
}

#download-pad.ActionbarPad form > div > p.messages {
  padding: 0.5em 1em;
}
#download-pad.ActionbarPad legend a {
  padding: 0.5em 1em;
}
#download-pad.ActionbarPad .item.selected {
  border-top: 1px solid #666;
}
#download-pad.ActionbarPad .item.selected legend i {
  display: none;
}
#download-pad.ActionbarPad .item.selected legend a {
  color: #222;
  font-size: 1.27em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
#download-pad.ActionbarPad .item.selected h4 {
  font-size: 1em;
}
#download-pad.ActionbarPad form .checkbox.check-all {
  margin-top: 8px;
  border: none;
}
#download-pad.ActionbarPad form .checkbox.check-all.selected {
  border: none;
  box-shadow: none;
}

.page {
  min-width: 700px;
}

/*
* Customized ACTION-BAR
*/
.page .action-bar {
  background-color: #fff;
  height: 104px;
  padding-bottom: 10px;
  margin-bottom: 40px;
  box-shadow: 0px 0px 12px 1px #636363;
}
.page .action-bar.initial > .actions-set {
  top: 21px;
}
.page .action-bar > .title {
  top: 8px;
}
.page .action-bar > .title.smaller {
  top: 30px;
  font-size: 22pt;
}
.page .action-bar > .logo {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
}
.page .action-bar > .logo .left-logo {
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 0;
  top: 0px;
  left: 0;
  width: 190px;
  z-index: 1000;
  cursor: pointer;
}
.page .action-bar > .logo .right-logo {
  position: absolute;
  margin: 0;
  padding: 0;
  display: none;
  top: 20px;
  right: 40px;
  width: 0px;
}
.gt-480 .page .action-bar > .logo > .logo .left-logo {
  width: 188px;
}

.lt-480 .page .action-bar > .logo > .logo .left-logo {
  width: 39%;
}

.page .action-bar > .tabs {
  z-index: 5;
}
.page .action-bar > .tabs .tab {
  font-size: 10pt;
  color: #834a24;
  border-bottom: 1px dotted #3f4f3f;
  margin-right: 1rem;
}
.page .action-bar > .tabs .tab.selected {
  color: #834a24;
  border-bottom: 3px solid #834a24;
}
.page .action-bar > .tabs .tab.selected:after {
  content: none;
}
.page .action-bar > h4 {
  color: #939a9a;
  padding-right: 10rem;
  max-height: 3rem;
  overflow: hidden;
}

/*
*	Customized Section Headers
*/
.content > .container .section .list-content h2 {
  /*
  *	Section Header in List views
  */
  font-family: "WeblySleek UI";
  font-size: 22pt;
  color: black;
  border-bottom: 3px solid #d4c9a6;
  display: inline-block;
  text-align: left;
  background-color: transparent;
  margin-left: -40px;
  margin-bottom: 20px;
  padding-left: 36px;
  padding-right: 1px;
  padding-bottom: 0px;
  line-height: 24px;
  margin-top: 10px;
}
.content > .container .section .list-content h2 > em {
  display: inline-block;
  float: right;
  margin-right: 2px;
  margin-top: -5px;
  font-size: 0.9rem;
  color: #474C4c;
  font-weight: bold;
}
.content > .container .section .list-content li > a, .content > .container .section .list-content li > p {
  padding-right: 10rem;
}
.content > .container .section .list-content ul, .content > .container .section .list-content form .form-section > .form-list, .content > .container form .section .list-content .form-section > .form-list, .content > .container .section .list-content form .form-section > .form-row, .content > .container form .section .list-content .form-section > .form-row {
  padding-bottom: 20px;
}

.content form > .form-section > h2 {
  /*
  *	Section Header in Form section
  */
  font-family: "WeblySleek UI";
  font-size: 16pt;
  color: #474C4c;
  border-bottom: 3px solid #d4c9a6;
  text-align: left;
  background-color: transparent;
  margin-left: 200px;
  margin-bottom: 20px;
  margin-right: -40px;
  padding-left: 1rem;
  padding-right: 1px;
  padding-bottom: 0px;
  line-height: 17px;
}

/*
*	Preview styles
*	Adjusted styles for presenting preview of data
*	Fitted to display data rather than to interact with it
*/
div.preview-body > .preview-section .preview-section-title {
  font-family: "WeblySleek UI";
  font-size: 16pt;
  color: #474C4c;
  border-bottom: 3px solid #d4c9a6;
  text-align: left;
  background-color: transparent;
  margin-left: -10px;
  margin-bottom: 20px;
  margin-right: -40px;
  padding-left: 1rem;
  padding-right: 1px;
  padding-bottom: 0px;
  line-height: 17px;
  /*
  // The title section of a form
  font-size: $h6-font-size ;
  font-weight: bold;
  margin-bottom: 4pt;
  background-color: $form-section-header-bg;
  border-bottom: $form-section-header-border;
  margin-left: -6px;
  margin-right: -20px;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 4px;
  margin-bottom: 4pt;
  */
}
div.preview-body > .preview-section .preview-plain-section-content td.preview-table-section-data p.value, div.preview-body > .preview-section .preview-plain-section-content td.preview-plain-section-data p.value {
  display: inline;
  font-size: 12pt;
  background-color: transparent;
  margin-left: 1.5rem;
  color: #474C4c;
}
div.preview-body > .preview-section .preview-plain-section-content td.preview-table-section-data.CheckField p.value i, div.preview-body > .preview-section .preview-plain-section-content td.preview-plain-section-data.CheckField p.value i {
  margin-left: 1rem;
  font-size: 22pt;
}
div.preview-body > .preview-section .preview-plain-section-content td.preview-table-section-data.OptionField p.value, div.preview-body > .preview-section .preview-plain-section-content td.preview-plain-section-data.OptionField p.value {
  margin-left: 1.5rem;
}
div.preview-body > .preview-section .preview-plain-section-content td.preview-table-section-data.OptionField.select > p.value > b, div.preview-body > .preview-section .preview-plain-section-content td.preview-plain-section-data.OptionField.select > p.value > b {
  font-size: 12pt;
  display: inline;
  border: none;
  background-color: transparent;
  font-weight: bold;
  background-color: transparent;
  color: #474C4c;
  opacity: 1;
}
div.preview-body > .preview-section .preview-plain-section-content td.preview-table-section-data.PhotoField p.value, div.preview-body > .preview-section .preview-plain-section-content td.preview-plain-section-data.PhotoField p.value {
  display: block;
}
div.preview-body > .preview-section .preview-plain-section-content td.preview-table-section-data.PhotoField p.value .frame, div.preview-body > .preview-section .preview-plain-section-content td.preview-plain-section-data.PhotoField p.value .frame {
  width: 100%;
}

/*
*	Customized HOME page
*/
.contact-info {
  display: inline-block;
  height: 80px;
  width: 210px;
  overflow: hidden;
  background-color: transparent;
  position: absolute;
  top: 26px;
  right: 36px;
  font-size: 0.8rem;
  color: #474C4c;
  line-height: 142%;
  text-align: center;
  z-index: 1;
}
.contact-info > b {
  font-size: 1.65rem;
  font-weight: normal;
  margin-top: 1rem;
  display: block;
}
.contact-info > a {
  color: #834a24;
  font-size: 1rem;
}
.contact-info > a.external {
  display: block;
}

#main .action-bar {
  border-bottom: none;
}
#main .action-bar > #me.tiled-grid {
  position: absolute;
  display: block;
  top: 20px;
  left: 0;
  right: 0;
  height: 120px;
  width: 100%;
  background-color: transparent;
  text-align: center;
}
#main .action-bar > #me.tiled-grid > #my-profile {
  display: inline-block;
  width: 340px;
  height: 120px;
  overflow: hidden;
  background-color: transparent;
}
#main .action-bar > #me.tiled-grid > #my-profile > .left-side {
  display: inline-block;
  position: relative;
  width: 250px;
  text-align: right;
  padding-right: 8px;
  padding-top: 4px;
}
#main .action-bar > #me.tiled-grid > #my-profile > .left-side h3 {
  font-size: 12pt;
  margin-bottom: 0.6rem;
  color: #474C4c;
  max-width: 250px;
  font-weight: bold;
}
#main .action-bar > #me.tiled-grid > #my-profile > .left-side p {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  color: #474C4c;
}
#main .action-bar > #me.tiled-grid > #my-profile > .left-side a {
  font-size: 1rem;
  color: #834a24;
  border-bottom: 1px dotted #834a24;
}
#main .action-bar > #me.tiled-grid > #my-profile > .right-side {
  display: inline-block;
  position: relative;
  width: 80px;
  float: right;
  border-top: 5px solid #d4c9a6;
  padding-top: 2px;
}
#main .action-bar > #me.tiled-grid > #my-profile > .right-side > img {
  display: block;
  width: 78px;
  border: 1px solid #eee;
}

#home.container.tiled-grid {
  text-align: center;
  padding-top: 1rem !important;
}
#home.container > .tile {
  display: inline-block;
  position: relative;
  top: 0;
  left: initial;
  vertical-align: top;
  width: 30%;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2rem;
  border: 0px dotted blue;
  background-color: #fff;
}
#home.container > .tile > h2 {
  margin: 0;
  padding: 1rem;
  text-align: center;
}
#home.container > .tile > h2 > i {
  font-size: 28pt;
  vertical-align: text-bottom;
  margin-right: 1rem;
}
#home.container > .tile > ul.content-list, .content #home.container > .tile > ul.content-list.content-grid, .content #home.container > .tile > ul.content-list.content-grid.with-icons, .content #home.container > .tile > ul.content-list.with-icons.content-grid, .content form #home.container > .form-section.tile > .content-list.form-list, .content form #home.container > .form-section.tile > .content-list.content-grid.form-list, .content form #home.container > .form-section.tile > .content-list.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > .content-list.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .content-list.form-row, .content form #home.container > .form-section.tile > .content-list.content-grid.form-row, .content form #home.container > .form-section.tile > .content-list.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > .content-list.with-icons.content-grid.form-row, .content #home.container > .tile > ul.content-grid, .content #home.container > .tile > ul.content-grid, .content #home.container > .tile > ul.content-grid.with-icons, .content #home.container > .tile > ul.with-icons.content-grid, .content form #home.container > .form-section.tile > ul.form-list.content-grid, .content form #home.container > .form-section.tile > ul.content-grid.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > ul.form-row.content-grid, .content form #home.container > .form-section.tile > ul.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content #home.container > .tile > ul.content-grid.with-icons, .content #home.container > .tile > ul.content-grid.with-icons, .content #home.container > .tile > ul.content-grid.with-icons, .content #home.container > .tile > ul.with-icons.content-grid, .content form #home.container > .form-section.tile > ul.form-list.content-grid.with-icons, .content form #home.container > .form-section.tile > ul.content-grid.form-list.with-icons, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > ul.form-row.content-grid.with-icons, .content form #home.container > .form-section.tile > ul.content-grid.form-row.with-icons, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content #home.container > .tile > ul.with-icons.content-grid, .content #home.container > .tile > ul.content-grid.with-icons, .content #home.container > .tile > ul.content-grid.with-icons, .content #home.container > .tile > ul.with-icons.content-grid, .content form #home.container > .form-section.tile > ul.form-list.with-icons.content-grid, .content form #home.container > .form-section.tile > ul.content-grid.form-list.with-icons, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > ul.form-row.with-icons.content-grid, .content form #home.container > .form-section.tile > ul.content-grid.form-row.with-icons, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.form-list, .content form #home.container > .form-section.tile > ul.content-grid.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-list.content-grid, .content form #home.container > .form-section.tile > .content-grid.form-list, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-row.content-grid.form-list, .content form #home.container > .form-section.tile > .content-grid.form-row.form-list, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-list.content-grid.with-icons, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-row.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons.form-list, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-list.with-icons.content-grid, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-row.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons.form-list, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list, .content form #home.container > .form-section.tile > ul.form-list, .content form #home.container > .form-section.tile > ul.content-grid.form-list, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-list, .content form #home.container > .form-section.tile > .content-grid.form-list, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list, .content form #home.container > .form-section.tile > .form-row.form-list, .content form #home.container > .form-section.tile > .content-grid.form-row.form-list, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list, .content form #home.container > .form-section.tile > ul.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > .form-list.content-grid.form-row, .content form #home.container > .form-section.tile > .content-grid.form-list.form-row, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row, .content form #home.container > .form-section.tile > .form-row.content-grid, .content form #home.container > .form-section.tile > .content-grid.form-row, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > .form-list.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons.form-row, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row, .content form #home.container > .form-section.tile > .form-row.content-grid.with-icons, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > .form-list.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons.form-row, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row, .content form #home.container > .form-section.tile > .form-row.with-icons.content-grid, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > ul.form-row, .content form #home.container > .form-section.tile > ul.content-grid.form-row, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row, .content form #home.container > .form-section.tile > .form-list.form-row, .content form #home.container > .form-section.tile > .content-grid.form-list.form-row, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row, .content form #home.container > .form-section.tile > .form-row, .content form #home.container > .form-section.tile > .content-grid.form-row, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row {
  margin: 0;
  margin-right: 2rem;
  margin-top: 1rem;
  border-right: 4px solid #CCC;
  padding: 2rem 2rem;
  text-align: right;
}
#home.container > .tile > ul.content-list li a, .content #home.container > .tile > ul.content-list.content-grid li a, .content #home.container > .tile > ul.content-list.content-grid.with-icons li a, .content #home.container > .tile > ul.content-list.with-icons.content-grid li a, .content form #home.container > .form-section.tile > .content-list.form-list li a, .content form #home.container > .form-section.tile > .content-list.content-grid.form-list li a, .content form #home.container > .form-section.tile > .content-list.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > .content-list.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .content-list.form-row li a, .content form #home.container > .form-section.tile > .content-list.content-grid.form-row li a, .content form #home.container > .form-section.tile > .content-list.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > .content-list.with-icons.content-grid.form-row li a, .content #home.container > .tile > ul.content-grid li a, .content #home.container > .tile > ul.content-grid li a, .content #home.container > .tile > ul.content-grid.with-icons li a, .content #home.container > .tile > ul.with-icons.content-grid li a, .content form #home.container > .form-section.tile > ul.form-list.content-grid li a, .content form #home.container > .form-section.tile > ul.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.form-row.content-grid li a, .content form #home.container > .form-section.tile > ul.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content #home.container > .tile > ul.content-grid.with-icons li a, .content #home.container > .tile > ul.content-grid.with-icons li a, .content #home.container > .tile > ul.content-grid.with-icons li a, .content #home.container > .tile > ul.with-icons.content-grid li a, .content form #home.container > .form-section.tile > ul.form-list.content-grid.with-icons li a, .content form #home.container > .form-section.tile > ul.content-grid.form-list.with-icons li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.form-row.content-grid.with-icons li a, .content form #home.container > .form-section.tile > ul.content-grid.form-row.with-icons li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content #home.container > .tile > ul.with-icons.content-grid li a, .content #home.container > .tile > ul.content-grid.with-icons li a, .content #home.container > .tile > ul.content-grid.with-icons li a, .content #home.container > .tile > ul.with-icons.content-grid li a, .content form #home.container > .form-section.tile > ul.form-list.with-icons.content-grid li a, .content form #home.container > .form-section.tile > ul.content-grid.form-list.with-icons li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.form-row.with-icons.content-grid li a, .content form #home.container > .form-section.tile > ul.content-grid.form-row.with-icons li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-list.content-grid li a, .content form #home.container > .form-section.tile > .content-grid.form-list li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-row.content-grid.form-list li a, .content form #home.container > .form-section.tile > .content-grid.form-row.form-list li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-list.content-grid.with-icons li a, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-row.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons.form-list li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-list.with-icons.content-grid li a, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-row.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons.form-list li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li a, .content form #home.container > .form-section.tile > ul.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-list li a, .content form #home.container > .form-section.tile > .content-grid.form-list li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li a, .content form #home.container > .form-section.tile > .form-row.form-list li a, .content form #home.container > .form-section.tile > .content-grid.form-row.form-list li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li a, .content form #home.container > .form-section.tile > ul.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > .form-list.content-grid.form-row li a, .content form #home.container > .form-section.tile > .content-grid.form-list.form-row li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li a, .content form #home.container > .form-section.tile > .form-row.content-grid li a, .content form #home.container > .form-section.tile > .content-grid.form-row li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > .form-list.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons.form-row li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li a, .content form #home.container > .form-section.tile > .form-row.content-grid.with-icons li a, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > .form-list.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons.form-row li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li a, .content form #home.container > .form-section.tile > .form-row.with-icons.content-grid li a, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.form-row li a, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li a, .content form #home.container > .form-section.tile > .form-list.form-row li a, .content form #home.container > .form-section.tile > .content-grid.form-list.form-row li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li a, .content form #home.container > .form-section.tile > .form-row li a, .content form #home.container > .form-section.tile > .content-grid.form-row li a, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li a, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li a {
  line-height: 150%;
  font-size: 1.32rem;
}
#home.container > .tile > ul.content-list li em, .content #home.container > .tile > ul.content-list.content-grid li em, .content #home.container > .tile > ul.content-list.content-grid.with-icons li em, .content #home.container > .tile > ul.content-list.with-icons.content-grid li em, .content form #home.container > .form-section.tile > .content-list.form-list li em, .content form #home.container > .form-section.tile > .content-list.content-grid.form-list li em, .content form #home.container > .form-section.tile > .content-list.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > .content-list.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .content-list.form-row li em, .content form #home.container > .form-section.tile > .content-list.content-grid.form-row li em, .content form #home.container > .form-section.tile > .content-list.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > .content-list.with-icons.content-grid.form-row li em, .content #home.container > .tile > ul.content-grid li em, .content #home.container > .tile > ul.content-grid li em, .content #home.container > .tile > ul.content-grid.with-icons li em, .content #home.container > .tile > ul.with-icons.content-grid li em, .content form #home.container > .form-section.tile > ul.form-list.content-grid li em, .content form #home.container > .form-section.tile > ul.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.form-row.content-grid li em, .content form #home.container > .form-section.tile > ul.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content #home.container > .tile > ul.content-grid.with-icons li em, .content #home.container > .tile > ul.content-grid.with-icons li em, .content #home.container > .tile > ul.content-grid.with-icons li em, .content #home.container > .tile > ul.with-icons.content-grid li em, .content form #home.container > .form-section.tile > ul.form-list.content-grid.with-icons li em, .content form #home.container > .form-section.tile > ul.content-grid.form-list.with-icons li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.form-row.content-grid.with-icons li em, .content form #home.container > .form-section.tile > ul.content-grid.form-row.with-icons li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content #home.container > .tile > ul.with-icons.content-grid li em, .content #home.container > .tile > ul.content-grid.with-icons li em, .content #home.container > .tile > ul.content-grid.with-icons li em, .content #home.container > .tile > ul.with-icons.content-grid li em, .content form #home.container > .form-section.tile > ul.form-list.with-icons.content-grid li em, .content form #home.container > .form-section.tile > ul.content-grid.form-list.with-icons li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.form-row.with-icons.content-grid li em, .content form #home.container > .form-section.tile > ul.content-grid.form-row.with-icons li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-list.content-grid li em, .content form #home.container > .form-section.tile > .content-grid.form-list li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-row.content-grid.form-list li em, .content form #home.container > .form-section.tile > .content-grid.form-row.form-list li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-list.content-grid.with-icons li em, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-row.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons.form-list li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-list.with-icons.content-grid li em, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-row.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons.form-list li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li em, .content form #home.container > .form-section.tile > ul.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-list li em, .content form #home.container > .form-section.tile > .content-grid.form-list li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list li em, .content form #home.container > .form-section.tile > .form-row.form-list li em, .content form #home.container > .form-section.tile > .content-grid.form-row.form-list li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row.form-list li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row.form-list li em, .content form #home.container > .form-section.tile > ul.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > .form-list.content-grid.form-row li em, .content form #home.container > .form-section.tile > .content-grid.form-list.form-row li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li em, .content form #home.container > .form-section.tile > .form-row.content-grid li em, .content form #home.container > .form-section.tile > .content-grid.form-row li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > .form-list.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons.form-row li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li em, .content form #home.container > .form-section.tile > .form-row.content-grid.with-icons li em, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > .form-list.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > .content-grid.form-list.with-icons.form-row li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li em, .content form #home.container > .form-section.tile > .form-row.with-icons.content-grid li em, .content form #home.container > .form-section.tile > .content-grid.form-row.with-icons li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.form-row li em, .content form #home.container > .form-section.tile > ul.content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > ul.with-icons.content-grid.form-row li em, .content form #home.container > .form-section.tile > .form-list.form-row li em, .content form #home.container > .form-section.tile > .content-grid.form-list.form-row li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-list.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-list.form-row li em, .content form #home.container > .form-section.tile > .form-row li em, .content form #home.container > .form-section.tile > .content-grid.form-row li em, .content form #home.container > .form-section.tile > .content-grid.with-icons.form-row li em, .content form #home.container > .form-section.tile > .with-icons.content-grid.form-row li em {
  font-size: 1.56rem;
  line-height: 150%;
  background-color: transparent;
  display: inline-block;
  float: none;
  position: relative;
  color: #474C4c;
  margin-left: 2rem;
}
#home.container #new.tile > h2 {
  background-color: #394239;
}
#home.container #new.tile > ul > li > a, #home.container .content form .form-section#new.tile > .form-list > li > a, .content form #home.container .form-section#new.tile > .form-list > li > a, #home.container .content form .form-section#new.tile > .form-row > li > a, .content form #home.container .form-section#new.tile > .form-row > li > a {
  color: #394239;
}
#home.container #pending.tile > h2 {
  background-color: #d4c9a6;
}
#home.container #pending.tile > ul > li > a, #home.container .content form .form-section#pending.tile > .form-list > li > a, .content form #home.container .form-section#pending.tile > .form-list > li > a, #home.container .content form .form-section#pending.tile > .form-row > li > a, .content form #home.container .form-section#pending.tile > .form-row > li > a {
  color: #967265;
}
#home.container #sent.tile > h2 {
  background-color: #834a24;
}
#home.container #sent.tile > ul > li > a, #home.container .content form .form-section#sent.tile > .form-list > li > a, .content form #home.container .form-section#sent.tile > .form-list > li > a, #home.container .content form .form-section#sent.tile > .form-row > li > a, .content form #home.container .form-section#sent.tile > .form-row > li > a {
  color: #834a24;
}
#home.container > #copyright {
  position: relative;
  width: 100%;
}

/*
*	CUSTOMIZED LOGIN PAGE
*/
#login.page {
  min-width: 320px;
}
.gt-480 #login.page .action-bar > .logo .left-logo {
  width: 190px;
  margin-top: 0px;
  margin-left: 0;
}

.lt-480 #login.page .action-bar > .logo .left-logo {
  width: 39%;
  margin-top: 40px;
  margin-left: 40px;
}

#login.page .action-bar .right-logo {
  display: none;
}
#login.page .content > .container {
  margin: 0 auto !important;
}
#login.page .section {
  width: 310px;
  /* LEFT: 40%; */
  /* RIGHT: 40%; */
  margin: 0 auto;
  text-align: center;
  padding: 0rem;
}
#login.page .section h2 {
  display: none;
  text-align: center;
  margin: 1rem 0;
  padding: 1rem;
  font-size: 22pt;
  line-height: 1.5em;
}
#login.page .section .TextField.short label {
  display: block;
  text-align: left;
  float: none;
  width: 100%;
  border: none;
  padding-left: 2rem;
  font-weight: normal;
  font-family: "WeblySleek UI";
  font-size: 12pt;
}
#login.page .section .TextField.short p.hint {
  margin: 0;
  display: none;
  text-align: center;
}
#login.page .section .TextField.short input {
  width: 90%;
  border: 1px solid #BCBDBC;
}
#login.page .section .buttons {
  text-align: center;
}
#login.page .section .buttons button {
  text-align: center !important;
  background-color: #939a9a;
  color: #fff;
  border: none;
  border-radius: 3px;
}
#login.page .section .buttons button:hover {
  background-color: #834a24;
}
#login.page .section .buttons button.clear {
  text-align: center !important;
  background-color: #fff;
}
#login.page .section .buttons button.clear > a {
  color: #834a24;
}
#login.page .section .buttons button.clear > a:hover {
  color: #834a24;
  text-decoration: underline;
}

/*
*	ETIQUETAS PARA IMPRIMIR
*/
/*
	Algunas conversiones:

	72 pt/inch = 2.83 pt/mm.

*/
.etiqueta {
  no-display: none;
  margin: 6pt;
  padding: 4px 0 0 0;
  width: 280pt;
  /* == 99 mm */
  height: 142pt;
  /* == 50 mm */
  border: 1px dashed #bbb;
  display: inline-block;
  font-family: Helvetica, sans-serif;
  font-size: 10pt;
}

.etiqueta > .logo {
  display: block;
  text-align: right;
  margin: 0;
  padding: 0;
}

.etiqueta > .logo img {
  width: 100px;
  margin-top: 20px;
  margin-left: 40px;
  float: left;
}

.etiqueta > .barcode {
  display: block;
  display: block;
  transform: rotate(-90deg);
  transform-origin: 50% 50% 0;
  position: relative;
  top: 60px;
  left: 120px;
}

.etiqueta > .lines {
  display: block;
  position: relative;
  top: -50px;
  margin: 36px 0px 0 40px;
  padding: 0;
  width: 100%;
  height: 78pt;
  border: 0px dotted blue;
  font-size: 9pt;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

#labels-print-area {
  /* formato A4 */
  position: relative;
  width: 595.28pt;
  margin-left: 2px;
}

.section .list-content table {
  margin-bottom: 2rem;
}
.section .list-content table th {
  border-left: 4px solid #fff;
  text-align: left;
  padding: 1rem;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  background-color: #c6ffc9;
}
.section .list-content table td {
  border-left: 4px solid #fff;
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding: 0.5rem;
  color: #555;
  vertical-align: middle;
}
.section .list-content table td > i {
  font-size: 2em;
  width: 42px;
  display: inline-block;
  vertical-align: middle;
}

#remote-view.section td.PhotoField > p.value {
  border: none;
  font-size: 1.05rem;
  font-weight: bold;
}
#remote-view.section td.PhotoField > p.value > span.no-frame {
  width: 96%;
  display: block;
}

/*
*	Watermark cuando la muestra es NO APTA
*/
#sent-record-view .watermark-info-preliminar {
  background-image: url(../img/custom/lubrax/watermark-enrevision.png);
}

/*
*	Common elements
*/
body {
  padding: 0;
  margin: 0;
  background-color: #fff;
  -webkit-print-color-adjust: exact;
}

.foot {
  padding: 10pt;
  text-align: center;
}
.foot > p {
  color: white;
}