/***************************/

/*      General style      */

/***************************/

@media only screen and (max-width: 450px) {
  .hiddenOnMobile {
    display: none;
  }
  .icon-resize-full-on-mobile:before {
    content: '\e82d';
  }
}

/* raleway-regular - latin-ext_latin */

@font-face {
  font-family: 'Raleway Regular';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('fonts/raleway-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('fonts/raleway-v18-latin-ext_latin-regular.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body, td, pre {
  font-family: 'Segoe UI', Helvetica, tahoma, Arial, sans-serif;
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Segoe UI', Helvetica, tahoma, Arial, sans-serif;
  font-weight: 200;
  color: #333;
  padding: 0;
  margin: 0;
}

body {
  font-size: 12px;
  color: #333;
}

.mce-content-body {
  margin: 10px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

iframe {
  border: 0;
}

/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/

th, td {
  padding: 0;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

b, strong {
  font-family: 'Segoe UI Semibold', Helvetica, tahoma, Arial, sans-serif;
  font-weight: bold;
}

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
}

input::-ms-input-placeholder {
  /* Edge 41+ */
  font-style: italic;
}

input:-moz-placeholder {
  /* Firefox 4-18 */
  font-style: italic;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-style: italic;
}

input:-ms-input-placeholder {
  /* Internet Explorer 11 a besoin du flag !important */
  font-style: italic !important;
}

input::placeholder {
  /* De plus en plus compatible */
  font-style: italic;
}

/***************************/

/*       Portal            */

/***************************/

/* Default frame */

.frame {
  margin: 30px;
}

.frame-title {
  padding: 20px 0 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #333;
  border-bottom: solid 1px #eaeaea;
  margin-bottom: 20px;
}

ul.liste-encart {
  list-style-type: none;
}

ul.liste-encart li {
  color: black;
  line-height: 22px;
  background: url('images/content-li.gif') no-repeat 0 7px;
  padding-left: 14px;
}

ul.liste-encart li a:link {
  text-decoration: none;
  color: Black;
}

ul.liste-encart li a:visited {
  color: Black;
}

ul.liste-encart li a:active {
  color: Black;
}

ul.liste-encart li a:hover {
  text-decoration: none;
  color: #94AAC3;
}

ul.liste-encart li .selected {
  font-family: 'Segoe UI Semibold', Helvetica, tahoma, Arial, sans-serif;
  font-weight: bold;
}

.headingXL {
  margin-top: 5px;
  font-size: 22px;
  line-height: 76px;
  font-weight: 400;
  color: #333;
  text-indent: 5px;
}

.frame-diagnostics .headingXL {
  background-image: url('images/diagnostics/alerts.png');
  background-repeat: no-repeat;
  text-indent: 90px;
}

.frame-getstarted .getstarted-wrap {
  overflow: auto;
}

.frame-getstarted .getstarted-item {
  width: 150px;
  height: 150px;
  padding-top: 100px;
  float: left;
  margin: 5px;
}

.frame-getstarted .getstarted-item-inner {
  background-color: #333;
  opacity: 0.6;
  width: 150px;
  height: 50px;
  position: absolute;
}

.frame-getstarted .getstarted-item-text {
  display: table;
  color: #fff;
  width: 150px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 11px;
  position: absolute;
  background: none;
}

.frame-getstarted .getstarted-item-text-child {
  display: table-cell;
  vertical-align: middle;
}

.frame-getstarted .getstarted-item-text:hover {
  background-color: #333;
  opacity: 0.8;
}

.frame-getstarted .getstarted-pages {
  background-image: url('images/master/add-page.png');
  background-repeat: no-repeat;
}

.frame-getstarted .getstarted-users {
  background-image: url('images/master/add-user.png');
  background-repeat: no-repeat;
}

.frame-getstarted .getstarted-sites {
  background-image: url('images/master/add-site.png');
  background-repeat: no-repeat;
}

.frame-infos .headingXL {
  background-image: url('images/diagnostics/infos.png');
  background-repeat: no-repeat;
  text-indent: 90px;
  margin-bottom: 5px;
}

.frame-infos .infos-msg {
  margin: 0;
  padding: 0;
}

.frame-infos .infos-context {
  margin: 15px 5px;
}

.frame-cmsactivity .headingXL {
  background-image: url('images/master/cmsactivity.png');
  background-repeat: no-repeat;
  text-indent: 90px;
  margin-bottom: 25px;
}

.frame-cmsactivity #cmsactivity-items {
  margin: 15px 5px;
}

.frame-cmsactivity a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
  font-weight: normal;
}

.frame-cmsactivity a:hover {
  text-decoration: underline;
}

#cmsactivity-items .cmsactivity-item-pub-requested.cmsactivity-item-with-results a {
  color: Red;
}

/* Simple html frame */

.frame-simplehtml ul li {
  list-style: disc;
  margin-left: 20px;
  margin-top: 10px;
}

/* RSS Frame */

.frame-rss-content ul {
  list-style-type: none;
}

.frame-rss-content li {
  background: url('images/content-li.gif') no-repeat 0 6px;
  margin-top: 4px;
  padding-left: 14px;
}

.frame-rss-content li a:link {
  color: #000;
  text-decoration: none;
}

.frame-rss-content li a:visited {
  color: #000;
}

.frame-rss-content li a:active {
  color: #000;
}

.frame-rss-content li a:hover {
  color: #94AAC3;
}

.frame-rss-content table {
  width: 100%;
}

.frame-rss-date {
  width: 120px;
  text-align: right;
  color: #666;
  font-size: 11px;
}

.frame .sdi-service-subscription p {
  font-size: 14px;
}

.frame .sdi-service-subscription .glyphicon {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.frame .sdi-service-subscription .glyphicon-refresh {
  font-size: 16px;
}

.frame .sdi-service-subscription .glyphicon-volume-down {
  font-size: 22px;
}

.frame .alert-info.social-network-desactivated {
  margin-top: 20px;
}

/* Newsletter frame */

.frame .newsletter-display-wrapper {
  position: relative;
}

.frame .newsletter-display-iframe {
  width: 100%;
  border: 0;
}

/***************************************/

/* Styles pour les renderer de grilles */

/***************************************/

.cf-grid-renderer-center {
  text-align: center;
}

.cf-grid-renderer-mail {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/mail.png) !important;
  cursor: pointer;
}

/* Generics buttons */

@font-face {
  font-family: 'glyphicons';
  src: url('fonts/glyphicons.woff');
}

[class^="glyph-"], [class*=" glyph-"] {
  font-family: glyphicons;
  speak-as: 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;
}

[class^="glyph-"]:before, [class*=" glyph-"]:before {
  vertical-align: top;
}

.glyph-add:before {
  content: '\e600';
}

.glyph-user-add:before {
  content: '\e601';
}

.glyph-check:before {
  content: '\e602';
}

.glyph-cross:before {
  content: '\e603';
}

.glyph-arrow-down-alt:before {
  content: '\e604';
}

.glyph-user:before {
  content: '\e605';
}

.glyph-settings-alt:before {
  content: '\e606';
}

.glyph-download-alt:before {
  content: '\e607';
}

.glyph-delete:before {
  content: '\e608';
}

.glyph-exclamation-alt:before {
  content: '\e609';
}

.glyph-warning:before {
  content: '\e60a';
}

.glyph-lock:before {
  content: '\e60b';
}

.glyph-lock-open:before {
  content: '\e60c';
}

.glyph-ok:before {
  content: '\e60d';
}

.glyph-logoff:before {
  content: '\e60e';
}

.glyph-list:before {
  content: '\e60f';
}

.glyph-play:before {
  content: '\e610';
}

.glyph-pause:before {
  content: '\e611';
}

.glyph-stop:before {
  content: '\e612';
}

.glyph-eject:before {
  content: '\e613';
}

.glyph-restart:before {
  content: '\e614';
}

.glyph-save:before {
  content: '\e615';
}

.glyph-search:before {
  content: '\e616';
}

.glyph-erase:before {
  content: '\e617';
}

.glyph-undo:before {
  content: '\e618';
}

.glyph-redo:before {
  content: '\e619';
}

.glyph-settings:before {
  content: '\e61a';
}

.glyph-house:before {
  content: '\e61b';
}

.glyph-arrow-up:before {
  content: '\e61c';
}

.glyph-arrow-down:before {
  content: '\e61d';
}

.glyph-arrow-left:before {
  content: '\e61e';
}

.glyph-arrow-right:before {
  content: '\e61f';
}

.glyph-arrow-right-alt:before {
  content: '\e620';
}

.glyph-arrow-left-alt:before {
  content: '\e621';
}

.glyph-arrow-up-alt:before {
  content: '\e622';
}

.glyph-plus:before {
  content: '\e623';
}

.glyph-minus:before {
  content: '\e624';
}

.glyph-upload-alt:before {
  content: '\e625';
}

.glyph-long-arrow-down:before {
  content: '\e626';
}

.glyph-long-arrow-up:before {
  content: '\e627';
}

.glyph-long-arrow-left:before {
  content: '\e628';
}

.glyph-long-arrow-right:before {
  content: '\e629';
}

.glyph-pen:before {
  content: '\e62a';
}

.glyph-mail:before {
  content: '\e62b';
}

.glyph-question:before {
  content: '\e62c';
}

.glyph-exclamation:before {
  content: '\e62d';
}

.glyph-plus-alt:before, .glyph-add-alt:before {
  content: '\e62e';
}

.glyph-minus-alt:before {
  content: '\e62f';
}

.glyph-info:before {
  content: '\e630';
}

.glyph-delete-alt:before {
  content: '\e631';
}

.glyph-zoom-in:before {
  content: '\e632';
}

.glyph-zoom-out:before {
  content: '\e633';
}

.glyph-info-alt:before {
  content: '\e634';
}

.glyph-question-alt:before {
  content: '\e635';
}

.glyph-download:before {
  content: '\e636';
}

.glyph-upload:before {
  content: '\e637';
}

.glyph-key:before {
  content: '\e638';
}

.glyph-phone:before {
  content: '\e639';
}

.glyph-star:before {
  content: '\e63a';
}

.glyph-copy:before {
  content: '\e63b';
}

.glyph-users:before {
  content: '\e63c';
}

.glyph-cut:before {
  content: '\e63d';
}

.glyph-plus-light:before {
  content: '\e63e';
}

.glyph-paste:before {
  content: '\e63f';
}

.glyph-minus-light:before {
  content: '\e640';
}

.glyph-calendar:before {
  content: '\e641';
}

.glyph-alarm:before {
  content: '\e642';
}

.glyph-execute:before {
  content: '\e643';
}

.glyph-refresh:before {
  content: '\e644';
}

.glyph-clock:before {
  content: '\e645';
}

.glyph-basket:before {
  content: "\e646";
}

.glyph-basket-shared:before {
  content: "\e647";
}

.glyph-circle-arrow-down:before {
  content: "\e648";
}

.glyph-circle-arrow-up:before {
  content: "\e649";
}

.glyph-circle-arrow-left:before {
  content: "\e64a";
}

.glyph-circle-arrow-right:before {
  content: "\e64b";
}

.glyph-history:before {
  content: "\e64c";
}

.glyph-language:before {
  content: "\e64d";
}

.glyph-office:before {
  content: "\e64e";
}

.glyph-eye-blocked:before {
  content: "\e64f";
}

.glyph-eye:before {
  content: "\e650";
}

.glyph-logo-syracuse-alt:before {
  content: "\e651";
}

.glyph-logo-syracuse:before {
  content: "\e652";
}

.glyph-menu:before {
  content: "\e653";
}

.glyph-app:before {
  content: "\e654";
}

.glyph-bookmark:before {
  content: "\e655";
}

.glyph-list-number:before {
  content: "\e656";
}

.glyph-list-disc:before {
  content: "\e657";
}

.glyph-forward:before {
  content: "\e658";
}

.glyph-backward:before {
  content: "\e659";
}

.glyph-facets:before {
  content: "\e65a";
}

.glyph-sort:before {
  content: "\e65b";
}

.glyph-filter:before {
  content: "\e65c";
}

.glyph-collapsed:before {
  content: "\e65d";
}

.glyph-expanded:before {
  content: "\e65e";
}

.glyph-bin:before {
  content: "\e65f";
}

.glyph-maximize:before {
  content: "\e660";
}

.glyph-minimize:before {
  content: "\e661";
}

.glyph-enter-fullscreen:before {
  content: "\e662";
}

.glyph-exit-fullscreen:before {
  content: "\e663";
}

.glyph-enter:before {
  content: "\e664";
}

.glyph-search-new:before {
  content: "\e665";
}

.glyph-search-save:before {
  content: "\e666";
}

.glyph-list-alt:before {
  content: '\e66b';
}

.glyph-grid:before {
  content: '\e668';
}

.glyph-layout:before {
  content: '\e669';
}

.glyph-exit:before {
  content: '\e66a';
}

.glyph-down:before {
  content: '\e66d';
}

.glyph-up:before {
  content: '\e66e';
}

.glyph-shortcut:before {
  content: '\e66c';
}

.glyph-link:before {
  content: '\e66f';
}

.glyph-columns:before {
  content: '\e667';
}

.glyph-long-arrow-left-alt:before {
  content: '\e670';
}

.glyph-long-arrow-right-alt:before {
  content: '\e671';
}

.glyph-long-arrow-down-alt:before {
  content: '\e672';
}

.glyph-long-arrow-up-alt:before {
  content: '\e673';
}

.glyph-folder-open:before {
  content: '\e674';
}

.glyph-folder:before {
  content: '\e675';
}

.glyph-reset:before {
  content: '\e676';
}

.glyph-camera:before {
  content: '\e677';
}

.glyph-image:before {
  content: '\e678';
}

.glyph-tasks:before {
  content: '\e679';
}

.glyph-file-text:before {
  content: '\e67a';
}

.glyph-chart:before {
  content: '\e67b';
}

.glyph-move:before {
  content: '\e67c';
}

.glyph-move-horizontal:before {
  content: '\e67d';
}

.glyph-move-vertical:before {
  content: '\e67e';
}

.glyph-blocked:before {
  content: '\e67f';
}

.glyph-news:before {
  content: '\e680';
}

.glyph-table:before {
  content: '\e681';
}

.glyph-face-happy:before {
  content: '\e682';
}

.glyph-face-smile:before {
  content: '\e683';
}

.glyph-face-tongue:before {
  content: '\e684';
}

.glyph-face-sad:before {
  content: '\e685';
}

.glyph-face-wink:before {
  content: '\e686';
}

.glyph-face-grin:before {
  content: '\e687';
}

.glyph-face-cool:before {
  content: '\e688';
}

.glyph-face-angry:before {
  content: '\e689';
}

.glyph-face-evil:before {
  content: '\e68a';
}

.glyph-face-shocked:before {
  content: '\e68b';
}

.glyph-face-baffled:before {
  content: '\e68c';
}

.glyph-face-confused:before {
  content: '\e68d';
}

.glyph-face-neutral:before {
  content: '\e68e';
}

.glyph-face-hipster:before {
  content: '\e68f';
}

.glyph-face-wondering:before {
  content: '\e690';
}

.glyph-face-sleepy:before {
  content: '\e691';
}

.glyph-face-frustrated:before {
  content: '\e692';
}

.glyph-face-crying:before {
  content: '\e693';
}

.glyph-paper-plane:before {
  content: '\e694';
}

.glyph-write:before {
  content: '\e695';
}

.glyph-share:before {
  content: '\e696';
}

.glyph-flow-tree:before {
  content: '\e697';
}

.glyph-flow-branch:before {
  content: '\e698';
}

.glyph-asterisk:before {
  content: '\e699';
}

.glyph-asterisk-alt:before {
  content: '\e69a';
}

.glyph-compare:before {
  content: '\e69b';
}

.glyph-microscope:before {
  content: "\e69d";
}

.glyph-open-in-new:before {
  content: "\e69e";
}

.glyph-redis:before {
  content: "\e69f";
}

.glyph-tree:before {
  content: "\e6a0";
}

.glyph-broken-link:before {
  content: "\e6a1";
}

.glyph-long-arrow-down-left-alt:before {
  content: "\e6a2";
}

.glyph-long-arrow-up-left-alt:before {
  content: "\e6a3";
}

.glyph-long-arrow-up-right-alt:before {
  content: "\e6a4";
}

.glyph-long-arrow-down-right-alt:before {
  content: "\e6a5";
}

.glyph-big-arrow-up-left:before {
  content: "\e6a6";
}

.glyph-big-arrow-up:before {
  content: "\e6a7";
}

.glyph-big-arrow-up-right:before {
  content: "\e6a8";
}

.glyph-big-arrow-right:before {
  content: "\e6a9";
}

.glyph-big-arrow-down-right:before {
  content: "\e6aa";
}

.glyph-big-arrow-down:before {
  content: "\e6ab";
}

.glyph-big-arrow-down-left:before {
  content: "\e6ac";
}

.glyph-big-arrow-left:before {
  content: "\e6ad";
}

.glyph-queue:before {
  content: "\e6ae";
}

.glyph-table-alt:before {
  content: '\e6af';
}

.glyph-grid-large:before {
  content: '\e6b0';
}

.glyph-grid-small:before {
  content: '\e6b1';
}

.glyph-print:before {
  content: '\e6b2';
}

.glyph-sort-asc:before {
  content: '\e6b3';
}

.glyph-sort-desc:before {
  content: '\e6b4';
}

.glyph-orgchart:before {
  content: '\e6b5';
}

.glyph-orgchart-alt:before {
  content: '\e6b6';
}

.glyph-earth:before {
  content: '\e6b7';
}

.glyph-db:before {
  content: '\e6b8';
}

.glyph-location:before {
  content: '\e6b9';
}

.glyph-power:before {
  content: "\e6ba";
}

.glyph-power-off:before {
  content: "\e6bb";
}

.glyph-sll:before {
  content: "\e6bc";
}

.glyph-pin:before {
  content: "\e6bd";
}

.glyph-hdots:before {
  content: "\e6be";
}

.glyph-vdots:before {
  content: "\e6bf";
}

.glyph-lightbulb:before {
  content: "\e6c0";
}

.glyph-sigma:before {
  content: "\e6c1";
}

.glyph-superscript:before {
  content: "\e6c2";
}

.glyph-merge:before {
  content: "\e6c3";
}

.glyph-bood:before {
  content: "\e6c4";
}

/* Ext2
.x-btn-text-icon .x-btn-center .x-toolbar-btn-icon-save:before {
    margin-right: 5px;
    font-size: 16px;
}
.x-btn-text-icon .x-btn-center .x-toolbar-btn-icon-save {
    padding-left: 3px;
}*/

/*[class^="icon-"]:before, [class*=" icon-"]:before {

}*/

.x-toolbar-btn-icon-save, button.x-toolbar-btn-icon-save, .x-grid-action-save {
  background-image: url('images/save.png');
}

.x-toolbar-btn-icon-create, button.x-toolbar-btn-icon-create, .x-grid-action-create {
  background-image: url('images/actions/actionCreate.png');
}

.x-toolbar-btn-icon-print, button.x-toolbar-btn-icon-print, .x-grid-action-print {
  background-image: url('images/print.png');
}

.x-toolbar-btn-icon-view, button.x-toolbar-btn-icon-view, .x-grid-action-view, .x-grid-grouping-action-view {
  background-image: url('images/actions/actionView.png');
}

.x-toolbar-btn-icon-preview, button.x-toolbar-btn-icon-preview, .x-grid-action-preview {
  background-image: url('images/preview.png');
}

.x-toolbar-btn-icon-add, button.x-toolbar-btn-icon-add, .x-toolbar-btn-icon-add-data, button.x-toolbar-btn-icon-add-data, .x-grid-action-add, .x-grid-action-add-data {
  background-image: url('images/actions/actionAdd.png');
}

.x-toolbar-btn-icon-delete, button.x-toolbar-btn-icon-delete, .x-toolbar-btn-icon-delete-data, button.x-toolbar-btn-icon-delete-data, .x-grid-action-delete, .x-grid-grouping-action-delete, .x-grid-action-delete-data {
  background-image: url('images/actions/actionDelete.png');
}

.x-toolbar-btn-icon-cancel, button.x-toolbar-btn-icon-cancel, .x-grid-action-cancel {
  background-image: url('images/actions/actionCancel.png');
}

.x-toolbar-btn-icon-import, button.x-toolbar-btn-icon-import, .x-grid-action-import {
  background-image: url('images/import.png');
}

.x-toolbar-btn-icon-export, button.x-toolbar-btn-icon-export, .x-grid-action-export {
  background-image: url('images/export.png');
}

.x-toolbar-btn-icon-back, button.x-toolbar-btn-icon-back, .x-grid-action-back {
  background-image: url('images/back.png');
}

.x-toolbar-btn-icon-search, button.x-toolbar-btn-icon-search, .x-grid-action-search {
  background-image: url('images/search.png');
}

.x-toolbar-btn-icon-clear, button.x-toolbar-btn-icon-clear, .x-grid-action-clear {
  background-image: url('images/clear.png');
}

.x-toolbar-btn-icon-edit, button.x-toolbar-btn-icon-edit, .x-grid-action-edit {
  background-image: url('images/actions/actionEdit.png');
}

.x-toolbar-btn-icon-enable, button.x-toolbar-btn-icon-enable, .x-grid-action-enable {
  background-image: url('images/actions/actionEnable.png');
}

.x-toolbar-btn-icon-disable, button.x-toolbar-btn-icon-disable, .x-grid-action-disable {
  background-image: url('images/actions/actionDisable.png');
}

.x-toolbar-btn-icon-duplicate, button.x-toolbar-btn-icon-duplicate, .x-grid-action-duplicate {
  background-image: url('images/actions/actionDuplicate.png');
}

.x-toolbar-btn-icon-substitute, button.x-toolbar-btn-icon-substitute, .x-grid-action-substitute {
  background-image: url('images/actions/actionSubstitute.png');
}

.x-toolbar-btn-icon-link, button.x-toolbar-btn-icon-link, .x-grid-action-link {
  background-image: url('images/actions/actionLink.png');
}

.x-toolbar-btn-icon-prev, button.x-toolbar-btn-icon-prev, .x-grid-action-prev {
  background-image: url('images/page-prev.gif');
}

.x-toolbar-btn-icon-next, button.x-toolbar-btn-icon-next, .x-grid-action-next {
  background-image: url('images/page-next.gif');
}

.x-toolbar-btn-icon-help, button.x-toolbar-btn-icon-help, .x-grid-action-help {
  background-image: url('images/help.png');
}

.x-toolbar-btn-icon-download, button.x-toolbar-btn-icon-download, .x-grid-action-download {
  background-image: url('images/download.png');
}

.x-toolbar-btn-icon-expand, button.x-toolbar-btn-icon-expand, .x-grid-action-expand {
  background-image: url('images/expand.gif');
}

.x-toolbar-btn-icon-collapse, button.x-toolbar-btn-icon-collapse, .x-grid-action-collapse {
  background-image: url('images/collapse.gif');
}

.x-toolbar-btn-icon-zoom, button.x-toolbar-btn-icon-zoom, .x-grid-action-zoom {
  background-image: url('images/actions/actionZoom.png');
}

.x-toolbar-btn-icon-execute, button.x-toolbar-btn-icon-execute, .x-grid-action-execute {
  background-image: url('images/execute.png');
}

.x-toolbar-btn-icon-up, button.x-toolbar-btn-icon-up, .x-grid-action-up {
  background-image: url('images/up.png');
}

.x-toolbar-btn-icon-down, button.x-toolbar-btn-icon-down, .x-grid-action-down {
  background-image: url('images/down.png');
}

.x-toolbar-btn-icon-new, button.x-toolbar-btn-icon-new, .x-grid-action-new {
  background-image: url('images/actions/actionNewFile.png');
}

.x-toolbar-btn-icon-open, button.x-toolbar-btn-icon-open, .x-grid-action-open {
  background-image: url('images/actions/actionOpenFile.png');
}

.x-toolbar-btn-icon-hide, button.x-toolbar-btn-icon-hide, .x-grid-action-hide {
  background-image: url('images/actions/actionHide.png');
}

.x-toolbar-btn-icon-truncate, button.x-toolbar-btn-icon-truncate, .x-grid-action-truncate {
  background-image: url('images/actions/actionTruncate.png');
}

.x-toolbar-btn-icon-properties, button.x-toolbar-btn-icon-properties, .x-grid-action-properties {
  background-image: url('images/actions/actionProperties.png');
}

.x-toolbar-btn-icon-validate, button.x-toolbar-btn-icon-validate, .x-grid-action-validate {
  background-image: url('images/actions/actionEnable.png');
}

.x-toolbar-btn-icon-history, button.x-toolbar-btn-icon-history, .x-grid-action-history {
  background-image: url('images/actions/actionHistory.png');
}

.x-toolbar-btn-icon-start, button.x-toolbar-btn-icon-start, .x-grid-action-start {
  background-image: url('images/actions/actionStart.png');
}

.x-toolbar-btn-icon-restart, button.x-toolbar-btn-icon-restart, .x-grid-action-restart {
  background-image: url('images/actions/actionRestart.png');
}

.x-toolbar-btn-icon-stop, button.x-toolbar-btn-icon-stop, .x-grid-action-stop {
  background-image: url('images/actions/actionStop.png');
}

.x-toolbar-btn-icon-pause, button.x-toolbar-btn-icon-pause, .x-grid-action-pause {
  background-image: url('images/actions/actionPause.png');
}

.x-toolbar-btn-icon-translate, button.x-toolbar-btn-icon-translate, .x-grid-action-translate {
  background-image: url('images/actions/actionTranslate.png');
}

.x-toolbar-btn-icon-track-changes, button.x-toolbar-btn-icon-track-changes, .x-grid-action-track-changes {
  background-image: url('images/actions/actionTrackChanges.png');
}

.x-toolbar-btn-icon-manage, button.x-toolbar-btn-icon-manage, .x-grid-action-manage {
  background-image: url('images/actions/actionManage.png');
}

.x-toolbar-btn-icon-user, button.x-toolbar-btn-icon-user, .x-grid-action-user {
  background-image: url('images/directory/user.gif');
}

.x-toolbar-btn-icon-test, button.x-toolbar-btn-icon-test, .x-grid-action-test {
  background-image: url('images/actions/actionTest.png');
}

.x-toolbar-btn-icon-test-run, button.x-toolbar-btn-icon-test-run, .x-grid-action-test-run {
  background-image: url('images/actions/actionTestRun.png');
}

.x-toolbar-btn-icon-send, button.x-toolbar-btn-icon-send, .x-grid-action-send {
  background-image: url('images/actions/actionSend.png');
}

.x-toolbar-btn-icon-valid, button.x-toolbar-btn-icon-valid, .x-grid-action-valid {
  background-image: url('images/actions/actionValid.png');
}

.x-toolbar-btn-icon-invalid, button.x-toolbar-btn-icon-invalid, .x-grid-action-invalid {
  background-image: url('images/actions/actionInvalid.png');
}

.x-toolbar-btn-icon-shortcut, button.x-toolbar-btn-icon-shortcut, .x-grid-action-shortcut {
  background-image: url('images/shortcut.png');
}

.x-toolbar-btn-icon-unsubstitute, button.x-toolbar-btn-icon-unsubstitute, .x-grid-action-unsubstitute {
  background-image: url('images/adminRoles/unsubstitute.gif');
}

.x-toolbar-btn-icon-plus, button.x-toolbar-btn-icon-plus, .x-grid-action-plus {
  background-image: url('images/adminRoles/add.png');
}

.x-toolbar-btn-icon-minus, button.x-toolbar-btn-icon-minus, .x-grid-action-minus {
  background-image: url('images/adminRoles/remove.png');
}

.x-toolbar-btn-icon-user-check, button.x-toolbar-btn-icon-user-check, .x-grid-action-user-check {
  background-image: url('images/adminRoles/role.png');
}

.x-toolbar-btn-icon-user-add, button.x-toolbar-btn-icon-user-add, .x-grid-action-user-add {
  background-image: url(images/directory/newuser.png);
}

.x-toolbar-btn-icon-upload, button.x-toolbar-btn-icon-upload, .x-grid-action-upload {
  background-image: url('images/upload.png');
}

.x-toolbar-btn-icon-mail, button.x-toolbar-btn-icon-mail, .x-grid-action-mail {
  background-image: url('images/actions/actionMail.png');
}

.x-toolbar-btn-icon-error, button.x-toolbar-btn-icon-error, .x-grid-action-error {
  background-image: url('images/actions/actionError.png');
}

.x-toolbar-btn-icon-anomaly, button.x-toolbar-btn-icon-anomaly, .x-grid-action-anomaly {
  background-image: url('images/actions/actionAnomaly.png');
}

.x-toolbar-btn-icon-information, button.x-toolbar-btn-icon-information, .x-grid-action-information {
  background-image: url('images/actions/actionInformation.png');
}

.x-toolbar-btn-icon-log, button.x-toolbar-btn-icon-log, .x-grid-action-log {
  background-image: url('images/actions/actionLogs.png');
}

.x-toolbar-btn-icon-log-warn, button.x-toolbar-btn-icon-log-warn, .x-grid-action-log-warn {
  background-image: url('images/actions/actionLogsWarning.png');
}

.x-toolbar-btn-icon-log-err, button.x-toolbar-btn-icon-log-err, .x-grid-action-log-err {
  background-image: url('images/actions/actionLogsError.png');
}

.x-toolbar-btn-icon-credentials, button.x-toolbar-btn-icon-credentials, .x-grid-action-credentials {
  background-image: url('images/actions/actionCredentials.gif');
}

.x-toolbar-btn-icon-move, button.x-toolbar-btn-icon-move, .x-grid-action-move {
  background-image: url('images/actions/actionMove.png');
}

.x-toolbar-btn-icon-move-horizontal, button.x-toolbar-btn-icon-move-horizontal, .x-grid-action-move-horizontal {
  background-image: url('images/actions/actionMoveHorizontal.png');
}

.x-toolbar-btn-icon-move-vertical, button.x-toolbar-btn-icon-move-vertical, .x-grid-action-move-vertical {
  background-image: url('images/actions/actionMoveVertical.png');
}

/*Countries Flags*/

.x-flag, button.x-flag {
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

.x-menu-item .x-flag {
  height: 16px;
  opacity: 1;
}

.x-menu-item-beta .x-menu-item-text:after {
  content: 'BETA';
  font-size: 9px;
  font-weight: bold;
  color: #999;
  margin-left: 6px;
  vertical-align: bottom;
}

.x-boundlist-item .x-flag {
  margin-right: 6px;
  margin-left: 0;
  vertical-align: text-bottom;
}

/*.x-toolbar .x-flag {
    padding-left: 20px;   
    width: auto;
    background-position: 0 center;
}*/

.x-flag-ar, button.x-flag-ar {
  background-image: url('images/flags/sa.png');
}

.x-flag-bg, button.x-flag-bg {
  background-image: url('images/flags/bg.png');
}

.x-flag-ca, button.x-flag-ca {
  background-image: url('images/flags/es.png');
}

.x-flag-zh-Hans, button.x-flag-zh-Hans {
  background-image: url('images/flags/cn.png');
}

.x-flag-cs, button.x-flag-cs {
  background-image: url('images/flags/cz.png');
}

.x-flag-da, button.x-flag-da {
  background-image: url('images/flags/dk.png');
}

.x-flag-de, button.x-flag-de {
  background-image: url('images/flags/de.png');
}

.x-flag-el, button.x-flag-el {
  background-image: url('images/flags/gr.png');
}

.x-flag-en, button.x-flag-en {
  background-image: url('images/flags/us.png');
}

.x-flag-es, button.x-flag-es {
  background-image: url('images/flags/es.png');
}

.x-flag-fi, button.x-flag-fi {
  background-image: url('images/flags/fi.png');
}

.x-flag-fr, button.x-flag-fr {
  background-image: url('images/flags/fr.png');
}

.x-flag-he, button.x-flag-he {
  background-image: url('images/flags/il.png');
}

.x-flag-hu, button.x-flag-hu {
  background-image: url('images/flags/hu.png');
}

.x-flag-is, button.x-flag-is {
  background-image: url('images/flags/is.png');
}

.x-flag-it, button.x-flag-it {
  background-image: url('images/flags/it.png');
}

.x-flag-ja, button.x-flag-ja {
  background-image: url('images/flags/jp.png');
}

.x-flag-ko, button.x-flag-ko {
  background-image: url('images/flags/kr.png');
}

.x-flag-nl, button.x-flag-nl {
  background-image: url('images/flags/nl.png');
}

.x-flag-no, button.x-flag-no {
  background-image: url('images/flags/no.png');
}

.x-flag-pl, button.x-flag-pl {
  background-image: url('images/flags/pl.png');
}

.x-flag-pt, button.x-flag-pt {
  background-image: url('images/flags/br.png');
}

.x-flag-rm, button.x-flag-rm {
  background-image: url('images/flags/ch.png');
}

.x-flag-ro, button.x-flag-ro {
  background-image: url('images/flags/ro.png');
}

.x-flag-ru, button.x-flag-ru {
  background-image: url('images/flags/ru.png');
}

.x-flag-hr, button.x-flag-hr {
  background-image: url('images/flags/hr.png');
}

.x-flag-sk, button.x-flag-sk {
  background-image: url('images/flags/sk.png');
}

.x-flag-sq, button.x-flag-sq {
  background-image: url('images/flags/al.png');
}

.x-flag-sv, button.x-flag-sv {
  background-image: url('images/flags/se.png');
}

.x-flag-th, button.x-flag-th {
  background-image: url('images/flags/th.png');
}

.x-flag-tr, button.x-flag-tr {
  background-image: url('images/flags/tr.png');
}

.x-flag-ur, button.x-flag-ur {
  background-image: url('images/flags/pk.png');
}

.x-flag-id, button.x-flag-id {
  background-image: url('images/flags/id.png');
}

.x-flag-uk, button.x-flag-uk {
  background-image: url('images/flags/ua.png');
}

.x-flag-be, button.x-flag-be {
  background-image: url('images/flags/by.png');
}

.x-flag-sl, button.x-flag-sl {
  background-image: url('images/flags/si.png');
}

.x-flag-et, button.x-flag-et {
  background-image: url('images/flags/ee.png');
}

.x-flag-lv, button.x-flag-lv {
  background-image: url('images/flags/lv.png');
}

.x-flag-lt, button.x-flag-lt {
  background-image: url('images/flags/lt.png');
}

.x-flag-tg, button.x-flag-tg {
  background-image: url('images/flags/tj.png');
}

.x-flag-fa, button.x-flag-fa {
  background-image: url('images/flags/ir.png');
}

.x-flag-vi, button.x-flag-vi {
  background-image: url('images/flags/vn.png');
}

.x-flag-hy, button.x-flag-hy {
  background-image: url('images/flags/am.png');
}

.x-flag-az, button.x-flag-az {
  background-image: url('images/flags/az.png');
}

.x-flag-eu, button.x-flag-eu {
  background-image: url('images/flags/es.png');
}

.x-flag-hsb, button.x-flag-hsb {
  background-image: url('images/flags/de.png');
}

.x-flag-mk, button.x-flag-mk {
  background-image: url('images/flags/mk.png');
}

.x-flag-tn, button.x-flag-tn {
  background-image: url('images/flags/za.png');
}

.x-flag-xh, button.x-flag-xh {
  background-image: url('images/flags/za.png');
}

.x-flag-zu, button.x-flag-zu {
  background-image: url('images/flags/za.png');
}

.x-flag-af, button.x-flag-af {
  background-image: url('images/flags/za.png');
}

.x-flag-ka, button.x-flag-ka {
  background-image: url('images/flags/ge.png');
}

.x-flag-fo, button.x-flag-fo {
  background-image: url('images/flags/fo.png');
}

.x-flag-hi, button.x-flag-hi {
  background-image: url('images/flags/in.png');
}

.x-flag-mt, button.x-flag-mt {
  background-image: url('images/flags/mt.png');
}

.x-flag-se, button.x-flag-se {
  background-image: url('images/flags/no.png');
}

.x-flag-ga, button.x-flag-ga {
  background-image: url('images/flags/ie.png');
}

.x-flag-ms, button.x-flag-ms {
  background-image: url('images/flags/my.png');
}

.x-flag-kk, button.x-flag-kk {
  background-image: url('images/flags/kz.png');
}

.x-flag-ky, button.x-flag-ky {
  background-image: url('images/flags/kg.png');
}

.x-flag-sw, button.x-flag-sw {
  background-image: url('images/flags/ke.png');
}

.x-flag-tk, button.x-flag-tk {
  background-image: url('images/flags/tm.png');
}

.x-flag-uz, button.x-flag-uz {
  background-image: url('images/flags/uz.png');
}

.x-flag-tt, button.x-flag-tt {
  background-image: url('images/flags/ru.png');
}

.x-flag-bn, button.x-flag-bn {
  background-image: url('images/flags/in.png');
}

.x-flag-pa, button.x-flag-pa {
  background-image: url('images/flags/in.png');
}

.x-flag-gu, button.x-flag-gu {
  background-image: url('images/flags/in.png');
}

.x-flag-or, button.x-flag-or {
  background-image: url('images/flags/in.png');
}

.x-flag-ta, button.x-flag-ta {
  background-image: url('images/flags/in.png');
}

.x-flag-te, button.x-flag-te {
  background-image: url('images/flags/in.png');
}

.x-flag-kn, button.x-flag-kn {
  background-image: url('images/flags/in.png');
}

.x-flag-ml, button.x-flag-ml {
  background-image: url('images/flags/in.png');
}

.x-flag-as, button.x-flag-as {
  background-image: url('images/flags/in.png');
}

.x-flag-mr, button.x-flag-mr {
  background-image: url('images/flags/in.png');
}

.x-flag-sa, button.x-flag-sa {
  background-image: url('images/flags/in.png');
}

.x-flag-mn, button.x-flag-mn {
  background-image: url('images/flags/mn.png');
}

.x-flag-bo, button.x-flag-bo {
  background-image: url('images/flags/cn.png');
}

.x-flag-cy, button.x-flag-cy {
  background-image: url('images/flags/gb.png');
}

.x-flag-km, button.x-flag-km {
  background-image: url('images/flags/kh.png');
}

.x-flag-lo, button.x-flag-lo {
  background-image: url('images/flags/la.png');
}

.x-flag-gl, button.x-flag-gl {
  background-image: url('images/flags/es.png');
}

.x-flag-kok, button.x-flag-kok {
  background-image: url('images/flags/in.png');
}

.x-flag-syr, button.x-flag-syr {
  background-image: url('images/flags/sy.png');
}

.x-flag-si, button.x-flag-si {
  background-image: url('images/flags/lk.png');
}

.x-flag-iu, button.x-flag-iu {
  background-image: url('images/flags/ca.png');
}

.x-flag-am, button.x-flag-am {
  background-image: url('images/flags/et.png');
}

.x-flag-tzm, button.x-flag-tzm {
  background-image: url('images/flags/dz.png');
}

.x-flag-ne, button.x-flag-ne {
  background-image: url('images/flags/np.png');
}

.x-flag-fy, button.x-flag-fy {
  background-image: url('images/flags/nl.png');
}

.x-flag-ps, button.x-flag-ps {
  background-image: url('images/flags/af.png');
}

.x-flag-fil, button.x-flag-fil {
  background-image: url('images/flags/ph.png');
}

.x-flag-dv, button.x-flag-dv {
  background-image: url('images/flags/mv.png');
}

.x-flag-ha, button.x-flag-ha {
  background-image: url('images/flags/ng.png');
}

.x-flag-yo, button.x-flag-yo {
  background-image: url('images/flags/ng.png');
}

.x-flag-quz, button.x-flag-quz {
  background-image: url('images/flags/bo.png');
}

.x-flag-nso, button.x-flag-nso {
  background-image: url('images/flags/za.png');
}

.x-flag-ba, button.x-flag-ba {
  background-image: url('images/flags/ru.png');
}

.x-flag-lb, button.x-flag-lb {
  background-image: url('images/flags/lu.png');
}

.x-flag-kl, button.x-flag-kl {
  background-image: url('images/flags/gl.png');
}

.x-flag-ig, button.x-flag-ig {
  background-image: url('images/flags/ng.png');
}

.x-flag-ii, button.x-flag-ii {
  background-image: url('images/flags/cn.png');
}

.x-flag-arn, button.x-flag-arn {
  background-image: url('images/flags/cl.png');
}

.x-flag-moh, button.x-flag-moh {
  background-image: url('images/flags/ca.png');
}

.x-flag-br, button.x-flag-br {
  background-image: url('images/flags/fr.png');
}

.x-flag-ug, button.x-flag-ug {
  background-image: url('images/flags/cn.png');
}

.x-flag-mi, button.x-flag-mi {
  background-image: url('images/flags/nz.png');
}

.x-flag-oc, button.x-flag-oc {
  background-image: url('images/flags/fr.png');
}

.x-flag-co, button.x-flag-co {
  background-image: url('images/flags/fr.png');
}

.x-flag-gsw, button.x-flag-gsw {
  background-image: url('images/flags/fr.png');
}

.x-flag-sah, button.x-flag-sah {
  background-image: url('images/flags/ru.png');
}

.x-flag-qut, button.x-flag-qut {
  background-image: url('images/flags/gt.png');
}

.x-flag-rw, button.x-flag-rw {
  background-image: url('images/flags/rw.png');
}

.x-flag-wo, button.x-flag-wo {
  background-image: url('images/flags/sn.png');
}

.x-flag-prs, button.x-flag-prs {
  background-image: url('images/flags/af.png');
}

.x-flag-gd, button.x-flag-gd {
  background-image: url('images/flags/gb.png');
}

.x-flag-ar-SA, button.x-flag-ar-SA {
  background-image: url('images/flags/sa.png');
}

.x-flag-bg-BG, button.x-flag-bg-BG {
  background-image: url('images/flags/bg.png');
}

.x-flag-ca-ES, button.x-flag-ca-ES {
  background-image: url('images/flags/es.png');
}

.x-flag-zh-TW, button.x-flag-zh-TW {
  background-image: url('images/flags/tw.png');
}

.x-flag-cs-CZ, button.x-flag-cs-CZ {
  background-image: url('images/flags/cz.png');
}

.x-flag-da-DK, button.x-flag-da-DK {
  background-image: url('images/flags/dk.png');
}

.x-flag-de-DE, button.x-flag-de-DE {
  background-image: url('images/flags/de.png');
}

.x-flag-el-GR, button.x-flag-el-GR {
  background-image: url('images/flags/gr.png');
}

.x-flag-en-US, button.x-flag-en-US {
  background-image: url('images/flags/us.png');
}

.x-flag-fi-FI, button.x-flag-fi-FI {
  background-image: url('images/flags/fi.png');
}

.x-flag-fr-FR, button.x-flag-fr-FR {
  background-image: url('images/flags/fr.png');
}

.x-flag-he-IL, button.x-flag-he-IL {
  background-image: url('images/flags/il.png');
}

.x-flag-hu-HU, button.x-flag-hu-HU {
  background-image: url('images/flags/hu.png');
}

.x-flag-is-IS, button.x-flag-is-IS {
  background-image: url('images/flags/is.png');
}

.x-flag-it-IT, button.x-flag-it-IT {
  background-image: url('images/flags/it.png');
}

.x-flag-ja-JP, button.x-flag-ja-JP {
  background-image: url('images/flags/jp.png');
}

.x-flag-ko-KR, button.x-flag-ko-KR {
  background-image: url('images/flags/kr.png');
}

.x-flag-nl-NL, button.x-flag-nl-NL {
  background-image: url('images/flags/nl.png');
}

.x-flag-nb-NO, button.x-flag-nb-NO {
  background-image: url('images/flags/no.png');
}

.x-flag-pl-PL, button.x-flag-pl-PL {
  background-image: url('images/flags/pl.png');
}

.x-flag-pt-BR, button.x-flag-pt-BR {
  background-image: url('images/flags/br.png');
}

.x-flag-rm-CH, button.x-flag-rm-CH {
  background-image: url('images/flags/ch.png');
}

.x-flag-ro-RO, button.x-flag-ro-RO {
  background-image: url('images/flags/ro.png');
}

.x-flag-ru-RU, button.x-flag-ru-RU {
  background-image: url('images/flags/ru.png');
}

.x-flag-hr-HR, button.x-flag-hr-HR {
  background-image: url('images/flags/hr.png');
}

.x-flag-sk-SK, button.x-flag-sk-SK {
  background-image: url('images/flags/sk.png');
}

.x-flag-sq-AL, button.x-flag-sq-AL {
  background-image: url('images/flags/al.png');
}

.x-flag-sv-SE, button.x-flag-sv-SE {
  background-image: url('images/flags/se.png');
}

.x-flag-th-TH, button.x-flag-th-TH {
  background-image: url('images/flags/th.png');
}

.x-flag-tr-TR, button.x-flag-tr-TR {
  background-image: url('images/flags/tr.png');
}

.x-flag-ur-PK, button.x-flag-ur-PK {
  background-image: url('images/flags/pk.png');
}

.x-flag-id-ID, button.x-flag-id-ID {
  background-image: url('images/flags/id.png');
}

.x-flag-uk-UA, button.x-flag-uk-UA {
  background-image: url('images/flags/ua.png');
}

.x-flag-be-BY, button.x-flag-be-BY {
  background-image: url('images/flags/by.png');
}

.x-flag-sl-SI, button.x-flag-sl-SI {
  background-image: url('images/flags/si.png');
}

.x-flag-et-EE, button.x-flag-et-EE {
  background-image: url('images/flags/ee.png');
}

.x-flag-lv-LV, button.x-flag-lv-LV {
  background-image: url('images/flags/lv.png');
}

.x-flag-lt-LT, button.x-flag-lt-LT {
  background-image: url('images/flags/lt.png');
}

.x-flag-tg-Cyrl-TJ, button.x-flag-tg-Cyrl-TJ {
  background-image: url('images/flags/tj.png');
}

.x-flag-fa-IR, button.x-flag-fa-IR {
  background-image: url('images/flags/ir.png');
}

.x-flag-vi-VN, button.x-flag-vi-VN {
  background-image: url('images/flags/vn.png');
}

.x-flag-hy-AM, button.x-flag-hy-AM {
  background-image: url('images/flags/am.png');
}

.x-flag-az-Latn-AZ, button.x-flag-az-Latn-AZ {
  background-image: url('images/flags/az.png');
}

.x-flag-eu-ES, button.x-flag-eu-ES {
  background-image: url('images/flags/euskara.png');
}

.x-flag-hsb-DE, button.x-flag-hsb-DE {
  background-image: url('images/flags/de.png');
}

.x-flag-mk-MK, button.x-flag-mk-MK {
  background-image: url('images/flags/mk.png');
}

.x-flag-tn-ZA, button.x-flag-tn-ZA {
  background-image: url('images/flags/za.png');
}

.x-flag-xh-ZA, button.x-flag-xh-ZA {
  background-image: url('images/flags/za.png');
}

.x-flag-zu-ZA, button.x-flag-zu-ZA {
  background-image: url('images/flags/za.png');
}

.x-flag-af-ZA, button.x-flag-af-ZA {
  background-image: url('images/flags/za.png');
}

.x-flag-ka-GE, button.x-flag-ka-GE {
  background-image: url('images/flags/ge.png');
}

.x-flag-fo-FO, button.x-flag-fo-FO {
  background-image: url('images/flags/fo.png');
}

.x-flag-hi-IN, button.x-flag-hi-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-mt-MT, button.x-flag-mt-MT {
  background-image: url('images/flags/mt.png');
}

.x-flag-se-NO, button.x-flag-se-NO {
  background-image: url('images/flags/no.png');
}

.x-flag-ms-MY, button.x-flag-ms-MY {
  background-image: url('images/flags/my.png');
}

.x-flag-kk-KZ, button.x-flag-kk-KZ {
  background-image: url('images/flags/kz.png');
}

.x-flag-ky-KG, button.x-flag-ky-KG {
  background-image: url('images/flags/kg.png');
}

.x-flag-sw-KE, button.x-flag-sw-KE {
  background-image: url('images/flags/ke.png');
}

.x-flag-tk-TM, button.x-flag-tk-TM {
  background-image: url('images/flags/tm.png');
}

.x-flag-uz-Latn-UZ, button.x-flag-uz-Latn-UZ {
  background-image: url('images/flags/uz.png');
}

.x-flag-tt-RU, button.x-flag-tt-RU {
  background-image: url('images/flags/ru.png');
}

.x-flag-bn-IN, button.x-flag-bn-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-pa-IN, button.x-flag-pa-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-gu-IN, button.x-flag-gu-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-or-IN, button.x-flag-or-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-ta-IN, button.x-flag-ta-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-te-IN, button.x-flag-te-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-kn-IN, button.x-flag-kn-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-ml-IN, button.x-flag-ml-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-as-IN, button.x-flag-as-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-mr-IN, button.x-flag-mr-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-sa-IN, button.x-flag-sa-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-mn-MN, button.x-flag-mn-MN {
  background-image: url('images/flags/mn.png');
}

.x-flag-bo-CN, button.x-flag-bo-CN {
  background-image: url('images/flags/cn.png');
}

.x-flag-cy-GB, button.x-flag-cy-GB {
  background-image: url('images/flags/gb.png');
}

.x-flag-km-KH, button.x-flag-km-KH {
  background-image: url('images/flags/kh.png');
}

.x-flag-lo-LA, button.x-flag-lo-LA {
  background-image: url('images/flags/la.png');
}

.x-flag-gl-ES, button.x-flag-gl-ES {
  background-image: url('images/flags/es.png');
}

.x-flag-kok-IN, button.x-flag-kok-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-syr-SY, button.x-flag-syr-SY {
  background-image: url('images/flags/sy.png');
}

.x-flag-si-LK, button.x-flag-si-LK {
  background-image: url('images/flags/lk.png');
}

.x-flag-iu-Cans-CA, button.x-flag-iu-Cans-CA {
  background-image: url('images/flags/ca.png');
}

.x-flag-am-ET, button.x-flag-am-ET {
  background-image: url('images/flags/et.png');
}

.x-flag-ne-NP, button.x-flag-ne-NP {
  background-image: url('images/flags/np.png');
}

.x-flag-fy-NL, button.x-flag-fy-NL {
  background-image: url('images/flags/nl.png');
}

.x-flag-ps-AF, button.x-flag-ps-AF {
  background-image: url('images/flags/af.png');
}

.x-flag-fil-PH, button.x-flag-fil-PH {
  background-image: url('images/flags/ph.png');
}

.x-flag-dv-MV, button.x-flag-dv-MV {
  background-image: url('images/flags/mv.png');
}

.x-flag-ha-Latn-NG, button.x-flag-ha-Latn-NG {
  background-image: url('images/flags/ng.png');
}

.x-flag-yo-NG, button.x-flag-yo-NG {
  background-image: url('images/flags/ng.png');
}

.x-flag-quz-BO, button.x-flag-quz-BO {
  background-image: url('images/flags/bo.png');
}

.x-flag-nso-ZA, button.x-flag-nso-ZA {
  background-image: url('images/flags/za.png');
}

.x-flag-ba-RU, button.x-flag-ba-RU {
  background-image: url('images/flags/ru.png');
}

.x-flag-lb-LU, button.x-flag-lb-LU {
  background-image: url('images/flags/lu.png');
}

.x-flag-kl-GL, button.x-flag-kl-GL {
  background-image: url('images/flags/gl.png');
}

.x-flag-ig-NG, button.x-flag-ig-NG {
  background-image: url('images/flags/ng.png');
}

.x-flag-ii-CN, button.x-flag-ii-CN {
  background-image: url('images/flags/cn.png');
}

.x-flag-arn-CL, button.x-flag-arn-CL {
  background-image: url('images/flags/cl.png');
}

.x-flag-moh-CA, button.x-flag-moh-CA {
  background-image: url('images/flags/ca.png');
}

.x-flag-br-FR, button.x-flag-br-FR {
  background-image: url('images/flags/bzh.png');
}

.x-flag-ug-CN, button.x-flag-ug-CN {
  background-image: url('images/flags/cn.png');
}

.x-flag-mi-NZ, button.x-flag-mi-NZ {
  background-image: url('images/flags/nz.png');
}

.x-flag-oc-FR, button.x-flag-oc-FR {
  background-image: url('images/flags/fr.png');
}

.x-flag-co-FR, button.x-flag-co-FR {
  background-image: url('images/flags/corsican.png');
}

.x-flag-gsw-FR, button.x-flag-gsw-FR {
  background-image: url('images/flags/fr.png');
}

.x-flag-sah-RU, button.x-flag-sah-RU {
  background-image: url('images/flags/ru.png');
}

.x-flag-qut-GT, button.x-flag-qut-GT {
  background-image: url('images/flags/gt.png');
}

.x-flag-rw-RW, button.x-flag-rw-RW {
  background-image: url('images/flags/rw.png');
}

.x-flag-wo-SN, button.x-flag-wo-SN {
  background-image: url('images/flags/sn.png');
}

.x-flag-prs-AF, button.x-flag-prs-AF {
  background-image: url('images/flags/af.png');
}

.x-flag-gd-GB, button.x-flag-gd-GB {
  background-image: url('images/flags/gb.png');
}

.x-flag-ar-IQ, button.x-flag-ar-IQ {
  background-image: url('images/flags/iq.png');
}

.x-flag-zh-CN, button.x-flag-zh-CN {
  background-image: url('images/flags/cn.png');
}

.x-flag-de-CH, button.x-flag-de-CH {
  background-image: url('images/flags/ch.png');
}

.x-flag-en-GB, button.x-flag-en-GB {
  background-image: url('images/flags/gb.png');
}

.x-flag-es-MX, button.x-flag-es-MX {
  background-image: url('images/flags/mx.png');
}

.x-flag-fr-BE, button.x-flag-fr-BE {
  background-image: url('images/flags/be.png');
}

.x-flag-it-CH, button.x-flag-it-CH {
  background-image: url('images/flags/ch.png');
}

.x-flag-nl-BE, button.x-flag-nl-BE {
  background-image: url('images/flags/be.png');
}

.x-flag-nn-NO, button.x-flag-nn-NO {
  background-image: url('images/flags/no.png');
}

.x-flag-pt-PT, button.x-flag-pt-PT {
  background-image: url('images/flags/pt.png');
}

.x-flag-sr-Latn-CS, button.x-flag-sr-Latn-CS {
  background-image: url('images/flags/cs.png');
}

.x-flag-sv-FI, button.x-flag-sv-FI {
  background-image: url('images/flags/fi.png');
}

.x-flag-az-Cyrl-AZ, button.x-flag-az-Cyrl-AZ {
  background-image: url('images/flags/az.png');
}

.x-flag-dsb-DE, button.x-flag-dsb-DE {
  background-image: url('images/flags/de.png');
}

.x-flag-se-SE, button.x-flag-se-SE {
  background-image: url('images/flags/se.png');
}

.x-flag-ga-IE, button.x-flag-ga-IE {
  background-image: url('images/flags/ie.png');
}

.x-flag-ms-BN, button.x-flag-ms-BN {
  background-image: url('images/flags/bn.png');
}

.x-flag-uz-Cyrl-UZ, button.x-flag-uz-Cyrl-UZ {
  background-image: url('images/flags/uz.png');
}

.x-flag-bn-BD, button.x-flag-bn-BD {
  background-image: url('images/flags/bd.png');
}

.x-flag-mn-Mong-CN, button.x-flag-mn-Mong-CN {
  background-image: url('images/flags/cn.png');
}

.x-flag-iu-Latn-CA, button.x-flag-iu-Latn-CA {
  background-image: url('images/flags/ca.png');
}

.x-flag-tzm-Latn-DZ, button.x-flag-tzm-Latn-DZ {
  background-image: url('images/flags/dz.png');
}

.x-flag-quz-EC, button.x-flag-quz-EC {
  background-image: url('images/flags/ec.png');
}

.x-flag-ar-EG, button.x-flag-ar-EG {
  background-image: url('images/flags/eg.png');
}

.x-flag-zh-HK, button.x-flag-zh-HK {
  background-image: url('images/flags/hk.png');
}

.x-flag-de-AT, button.x-flag-de-AT {
  background-image: url('images/flags/at.png');
}

.x-flag-en-AU, button.x-flag-en-AU {
  background-image: url('images/flags/au.png');
}

.x-flag-es-ES, button.x-flag-es-ES {
  background-image: url('images/flags/es.png');
}

.x-flag-fr-CA, button.x-flag-fr-CA {
  background-image: url('images/flags/ca.png');
}

.x-flag-sr-Cyrl-CS, button.x-flag-sr-Cyrl-CS {
  background-image: url('images/flags/cs.png');
}

.x-flag-se-FI, button.x-flag-se-FI {
  background-image: url('images/flags/fi.png');
}

.x-flag-quz-PE, button.x-flag-quz-PE {
  background-image: url('images/flags/pe.png');
}

.x-flag-ar-LY, button.x-flag-ar-LY {
  background-image: url('images/flags/ly.png');
}

.x-flag-zh-SG, button.x-flag-zh-SG {
  background-image: url('images/flags/sg.png');
}

.x-flag-de-LU, button.x-flag-de-LU {
  background-image: url('images/flags/lu.png');
}

.x-flag-en-CA, button.x-flag-en-CA {
  background-image: url('images/flags/ca.png');
}

.x-flag-es-GT, button.x-flag-es-GT {
  background-image: url('images/flags/gt.png');
}

.x-flag-fr-CH, button.x-flag-fr-CH {
  background-image: url('images/flags/ch.png');
}

.x-flag-hr-BA, button.x-flag-hr-BA {
  background-image: url('images/flags/ba.png');
}

.x-flag-smj-NO, button.x-flag-smj-NO {
  background-image: url('images/flags/no.png');
}

.x-flag-ar-DZ, button.x-flag-ar-DZ {
  background-image: url('images/flags/dz.png');
}

.x-flag-zh-MO, button.x-flag-zh-MO {
  background-image: url('images/flags/mo.png');
}

.x-flag-de-LI, button.x-flag-de-LI {
  background-image: url('images/flags/li.png');
}

.x-flag-en-NZ, button.x-flag-en-NZ {
  background-image: url('images/flags/nz.png');
}

.x-flag-es-CR, button.x-flag-es-CR {
  background-image: url('images/flags/cr.png');
}

.x-flag-fr-LU, button.x-flag-fr-LU {
  background-image: url('images/flags/lu.png');
}

.x-flag-bs-Latn-BA, button.x-flag-bs-Latn-BA {
  background-image: url('images/flags/ba.png');
}

.x-flag-smj-SE, button.x-flag-smj-SE {
  background-image: url('images/flags/se.png');
}

.x-flag-ar-MA, button.x-flag-ar-MA {
  background-image: url('images/flags/ma.png');
}

.x-flag-en-IE, button.x-flag-en-IE {
  background-image: url('images/flags/ie.png');
}

.x-flag-es-PA, button.x-flag-es-PA {
  background-image: url('images/flags/pa.png');
}

.x-flag-fr-MC, button.x-flag-fr-MC {
  background-image: url('images/flags/mc.png');
}

.x-flag-sr-Latn-BA, button.x-flag-sr-Latn-BA {
  background-image: url('images/flags/ba.png');
}

.x-flag-sma-NO, button.x-flag-sma-NO {
  background-image: url('images/flags/no.png');
}

.x-flag-ar-TN, button.x-flag-ar-TN {
  background-image: url('images/flags/tn.png');
}

.x-flag-en-ZA, button.x-flag-en-ZA {
  background-image: url('images/flags/za.png');
}

.x-flag-es-DO, button.x-flag-es-DO {
  background-image: url('images/flags/do.png');
}

.x-flag-sr-Cyrl-BA, button.x-flag-sr-Cyrl-BA {
  background-image: url('images/flags/ba.png');
}

.x-flag-sma-SE, button.x-flag-sma-SE {
  background-image: url('images/flags/se.png');
}

.x-flag-ar-OM, button.x-flag-ar-OM {
  background-image: url('images/flags/om.png');
}

.x-flag-en-JM, button.x-flag-en-JM {
  background-image: url('images/flags/jm.png');
}

.x-flag-es-VE, button.x-flag-es-VE {
  background-image: url('images/flags/ve.png');
}

.x-flag-bs-Cyrl-BA, button.x-flag-bs-Cyrl-BA {
  background-image: url('images/flags/ba.png');
}

.x-flag-sms-FI, button.x-flag-sms-FI {
  background-image: url('images/flags/fi.png');
}

.x-flag-ar-YE, button.x-flag-ar-YE {
  background-image: url('images/flags/ye.png');
}

.x-flag-es-CO, button.x-flag-es-CO {
  background-image: url('images/flags/co.png');
}

.x-flag-sr-Latn-RS, button.x-flag-sr-Latn-RS {
  background-image: url('images/flags/rs.png');
}

.x-flag-smn-FI, button.x-flag-smn-FI {
  background-image: url('images/flags/fi.png');
}

.x-flag-ar-SY, button.x-flag-ar-SY {
  background-image: url('images/flags/sy.png');
}

.x-flag-en-BZ, button.x-flag-en-BZ {
  background-image: url('images/flags/bz.png');
}

.x-flag-es-PE, button.x-flag-es-PE {
  background-image: url('images/flags/pe.png');
}

.x-flag-sr-Cyrl-RS, button.x-flag-sr-Cyrl-RS {
  background-image: url('images/flags/rs.png');
}

.x-flag-ar-JO, button.x-flag-ar-JO {
  background-image: url('images/flags/jo.png');
}

.x-flag-en-TT, button.x-flag-en-TT {
  background-image: url('images/flags/tt.png');
}

.x-flag-es-AR, button.x-flag-es-AR {
  background-image: url('images/flags/ar.png');
}

.x-flag-sr-Latn-ME, button.x-flag-sr-Latn-ME {
  background-image: url('images/flags/me.png');
}

.x-flag-ar-LB, button.x-flag-ar-LB {
  background-image: url('images/flags/lb.png');
}

.x-flag-en-ZW, button.x-flag-en-ZW {
  background-image: url('images/flags/zw.png');
}

.x-flag-es-EC, button.x-flag-es-EC {
  background-image: url('images/flags/ec.png');
}

.x-flag-sr-Cyrl-ME, button.x-flag-sr-Cyrl-ME {
  background-image: url('images/flags/me.png');
}

.x-flag-ar-KW, button.x-flag-ar-KW {
  background-image: url('images/flags/kw.png');
}

.x-flag-en-PH, button.x-flag-en-PH {
  background-image: url('images/flags/ph.png');
}

.x-flag-es-CL, button.x-flag-es-CL {
  background-image: url('images/flags/cl.png');
}

.x-flag-ar-AE, button.x-flag-ar-AE {
  background-image: url('images/flags/ae.png');
}

.x-flag-es-UY, button.x-flag-es-UY {
  background-image: url('images/flags/uy.png');
}

.x-flag-ar-BH, button.x-flag-ar-BH {
  background-image: url('images/flags/bh.png');
}

.x-flag-es-PY, button.x-flag-es-PY {
  background-image: url('images/flags/py.png');
}

.x-flag-ar-QA, button.x-flag-ar-QA {
  background-image: url('images/flags/qa.png');
}

.x-flag-en-IN, button.x-flag-en-IN {
  background-image: url('images/flags/in.png');
}

.x-flag-es-BO, button.x-flag-es-BO {
  background-image: url('images/flags/bo.png');
}

.x-flag-en-MY, button.x-flag-en-MY {
  background-image: url('images/flags/my.png');
}

.x-flag-es-SV, button.x-flag-es-SV {
  background-image: url('images/flags/sv.png');
}

.x-flag-en-SG, button.x-flag-en-SG {
  background-image: url('images/flags/sg.png');
}

.x-flag-es-HN, button.x-flag-es-HN {
  background-image: url('images/flags/hn.png');
}

.x-flag-es-NI, button.x-flag-es-NI {
  background-image: url('images/flags/ni.png');
}

.x-flag-es-PR, button.x-flag-es-PR {
  background-image: url('images/flags/pr.png');
}

.x-flag-es-US, button.x-flag-es-US {
  background-image: url('images/flags/us.png');
}

.x-flag-bs-Cyrl, button.x-flag-bs-Cyrl {
  background-image: url('images/flags/ba.png');
}

.x-flag-bs-Latn, button.x-flag-bs-Latn {
  background-image: url('images/flags/ba.png');
}

.x-flag-sr-Cyrl, button.x-flag-sr-Cyrl {
  background-image: url('images/flags/rs.png');
}

.x-flag-sr-Latn, button.x-flag-sr-Latn {
  background-image: url('images/flags/rs.png');
}

.x-flag-smn, button.x-flag-smn {
  background-image: url('images/flags/fi.png');
}

.x-flag-az-Cyrl, button.x-flag-az-Cyrl {
  background-image: url('images/flags/az.png');
}

.x-flag-sms, button.x-flag-sms {
  background-image: url('images/flags/fi.png');
}

.x-flag-zh, button.x-flag-zh {
  background-image: url('images/flags/cn.png');
}

.x-flag-nn, button.x-flag-nn {
  background-image: url('images/flags/no.png');
}

.x-flag-bs, button.x-flag-bs {
  background-image: url('images/flags/ba.png');
}

.x-flag-az-Latn, button.x-flag-az-Latn {
  background-image: url('images/flags/az.png');
}

.x-flag-sma, button.x-flag-sma {
  background-image: url('images/flags/se.png');
}

.x-flag-uz-Cyrl, button.x-flag-uz-Cyrl {
  background-image: url('images/flags/uz.png');
}

.x-flag-mn-Cyrl, button.x-flag-mn-Cyrl {
  background-image: url('images/flags/mn.png');
}

.x-flag-iu-Cans, button.x-flag-iu-Cans {
  background-image: url('images/flags/ca.png');
}

.x-flag-zh-Hant, button.x-flag-zh-Hant {
  background-image: url('images/flags/cn.png');
}

.x-flag-nb, button.x-flag-nb {
  background-image: url('images/flags/no.png');
}

.x-flag-sr, button.x-flag-sr {
  background-image: url('images/flags/rs.png');
}

.x-flag-tg-Cyrl, button.x-flag-tg-Cyrl {
  background-image: url('images/flags/tj.png');
}

.x-flag-dsb, button.x-flag-dsb {
  background-image: url('images/flags/de.png');
}

.x-flag-smj, button.x-flag-smj {
  background-image: url('images/flags/se.png');
}

.x-flag-uz-Latn, button.x-flag-uz-Latn {
  background-image: url('images/flags/uz.png');
}

.x-flag-mn-Mong, button.x-flag-mn-Mong {
  background-image: url('images/flags/mn.png');
}

.x-flag-iu-Latn, button.x-flag-iu-Latn {
  background-image: url('images/flags/ca.png');
}

.x-flag-tzm-Latn, button.x-flag-tzm-Latn {
  background-image: url('images/flags/dz.png');
}

.x-flag-ha-Latn, button.x-flag-ha-Latn {
  background-image: url('images/flags/ng.png');
}

.x-flag-zh-CHS, button.x-flag-zh-CHS {
  background-image: url('images/flags/cn.png');
}

.x-flag-zh-CHT, button.x-flag-zh-CHT {
  background-image: url('images/flags/cn.png');
}

/***********************************/

/*         Error pages             */

/***********************************/

.cf-error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
}

.cf-error-msg h3 {
  font-family: 'Segoe UI Semibold', helvetica, tahoma, arial, sans-serif;
  font-size: 19px;
  margin-bottom: 2px;
  margin-top: 0;
}

.cf-error-msg {
  font-size: 14px;
  padding: 5px 10px 3px 40px;
  white-space: normal;
  color: #555;
  min-height: 32px;
  background: transparent url(../../plug-in/extjs/resources/ext-theme-backoffice-base/images/shared/icon-error.png) no-repeat;
}

/***********************************/

/*         Error windows           */

/***********************************/

.cf-error-window .x-fieldset {
  margin-bottom: 0;
  margin-top: 10px;
  max-height: 100px;
  overflow: auto;
}

.cf-error-window .x-fieldset legend {
  color: #555555;
}

.cf-error-window .x-window-body {
  border: 0;
  background: #E5E5E5;
}

.cf-error-window .x-window-mc {
  border: 0;
}

.cf-error-window .x-panel-body {
  background: none;
}

.cf-error-window .cf-error-window-msg {
  font-size: 12px;
  padding: 5px 10px 5px 57px;
  background: transparent url(../../plug-in/extjs/resources/ext-theme-backoffice-base/images/shared/icon-error.png) 10px 0 no-repeat;
}

.cf-error-window .cf-error-window-msg-text {
  min-height: 32px;
}

/*************************************/

/*        Go to admin jobs           */

/*************************************/

.cf-go-to-admin-jobs-window .x-fieldset {
  margin-bottom: 0;
  margin-top: 10px;
  max-height: 100px;
  overflow: auto;
}

.cf-go-to-admin-jobs-window .x-fieldset legend {
  color: #555555;
}

.cf-go-to-admin-jobs-window .x-window-header-text {
  font-size: 12px;
}

.cf-go-to-admin-jobs-window .x-window-body {
  border: 0;
  background: #E5E5E5;
}

.cf-go-to-admin-jobs-window .x-window-mc {
  border: 0;
}

.cf-go-to-admin-jobs-window .x-panel-body {
  background: none;
}

.cf-go-to-admin-jobs-window-icon {
  font-size: 12px;
  padding: 5px 10px 5px 57px;
  background: transparent url(../../plug-in/extjs/resources/ext-theme-backoffice-base/images/shared/icon-info.png) 16px 5px no-repeat;
  float: left;
  height: 40px;
}

.cf-go-to-admin-jobs-window .cf-go-to-admin-jobs-window-msg-text {
  min-height: 32px;
}

/***********************************/

/*       Icon for ui:message       */

/***********************************/

.cf-message-icon {
  background-repeat: no-repeat;
  cursor: default;
  float: left;
  height: 16px;
  margin: 0 5px 0 0;
  min-width: 16px;
  overflow: hidden;
}

.cf-message-icon span {
  padding-left: 19px;
}

.panel-front>.x-panel-header {
  padding: 15px;
  background: none;
}

.panel-front>.x-panel-header .x-panel-header-text {
  color: #cacaca;
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  font-family: 'Segoe UI';
}

.panel-front .x-panel-body {
  background: none;
}

/***********************************/

/*       DropZone error message    */

/***********************************/

/*ne pas masquer le bouton supprimer */

.dropzone .dz-preview .dz-error-message {
  top: 160px;
}

/***********************************/

/*       TextArea avec trigger     */

/***********************************/

.x-form-textarea-trigger .x-form-trigger-default-small {
  background-position: 0 top;
}

.x-form-textarea-trigger .x-form-trigger-default-small.x-form-trigger-over {
  background-position: -22px top;
}

.x-form-textarea-trigger .x-form-trigger-default-small.x-form-trigger-over.x-form-trigger-focus {
  background-position: -88px top;
}

.x-form-textarea-trigger .x-form-trigger-default-small.x-form-trigger-focus {
  background-position: -66px top;
}

.x-form-textarea-trigger .x-form-trigger.x-form-trigger-default-small.x-form-trigger-click {
  background-position: -44px top;
}

/***********************************/

/*        DisplayFiled Message     */

/***********************************/

.x-displayfield-msginfo {
  color: #3a87ad;
  background-color: #d9edf7;
  border: solid 1px #bce8f1;
  border-left-width: 5px;
  padding: 3px;
}

.x-displayfield-msgalert {
  border: solid 1px #faebcc;
  background-color: #fcf8e3;
  border-left-width: 5px;
  color: #8a6d3b;
  padding: 3px;
}

.x-displayfield-msgdanger {
  color: #a94442;
  background-color: #f2dede;
  border: solid 1px #ebccd1;
  border-left-width: 5px;
  padding: 3px;
}

/***********************************/

/*            Separator            */

/***********************************/

.x-separator {
  position: relative;
  margin: 40px auto;
  width: 88%;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

/*********************************/

/*         Text-Security        */

/********************************/

@font-face {
  font-family: 'text-security-disc';
  src: url('fonts/text-security-disc.woff');
}

input.x-textfield-text-security {
  font-family: text-security-disc;
  /* Use -webkit-text-security if the browser supports it */
  -webkit-text-security: disc;
}

/***********************/

/*         Misc        */

/***********************/

body.x-white-background, div.x-white-background {
  background-color: #fff;
}