@charset "UTF-8";
/*=============================================>>>>>
= /!\ WARNING /!\ = /!\ ATTENTION /!\    
===============================================>>>>>*/
/**
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  *
  *
  *
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  */
/*= End of /!\ WARNING /!\ = /!\ ATTENTION /!\    */
/*=============================================<<<<<*/
/*------------------------------ GENERALITES ------------------------------*/
@import url(_app.safari.css);
@font-face {
  font-family: EmbeddedArimo;
  /* For IE */
  src: url("fonts/arimo-regular-webfont.eot");
  /* For others */
  src: url("fonts/arimo-regular-webfont.woff") format("woff"), url("fonts/arimo-regular-webfont.svg#abcd") format("svg"), url("fonts/arimo-regular-webfont.ttf") format("truetype"); }

@font-face {
  font-family: EmbeddedDejaVuSans;
  /* For IE */
  src: url("fonts/dejavusans-webfont.eot");
  /* For others */
  src: url("fonts/dejavusans-webfont.woff") format("woff"), url("fonts/dejavusans-webfont.svg#abcd") format("svg"), url("fonts/dejavusans-webfont.ttf") format("truetype"); }

@font-face {
  font-family: EmbeddedCousine;
  /* For IE */
  src: url("fonts/cousine-regular.eot");
  /* For others */
  src: url("fonts/cousine-regular.woff") format("woff"), url("fonts/cousine-regular.svg#abcd") format("svg"), url("fonts/cousine-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Source Sans Pro';
  src: url(fonts/SourceSansPro-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Source Sans Pro Semibold';
  src: url(fonts/SourceSansPro-Semibold.otf) format("opentype"); }

::-moz-selection {
  background: yellow; }

::selection {
  background: yellow; }

* {
  font-family: inherit; }

body {
  font-family: EmbeddedDejaVuSans, sans-serif;
  margin: 0;
  padding: 0 0 0 0px;
  background-color: white; }

.contenu {
  width: auto;
  min-width: calc(100% - 40px - 40px);
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px; }

hr {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #DDD;
  margin: 10px 0 10px 0; }

table {
  border-collapse: collapse; }

.table--message-ouverture td {
  padding-right: 10px; }

.table--message-ouverture td {
  white-space: nowrap; }

label {
  cursor: pointer; }

fieldset {
  margin: 15px 0 10px 0;
  padding: 10px; }
  fieldset .soustitre {
    padding-bottom: 10px;
    padding-top: 15px;
    padding-left: 2.5px; }
  fieldset hr {
    margin-left: -10px; }
  fieldset .t {
    padding-left: 5px; }

fieldset#td_fieldset {
  z-index: 100; }

.fieldset_forecast {
  position: fixed;
  bottom: 70px;
  right: 85px; }

.d-flex {
  display: flex; }

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

u {
  text-decoration: none; }

.break-word {
  word-wrap: break-word; }

.hidden {
  display: none; }

.mb-10 {
  margin-bottom: 10px; }

div.box-shadow {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1); }
  div.box-shadow * {
    box-sizing: border-box; }
  div.box-shadow table {
    width: 100%;
    margin: 5px 0; }
    div.box-shadow table td {
      text-align: center;
      box-sizing: border-box; }

.calculatrice {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFF !important;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.5) !important; }
  .calculatrice legend {
    font-weight: bold;
    padding: 30px 5px 0px 5px; }

.t a {
  text-decoration: underline; }

a {
  color: #C50077;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a.action {
    font-size: 12px;
    text-decoration: underline; }
  a img {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
    padding-left: 0px;
    border: none;
    vertical-align: bottom; }

.underline-link {
  text-decoration: underline !important; }

.nowrap {
  white-space: nowrap; }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

.margetabonglet {
  padding: 30px;
  background-color: #f6f6f6;
  border-radius: 0px 8px 8px 8px;
  border: 1px solid #fff; }
  .margetabonglet .soustitre span {
    padding-right: 5px;
    background-color: #f6f6f6;
    position: relative;
    z-index: 0; }
    .margetabonglet .soustitre span:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      height: 1px;
      width: 91vw;
      background-color: #DDD;
      z-index: -1; }
    .margetabonglet .soustitre span span::before {
      width: 0; }

.table-criteria__criteria {
  padding: 30px;
  background-color: #f6f6f6; }

.icon-voir-plus:before {
  font-size: 25px;
  color: #C50077 !important; }

.icon-drag-drop:before {
  font-size: 20px;
  color: #C50077 !important; }

/** Select simple **/
select {
  font-family: EmbeddedArimo, sans-serif;
  color: #4D4D4D;
  white-space: normal;
  margin: 3px 3px 2px 0px;
  background-color: #ffffff;
  padding: 3px;
  border-radius: 5px;
  border: 1px solid #DDDBDC;
  outline: none; }
  select option {
    font-family: EmbeddedDejaVuSans, sans-serif !important;
    padding: 3px !important;
    background-color: #ffffff; }
  select[multiple], select[size] {
    font-family: EmbeddedDejaVuSans, sans-serif !important; }

/** Select large **/
pre > select {
  padding: 4px;
  margin: 7px 0px;
  border-radius: 5px; }
  pre > select option {
    margin: 0 !important;
    padding: 5px; }
  pre > select optgroup > option {
    margin: 0 !important;
    padding: 5px; }

input {
  font-size: 13px;
  font-family: EmbeddedArimo, sans-serif;
  color: #4D4D4D;
  margin: 3px 3px 2px 0px;
  white-space: normal;
  padding: 4px 5px;
  border-radius: 5px;
  border: 1px solid #DDDBDC; }
  input a img {
    margin-top: 3px !important; }
  input[type="checkbox"] {
    vertical-align: middle;
    margin: 0px; }
  input[type="radio"], input[type="text"], input[type="file"] {
    vertical-align: middle; }
  input[type="image"] {
    border: none !important;
    outline: none;
    margin: 0px;
    padding: 0px 5px 0 0; }

input.grayed, select.grayed {
  background-color: #efefef; }

input[type="file"] {
  min-width: 300px; }

.min-w-xs {
  min-width: 300px; }

.date-hour {
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  padding-right: 20px; }

textarea {
  font-size: 12px;
  color: #4D4D4D;
  margin: 0 3px 2px 0 !important;
  white-space: normal;
  background-color: #ffffff;
  line-height: 25px;
  padding-left: 5px;
  border-radius: 5px;
  border: 1px solid #DDDBDC !important;
  font-family: EmbeddedDejaVuSans, sans-serif;
  margin-bottom: -5px; }

#recherche_nom_benef {
  padding-right: 25px; }

/* class t sans retour à  la ligne */
.tri {
  font-size: 13px;
  color: #4D4D4D; }

img.image-grisee {
  filter: gray;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3; }

.t {
  position: relative;
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  line-height: 28px;
  padding: 0px 5px 0px 0px;
  width: auto;
  font-family: EmbeddedDejaVuSans, sans-serif; }
  .t img,
  .t a img {
    vertical-align: middle; }
  .t ul {
    /* Utilisé dans la présentation des valideurs d'une remise dans le détail de cette dernière */
    padding-left: 10px;
    line-height: 15px; }

.t2 {
  /* Champs obligatoires alignés à gauche dans le formulaire */
  color: #C50077;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0px 5px 0px 0px;
  width: auto;
  line-height: 25px; }

.t2right {
  /* Champs obligatoires alignés à droite dans le formulaire */
  color: #C50077;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0px 5px 0px 0px;
  width: auto;
  line-height: 20px;
  white-space: normal;
  text-align: right; }

.t20 {
  color: #8A1E60;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0 5px 0 0;
  width: auto;
  line-height: 25px;
  white-space: normal; }

.t20right {
  color: #8A1E60;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0 5px 0 0;
  width: auto;
  line-height: 25px;
  white-space: normal;
  text-align: right; }

.t3 {
  color: green;
  margin-left: 2.5px;
  line-height: 25px; }

thead .t3 {
  font-family: "Source sans pro"; }

.t4 {
  color: #4D4D4D;
  margin-left: 2.5px;
  padding: 0 10px 0 0;
  line-height: 25px; }

.t5rouge {
  font-size: 11px;
  font-weight: bold;
  margin-left: 2.5px;
  padding: 0 10px 0 0;
  color: #C11111;
  line-height: 25px;
  min-width: 150px; }

.t6 {
  color: #8A1E60;
  margin-left: 2.5px;
  padding: 0 10px 0 0;
  font-weight: bold;
  font-style: italic;
  line-height: 25px; }

.t7 {
  font-size: 13px;
  color: #FFBE00;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 0 0 10px; }

.t7rouge {
  font-size: 13px;
  color: #C11111;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 0 0 10px; }

.t7vert {
  font-size: 13px;
  color: #398331;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 0 0 10px; }

.nowrap {
  white-space: nowrap !important; }

.tright {
  font-size: 12px;
  font-weight: normal;
  margin-left: 2.5px;
  padding: 3px 5px 0px 0;
  width: auto;
  line-height: 18px;
  white-space: normal;
  text-align: right;
  color: #4D4D4D; }

.tnowrap {
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  white-space: nowrap;
  line-height: 30px;
  margin-left: 2.5px;
  padding: 0 5px 0 0; }

.tu {
  font-size: 12px;
  color: #4D4D4D;
  text-decoration: underline;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0 10px 0 0; }

.pt {
  color: #4D4D4D;
  font-size: 12px;
  font-weight: normal;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 5px 10px 0 0; }

#tbody_hab_droits_comptes_body td.pt {
  /* Style utilisé pour uniformiser des tailles min de td */
  /* Ecran utilisateurs / habilitations : Tableau ayant entête flottante */
  box-sizing: border-box;
  min-width: 100px;
  padding: 5px 5px 0 5px; }

.ptb {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
  margin-left: 2.5px;
  line-height: 25px;
  padding: 0 10px 0 0;
  background-color: #f6f6f6; }

#tbody_hab_droits_comptes_header td.ptb {
  /* Style utilisé pour uniformiser des tailles min de td */
  /* Ecran utilisateurs / habilitations : Tableau ayant entête flottante */
  box-sizing: border-box;
  min-width: 100px;
  max-width: 100px;
  padding: 0px 5px 0 5px; }

.t_champs_complementaires {
  font-size: 12px;
  color: #abacaf;
  font-weight: bold;
  white-space: normal;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0px 15px 0 0;
  text-align: right;
  font-style: italic;
  width: auto; }

.label_compte {
  /* Utilisé pour donner un label à des champs de saisie en dessous */
  /* Exemple d'utilisation : Destinataires > Modification des domiciliations */
  font-size: 10px;
  color: #4D4D4D;
  font-weight: normal;
  padding: 3px 5px 0px 0;
  width: auto;
  line-height: 10px; }

.bold {
  font-weight: bold;
  font-size: 12px;
  color: #4D4D4D;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 0px 5px 0 0; }

.tb {
  font-weight: bold;
  font-size: 12px;
  color: #4D4D4D;
  line-height: 25px;
  margin-left: 2.5px;
  padding: 3px 5px 0 0; }

.champaligntop {
  vertical-align: top;
  padding-top: 3px; }
  .champaligntop a img {
    vertical-align: top;
    padding-top: 4px; }

.champalignmiddle {
  vertical-align: middle; }

.champalignbottom {
  vertical-align: bottom; }
  .champalignbottom a img {
    padding-bottom: 5px; }

.logo {
  color: blue;
  font-size: 18px;
  font-weight: bold; }

.transparent-background {
  background: transparent !important; }

/* FIN Classes t sans retour à la ligne */
/* Affichage des titres */
.titremenu {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF; }

.TitreSection1,
.titresection1 {
  color: #4D4D4D;
  white-space: nowrap;
  padding: 5px 0 10px 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  font-family: 'Source sans pro'; }

.TitreSection2,
.titresection2 {
  color: #4D4D4D;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline; }

.tabnoborder {
  color: #4D4D4D;
  border-collapse: collapse;
  background-color: white;
  font-size: 12px;
  padding: 3px;
  border: none;
  line-height: 15px; }
  .tabnoborder img {
    margin: 0;
    padding: 0; }

/* FIN Affichage des titres */
/* Affichage des sous-titres */
.soustitre {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Source sans pro';
  padding-top: 15px;
  padding-bottom: 12px;
  color: #4D4D4D; }
  .soustitre a {
    font-weight: bold;
    color: #4D4D4D;
    font-size: 14px; }
  .soustitre a[href*=aide] {
    background: white; }
  .soustitre span {
    background-color: white;
    padding-right: 5px;
    position: relative; }
    .soustitre span:before {
      content: '';
      position: absolute;
      top: calc(50% + 2px);
      transform: translateY(-50%);
      height: 1px;
      width: 95vw;
      background-color: #ededed;
      z-index: -1; }

.soustitre.nowidthline span:before {
  width: 0px; }

/* FIN Affichage des sous-titres */
.TitreNumabonne {
  color: #4D4D4D;
  font-size: 10px;
  font-weight: bold; }

.TitreNumabonneBis {
  color: #4D4D4D;
  font-size: 10px;
  font-weight: bold; }

.num-abonne {
  color: #C50077;
  font-size: 12px;
  font-weight: bold; }

.TitreFax {
  color: #4D4D4D;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: underline; }

.MessageAccueil {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 30px;
  line-height: 28px;
  font-family: 'Source sans pro'; }

.MessageUtilisation,
.Messageutilisation,
.messageutilisation {
  color: #4D4D4D;
  font-size: 12px;
  font-style: italic;
  white-space: nowrap;
  padding-bottom: 10px;
  padding-right: 10px;
  line-height: 18px; }

.messageutilisation div {
  margin: 20px; }

.messageutilisation label {
  margin-left: 5px; }

.messageutilisation input[type="checkbox"] {
  margin: 0; }

.ml5 {
  margin-left: 5px; }

.MessageImportant,
.messageimportant {
  font-weight: bold;
  line-height: 20px;
  color: #C50077;
  font-size: 12px; }

.MessageImportantPromo {
  font-size: 14px;
  color: #C50077; }

.MessageErreur {
  color: #C50077;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px; }

.MessageConfirmation {
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  color: #C50077; }

.MessageVert {
  font-size: 12px;
  font-weight: bold;
  color: #AEB208; }

.MessageRouge {
  color: #D00E30;
  font-size: 13px;
  font-weight: bold; }

.TitreContrat1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  color: #0093AA; }

.MessageInformation {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 10px; }

.MessageInformation2 {
  font-weight: bold;
  font-size: 13px;
  color: #AEB208; }

.MessageInformation3 {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12px; }

.Messagefacturation,
.messagefacturation {
  /* Affichage du contrat Exabanque et FTPbank */
  color: #4D4D4D;
  font-size: 12px;
  line-height: 25px;
  white-space: nowrap; }

.obj_inactif {
  background-color: #cc0066; }

.profil_interface {
  border: 1px solid #C50077;
  border-radius: 8px;
  padding: 15px;
  background-color: #FFF;
  height: auto;
  z-index: 1; }
  .profil_interface td.t {
    line-height: 25px !important; }

.t-usage {
  color: #C50077;
  font-size: 12px;
  font-weight: bold; }

.ligne_releve_on {
  background-color: #ededed; }

.ligne_on {
  background-color: #ededed;
  font-weight: bold !important; }

.ligne_off {
  background-color: white; }

.treso_ligne_on {
  background-color: #ededed; }

.treso_ligne_off {
  background-color: white; }

.treso_ligne_select {
  background-color: #A19FCB; }

.treso_ligne_survol {
  background-color: #DBDBEC; }

.treso_ligne_rouge {
  background-color: #C50077; }

.treso_ligne_verte {
  background-color: #AEB208; }

.rlv_societe {
  background-color: #F1F1F1; }

.rlv_serveur {
  background-color: #F1F1F1; }

.rlv_devise {
  background-color: white; }

.rlv_perso {
  background-color: #F1F1F1; }

.border_solid {
  border: 1px solid black; }

.border_solid_silver {
  border: 1px solid silver; }

.tab,
.tab2 {
  color: #4D4D4D;
  font-size: 12px;
  padding: 7px 15px 7px 15px;
  line-height: 15px;
  border: 1px solid #ededed !important;
  border-left: none !important;
  border-bottom: none !important; }
  .tab:last-child,
  .tab2:last-child {
    border-right: none !important; }

.tab_beneficaire {
  color: #4D4D4D;
  font-size: 12px;
  cursor: pointer;
  padding: 8px;
  line-height: 15px;
  border: 1px solid #ededed !important;
  font-weight: normal; }

.tab_sans_color {
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important; }

.tabvert {
  color: green;
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important; }

.tabrouge {
  color: red;
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important; }

.tabbb {
  color: #4D4D4D;
  font-size: 9pt;
  padding: 8px 15px;
  line-height: 15px;
  border: 1px solid #F1F1F1 !important;
  text-align: center; }

.tabb {
  color: #4D4D4D;
  font-size: 12px;
  padding: 3px;
  font-weight: bold;
  line-height: 15px;
  padding: 8px 15px 8px 15px;
  border: 1px solid #F1F1F1 !important; }

#field_taux {
  /* Utilisé dans les blocs pour le paramétrage des devises */
  /* Ecran d'exemple : Variation par rubrique budgétaire */
  border: 1px solid #8A1E60;
  border-radius: 8px;
  padding: 0px 15px 15px 15px;
  background-color: #FFF;
  width: 350px;
  margin: 0px !important; }
  #field_taux legend.soustitre {
    padding: 0px !important; }

table.fiche-detail {
  /* Propriété appliquée sur le tableau de la fiche détaillée */
  border: none !important; }
  table.fiche-detail tbody {
    /* Propriété appliquée sur le tableau de la fiche détaillée */
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
    line-height: 15px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px; }
    table.fiche-detail tbody td.ligne-entete {
      /* Première ligne du tableau qui contient généralement l'en-tête */
      /* Valeurs reprises de entetetab */
      color: #4D4D4D !important;
      background-color: #ededed !important;
      font-family: 'Source sans pro';
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      padding: 10px; }
    table.fiche-detail tbody td.colonne-entete {
      /* Colonne de gauche qui contient les libellés contenues dans les autres colonnes */
      /* Valeur reprises de entecoltab puis amendées qui n'était utilisé que sur le détail relevés CB */
      color: #4D4D4D;
      font-size: 12px;
      padding: 3px;
      line-height: 15px;
      padding: 7px 15px 7px 15px;
      white-space: nowrap;
      border-bottom: 1px solid #ededed;
      border-left: 1px solid #ededed;
      border-right: 1px solid #F1F1F1; }
    table.fiche-detail tbody td.cellule {
      /* Cellule du tableau qui contient les valeurs */
      /* Valeur reprises de tab */
      color: #4D4D4D;
      font-size: 12px;
      padding: 7px 15px 7px 15px;
      line-height: 15px;
      border: 1px solid #ededed; }

.tabt {
  border: none !important; }
  .tabt > tbody {
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
    line-height: 15px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #ededed;
    margin-bottom: 15px; }
    .tabt > tbody td.t, .tabt > tbody td.t2, .tabt > tbody td.t20 {
      padding-left: 15px; }
  .tabt img {
    margin: 0;
    padding: 0; }
  .tabt input {
    margin: 0; }

table.nth-last2-border-bottom tr:nth-last-of-type(2) {
  border-bottom: 1px solid #ededed !important; }

/* Tableau dont le contenu contient des actions */
/* Ecrans impactés : Remise à valider */
table.tableau-action {
  /* Propriété appliquée sur le tableau de la fiche détaillée */
  /* Valeurs reprises de tabt */
  border: none !important; }
  table.tableau-action tbody {
    /* Propriété appliquée sur le tableau de la fiche détaillée */
    /* Valeurs reprises de tabt */
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
    line-height: 15px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #ededed;
    margin-bottom: 15px; }
    table.tableau-action tbody tr.ligne-total {
      /* Ligne qui met en avant les données de total du tableau */
      /* Valeurs reprises de ligne_on */
      background-color: #f4f4f4;
      font-weight: bold !important; }
    table.tableau-action tbody td.ligne-entete,
    table.tableau-action tbody th.ligne-entete {
      /* Première ligne du tableau qui contient généralement l'en-tête */
      /* Valeurs reprises de entetetab */
      color: #4D4D4D !important;
      background-color: #ededed !important;
      font-family: 'Source sans pro';
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      padding: 10px; }
    table.tableau-action tbody td.colonne-entete {
      /* Colonne de gauche qui contient les libellés des valeurs contenues dans les autres colonnes */
      /* Valeur reprises de entecoltab puis amendées qui n'était utilisé que sur le détail relevés CB */
      color: #4D4D4D;
      font-size: 12px;
      padding: 3px;
      line-height: 15px;
      padding: 7px 15px 7px 15px;
      white-space: nowrap;
      border-right: 1px solid #F1F1F1;
      border-bottom: 1px solid #ededed; }
    table.tableau-action tbody td.cellule {
      /* Cellule du tableau qui contient les valeurs */
      /* Valeur reprises de tab */
      color: #4D4D4D;
      font-size: 12px;
      padding: 7px 15px 7px 15px;
      line-height: 15px;
      border: 1px solid #ededed;
      border-bottom: none; }

/* Zone contenant des critères de recherche */
div.zone-criteres-recherche,
table.zone-criteres-recherche,
div.zone-criteres-parametrage,
table.zone-criteres-parametrage {
  /*  */
  /* Valeurs reprises de margetabonglet et modifiées */
  padding: 10px 20px;
  background-color: #f6f6f6;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #fff;
  margin-top: 10px; }
  div.zone-criteres-recherche .soustitre-lvl-2,
  table.zone-criteres-recherche .soustitre-lvl-2,
  div.zone-criteres-parametrage .soustitre-lvl-2,
  table.zone-criteres-parametrage .soustitre-lvl-2 {
    background-color: #f6f6f6;
    font-family: 'Source sans pro';
    font-size: 13px; }
    div.zone-criteres-recherche .soustitre-lvl-2 span,
    table.zone-criteres-recherche .soustitre-lvl-2 span,
    div.zone-criteres-parametrage .soustitre-lvl-2 span,
    table.zone-criteres-parametrage .soustitre-lvl-2 span {
      padding-right: 5px;
      background-color: #f6f6f6;
      position: relative; }
      div.zone-criteres-recherche .soustitre-lvl-2 span:before,
      table.zone-criteres-recherche .soustitre-lvl-2 span:before,
      div.zone-criteres-parametrage .soustitre-lvl-2 span:before,
      table.zone-criteres-parametrage .soustitre-lvl-2 span:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        width: 89vw;
        background-color: #DDD;
        z-index: -1; }

/* Zone contenant les option de paramétrage pour une sortie PDF */
/* Exemple écran : Variation par rubrique budgétaire */
.position_relative {
  /* A appliquer sur le parent pour que le tableau soit positionné correctement à la verticale, cf top de table.parametrage_export_pdf */
  position: relative; }

/* Complément de classe */
.position_absolute {
  /* A appliquer sur l'enfant pour qu'il soit en absolue par rapport au parent */
  position: absolute !important; }

/* Complément de classe */
.position_fixed {
  /* A appliquer sur l'enfant pour qu'il soit en fixe par rapport au body */
  position: fixed !important; }

table.parametrage_export_pdf {
  position: absolute;
  z-index: 100;
  background-color: white;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
  top: 35px; }
  table.parametrage_export_pdf tr:first-child td {
    /* Gère le padding avant la croix de le bouton "Fermer" */
    padding-top: 5px; }
  table.parametrage_export_pdf tr:last-child td {
    /* Gère le padding en fin de tableau */
    padding-bottom: 5px; }
  table.parametrage_export_pdf tr td.t {
    /* Gère le padding des textes dans le tableau */
    padding: 0px 10px;
    white-space: nowrap; }

/* Zone contenant les options de paramétrage d'un tableau de sortie */
/* Exemple écran : Agios > Comptes : fenetre d'option d'affichage, Variation par rubriques budgétaires */
[id^=tab_param] .t {
  padding-left: 5px; }

[id^=tab_param] > table {
  border: 1px solid #ededed !important;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25); }
  [id^=tab_param] > table tbody tr:first-child td {
    padding-top: 5px; }
  [id^=tab_param] > table tbody tr:last-child td {
    padding-bottom: 5px; }
  [id^=tab_param] > table tbody tr td.t {
    /* Gère le padding des textes dans le tableau */
    padding: 0px 10px;
    white-space: nowrap; }
  [id^=tab_param] > table tbody tr td input[type="checkbox"] {
    /* Permet de gérer les checkboxes pour qu'elles soient bien alignées de la zone de paramétrage */
    margin-bottom: 3px; }
  [id^=tab_param] > table tbody tr td button[type="button"],
  [id^=tab_param] > table tbody tr td button[type="submit"] {
    /* Permet de gérer le bouton de fin pour qu'il soit placé au dessus de la zone de paramétrage */
    margin-bottom: 7px; }

/* Zone contenant des boutons d'actions relatifs à la trésorerie */
/* Exemple écran : Variation par rubriques budgétaires, clic sur "Liquidités" */
table#tab_param_raccourci {
  position: absolute;
  margin: 0px;
  z-index: 100;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25); }
  table#tab_param_raccourci tbody tr:first-child td {
    /* Gère le padding avant la croix de le bouton "Fermer" */
    padding-top: 5px; }
  table#tab_param_raccourci tr:last-child td {
    /* Gère le padding en fin de tableau */
    padding-bottom: 5px; }

.arbitrage-tooltip-container {
  cursor: pointer; }

.arbitrage-tooltip-container .arbitrage-tooltip {
  position: absolute;
  margin: 0px;
  padding: 0px;
  z-index: 100;
  background-color: white;
  border: 1px solid black;
  text-align: center;
  margin-left: 100px;
  padding: 10px;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  color: #4D4D4D; }

.arbitrage-tooltip-container .arbitrage-tooltip.same-line {
  top: 0px !important;
  padding: 5px !important; }

/*=============================================>>>>>
= Table_haut/bas iframe =
===============================================>>>>>*/
/**
	* Styles corrigeant des paddings de la nouvelle ergo pour une tableau spécifique
	*
	* Ecrans concernés :
	* AMB Treasury > Rapports de Gestion > Trésorerie nette > Variation sur une période
	* AMB Treasury > Rapports de Gestion > Analyse des flux > Par Rubrique budgétaire
	* AMB Treasury > Rapports de Gestion > Analyse des flux > Par Code Flux
	*/
table#table_bas_g .treso_entetetab,
table#table_bas_d .treso_entetetab,
table#table_haut_g .treso_entetetab,
table#table_haut_d .treso_entetetab {
  /* Concerne le l'entête du tableau */
  padding: 3px !important; }

table#table_bas_g.treso_tabt tbody,
table#table_bas_d.treso_tabt tbody,
table#table_haut_g.treso_tabt tbody,
table#table_haut_d.treso_tabt tbody {
  /* Concerne le tbody du tableau */
  /* Ecran AMB Treasury > Variation sur une période */
  /* Utilisé pour remettre le comportement normal à une tbody */
  display: table-row-group;
  table-layout: fixed; }

table#table_bas_g .treso_tab2,
table#table_bas_d .treso_tab2,
table#table_haut_g .treso_tab2,
table#table_haut_d .treso_tab2 {
  /* Concerne les td du tableau */
  padding: 3px !important; }

table#table_bas_g .treso_tab2_sans_color,
table#table_bas_d .treso_tab2_sans_color,
table#table_haut_g .treso_tab2_sans_color,
table#table_haut_d .treso_tab2_sans_color {
  /* Concerne d'autre td du tableau */
  padding: 3px !important; }

table#table_bas_g .treso_tab3,
table#table_bas_d .treso_tab3,
table#table_haut_g .treso_tab3,
table#table_haut_d .treso_tab3 {
  /* Concerne d'autre td du tableau */
  background-color: #eee;
  color: #c40 !important;
  padding: 3px !important; }

table#table_bas_g .weekend,
table#table_bas_d .weekend,
table#table_haut_g .weekend,
table#table_haut_d .weekend {
  background-color: #778899;
  color: white; }

table#table_bas_g .previ_du_jour,
table#table_bas_d .previ_du_jour,
table#table_haut_g .previ_du_jour,
table#table_haut_d .previ_du_jour {
  background-color: #ffd;
  color: #4D4D4D; }

/*= End of Table_haut/bas iframe =*/
/*=============================================<<<<<*/
/*Palette de choix des couleurs*/
#cadre_palette {
  border: 1px solid #DDDBDC;
  padding: 5px;
  position: absolute;
  display: block;
  left: 153px;
  z-index: 9 !important;
  background-color: #FFFFFF;
  min-width: 481px;
  min-height: 135px; }

/*=============================================>>>>>
= IE Scrollable-container fix =
===============================================>>>>>*/
/* Div qui sert de header pour les tableaux scrollable-container */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
#table-header {
  /* Styles de la div qui définit le container */
  /* A utiliser en conjonction avec scrollable-container.js */
  /* Sert a proposer un entête sticky pour IE */
  display: flex;
  background: #ededed;
  max-width: 840px; }
  #table-header div {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 199; }

/*= End of IE Scrollable-container fix =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= .scrollable-container Table css =
===============================================>>>>>*/
/* Div qui encadre des tableaux */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
div.scrollable-container {
  /* Styles de la div qui définit le container */
  max-height: 450px;
  overflow-y: hidden;
  overflow-x: hidden;
  max-width: 840px;
  position: relative;
  /* Classes ajoutés avec du JS pour afficher ou cacher l'overflow de .scrollable-container */
  /* En fonction des classes visible / hidden, afficher ou non le tableau */ }
  div.scrollable-container * {
    box-sizing: border-box; }
  div.scrollable-container table {
    /* Au chargement initial de la page, le tableau est caché */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    width: 100%;
    transition: none;
    display: none;
    /* thead */ }
    div.scrollable-container table th {
      position: sticky;
      z-index: 195;
      -webkit-position: sticky;
      /* Cette ligne est nécessaire pour Safari */
      position: -webkit-sticky;
      /* Cette ligne est nécessaire pour Safari */
      top: -1px;
      background-clip: padding-box; }
      div.scrollable-container table th:not(:first-child) {
        cursor: pointer; }
    div.scrollable-container table tbody tr.selected {
      /* Couleur de sélection lorsqu'on clique sur un tr dans nos tableaux */
      background: rgba(200, 200, 200, 0.3); }
    div.scrollable-container table tbody tr:hover {
      /* Couleur de hover lorsqu'on positionne la souris sur un tr dans nos tableaux */
      background: rgba(200, 200, 200, 0.15);
      cursor: pointer; }
    div.scrollable-container table tbody td .tab:first-child {
      /* Solves the overflow issue in the table */
      border-left: none !important; }
    div.scrollable-container table tbody td .tab:last-child {
      /* Solves the overflow issue in the table */
      border-right: none !important; }
    div.scrollable-container table tbody td div.td-inner {
      /* Classe utilisée sur une div dans une td pour espacer deux éléments le premier à gauche et l'autre à droite */
      display: flex;
      justify-content: space-between;
      pointer-events: none; }
      div.scrollable-container table tbody td div.td-inner span.icon-verrou {
        /* Utilisé pour ajouter des effets de souris sur les cadenas */
        pointer-events: auto; }
    div.scrollable-container table tbody td:first-child {
      width: 20px;
      /* La valeur est nécessaire pour ajuster la taille du champ */
      box-sizing: border-box; }
  div.scrollable-container.hidden {
    overflow-y: none !important; }
    div.scrollable-container.hidden table {
      opacity: 0 !important;
      visibility: hidden !important; }
  div.scrollable-container.visible {
    overflow-y: scroll !important;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1); }
    div.scrollable-container.visible table {
      opacity: 1 !important;
      visibility: visible !important;
      display: table; }

@supports (-ms-ime-align: auto) {
  div.scrollable-container.visible {
    /*Retrait du boxshadow sur Edge car cause un décalage visuel horrible*/
    box-shadow: unset;
    border: 1px solid #eee; } }

/* Container de la loupe et des boutons */
/* Ecran Modèles de virt int */
td label.afficher-plus {
  /* Styles du container */
  position: relative;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  td label.afficher-plus .custom-checkbox {
    /* Styles du checkbox -> le cacher mais faire en sorte qu'il est clickable */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  td label.afficher-plus #form_virint_bouton_afficher {
    /* Bouton afficher qui est hidden dans afficher-plus */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    max-width: 100%;
    max-height: 100%;
    color: transparent; }

/*= End of .scrollable-container Table css =*/
/* =============================================<<<<< */
table #tab_tri {
  background-color: #ededed;
  border-radius: 8px;
  padding: 10px !important;
  margin-bottom: 20px; }

.htab {
  color: #4D4D4D;
  background-color: #d1e2fe;
  font-size: 12px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #ededed !important; }

.entetetab span.t2 {
  color: #4D4D4D; }

.no-margin {
  margin: 0; }

.treso_entetetab, .entetetab, .entetetab2, .entetetab3, .entetetab4, .entetetab222 {
  color: #4D4D4D !important;
  background-color: #ededed !important;
  font-family: 'Source sans pro';
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 10px; }
  .treso_entetetab a, .entetetab a, .entetetab2 a, .entetetab3 a, .entetetab4 a, .entetetab222 a {
    color: #4D4D4D !important;
    margin-right: 2px; }

/* Forcer le style pour le lien du code opération du mvt B à rapprocher */
.treso_entetetab a {
  color: #4D4D4D;
  text-decoration: none; }

.entetetab2 .no-pointer-events {
  pointer-events: none !important;
  margin-left: 5px; }

.treso_tabt tbody {
  border-collapse: collapse;
  background-color: white;
  line-height: 15px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.1) !important; }

.treso_tabt img {
  margin: 0;
  padding: 0; }

.treso_tab2 {
  /* Utilisé avec treso_tab2_b dans l'écran d'intégration des mouvements en trésorerie */
  color: #4D4D4D;
  font-weight: normal;
  font-size: 13px;
  padding: 5px 15px 5px 15px;
  line-height: 15px;
  min-width: 22px;
  border: 1px solid #ededed; }
  .treso_tab2 li {
    margin-left: 15px;
    list-style-type: none;
    color: #c5062c;
    line-height: 16px; }

/* Utilisé pour les mouvements bancaires à rapprocher */
.treso_tab2_b {
  color: #c40;
  border: 1px solid #f4f4f4;
  font-size: 13px;
  padding: 5px 15px 5px 15px;
  line-height: 15px;
  font-weight: bold; }
  .treso_tab2_b a {
    /* Forcer le style pour le lien du code operation du mvt B a rapprocher */
    color: #c40; }

.treso_tab3 {
  /* Utilisé dans les prévisions par code (Variation par rubriques budgétaires) */
  /* color: $globalTextColor; */
  font-weight: normal;
  font-size: 11px;
  min-width: 22px;
  border: 1px solid #ededed;
  padding: 3px 3px 3px 8px; }
  .treso_tab3:hover {
    color: #000; }

.marge_li li {
  margin-left: 15px;
  list-style-type: none;
  color: #c5062c;
  line-height: 16px; }

#dv_scroll .treso_entetetab,
#dv_scroll .entetetab,
#dv_scroll .entetetab2,
#dv_scroll .entetetab3,
#dv_scroll .entetetab4,
#dv_scroll .entetetab222 {
  position: sticky;
  position: -webkit-sticky;
  top: 0px; }

#dv_scroll .treso_tab2:first-child {
  width: 20px;
  box-sizing: border-box; }
  #dv_scroll .treso_tab2:first-child input {
    margin: 0; }

.scroll {
  border: 1px solid #ededed; }

.total {
  color: #4D4D4D;
  font-weight: bold;
  background: #ededed; }

/* Style de header commun */
.header_tableau {
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px 8px 0px 0px !important;
  margin-top: 15px;
  width: auto !important;
  background-color: #ffffff;
  position: relative;
  padding: 13px;
  font-family: 'Source sans pro';
  font-size: 12px;
  line-height: 22px;
  color: #4D4D4D; }
  .header_tableau * {
    box-sizing: border-box; }
  .header_tableau > table {
    width: 100%; }
  .header_tableau div.h-inner {
    text-transform: uppercase;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .header_tableau div.h-inner h3 {
      margin: 0; }

/* Classes utilisées pour les protections : verrou-groupe = protection groupe et verrou-utilisateur = protection utilisateur */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
span.icon-verrou.verrou-groupe {
  vertical-align: middle; }
  span.icon-verrou.verrou-groupe::before {
    color: #7c7c7c;
    font-size: 18px; }

span.icon-verrou.verrou-utilisateur {
  vertical-align: middle; }
  span.icon-verrou.verrou-utilisateur::before {
    font-size: 18px; }

div.error-msg {
  display: none;
  width: 100%; }

div.search {
  width: 300px;
  max-width: 300px;
  margin-bottom: 10px; }

/* Icônes de tri Ascendant et descandant dans le header du tableau */
[data-sorted]:not([data-sorted="no-sort"]) {
  position: relative;
  cursor: pointer; }

.asc .no-pointer-events::before,
[data-sorted="asc"] .no-pointer-events::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/haut.gif?v=14.1.0");
  background-repeat: no-repeat;
  width: 10px;
  height: 15px; }

.desc .no-pointer-events::before,
[data-sorted="desc"] .no-pointer-events::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/bas.gif?v=14.1.0");
  background-repeat: no-repeat;
  width: 20px;
  height: 10px; }

/*=============================================>>>>>
= IE - Internet Explorer =
===============================================>>>>>*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0\0) {
  .asc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/haut.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 10px;
    height: 15px; }
  .desc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/bas.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 20px;
    height: 10px; } }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .asc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/haut.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 10px;
    height: 15px; }
  .desc .no-pointer-events::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: inherit;
    transform: none;
    background: url("../img/bas.gif?v=14.1.0");
    background-repeat: no-repeat;
    width: 20px;
    height: 10px; } }

/*= End of IE - Internet Explorer =*/
/*=============================================<<<<<*/
::-ms-clear {
  /* Suppression des champs X ajoutés dans les champs de saisie par certains navigateurs */
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0; }

/* Les boutons ou name=clear servent a vider le champ de saisi dans lequel ils sont inclus  */
/* Exemple d'ecran : Remise de Virements SEPA > Créer un ordre > Clic sur Chercheret saisir du texte dans le champ de recherche  */
button[name=clear] {
  /* Definit le style des boutons ou name=clear */
  width: 25px;
  height: 25px;
  position: relative;
  left: -34px;
  vertical-align: middle;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  background: transparent;
  border: 0;
  cursor: pointer; }
  button[name=clear] .icon-croix:before {
    /* Permet d'ajuster la couleur et la taille de l'icomoon icon-croix dans le champ input precedent */
    font-size: 12px;
    padding-right: 0px;
    color: #969696;
    transition: 0.3s; }
  button[name=clear]:hover .icon-croix:before {
    /* Permet de changer la couleur au survol de l'icomoon icon-croix */
    color: #4D4D4D; }
  button[name=clear].adjust {
    /* Classe specifique utilisee pour positionner le bouton clear dans le champs imput le precedent dans le cas speficique ou le bouton clear est suivit d'un autre bouton */
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    left: unset; }

.search input[type=text] {
  /* Ajoute du padding a droite dans le champs de saisie pour pouvoir y inclure la croix */
  padding-right: 27px; }

#releve-icons tbody tr {
  flex-direction: row;
  justify-content: space-around; }

#trier {
  text-align: left;
  line-height: 18px !important;
  font-size: 11px;
  padding: 0px 10px;
  width: 500px;
  /* position:absolute; */
  margin-top: -8px; }

.txt-trier {
  color: #9a9a9a;
  font-style: italic; }

#releve-icons2 {
  display: flex;
  justify-content: flex-end; }

/*Conteneur de pagination + trier*/
#sous-header {
  background-color: #FFF;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1);
  padding: 15px 0px 15px 0px;
  display: flex;
  justify-content: space-between; }

#pagination {
  margin-top: 7px; }

#pagination span {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #4D4D4D;
  margin-right: 10px; }

a.pagination {
  text-decoration: none !important;
  position: relative;
  padding: 4px 7px;
  margin-left: -1px;
  color: #4D4D4D !important;
  background-color: #fff;
  border: 1px solid #dee2e6;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  max-height: 20px; }
  a.pagination:hover, a.pagination.current {
    color: #4D4D4D !important;
    background: #ededed; }
  a.pagination.current {
    font-weight: bold; }
  a.pagination.disabled {
    pointer-events: none;
    color: #ccc !important; }
    a.pagination.disabled.hide {
      display: none; }
  a.pagination:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  a.pagination:nth-last-of-type(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 10px; }

.t a.pagination {
  line-height: normal;
  top: 2px; }

#pagination input[type=text] {
  text-align: right;
  min-width: 55px;
  box-sizing: border-box;
  margin-right: 10px; }

#pagination-footer {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/**/
#releve-table-header {
  padding: 10px 10px 10px 292px;
  background-color: #ffffff;
  font-family: 'Source sans pro';
  font-size: 14px;
  text-transform: uppercase; }
  #releve-table-header tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-sizing: border-box; }
    #releve-table-header tbody tr {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }

table.header-dernier-solde-print tbody #releve-table-header {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  display: block;
  border-radius: 8px 8px 0px 0px !important;
  width: auto !important; }
  table.header-dernier-solde-print tbody #releve-table-header table #releve-icons {
    box-shadow: none;
    margin-left: 180px !important; }

/* Mise en forme du champ "Voir banque" sur les mouvements de remises */
/* Ex. : Remise de Virement SEPA > Remise : Afficher un ordre */
#fieldset_adresse_banque {
  display: inline-block;
  margin: 0;
  width: 300px;
  border: 0px;
  padding-left: 0px; }
  #fieldset_adresse_banque table {
    position: absolute;
    z-index: 1;
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
    margin-left: 7px; }
    #fieldset_adresse_banque table td.t {
      padding-left: 10px; }

.treso_tab2_sans_color {
  font-size: 11px;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #ededed; }

/* Case en gras écrit en petit */
.tabpb {
  color: #4D4D4D;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  padding: 3px;
  line-height: 15px;
  border: 1px solid #ededed; }

.tab_onglet table tr, table td {
  padding: 0 2.5px; }

.tableau_iframe table tr, table td {
  padding: 0; }

/* Utilisee pour l'en-tete dans le tableau des arbitrages lorsqu'elle est haute (transfert present) */
.entetetabnew, .entetetabnewp {
  /* Données reprises de treso_tab2 + supprimer les données dans feuilles des applications */
  color: #4D4D4D !important;
  background-color: #ededed !important;
  font-family: 'Source sans pro';
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  min-width: 22px;
  border: 1px solid #ededed;
  padding: 3px 5px 3px 5px; }
  .entetetabnew a, .entetetabnewp a {
    color: white !important;
    margin-right: 2px; }

#iframe_table .entetetabnew {
  padding: 3px; }

/* ------------ ONGLETS -------------------- */
.titre_onglet_actif,
.titre_onglet_actif_1,
.titre_onglet_actif_2,
.titre_onglet_actif_3,
.titre_onglet_actif_4,
.titre_onglet_actif_5,
.titre_onglet_actif_6,
.titre_onglet_actif_type1,
.titre_onglet_actif_type2,
.titre_onglet_actif_type5 {
  color: #4D4D4D;
  float: left;
  background-color: #F6F6F6;
  font-size: 14px;
  font-family: 'Source sans pro';
  font-weight: bold;
  height: 39px;
  text-align: center;
  border: 1px solid #f1f1f1;
  padding: 0px 25px 0px 25px;
  white-space: nowrap;
  line-height: 35px;
  border-radius: 8px 8px 0px 0px;
  margin-top: 10px; }

.titre_onglet_inactif {
  color: #4D4D4D;
  white-space: nowrap;
  float: left;
  padding: 5px 25px 5px 25px;
  font-size: 14px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  margin-top: 20px;
  width: auto;
  font-family: 'Source sans pro'; }
  .titre_onglet_inactif a {
    color: #C50077; }

.titre_onglet_inactif_2 {
  color: #4D4D4D;
  white-space: nowrap;
  float: left;
  padding: 5px 25px 5px 25px;
  font-size: 14px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  margin-top: 20px;
  width: auto;
  font-family: 'Source sans pro'; }

.titre_onglet_inactif_6 {
  color: #4D4D4D; }
  .titre_onglet_inactif_6 a {
    font-weight: normal;
    text-decoration: none; }
    .titre_onglet_inactif_6 a:hover {
      color: #4D4D4D;
      font-weight: bold;
      text-decoration: none; }

.titre_onglet_r_actif {
  color: #4D4D4D;
  background-color: white;
  background-image: url("../img/4/4_onglet_r_actif_146_1.gif?v=14.1.0");
  font-size: 12px;
  font-weight: bold;
  height: 34px;
  width: 146px;
  text-align: center;
  border: 1px solid #CCC;
  padding: 0 25px;
  white-space: nowrap;
  line-height: 30px;
  float: left; }

.onglet_actif {
  background-color: #F6F6F6;
  border: 1px solid #f1f1f1;
  padding: 5px;
  float: left; }

.onglet_r_actif {
  background-color: white;
  border: 1px solid #CCC;
  padding: 5px; }

.soustitre_tab_solde_previsionnel_et_equilibrage {
  /* Utilisé pour mettre en forme l'écran Solde Prévisionnels et Equilibrages */
  font-family: 'Source sans pro';
  font-size: 13px;
  font-weight: bold; }

/* -------------------- FIN ONGLETS -------------------- */
/* ------------ BOUTONS -------------------- */
.bouton {
  border: 1px solid #C50077;
  color: #C50077;
  outline: none;
  width: auto;
  height: 30px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  font-size: 13px;
  font-family: 'Source sans pro';
  padding: 0 15px 0 15px;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer !important;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }
  .bouton:hover {
    border: 1px solid #C50077;
    background-color: #C50077;
    background-repeat: no-repeat;
    color: #ffffff;
    outline: none;
    width: auto;
    height: 30px;
    font-size: 13px;
    font-family: 'Source sans pro';
    padding: 0 15px 0 15px;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer !important;
    margin-right: 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    outline: none; }

.bouton_on,
.bouton:hover {
  border: 1px solid #C50077;
  background-color: #C50077;
  background-repeat: no-repeat;
  color: #ffffff;
  outline: none;
  width: auto;
  height: 30px;
  font-size: 13px;
  font-family: 'Source sans pro';
  padding: 0 15px 0 15px;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer !important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton_envoyer {
  background: #8A1E60;
  background-repeat: no-repeat;
  color: #ffffff;
  outline: none;
  border: 1px solid;
  border-color: #8A1E60;
  width: auto;
  height: 30px;
  font-family: "Source sans pro";
  font-size: 13px;
  white-space: nowrap;
  padding: 0 15px 0 15px !important;
  border-radius: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton_envoyer:hover,
.bouton_envoyer_on {
  background: #8A1E60;
  background-repeat: no-repeat;
  color: #ffffff;
  outline: none;
  border: 1px solid;
  border-color: #8A1E60;
  cursor: pointer !important;
  width: auto;
  height: 30px;
  font-family: "Source sans pro";
  font-size: 13px;
  white-space: nowrap;
  padding: 0 15px 0 15px !important;
  border-radius: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  outline: none; }

.bouton:disabled {
  background-repeat: no-repeat;
  border: 1px solid #EEE;
  color: #CCC;
  outline: none;
  width: auto;
  height: 30px;
  font-family: "Source sans pro";
  font-size: 13px;
  padding: 0px 15px 1px;
  white-space: nowrap;
  opacity: 0.5;
  margin-right: 8px; }

.BoutonInactif {
  background-repeat: no-repeat;
  border: 1px solid #333;
  border: 0;
  width: 100;
  height: 20;
  color: #4D4D4D;
  font-family: "Source sans pro";
  font-size: 13px; }

.bouton_rech {
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 5px;
  width: 35;
  font-family: "Source sans pro";
  font-size: 13px;
  outline: none; }

.bouton_supprimer,
.bouton_afficher {
  outline: none;
  border: 0;
  background: transparent;
  cursor: pointer; }
  .bouton_supprimer[disabled] .icon-supprimer:before,
  .bouton_afficher[disabled] .icon-supprimer:before {
    color: #cfcece;
    cursor: default; }
  .bouton_supprimer .icon-supprimer:before,
  .bouton_afficher .icon-supprimer:before {
    font-size: 26px;
    color: #C50077; }

.soustitre-buttons-right {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .soustitre-buttons-right .button-group:before {
    height: inherit;
    width: 10px;
    content: '';
    background: white; }
  .soustitre-buttons-right .soustitre span:before {
    max-width: calc(95vw - 60px);
    /* 60px correspond to .contenu padding-x */ }

.dx-icon-btn-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.dx-icon-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  .dx-icon-btn[disabled],
  .dx-icon-btn .disabled {
    color: #ccc;
    cursor: default; }
    .dx-icon-btn[disabled]:before,
    .dx-icon-btn .disabled:before {
      color: #ccc !important; }

.dx-toolbar-separator {
  background: #ededed;
  width: 1px;
  height: 32px;
  margin: 0 5px; }

.dx-toolbar-after .bouton {
  margin-right: 0 !important; }

.dx-toolbar-after select {
  margin-right: 0; }

.dx-icon-btn-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.dx-icon-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  .dx-icon-btn[disabled],
  .dx-icon-btn .disabled {
    color: #ccc;
    cursor: default; }
    .dx-icon-btn[disabled]:before,
    .dx-icon-btn .disabled:before {
      color: #ccc !important; }

.dx-toolbar-separator {
  background: #ededed;
  width: 1px;
  height: 32px;
  margin: 0 5px; }

.dx-toolbar-after .bouton {
  margin-right: 0 !important; }

.dx-toolbar-after select {
  margin-right: 0; }

.dx-display-options {
  padding: 0;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dx-display-options .icon-parametrage::before {
    color: #C50077;
    position: relative;
    font-size: 26px; }
  .dx-display-options:hover {
    padding: 0; }
    .dx-display-options:hover .icon-parametrage::before {
      color: white; }

.soustitre-buttons-right {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .soustitre-buttons-right .button-group:before {
    height: inherit;
    width: 10px;
    content: '';
    background: white; }
  .soustitre-buttons-right .soustitre span:before {
    max-width: calc(95vw - 60px);
    /* 60px correspond to .contenu padding-x */ }

.button-group .bouton.bouton-toggle {
  width: auto;
  padding: 0 15px;
  border: 1px solid #8A1E60;
  color: #8A1E60; }
  .button-group .bouton.bouton-toggle:last-child {
    border-color: #8A1E60; }
  .button-group .bouton.bouton-toggle:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  .button-group .bouton.bouton-toggle:nth-last-of-type(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }

.bouton-toggle-checkbox {
  display: none; }

.bouton-toggle-checkbox:checked + .bouton-toggle {
  background-color: #8A1E60;
  color: white; }

.jws_button_normal {
  background-repeat: no-repeat;
  border: 1px solid #C50077;
  outline: none;
  border-width: 1px;
  border-color: #CCC;
  width: 100px;
  height: 30px;
  color: #4D4D4D;
  font-family: "Source sans pro";
  font-size: 13px;
  padding: 0px 15px; }

.jws_button_hover {
  background-repeat: no-repeat;
  border: 1px solid #C50077;
  outline: none;
  border-width: 1px;
  width: 100px;
  height: 30px;
  color: #4D4D4D;
  font-family: "Source sans pro";
  font-size: 13px;
  padding: 0px 15px; }

/*=============================================>>>>>
= Scroll To top =
===============================================>>>>>*/
/* Styles liées au bouton scroll to top */
/* Example d'écran : Utilisateurs/habilitations */
#scrollTop {
  display: none;
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  bottom: 15px;
  right: 15px;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 5px;
  color: white;
  transition: 0.3s;
  background: #C50077; }
  #scrollTop:hover {
    background: #8A1E60; }
  #scrollTop .icon-top:before {
    color: white;
    font-size: 18px; }

/*= End of Scroll To top =*/
/*=============================================<<<<<*/
/* ------------FIN BOUTONS -------------------- */
.societe {
  font-size: 12px;
  font-weight: bold;
  color: #A10D59; }

/* ------------ CARTES PARAMETRES --------------*/
.CP {
  font-size: 13px;
  border-left-width: 0; }

.CP2 {
  background-color: white;
  font-size: 13px;
  border: 0; }

.carte0 {
  background-Color: #effaff;
  border: 1px solid #FF9900;
  border-collapse: collapse; }

.carte1 {
  background-color: #FDFEBA;
  text-align: center;
  font-size: 11pt; }

.carte2 {
  background: #FDFEBA;
  text-align: center; }

/*---------------------- Select2 (select avec champ de recherche) ----------------------*/
.select2-container .select2-choice > .select2-chosen,
.select2-results .select2-result-label,
.select2-results ul > li {
  /* font-family: EmbeddedDejaVuSans, sans-serif !important; */
  font-size: 12px !important; }

.fack_select_optgroup .select2-result-label {
  background-color: white !important;
  color: #000000 !important;
  /* font-family: EmbeddedDejaVuSans, sans-serif !important; */
  font-size: 12px !important;
  font-style: italic !important;
  font-weight: bold !important;
  padding: 8px !important; }

.select2-results .select2-highlighted {
  background-color: #f2f2f2 !important;
  color: #4D4D4D !important; }

.select2-container .select2-choice, .select2-dropdown-open .select2-choice {
  background-image: none !important;
  background-color: inherit !important; }

.select2-search input {
  border: 1px solid #aaa !important; }

.select2-drop-active {
  border-left: 1px solid #aaa !important;
  border-right: 1px solid #aaa !important;
  border-bottom: 1px solid #aaa !important; }

.select2-drop {
  color: #4D4D4D !important; }

.select2-container .select2-choice .select2-arrow b {
  background-position: 0 0 !important; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #aaa !important;
  border-radius: unset !important; }

.select2-drop.select2-drop-above, .select2-drop {
  box-shadow: none !important; }

.select2-container.select2-drop-above .select2-choice {
  border-radius: unset !important; }

.select2-container--classic .select2-results {
  /*.select2-results__option--highlighted[aria-selected] {
      background-color: $primaryColor;
      color: white;
    }*/ }
  .select2-container--classic .select2-results .select2-results__group {
    color: #C50077; }
  .select2-container--classic .select2-results li.select2-result-with-children > .select2-result-label {
    color: #C50077;
    font-size: 12px !important;
    font-weight: bold !important;
    background-color: #ffffff !important; }
  .select2-container--classic .select2-results .select2-results__option[aria-selected=true] {
    background-color: #8A1E60;
    color: white;
    padding: 3px 5px;
    margin: 0; }
  .select2-container--classic .select2-results .select2-results__option[aria-selected=false] {
    color: #4D4D4D;
    padding: 3px 5px;
    margin: 0; }
  .select2-container--classic .select2-results .select2-results__option.select2-results__option--highlighted {
    background: #C50077;
    color: white;
    padding: 3px 5px;
    margin: 0; }
  .select2-container--classic .select2-results .select2-results__option > .select2-results__group {
    font-size: 12px;
    font-weight: bold;
    color: #C50077;
    background-color: #ffffff; }

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #aaa; }

/*---------------------- Fin Select2 (select avec champ de recherche) ----------------------*/
/*=============================================>>>>>
= Selectable =
===============================================>>>>>*/
[data-js="selectable"] tr:not([data-js="not-selectable"]).ui-selectee:hover {
  background: #f4f4f4;
  cursor: pointer; }

[data-js="selectable"] tr:not([data-js="not-selectable"]).ui-selecting {
  background: #f4f4f4; }

[data-js="selectable"] tr:not([data-js="not-selectable"]).ui-selected {
  background: #ededed; }

/*= End of Selectable =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= actionBar =
===============================================>>>>>*/
/* Styles de la barre d'action avec les boutons importants */
/* Exemple écran : utilisateurs/habilitations */
#actionBar {
  display: flex;
  position: fixed;
  background: white;
  padding: 10px 40px 10px 40px;
  box-sizing: border-box;
  width: 100%;
  left: 0px;
  z-index: 200;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: 0.3s; }
  #actionBar.classic {
    top: 0px;
    display: none; }
  #actionBar.custom {
    top: -55px; }

#actionBar .TitreSection1 {
  /* Styles liées à l'entête de page dans la barre d'action */
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

#actionBar .TitreSection1 .SpanSpace {
  margin: 0 0 0 5px; }

/*= End of actionBar =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= CALENDRIER =
===============================================>>>>>*/
/* clears the 'X' from Internet Explorer */
input[type=text].hasDatepicker::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=text].hasDatepicker::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

.hasDatepicker::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

.hasDatepicker::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/* clears the 'X' from Chrome */
input[type="text"].hasDatepicker::-webkit-search-decoration,
input[type="text"].hasDatepicker::-webkit-search-cancel-button,
input[type="text"].hasDatepicker::-webkit-search-results-button,
input[type="text"].hasDatepicker::-webkit-search-results-decoration,
.hasDatepicker::-webkit-search-decoration,
.hasDatepicker::-webkit-search-cancel-button,
.hasDatepicker::-webkit-search-results-button,
.hasDatepicker::-webkit-search-results-decoration {
  display: none; }

#ui-datepicker-div {
  display: none;
  padding-top: 0px !important; }
  #ui-datepicker-div > * {
    box-sizing: border-box;
    transition: 0.3s linear; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: rgba(201, 201, 201, 0.7); }

.hasDatepicker,
.datepicker {
  height: 20px;
  display: inline-block;
  padding: 2px 10px 2px 5px;
  border: 1px solid #DDDBDC;
  position: relative;
  background-image: url("../img/calendrier.svg");
  background-position: calc(100% - 5px) 50%;
  background-repeat: no-repeat;
  background-size: 18px; }

.is-invalid {
  color: white;
  background-color: #dc3545; }

.calendar {
  border: 0 none;
  border-radius: 0 !important;
  box-shadow: 0 0 10px 2px #cccccc;
  -moz-box-shadow: 0 0 10px 2px #cccccc;
  -webkit-box-shadow: 0 0 10px 2px #cccccc;
  margin: 0 !important;
  padding: 0 !important;
  width: 203px;
  height: auto;
  max-height: 250px;
  overflow: hidden; }

.calendar-top, #ui-datepicker-div .ui-widget-header {
  background: #8A1E60 none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 0 !important;
  height: 66px;
  margin: 0 !important;
  padding: 0 !important;
  position: initial !important;
  top: 0;
  width: 203px; }

.month, .ui-datepicker-month {
  color: #fff;
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 92%;
  margin-left: 3px; }

.ui-datepicker-title {
  line-height: 30px !important;
  margin: 0 !important;
  text-align: center;
  transition: 0.3s;
  /*Not 100% sure about this solution*/ }

.year, .ui-datepicker-year {
  color: #ffffff;
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  vertical-align: bottom;
  width: 100%;
  /* margin-top: 1px; */
  clear: both;
  float: left; }

.calendar-bottom, .ui-datepicker-calendar {
  background-color: #ffffff !important;
  bottom: 0;
  margin: 0 !important;
  width: 203px !important; }

.days-title, .ui-datepicker th {
  color: #C50077;
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  padding-bottom: 3px !important;
  padding-top: 5px !important;
  text-align: center;
  text-transform: uppercase; }

.days, #ui-datepicker-div .ui-state-default {
  background: #ffffff none repeat scroll 0 0 !important;
  border: 0 none !important;
  color: #000000;
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center !important;
  /* width: 17px; */
  margin-left: 2px;
  /*Added*/
  display: block !important;
  height: 18px !important;
  text-align: center !important;
  width: 18px;
  line-height: 16px;
  margin-top: -2px;
  /* transition: 0.3s; */ }

#ui-datepicker-div a.ui-state-default:hover {
  background: #C50077 none repeat scroll 0 0 !important;
  border-radius: 50%;
  color: #ffffff !important;
  display: block !important;
  text-align: center !important;
  width: 18px;
  line-height: 16px;
  margin-top: -2px; }

.week-number, .ui-datepicker-calendar tbody td.ui-datepicker-week-col {
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 7px;
  text-align: center;
  min-width: 14px;
  color: #C50077; }

.days-out, .ui-state-disabled .ui-state-default {
  background: #ffffff none repeat scroll 0 0 !important;
  border: medium none !important;
  color: #888889 !important;
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center; }

.holidays-duties {
  color: #b7b7b7;
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 10px; }

.td-day-selected {
  margin: 0 auto !important; }

.calendar-buttons, .ui-datepicker .ui-datepicker-buttonpane button {
  color: #8A1E60 !important;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  font-family: EmbeddedDejaVuSans, sans-serif !important;
  font-size: 9px !important;
  margin: 0 !important;
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

.calendar-buttons, .ui-priority-secondary, .ui-priority-primary {
  font-weight: bold !important;
  opacity: 1 !important; }

.ui-datepicker td span, .ui-datepicker td a {
  padding: 0 !important;
  text-align: center !important; }

.ui-datepicker-trigger, .ui-widget .ui-datepicker-trigger {
  color: #8A1E60 !important;
  background: #ffffff none repeat scroll 0 0;
  box-shadow: -1px -2px 0 0 rgba(0, 0, 0, 0.1) inset;
  font-family: icomoon;
  font-size: 28px;
  height: 25px;
  line-height: 20px;
  margin-left: -5px;
  padding: 0 !important;
  text-align: left;
  vertical-align: top;
  width: 40px !important; }

.icon-order-bottom {
  color: #8A1E60;
  font-size: 23px;
  margin-left: -11px; }

.calendar-bottom tbody {
  height: 120px !important;
  overflow: hidden; }

.calendar-bottom tbody td, .ui-datepicker-calendar tbody td {
  background-color: #ffffff;
  opacity: 1 !important;
  padding: 2px; }

.ui-datepicker-buttonpane {
  display: flex;
  justify-content: space-between;
  background: #ffffff none repeat scroll 0 0 !important;
  border: medium none !important;
  clear: both;
  float: left;
  height: 24px !important;
  line-height: 18px;
  margin: 0 !important;
  padding: 0 11px !important;
  vertical-align: bottom;
  width: 100% !important; }

.date-selectors-wrap {
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.month-selection {
  height: 30px !important;
  /* padding-top: 6px; */ }

.ui-datepicker-title,
.ui-corner-all {
  padding-top: 6px !important; }

.year-selection {
  margin-top: -5px; }

.date-selectors-wrap .ui-datepicker-prev, .date-selectors-wrap .ui-datepicker-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0 !important;
  border: 0;
  display: inline-flex;
  font-size: 25px;
  font-weight: lighter !important;
  height: 30px;
  left: 0;
  overflow: hidden;
  position: relative !important;
  right: 0 !important;
  top: 0;
  vertical-align: top;
  width: 1.1em !important;
  font-size: 22px !important; }

.ui-datepicker-year,
.innerDivYear .ui-datepicker-next,
.innerDivYear .ui-datepicker-prev {
  position: relative;
  bottom: 5px !important;
  top: auto;
  cursor: pointer; }

span.ui-datepicker-year.year {
  cursor: default; }

.ui-datepicker-month,
.innerDivMonth .ui-datepicker-next,
.innerDivMonth .ui-datepicker-prev {
  position: relative;
  top: 1px !important; }

.month {
  font-size: 14.5px; }

.date-selectors-wrap .ui-datepicker-prev {
  margin-left: 0 !important; }

.date-selectors-wrap .ui-datepicker-prev,
.date-selectors-wrap .ui-datepicker-next {
  outline: none; }

.date-selectors-wrap .ui-datepicker-next span {
  width: 100%; }

.date-selectors-wrap .ui-datepicker-prev span.ui-icon, .date-selectors-wrap .ui-datepicker-prev:hover span.ui-icon, .date-selectors-wrap .ui-datepicker-next span.ui-icon, .date-selectors-wrap .ui-datepicker-next:hover span.ui-icon {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  height: 100%;
  left: 0 !important;
  line-height: 30px;
  margin: 0 !important;
  position: relative !important;
  text-indent: 0 !important;
  top: 0 !important;
  width: 100%; }

.date-selectors-wrap .ui-datepicker-title {
  display: inline-table;
  line-height: 30px !important;
  margin: 0 !important;
  text-align: center; }

.month-selection .ui-datepicker-title {
  overflow: hidden; }

.year-selection .ui-datepicker-title {
  line-height: 30px;
  margin: 0 !important;
  padding-right: 0;
  vertical-align: bottom; }

.date-selectors-wrap .ui-state-hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  color: #ffffff !important; }

.calendar-bottom thead th.week-number,
.ui-datepicker-calendar thead th.ui-datepicker-week-col {
  visibility: hidden; }

.ui-datepicker-today .ui-state-highlight {
  color: #C50077 !important; }

#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
  height: 17px !important; }

#ui-datepicker-div .day-selected.ui-state-default {
  background: #8A1E60 none repeat scroll 0 0 !important;
  border-radius: 50%;
  color: #ffffff !important;
  display: block !important;
  height: 18px !important;
  text-align: center !important;
  width: 18px;
  line-height: 16px;
  margin-top: -2px; }

.ui-datepicker .ui-datepicker-buttonpane button, #ui-datepicker-div button.ui-state-default {
  font-weight: bold !important;
  height: 17px;
  margin: 0 !important;
  padding: 0 !important;
  width: 32px !important;
  width: auto !important;
  font-size: 10px !important;
  outline: none; }

.calendar .ui-widget-header {
  background: #8A1E60 none repeat scroll 0 0 !important; }

.ui-widget-header select {
  color: #000; }

button.ui-datepicker-prev, button.ui-datepicker-next {
  line-height: 30px; }

.ui-datepicker-prev, .ui-datepicker-next {
  color: #ffffff !important; }

.btn-disabled {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5) !important; }

.quickEditInput.hasDatepicker {
  border: medium none !important;
  border-radius: 0;
  box-shadow: -1px -2px 0 0 rgba(0, 0, 0, 0.1) inset;
  padding-right: 0px !important;
  font-size: 11px !important;
  width: 73%; }

.quickEditField .ui-datepicker-trigger, .quickEditField .ui-widget .ui-datepicker-trigger {
  /*width: 27% !important;*/ }

.icon-calendar::before {
  content: ""; }

.calendar button[data-handler='today'],
.calendar button[data-handler='hide'] {
  cursor: pointer; }

/* Invisible buttons */
.month-select-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 42%;
  height: 33px;
  cursor: pointer; }

.month-select-next {
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 33px;
  cursor: pointer; }

.year-select-prev {
  position: absolute;
  top: 33px;
  left: 0;
  width: 50%;
  height: 33px;
  cursor: pointer; }

.year-select-next {
  position: absolute;
  top: 33px;
  right: 0;
  width: 50%;
  height: 33px;
  cursor: pointer; }

/*= End of Invisible buttons =*/
/* IE - Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0\0) {
  .calendar {
    height: auto; }
  .hasDatepicker {
    background-image: url("../img/calendrier.png?v=14.1.0");
    padding-right: 24px;
    background-position-x: 98%; }
  .ui-datepicker.calendar .ui-icon-circle-triangle-w.ui-icon,
  .ui-datepicker.calendar .ui-icon-circle-triangle-e.ui-icon {
    background-image: none !important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
  .ui-datepicker.calendar .ui-datepicker-title .ui-datepicker-month {
    line-height: 2.8em; }
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-title .ui-datepicker-month {
    line-height: 30px; }
  .ui-datepicker.calendar .ui-datepicker-title .ui-datepicker-year {
    line-height: 9px; }
  .ui-datepicker.calendar .innerDivYear .ui-datepicker-title .ui-datepicker-year {
    line-height: 30px; }
  .ui-datepicker-trigger, .icon-calendar {
    width: 43px !important; }
  .calendar-bottom tbody tr, .ui-datepicker-calendar tbody tr {
    height: 18px !important; }
  .year, .ui-datepicker-year {
    padding-right: 10px; }
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-prev,
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-next {
    display: inline-table !important; }
  .innerDivMonth {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0; }
  .ui-datepicker.calendar .innerDivMonth .ui-datepicker-title {
    display: inline-table !important; }
  .ui-datepicker-trigger {
    margin-left: -2px; }
  .calendar-bottom tbody td, .ui-datepicker-calendar tbody td {
    padding: 3px 2px 3px 2px !important; }
  .ui-datepicker-buttonpane {
    height: 34px !important;
    line-height: 30px !important; }
  .ui-datepicker .ui-datepicker-buttonpane button, #ui-datepicker-div button.ui-state-default {
    width: auto !important;
    height: auto !important; } }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .year, .ui-datepicker-year {
    padding-right: 2px !important; } }

/* Edge Only CSS */
@supports (-ms-ime-align: auto) {
  .calendar-bottom tr {
    max-height: 19px;
    height: 19px; }
  .hasDatepicker {
    padding-right: 18px; } }

/* Firefox only CSS */
@-moz-document url-prefix() {
  .hasDatepicker {
    padding-right: 20px;
    background-position: 98%; } }

/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .hasDatepicker {
      padding-right: 24px; } } }

/*= End of CALENDRIER =*/
/*=============================================<<<<<*/
/* --------- Gestion de trésorerie -------- */
/* Attention à garder les "tr" et "td" qui sont d'une importance capitale */
tr {
  /*--------------------------*/ }
  tr.treso_transfert td {
    background-color: #EEDBE9; }
    tr.treso_transfert td.treso_tab2 {
      color: #D010B1; }
  tr.treso_date_courante td {
    background-color: #C9C7C7;
    font-weight: bold; }
  tr.treso_line_on {
    background-color: #E888D8; }
  tr td.treso_inv_transfert {
    background-color: #EEDBE9; }
  tr td.treso_inv_date_courante {
    background-color: #C9C7C7;
    font-weight: bold; }
  tr td.treso_inv_line_on {
    background-color: #E888D8; }
  tr td.treso_total {
    background-color: #C9C7C7; }
  tr td span.treso_montant_transfert {
    color: #D010B1;
    font-weight: bold; }

.treso_liste_releves_manquants {
  margin: 8px; }

.treso_montant_hors_seuil_moins {
  color: #C50077; }

.treso_montant_hors_seuil_plus {
  color: #419B29; }

.treso_montant_solde_negatif_inferieur_ad_vert {
  color: #419b29; }

.treso_montant_solde_negatif_inferieur_ad_noir {
  color: #4d4d4d; }

.treso_montant_solde_negatif_inferieur_ad_violet {
  color: #8a1e60; }

.treso_montant_solde_negatif_inferieur_ad_orange {
  color: #e84d0e; }

.treso_montant_solde_negatif_inferieur_ad_rouge {
  color: #c5062c; }

.treso_montant_solde_negatif_avant_ad {
  color: #C5062C; }

.treso_montant_solde_negatif_apres_ad {
  color: #E84D0E; }

.treso_montant_solde_positif_avant_sa_min {
  color: #8A1E60; }

.treso_montant_solde_positif_apres_sa_max {
  color: #419B29; }

/* Au survol d'une case de solde dans le tableau des arbitrages */
.over,
tr.treso_date_courante td.over {
  background-color: #EAE8E8;
  cursor: pointer; }

/* Lignes ancien et nouveau soldes lors du détails des mvts pr une case */
.treso_nouveau_ancien_solde {
  font-weight: bold;
  background-color: #f0f0f0; }

.cumul_mouvements {
  font-weight: bold;
  font-style: italic; }

/* Carte d'authentification */
.chiffre {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12pt; }

.message_carte {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 12pt; }

.carte_authent_0 {
  border: 1px solid #4D4D4D;
  border-collapse: collapse; }

.carte_authent_1 {
  color: #4D4D4D;
  text-align: center;
  font-weight: bold;
  font-size: 13px; }

.carte_authent_2 {
  background: white;
  text-align: center; }

.warning_message {
  background-color: #e00000;
  color: #fff; }

.red-option {
  background-color: #e00000;
  color: #fff; }

.vert {
  font-size: 13px;
  color: green; }

.rouge {
  color: red;
  font-size: 13px; }

.orange {
  color: #F81;
  font-size: 13px; }

.tabul {
  font-size: 12px;
  color: #4D4D4D;
  font-weight: normal;
  white-space: normal;
  line-height: 25px;
  margin-left: 15px; }
  .tabul ul {
    padding-left: 20px; }

ul.liste_infos {
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 5px;
  margin: 0; }

.trace-table {
  background-color: #FFFFFF;
  border: 1px solid #c4c4c4;
  margin-top: 20px;
  font-size: 13px;
  color: #4D4D4D;
  float: left;
  line-height: 23px; }
  .trace-table tr td {
    padding: 10px; }

/* Element qui ne doit pas apparaitre en temps normal lors de l'impression */
.print_only {
  display: none; }

.total_remise {
  color: #4D4D4D;
  font-size: 12px;
  white-space: nowrap;
  padding-left: 30px;
  padding-bottom: 8px; }

body#page-bienvenue form[name="f"] {
  min-height: 85vh; }

body#page-bienvenue table {
  border-collapse: separate; }
  body#page-bienvenue table.tableau-index {
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
    -moz-box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
    -webkit-box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
    border-radius: 8px;
    margin-top: 100px;
    min-width: 450px; }

body#page-bienvenue #js {
  display: block;
  padding: 20px; }
  body#page-bienvenue #js table {
    width: 100%; }

body#page-bienvenue #nojs {
  display: none;
  padding: 20px;
  text-align: center; }

body#page-bienvenue a.lang {
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none; }
  body#page-bienvenue a.lang:not(:last-child):after {
    content: '|';
    font-size: 16px;
    position: relative;
    display: inline-block;
    margin: 0 5px; }

body#page-bienvenue a:hover {
  text-decoration: underline; }

body#page-bienvenue p.text {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: EmbeddedDejaVuSans, sans-serif;
  color: #111;
  font-size: 13px;
  line-height: 20px; }
  body#page-bienvenue p.text a {
    font-weight: bold;
    text-decoration: underline; }
    body#page-bienvenue p.text a:hover {
      text-decoration: none; }

body#page-bienvenue .centered {
  /* Utilisé sur les td ayant les textes de connexions pour les centrer */
  vertical-align: baseline;
  text-align: center;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 25px;
  min-width: 150px;
  font-family: 'Source sans pro';
  font-weight: bold;
  color: #111; }

body#page-bienvenue .centered-btn {
  /* Utilisé sur les td des boutons de connexion pour les centrer*/
  width: 50%;
  text-align: center;
  vertical-align: middle; }
  body#page-bienvenue .centered-btn .connexion-btn {
    background: #C50077;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-inscription:before {
      font-size: 25px;
      color: white; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-verrou:before {
      font-size: 35px;
      color: white; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-empreinte:before {
      font-size: 40px;
      color: white;
      margin-left: 3px;
      margin-top: 2px; }
    body#page-bienvenue .centered-btn .connexion-btn span.icon-clef-usb:before {
      font-size: 40px;
      color: white; }
    body#page-bienvenue .centered-btn .connexion-btn:hover {
      text-decoration: none;
      background: #8A1E60; }
  body#page-bienvenue .centered-btn .bouton100, body#page-bienvenue .centered-btn .bouton100_on {
    margin: 0; }

body#page-bienvenue footer {
  font-family: EmbeddedDejaVuSans, sans-serif;
  color: #111;
  font-size: 12px;
  width: 100%; }

#fullscreen-btn {
  padding: 0;
  margin: 0; }
  #fullscreen-btn span.icon-reduce,
  #fullscreen-btn span.icon-expand {
    margin-top: -0.8px; }
    #fullscreen-btn span.icon-reduce:before,
    #fullscreen-btn span.icon-expand:before {
      font-size: 30px;
      color: #C50077; }
  #fullscreen-btn:hover {
    border: 1px solid #C50077;
    background-color: #C50077;
    color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    #fullscreen-btn:hover span:before {
      color: white; }

#display-options-btn {
  padding: 0;
  margin: 0;
  margin-right: 5px; }
  #display-options-btn span.icon-parametrage:before {
    color: #C50077;
    font-size: 28px;
    margin-left: -1px; }
  #display-options-btn:hover {
    border: 1px solid #C50077;
    background-color: #C50077;
    color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    #display-options-btn:hover span:before {
      color: white; }

.custom-window-header {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 5px;
  margin-top: -15px; }
  .custom-window-header .window-buttons-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: -42px;
    right: 0;
    width: 70px;
    max-width: 70px; }

.poppin[id^=tab_param] {
  display: flex !important; }
  .poppin[id^=tab_param] thead th {
    padding-top: 12px;
    min-width: 250px; }
  .poppin[id^=tab_param] #close-display-options-btn {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer; }
  .poppin[id^=tab_param] > table {
    border: none !important;
    box-shadow: none;
    transform: scale(0.8);
    min-width: 350px;
    width: auto; }
    .poppin[id^=tab_param] > table tr:last-child td,
    .poppin[id^=tab_param] > table tbody tr:last-child td.t {
      padding: 10px 20px;
      text-align: center; }
      .poppin[id^=tab_param] > table tr:last-child td button[type="button"],
      .poppin[id^=tab_param] > table tr:last-child td button[type="submit"],
      .poppin[id^=tab_param] > table tr:last-child td button,
      .poppin[id^=tab_param] > table tbody tr:last-child td.t button[type="button"],
      .poppin[id^=tab_param] > table tbody tr:last-child td.t button[type="submit"],
      .poppin[id^=tab_param] > table tbody tr:last-child td.t button {
        margin: 0 auto; }
    .poppin[id^=tab_param] > table tbody tr td.t {
      padding: 0 20px; }
  .poppin[id^=tab_param] .icon-fermer {
    padding-top: 10px; }
  .poppin[id^=tab_param].show > table {
    transform: scale(1); }

.ch_login,
.ch_pass {
  font-size: 13px;
  font-family: EmbeddedDejaVuSans, sans-serif; }

.a_pass_oublie {
  font-style: italic;
  color: #C50077;
  font-family: "Source sans pro"; }
  .a_pass_oublie:hover {
    color: #8A1E60;
    text-decoration: underline; }

.contenu_body {
  margin: auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 74px;
  width: 1024px; }

.contenu_colore {
  background-color: #8A1E60;
  height: 100px;
  min-width: 1104px;
  text-align: center;
  width: 100%; }

.contenu_colore_titre {
  color: white;
  font-size: 23px;
  padding-top: 35px; }

.contenu_head {
  height: 110px;
  margin: auto;
  width: 1024px;
  padding-left: 40px;
  padding-right: 40px; }

.contenumotdepasse {
  padding: 15px; }

.lost_card_title {
  color: #8A1E60;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px; }

.lost_pwd_title {
  color: #8A1E60;
  font-size: 14px;
  line-height: 18px; }

.lsv1 {
  margin-bottom: 29px;
  margin-right: 37px;
  max-height: 500px;
  max-width: 500px;
  padding-left: 220px; }

.lsv2 {
  margin-right: 37px;
  max-height: 500px;
  max-width: 500px;
  padding-left: 220px; }

.txt_i_colore {
  color: #C50077;
  font-size: 12px;
  font-style: italic; }

.txt_insc {
  color: #4D4D4D;
  font-size: 12px; }

.txt_insc .txt_i_colore {
  font-size: inherit; }

.welcome {
  font-weight: bold;
  font-size: 18px;
  color: #4D4D4D;
  font-family: "Source sans pro";
  line-height: 25px; }

.hist_action {
  position: absolute;
  z-index: 102;
  float: right;
  margin-left: 70px;
  margin-top: -41px;
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #d4d4d4; }
  .hist_action input {
    margin-right: 5px; }

.histo_form {
  padding: 5px;
  float: left; }

.hist_imprimer {
  position: absolute;
  left: 0px;
  top: 41px;
  z-index: 102; }
  .hist_imprimer input {
    margin-top: 5px; }

.liste_etapes li {
  margin-left: 30px; }

.arrow-border {
  cursor: pointer;
  border: none; }

.fieldset-table tr td {
  padding-bottom: 2px; }

.td_arrow_container {
  padding-right: 10px;
  padding-top: 10px; }

.espaceaccueil {
  padding-top: 20px; }

.t_logo_linkedin {
  color: #4D4D4D;
  font-size: 13px;
  font-family: EmbeddedDejaVuSans, sans-serif;
  color: #9a9a9a !important; }

.linkedin_logo,
.viadeo_logo {
  font-weight: normal;
  margin-left: 5px;
  font-size: 8pt;
  border: 0;
  display: inline-block;
  vertical-align: bottom; }
  .linkedin_logo:hover,
  .viadeo_logo:hover {
    text-decoration: underline; }

.trace-table {
  color: #4D4D4D; }

.multi-line-label {
  line-height: 18px !important;
  padding-bottom: 5px;
  padding-top: 5px; }

.img_nb_va {
  border: none;
  vertical-align: middle; }

.show_title {
  cursor: help; }

.sonatel_logo,
.ramsay-gds_logo,
.totem_valeo {
  float: right;
  left: 160px;
  position: relative;
  top: 2px;
  width: 100px; }

/*=============================================>>>>>
= Ecran paramétrage EBICS avancé =
===============================================>>>>>*/
#param-ebics-avance .margetabonglet {
  padding: 15px 30px; }

#param-ebics-avance .flex-container-row {
  display: flex; }
  #param-ebics-avance .flex-container-row .tab {
    padding: 5px 15px; }
  #param-ebics-avance .flex-container-row .scrollable-container {
    max-height: 360px; }
  #param-ebics-avance .flex-container-row .t7vert,
  #param-ebics-avance .flex-container-row .t7rouge {
    padding: 0;
    margin: 0; }
  #param-ebics-avance .flex-container-row > div {
    overflow-x: hidden;
    height: auto;
    padding: 0px 20px 0px 0px; }
    #param-ebics-avance .flex-container-row > div:nth-of-type(2) {
      margin-left: 25px; }

/*= End of Ecran paramétrage EBICS avancé =*/
/*=============================================<<<<<*/
.liste-insc {
  padding-left: 30px; }

.fav-star {
  background-position: center center;
  width: 18px !important;
  height: 16px !important;
  background-repeat: no-repeat;
  position: absolute !important;
  margin-left: -25px;
  margin-top: 2px;
  cursor: pointer;
  line-height: auto !important;
  font-size: auto !important; }
  .fav-star.active {
    /* Active favorite star icon */
    background-image: url(../img/4/etoile-pleine.png?v=14.1.0); }
  .fav-star.inactive {
    /* Inactive favorite star icon */
    background-image: url(../img/4/etoile-grise.png?v=14.1.0);
    /* Hover inactive favorite star icon */ }
    .fav-star.inactive:hover {
      background-image: url(../img/4/etoile-vide.png?v=14.1.0); }

/* Favorite star icon on menu */
.box-menu .fav-star {
  margin-left: -15px;
  margin-top: 1px; }

/* Favorite star icon example div */
.fav-star-example {
  color: #4D4D4D;
  font-size: 12px !important;
  width: 100%;
  float: left; }
  .fav-star-example * {
    /* Favorite star icon example div inner elements */
    display: inline-block;
    vertical-align: middle; }
  .fav-star-example span {
    /* Favorite star icon example div span */
    position: absolute;
    margin-left: 3px;
    margin-top: 17px; }
  .fav-star-example > .widget-tooltip-point {
    margin-top: 15px !important; }

/*=============================================>>>>>
= releve_compte_chart =
===============================================>>>>>*/
/* Styles liées aux graphiques */
/* Exemple d'écran :AMB Factory > relevé de comptes > Afficher une graphique */
.highcharts-legend-item rect {
  display: block; }

.legend-symbol-bar, .legend-symbol-line {
  position: relative;
  top: 2px;
  border-radius: 2px;
  width: 18px;
  height: 12px;
  display: inline-block;
  margin-right: 5px; }

.highcharts-legend-item-hidden .legend-symbol-bar {
  background-color: #cccccc !important; }

.ui-tooltip {
  border: 1px solid #CCC !important; }

/*= End of releve_compte_chart =*/
/*=============================================<<<<<*/
.icon-info-bulle-hover:before {
  color: #C50077 !important; }

.highcharts-menu-item:hover {
  background-color: #C50077 !important; }

.delete-widget-button:hover {
  border: 2px solid #C50077;
  color: #C50077; }

/*=============================================>>>>>
= Smart select =
===============================================>>>>>*/
input#form_virsepa_nom_beneficiaire {
  /* Définition des styles du champ de saisie du nom du beneficiaire */
  box-sizing: border-box;
  width: 250px;
  max-width: 250px;
  padding-right: 27px;
  outline: none; }

input#form_lcr_tire,
input#form_lcr_identifiant,
input#form_virsepa_nom_beneficiaire,
input#form_lcr_tire:focus,
input#form_lcr_identifiant:focus,
input#form_virsepa_nom_beneficiaire:focus {
  /* Enlever le contour bleu du champ saisie de l'autocomplete */
  outline: none; }

/* Champ où apparait le select avec les suggestions en fonction e la saisie de l'utilisateur */
/* Exeple d'ecran : Remise de Virements SEPA > Créer un ordre : Saisir un nom de bénéficiaire */
#dest2 {
  /* Positionnement du container des suggestions */
  top: 14px;
  left: 0px;
  box-sizing: border-box;
  z-index: 1; }
  #dest2 select.select {
    /* Définition des styles du select */
    box-sizing: border-box;
    border: 1px solid #DDDBDC;
    border-top: white;
    outline: none;
    width: 250px;
    max-width: 250px;
    outline: none;
    border-radius: 0 0 5px 5px; }
    #dest2 select.select option:hover {
      box-shadow: 0 0 10px 100px #DDDBDC inset; }
  #dest2 select:focus {
    /* Enlever le contour bleu du select de l'autocomplete */
    outline: none; }

.w-100 {
  /* A appliquer pour donner la width la max width d'un élément de 100% */
  max-width: 100%;
  width: 100%; }
  .w-100 #dest2 select.select {
    /* Pour le champ d'autocomplétion */
    max-width: 100%;
    width: 100%; }

.mr-8 {
  margin-right: 8px; }

/*= End of Smart select =*/
/*=============================================<<<<<*/
/* ================================ Popin Aide Custom ================================
 * @see styles/popin.css
 * @see BANKX-30209
 */
div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ > div.titre_infobulle {
  color: #C50077; }

div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ a {
  color: #C50077;
  text-decoration: underline; }

div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ul,
div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ol {
  padding: 0;
  margin: 0; }
  div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ul li,
  div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ ol li {
    margin-left: 33px; }

/* Utilisé pour l'écran de portefeuille de LCR */
.comptage {
  color: #C50077;
  font-size: 13px;
  font-weight: bold; }

/* FIN Utilisé pour l'écran de portefeuille de LCR */
/*===================================================>>>>>
= Div paramétrage #div_global_rattachement_manuel_gdc =
====================================================>>>>>*/
div#div_global_rattachement_manuel_gdc {
  /* Ecran AMB Treasury > Initialisation des comptes choisir un compte puis groupes de comptes */ }
  div#div_global_rattachement_manuel_gdc div#div_fond_rattachement_manuel_gdc {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: rgba(43, 46, 56, 0.7);
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%; }
  div#div_global_rattachement_manuel_gdc iframe {
    position: fixed;
    height: 630px;
    width: 650px;
    background-color: white;
    border-radius: 8px;
    border: 0px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*----------- Edge Only -----------*/
@supports (-ms-ime-align: auto) {
  #selectDepart.t {
    line-height: 16px; }
  #selectArrive.t {
    line-height: 16px; }
  div#div_global_rattachement_manuel_gdc iframe {
    height: 650px; } }

/*----------- Safari Only -----------*/
/*----------- Internet Explorer Only -----------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0\0) {
  div#div_global_rattachement_manuel_gdc iframe {
    height: 510px; } }

/*= End of Div paramétrage #div_global_rattachement_manuel_gdc =*/
/*=========================================================<<<<<*/
/*=============================================>>>>>
= div_global_tri =
===============================================>>>>>*/
div[id^=div_global_tri] {
  /* Ecran AMB Factory > Destinataire cliquer bouton de tri */ }
  div[id^=div_global_tri] div[id^=div_fond_trie] {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: rgba(43, 46, 56, 0.7);
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%; }
  div[id^=div_global_tri] iframe {
    position: fixed;
    height: 620px;
    width: 900px;
    background-color: white;
    border-radius: 8px;
    border: 0px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*----------- Edge Only -----------*/
@supports (-ms-ime-align: auto) {
  div[id^=div_global_tri] iframe {
    height: 630px; } }

/*= End of div_global_tri =*/
/*=============================================<<<<<*/
#div_serveurs td:first-child {
  width: 440px;
  white-space: nowrap; }
  #div_serveurs td:first-child:first-letter {
    text-transform: uppercase; }

#test_ebics td:first-child {
  width: 440px;
  white-space: nowrap; }
  #test_ebics td:first-child:first-letter {
    text-transform: uppercase; }

#div_info_CP td:first-child {
  width: 300px;
  white-space: nowrap; }

#div_CP .ebics-s {
  line-height: 15px;
  vertical-align: top;
  padding-bottom: 5px;
  padding-right: 20px; }

#div_CP table tr.prot-trans td {
  padding-top: 10px; }

#div_CP table td:first-child:not(.prot-trans) {
  width: 440px;
  white-space: nowrap; }

#div_CP table td.prot-trans {
  width: 200px;
  white-space: nowrap;
  text-align: right; }

/*=============================================>>>>>
= Poppin inner scroll on UL =
===============================================>>>>>*/
.poppin-text ul.poppin-list-scrollable {
  overflow-y: auto;
  margin: 10px 0; }

/*=============================================>>>>>
= End of Poppin inner scroll on UL =
===============================================>>>>>*/
/*=============================================>>>>>
= REFONTE CSS =
===============================================>>>>>*/
a[disabled] {
  cursor: default; }
  a[disabled] span[class*="icon-"]:before {
    color: #cfcece; }

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer; }
  input[type="checkbox"]:disabled,
  input[type="radio"]:disabled {
    cursor: default; }

.icon-XLS:before {
  font-size: 35px;
  color: black !important; }

.icon-csv:before {
  font-size: 32px;
  color: black; }

.icon-voir-plus:before {
  font-size: 25px; }

.icon-crayon:before {
  font-size: 23px;
  color: #C50077 !important; }

.icon-plus:before {
  font-size: 25px;
  color: #C50077 !important; }

.icon-information:before {
  font-size: 45px;
  color: #C50077 !important; }

.ui-sortable .ui-sortable-handle td {
  height: 45px; }

.users {
  background: white; }
  .users td {
    height: 45px; }
  .users.ui-selectee:hover {
    cursor: pointer; }
  .users.ui-sortable-handle:hover {
    background: #f4f4f4;
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab; }
    .users.ui-sortable-handle:hover .sort-icon .icon-drag-drop {
      display: block; }
    .users.ui-sortable-handle:hover .sort-icon [data-js="ordrePriorite"] {
      display: none; }
  .users.ui-sortable-handle:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing; }
    .users.ui-sortable-handle:active .sort-icon .icon-drag-drop {
      display: block; }
    .users.ui-sortable-handle:active .sort-icon [data-js="ordrePriorite"] {
      display: none; }
    .users.ui-sortable-handle:active .sort-icon:hover {
      cursor: grabbing;
      cursor: -moz-grabbing;
      cursor: -webkit-grabbing; }
  .users.ui-selectee:hover {
    background: #f4f4f4; }
  .users.ui-selecting {
    background: #f4f4f4; }
  .users.ui-selected {
    background: #ededed; }
    .users.ui-selected .tab {
      border: 1px solid #F9F9F9 !important; }

.ui-sortable-helper {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); }

.ui-sortable-placeholder.custom-sortable-placeholder {
  min-height: 46px;
  height: 46px;
  border: 0;
  background: white; }

.sort-icon {
  max-width: 50px; }
  .sort-icon .container {
    display: flex;
    align-items: center;
    justify-content: center; }
  .sort-icon .icon-drag-drop {
    display: none; }
  .sort-icon .icon-drag-drop:before {
    font-size: 20px;
    color: #C50077; }

div.soustitre {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative; }
  div.soustitre.l:after {
    content: "";
    position: absolute;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed;
    z-index: -1;
    height: 1px;
    width: 100%;
    max-width: 100%; }
  div.soustitre.l span:before {
    content: none; }

.flex-parent {
  display: flex;
  flex-wrap: wrap; }
  .flex-parent .section {
    flex: 1 1 100%; }
    .flex-parent .section.split {
      flex: 1 1 calc(50% - 5px); }

/* Tableau dont le contenu contient des checkbox à cocher */
/* Ecrans impactés : Collège de signataire */
.tableau-action-form {
  margin: 5px 0;
  /*=============================================>>>>>
  = Switch ON/OFF =
  ===============================================>>>>>*/
  /*= End of Switch ON/OFF =*/
  /*=============================================<<<<<*/ }
  .tableau-action-form #checkAll,
  .tableau-action-form #uncheckAll {
    color: #C50077; }
  .tableau-action-form .tab {
    border: 1px solid #ededed !important;
    white-space: nowrap; }
  .tableau-action-form label {
    display: block; }
    .tableau-action-form label.switch {
      display: flex;
      justify-content: center;
      align-items: center; }
    .tableau-action-form label.switchvvc {
      justify-content: left;
      align-items: left; }
  .tableau-action-form .switch input[type="checkbox"]:checked ~ span.toggler {
    background: #C50077; }
  .tableau-action-form thead .ligne-entete {
    color: #4D4D4D;
    background-color: #ededed;
    border: 1px solid white;
    border-bottom-color: #ededed;
    font-family: 'Source sans pro';
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    z-index: 1; }
    .tableau-action-form thead .ligne-entete.has-poppin-aide {
      z-index: 2; }
    .tableau-action-form thead .ligne-entete:first-child {
      border-left-color: #ededed; }
    .tableau-action-form thead .ligne-entete:last-child {
      border-right-color: #ededed; }
    .tableau-action-form thead .ligne-entete .sticky {
      position: sticky;
      top: 55px; }
    .tableau-action-form thead .ligne-entete[data-sorted] {
      cursor: pointer; }
    .tableau-action-form thead .ligne-entete[data-sorted="asc"] span.sorted-icon:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: url(../img/haut.gif);
      background-repeat: no-repeat;
      width: 10px;
      height: 15px; }
    .tableau-action-form thead .ligne-entete[data-sorted="desc"] span.sorted-icon:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: url(../img/bas.gif);
      background-repeat: no-repeat;
      width: 20px;
      height: 10px; }
  .tableau-action-form th.cellule {
    color: #4D4D4D;
    font-size: 12px;
    line-height: 15px;
    border: 1px solid #ededed; }
  .tableau-action-form tbody th.cellule,
  .tableau-action-form tbody td.cellule {
    color: #4D4D4D;
    font-size: 12px;
    padding: 6px 0px;
    line-height: 15px;
    border: 1px solid #ededed;
    white-space: nowrap; }
    .tableau-action-form tbody th.cellule .cellule,
    .tableau-action-form tbody td.cellule .cellule {
      padding: 0; }
  .tableau-action-form tbody .label {
    color: #4D4D4D;
    font-size: 12px;
    padding: 0 15px;
    cursor: pointer;
    transition: 0.2s; }
    .tableau-action-form tbody .label:hover {
      background: #f2f2f2; }
  .tableau-action-form .status.desactiver {
    color: #C50077;
    cursor: pointer;
    border: 0;
    outline: none;
    background: none;
    max-width: 100%; }
    .tableau-action-form .status.desactiver[disabled] {
      color: #ccc;
      cursor: default; }
      .tableau-action-form .status.desactiver[disabled] span.icon-croix:before {
        color: #ccc; }
  .tableau-action-form .status .icon-supprimer:before,
  .tableau-action-form .status .icon-croix:before {
    font-size: 22px;
    color: #C50077; }
  .tableau-action-form .status[disabled] .icon-supprimer:before,
  .tableau-action-form .status[disabled] .icon-croix:before {
    font-size: 22px;
    color: #cfcece; }

.btn-voir-plus,
.btn-voir-moins {
  color: #C50077; }
  .btn-voir-plus .icon-afficher:before,
  .btn-voir-plus .icon-masquer:before,
  .btn-voir-moins .icon-afficher:before,
  .btn-voir-moins .icon-masquer:before {
    color: #C50077; }

.border {
  border: 1px solid #ededed; }

.ligne-compte {
  color: #4D4D4D;
  padding: 2px 15px;
  font-size: 12px; }

input.number-format {
  max-width: 130px; }

.mini-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.mini-spinner {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 7px solid #ededed;
  border: 5px solid #ededed;
  border-top: 7px solid #C50077;
  border-top: 5px solid #C50077;
  animation: spin 1s linear infinite;
  margin-right: 5px; }

[data-js="rendre-actif"] {
  vertical-align: middle;
  margin-left: 5px; }
  [data-js="rendre-actif"] .icon-croix:before {
    padding: 0;
    color: #C50077;
    font-size: 15px;
    transition: 0.3s color; }
  [data-js="rendre-actif"]:hover .icon-croix:before {
    color: #790049; }

[data-js="clear-search"] {
  vertical-align: middle;
  visibility: hidden; }
  [data-js="clear-search"] .icon-croix:before {
    padding: 0;
    color: #C50077;
    font-size: 15px;
    transition: 0.3s color; }
  [data-js="clear-search"]:hover .icon-croix:before {
    color: #790049; }

#btn-enregistrer-on {
  display: none; }

td.cellule {
  color: #4D4D4D;
  font-size: 12px;
  padding: 6px 0px;
  line-height: 15px; }
  td.cellule.border {
    border: 1px solid #ededed; }

#recherche {
  border-bottom: 2px solid #ededed; }
  #recherche .tab {
    border: 1px solid #ededed !important;
    background: white; }
  #recherche[data-initial-state="hidden"] {
    display: none; }

.champ-recherche {
  position: relative;
  display: flex; }
  .champ-recherche span.icon-recherche {
    order: -1;
    transition: 0.3s;
    transform: rotateY(180deg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    pointer-events: none; }
    .champ-recherche span.icon-recherche:before {
      color: #ededed; }
  .champ-recherche input[type="text"][data-type="search"],
  .champ-recherche input[type="text"][name*="search"] {
    max-width: 100%;
    width: 100%;
    border: 0;
    border-radius: 0;
    outline: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C50077), to(#C50077)), -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ededed));
    background-image: -webkit-linear-gradient(#C50077, #C50077), -webkit-linear-gradient(#ededed, #ededed);
    background-image: linear-gradient(#C50077, #C50077), linear-gradient(#ededed, #ededed);
    background-size: 0 2px,100% 1px;
    background-repeat: no-repeat;
    background-position: bottom, 50% calc(100% - 1px);
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
    padding-left: 25px; }
    .champ-recherche input[type="text"][data-type="search"]:focus, .champ-recherche input[type="text"][data-type="search"].typing,
    .champ-recherche input[type="text"][name*="search"]:focus,
    .champ-recherche input[type="text"][name*="search"].typing {
      outline: none;
      background-size: 100% 2px,100% 1px;
      -webkit-transition-duration: .3s;
      transition-duration: .3s; }
      .champ-recherche input[type="text"][data-type="search"]:focus + span.icon-recherche:before, .champ-recherche input[type="text"][data-type="search"].typing + span.icon-recherche:before,
      .champ-recherche input[type="text"][name*="search"]:focus + span.icon-recherche:before,
      .champ-recherche input[type="text"][name*="search"].typing + span.icon-recherche:before {
        color: #C50077; }

.historique-college {
  background: #ededed;
  font-style: italic; }
  .historique-college .tab {
    color: #7b7b7b; }

.bouton_supprimer,
.bouton_afficher {
  outline: none;
  border: 0;
  background: transparent;
  cursor: pointer; }
  .bouton_supprimer[disabled] .icon-voir-plus:before,
  .bouton_supprimer[disabled] .icon-supprimer:before,
  .bouton_afficher[disabled] .icon-voir-plus:before,
  .bouton_afficher[disabled] .icon-supprimer:before {
    color: #cfcece !important;
    cursor: default; }
  .bouton_supprimer .icon-supprimer:before,
  .bouton_afficher .icon-supprimer:before {
    font-size: 26px;
    color: #C50077; }

.ou {
  text-align: center;
  font-style: italic;
  padding-left: 20px; }
  .ou:nth-of-type(2) {
    padding-top: 5px; }

.link-society {
  color: #C50077; }

.hidden {
  display: none; }

.tableau-action-form .cellule[onclick] {
  color: #C50077; }

.white-space-pre-wrap {
  white-space: pre-wrap !important;
  word-wrap: break-word;
  overflow-wrap: break-word; }

/*= End of REFONTE CSS =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= APP SPECIFIC CSS =
===============================================>>>>>*/
/* Utilisés dans la centrale de paiements */
.btn_preremise {
  font-size: 10pt;
  border: 1px solid #4D4D4D;
  cursor: pointer;
  width: 360px;
  padding: 5px;
  padding-bottom: 15px;
  padding-top: 15px;
  outline: none; }

.bouton_envoyer_centrale {
  background-image: url("../img/4/4_bouton_180_vert_off.gif?v=14.1.0");
  border: 0;
  width: 180;
  height: 20;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  outline: none; }

.bouton_envoyer_centrale_on {
  background-image: url("../img/4/4_bouton_180_vert_on.gif?v=14.1.0");
  border: 0;
  width: 180;
  height: 20;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  outline: none; }

/* FIN Utilisés dans la centrale de paiements */
.centrale_statut1 {
  background-color: #F81;
  color: #fff; }

.centrale_statut2 {
  background-color: green;
  color: #fff; }

.centrale_statut3 {
  background-color: red;
  color: #fff; }

.table-border-color {
  border-color: #ededed; }

/* BANKX-51988 fix display list of currencies  */
#form_virint_index_virement > tbody > tr > td:last-child {
  width: 62px; }

.text-commentaire {
  font-style: italic; }

.text-modificateur {
  text-decoration: underline; }

.text-destinataire {
  font-weight: bold; }

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

.rib-pdf-icon {
  display: inline-block;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(7px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px); }
  .rib-pdf-icon img {
    width: 27px; }

.wrap-coda-text {
  white-space: normal !important;
  width: 12vw;
  min-width: 200px; }

.intraday-legend-cell {
  width: 50px;
  height: 14px;
  border: solid 1px #ccc; }

.bg-first-left {
  background-color: #EDEDED; }

.bg-second-left {
  background-color: rgba(138, 30, 96, 0.2); }

.bg-second-right {
  background-color: rgba(197, 0, 119, 0.15); }

.audit-list-group {
  list-style-type: none;
  overflow: hidden;
  font-size: 14px;
  display: flex;
  justify-content: center; }

.audit-list-group li {
  width: 60px;
  font-weight: bold;
  float: left;
  color: #dddddd; }

.audit-list-group li:not(:last-child) {
  margin-right: .5rem; }

.audit-list-group li .icon-pastille-check, .audit-list-group li .icon-pastille-attention, .audit-list-group li .icon-pastille-croix {
  font-size: 28px;
  vertical-align: middle; }

.obj_inactif .audit-list-group li {
  color: #ffffff !important; }

.audit-list-group li.high {
  color: #419b29; }

.audit-list-group li.medium {
  color: #ee7f00; }

.audit-list-group li.low-or-no {
  color: #c5062c; }

.dx-modal-label {
  color: #C50077;
  font-weight: bold; }

#dx-export-buttons {
  display: flex;
  align-items: flex-center;
  justify-content: center; }
  #dx-export-buttons .dx-btn {
    background: transparent;
    cursor: pointer;
    border: none;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px; }
  #dx-export-buttons .icon-imprimer {
    font-size: 25px; }
    #dx-export-buttons .icon-imprimer:before {
      color: #C50077; }

.vtop {
  vertical-align: top; }

[class*="icon-"].primary-color:before {
  color: #C50077; }

[class*="icon-"].secondary-color:before {
  color: #8A1E60; }

[class*="icon-"].tertiary-color:before {
  color: #419B29; }

#bloc_solde .icon-ordi-message:before, #bloc_mouvement .icon-ordi-message:before, #bloc_accuse_reception .icon-ordi-message:before, #bloc_remise_attente_psr .icon-ordi-message:before, #bloc_gpi_recevoir .icon-ordi-message:before {
  font-size: 25px; }

#bloc_solde .icon-mobile:before, #bloc_mouvement .icon-mobile:before, #bloc_accuse_reception .icon-mobile:before, #bloc_remise_attente_psr .icon-mobile:before, #bloc_gpi_recevoir .icon-mobile:before {
  font-size: 25px;
  transform: rotate(180deg); }

.icon-gestionnaire-compte:before {
  content: "\e90b";
  color: #C50077;
  font-size: 20px; }

.btn-display-none {
  display: none !important; }

.btn-mt-5 {
  margin-top: 5px; }

.help-bubble {
  display: flex;
  align-items: center;
  justify-content: center; }

.optionnel-cumul-item:first-child {
  margin-top: 0px;
  height: 18px; }

.optionnel-cumul-item {
  font-weight: 100 !important; }

.optionnel-cumul-item, .optionnel-total-item {
  margin-top: 20px;
  height: 18px; }

.optionnel-cursor-auto {
  pointer-events: auto !important; }

.optionnel-date-color {
  color: #8A1E60 !important; }

.optionnel-mt-right {
  position: unset !important;
  align-items: end !important;
  justify-content: end;
  padding-top: 10px !important; }

.optionnel-cell-expend {
  background-color: rgba(197, 0, 119, 0.2);
  padding: 0px !important; }

.optionnel-cell-bg {
  background-color: rgba(197, 0, 119, 0.2);
  border: 2px solid #C50077 !important; }

#produit_optionnel_datagrid .dx-texteditor-input-container input {
  border: none !important; }

.optionnel-text-highlight {
  color: #C50077 !important;
  font-weight: bold; }

#produit_optionnel_datagrid .dx-datagrid-rowsview .dx-datagrid-focus-overlay {
  border: none; }

#produit_optionnel_datagrid .dx-row-lines td.dx-editor-cell.dx-focused > div:first-child {
  border: 2px solid #C50077;
  padding-top: 4px;
  padding-bottom: 3px; }

#produit_optionnel_datagrid .dx-row-lines td.dx-focused:not(.dx-editor-cell, .optionnel-cell-expend) {
  border: 2px solid #C50077;
  display: inline-block;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100%; }

.optionnel-cell-expend > div:first-child {
  border: 2px solid #C50077;
  padding: 11px 7px; }

.tab_param_pt0 {
  padding-top: 0px !important; }

span.ck_undetermined {
  position: relative;
  display: inline-block; }
  span.ck_undetermined:before {
    content: " ";
    position: absolute;
    display: block;
    height: 2px;
    width: 5px;
    background-color: #333333;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1; }

#tbody_hab_droits_comptes_body tr.comptes-bancaires-sub td:first-child {
  padding-left: 16px; }

#tbody_hab_droits_comptes_body .comptes-bancaires-header td {
  background-color: #DDD;
  padding-bottom: 7px; }
  #tbody_hab_droits_comptes_body .comptes-bancaires-header td:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    padding-left: 5px !important; }
  #tbody_hab_droits_comptes_body .comptes-bancaires-header td:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    padding-right: 5px !important; }

button[class*="bouton"][value~=Supprimer],
button[class*="bouton"][value~=Delete],
button[class*="bouton"][value~=Suprimir],
button[class*="bouton"][value~=L\00F6schen],
button[class*="bouton"][value~=Elimina] {
  background-image: url(../img/4/4_bouton_delete.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  button[class*="bouton"][value~=Supprimer]:hover,
  button[class*="bouton"][value~=Delete]:hover,
  button[class*="bouton"][value~=Suprimir]:hover,
  button[class*="bouton"][value~=L\00F6schen]:hover,
  button[class*="bouton"][value~=Elimina]:hover {
    background-image: url(../img/4/4_bouton_delete_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

button[class*="bouton"][value~=Retour],
button[class*="bouton"][value~=Back],
button[class*="bouton"][value~=Volver],
button[class*="bouton"][value~=Zurück],
button[class*="bouton"][value~=返回],
button[class*="bouton"][value~=Esci],
button[name*="quitter"][class*="action-bar-icon-retour"]:not(.no-icon),
button#form_quitter[class*="bouton"]:not(.no-icon) {
  background-image: url(../img/4/4_bouton_retour.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 28px; }
  button[class*="bouton"][value~=Retour]:hover,
  button[class*="bouton"][value~=Back]:hover,
  button[class*="bouton"][value~=Volver]:hover,
  button[class*="bouton"][value~=Zurück]:hover,
  button[class*="bouton"][value~=返回]:hover,
  button[class*="bouton"][value~=Esci]:hover,
  button[name*="quitter"][class*="action-bar-icon-retour"]:not(.no-icon):hover,
  button#form_quitter[class*="bouton"]:not(.no-icon):hover {
    background-image: url(../img/4/4_bouton_retour_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 28px; }

button[class*="bouton"][value~="Créer"][type="Submit"],
button[class*="bouton"][value~=New][type="Submit"],
button[class*="bouton"][value~=Crear][type="Submit"],
button[class*="bouton"][value~=Erstellen][type="Submit"],
button[class*="bouton"][value~=Crea][type="Submit"] {
  background-image: url(../img/4/4_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  button[class*="bouton"][value~="Créer"][type="Submit"]:hover,
  button[class*="bouton"][value~=New][type="Submit"]:hover,
  button[class*="bouton"][value~=Crear][type="Submit"]:hover,
  button[class*="bouton"][value~=Erstellen][type="Submit"]:hover,
  button[class*="bouton"][value~=Crea][type="Submit"]:hover {
    background-image: url(../img/4/4_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

button[class*="bouton"][value~="Créer"][type="button"],
button[class*="bouton"][value~=New][type="button"],
button[class*="bouton"][value~=Crear][type="button"],
button[class*="bouton"][value~=Erstellen][type="button"],
button[class*="bouton"][value~=Crea][type="button"] {
  background-image: url(../img/4/4_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  button[class*="bouton"][value~="Créer"][type="button"]:hover,
  button[class*="bouton"][value~=New][type="button"]:hover,
  button[class*="bouton"][value~=Crear][type="button"]:hover,
  button[class*="bouton"][value~=Erstellen][type="button"]:hover,
  button[class*="bouton"][value~=Crea][type="button"]:hover {
    background-image: url(../img/4/4_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

button[class*="bouton"][value~=Nouvelle][type="Submit"],
button[class*="bouton"][value~=Nouvel][type="Submit"],
button[class*="bouton"][value~=Nouveau][type="Submit"],
button[class*="bouton"][value~=New][type="Submit"],
button[class*="bouton"][value~=Nuevo][type="Submit"],
button[class*="bouton"][value~=Neue][type="Submit"],
button[class*="bouton"][value~=Nuovo][type="Submit"] {
  background-image: url(../img/4/4_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  button[class*="bouton"][value~=Nouvelle][type="Submit"]:hover,
  button[class*="bouton"][value~=Nouvel][type="Submit"]:hover,
  button[class*="bouton"][value~=Nouveau][type="Submit"]:hover,
  button[class*="bouton"][value~=New][type="Submit"]:hover,
  button[class*="bouton"][value~=Nuevo][type="Submit"]:hover,
  button[class*="bouton"][value~=Neue][type="Submit"]:hover,
  button[class*="bouton"][value~=Nuovo][type="Submit"]:hover {
    background-image: url(../img/4/4_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

button[class*="bouton"][value~=Ajouter],
button[class*="bouton"][value~=Add],
button[class*="bouton"][value~="Añadir"],
button[class*="bouton"][value~=Hinzuf\00FCgen],
button[class*="bouton"][value~=Aggiungi] {
  background-image: url(../img/4/4_bouton_add.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 25px; }
  button[class*="bouton"][value~=Ajouter]:hover:not([disabled]),
  button[class*="bouton"][value~=Add]:hover:not([disabled]),
  button[class*="bouton"][value~="Añadir"]:hover:not([disabled]),
  button[class*="bouton"][value~=Hinzuf\00FCgen]:hover:not([disabled]),
  button[class*="bouton"][value~=Aggiungi]:hover:not([disabled]) {
    background-image: url(../img/4/4_bouton_add_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 25px; }

button[class*="bouton"]:not(:disabled):hover:not(.bouton_supprimer):not(.bouton_afficher) {
  background-color: #C50077;
  color: white; }

button[class*="bouton"][disabled]:not(.bouton_supprimer):not(.bouton_afficher) {
  cursor: default !important;
  background-color: #f7f7f7;
  border: 1px solid #EEE;
  color: #CCC;
  opacity: 0.5;
  border-radius: 5px; }

button[class*="bouton"][value~=Enregistrer],
button[class*="bouton"][value~=Save],
button[class*="bouton"][value~=Registrar],
button[class*="bouton"][value~=Speichern],
button[class*="bouton"][value~=Salva] {
  background-image: url(../img/4/4_bouton_save.png?v=14.1.0);
  background-repeat: no-repeat;
  padding: 0 15px 0 30px; }
  button[class*="bouton"][value~=Enregistrer]:hover:not([disabled]),
  button[class*="bouton"][value~=Save]:hover:not([disabled]),
  button[class*="bouton"][value~=Registrar]:hover:not([disabled]),
  button[class*="bouton"][value~=Speichern]:hover:not([disabled]),
  button[class*="bouton"][value~=Salva]:hover:not([disabled]) {
    background-image: url(../img/4/4_bouton_save_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px 0 30px; }

button[class*="bouton"][value="<< lier"],
button[class*="bouton"][value="<< link"],
button[class*="bouton"][value="<< vincular"],
button[class*="bouton"][value="<< verbinden"],
button[class*="bouton"][value="<< Collega"] {
  width: 175px !important;
  margin: 0 0 10px 0;
  background-image: none !important; }

button[class*="bouton"][value='>> délier'],
button[class*="bouton"][value='>> unlink'],
button[class*="bouton"][value='>> desvincular'],
button[class*="bouton"][value='>> Verbindung lösen'],
button[class*="bouton"][value='>> Scollega'] {
  width: 175px !important;
  margin: 0 0 10px 0;
  background-image: none !important; }

button[type="Submit"],
button[type="button"]:not(.ms-choice) {
  /*:not(.ms-choice) => exclude multiple-select choice button*/
  margin-top: 3px; }

button[class*="bouton"][value~=Abandonner],
button[class*="bouton"][value~=Terminer] {
  order: 99;
  text-indent: 0px; }

.poppin-btn[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #EEE;
  color: #CCC;
  opacity: 0.5;
  border-radius: 5px;
  cursor: default !important;
  pointer-events: none; }

.bouton--icone {
  padding: 0 15px 0 30px; }
  .bouton--icone:hover {
    padding: 0 15px 0 30px; }

.bouton--telecharger {
  background-image: url("../img/4/4_bouton_save.png?v=14.1.0"); }
  .bouton--telecharger:hover {
    background-image: url("../img/4/4_bouton_save_on.png?v=14.1.0"); }

#BarreNavigation + br {
  display: none; }

.header-btn-container {
  display: flex;
  align-items: flex-start;
  margin-left: -40px;
  margin-top: -30px;
  width: calc(100% + 80px);
  padding: 0 0 0 40px;
  margin-bottom: 15px;
  background: linear-gradient(180deg, #f8f8f8 0, #f8f8f8 45px, transparent 45px, transparent);
  max-width: 100%; }
  .header-btn-container > * {
    order: 99;
    box-sizing: border-box; }
  .header-btn-container .titresection1,
  .header-btn-container .TitreSection1 {
    order: 2;
    padding: 0;
    margin-right: 5px;
    position: relative;
    height: 100%;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word; }

.header-btn-container [name*="_quitter"], .header-btn-container [id*="_quitter"], .header-btn-container button[data-old-name] {
  order: 0;
  position: relative;
  margin-right: 18px !important;
  text-indent: -9999px;
  padding: 0 15px !important;
  background-color: #f8f8f8; }
  .header-btn-container [name*="_quitter"]:hover, .header-btn-container [id*="_quitter"]:hover, .header-btn-container button[data-old-name]:hover {
    margin-right: 18px !important;
    background-image: url(../img/0/0_bouton_retour_on.png?v=14.1.0);
    background-repeat: no-repeat;
    padding: 0 15px !important;
    background-color: #C50077; }
  .header-btn-container [name*="_quitter"]::after, .header-btn-container [id*="_quitter"]::after, .header-btn-container button[data-old-name]::after {
    content: "";
    width: 1px;
    height: 70%;
    background-color: #c3c3c3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 10px); }

.header-btn-container [name*="_quitter"],
.header-btn-container [id*="_quitter"],
.header-btn-container button[data-old-name] {
  margin-top: 7.5px; }

.header-btn-container .titresection1,
.header-btn-container .TitreSection1 {
  height: 45px;
  display: flex;
  align-items: center;
  overflow: hidden; }

#actionBar .titresection1 span,
#actionBar .TitreSection1 span,
.header-btn-container .titresection1 span,
.header-btn-container .TitreSection1 span {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3; }

.header-btn-container #pop_aide {
  height: 45px;
  display: flex;
  align-items: center; }

.header-btn-container .titresection1 ~ div:not(#pop_aide),
.header-btn-container .TitreSection1 ~ div:not(#pop_aide) {
  min-height: 45px;
  background-color: #ffffff;
  flex: 1 1;
  position: relative;
  padding-left: 45px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .header-btn-container .titresection1 ~ div:not(#pop_aide):before,
  .header-btn-container .TitreSection1 ~ div:not(#pop_aide):before {
    content: "";
    position: absolute;
    background: url("../img/0/curve.svg");
    background-repeat: no-repeat;
    width: 45px;
    height: 100%;
    top: 0;
    left: 0; }

.header-btn-container .titresection1 ~ div:not(#pop_aide) .bouton,
.header-btn-container .TitreSection1 ~ div:not(#pop_aide) .bouton {
  margin-bottom: 8px; }

#actionBar {
  display: flex;
  align-items: center;
  width: calc(100% + 80px);
  padding: 0 0 0 40px;
  margin-bottom: 15px;
  background-color: #f8f8f8;
  max-width: 100%;
  border-bottom: 1px solid #dddddd; }
  #actionBar.custom {
    top: -55px; }
  #actionBar > * {
    order: 99;
    box-sizing: border-box; }
  #actionBar [name*="_quitter"]:not(.no-icon), #actionBar button[data-old-name], #actionBar [name*="_quitter"][class*="action-bar-icon-retour"] {
    order: 0;
    position: relative;
    margin-right: 18px !important;
    padding: 0 15px !important;
    background-color: #f8f8f8;
    text-indent: -9999px; }
    #actionBar [name*="_quitter"]:not(.no-icon):hover, #actionBar button[data-old-name]:hover, #actionBar [name*="_quitter"][class*="action-bar-icon-retour"]:hover {
      margin-right: 18px !important;
      background-color: #C50077; }
    #actionBar [name*="_quitter"]:not(.no-icon)::after, #actionBar button[data-old-name]::after, #actionBar [name*="_quitter"][class*="action-bar-icon-retour"]::after {
      content: "";
      width: 1px;
      height: 70%;
      background-color: #c3c3c3;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: calc(100% + 10px); }
  #actionBar .titresection1,
  #actionBar .TitreSection1 {
    overflow-y: hidden;
    align-items: flex-start;
    order: 2;
    padding: 0;
    margin-right: 5px;
    position: relative;
    height: 100%;
    white-space: normal;
    word-break: break-word;
    margin-left: 0 !important; }
    #actionBar .titresection1 .SpanSpace,
    #actionBar .TitreSection1 .SpanSpace {
      margin: 0; }
  #actionBar .pop_aide {
    order: 3; }

.btn-group {
  height: 45px;
  background-color: #ffffff;
  flex: 1 1;
  position: relative;
  padding-left: 45px;
  display: flex;
  align-items: center; }
  .btn-group:before {
    content: "";
    position: absolute;
    background: url("../img/0/curve.svg");
    height: 100%;
    width: 45px;
    top: 0;
    left: 0; }

.header-btn-container__text {
  margin: 3px 8px 8px 0;
  height: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Source Sans Pro"; }

/**
* DevExtreme (dx.common.css)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-clearfix:after,
.dx-clearfix:before {
  display: table;
  content: "";
  line-height: 0; }

.dx-clearfix:after {
  clear: both; }

.dx-translate-disabled {
  -webkit-transform: none !important;
  transform: none !important; }

.dx-hidden-input {
  position: fixed;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0; }

.dx-user-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.dx-hidden,
.dx-state-invisible {
  display: none !important; }

.dx-gesture-cover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2147483647; }

.dx-animating {
  pointer-events: none; }

.dx-fade-animation.dx-enter,
.dx-fade-animation.dx-leave.dx-leave-active,
.dx-no-direction.dx-enter,
.dx-no-direction.dx-leave.dx-leave-active {
  opacity: 0; }

.dx-fade-animation.dx-enter.dx-enter-active,
.dx-fade-animation.dx-leave,
.dx-no-direction.dx-enter.dx-enter-active,
.dx-no-direction.dx-leave {
  opacity: 1; }

.dx-overflow-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2; }

.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 2; }

.dx-overflow-animation.dx-enter.dx-backward,
.dx-overflow-animation.dx-enter.dx-enter-active.dx-backward,
.dx-overflow-animation.dx-leave.dx-forward,
.dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1; }

.dx-overflow-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 2; }

.dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2; }

.dx-slide-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.dx-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.dx-slide-animation.dx-enter.dx-enter-active.dx-backward,
.dx-slide-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.dx-slide-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.dx-opendoor-animation.dx-enter.dx-forward {
  -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0; }

.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward,
.dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: none;
  transform: none;
  opacity: 1; }

.dx-opendoor-animation.dx-leave.dx-backward,
.dx-opendoor-animation.dx-leave.dx-forward {
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 1; }

.dx-opendoor-animation.dx-enter.dx-backward,
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0; }

.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  opacity: 0; }

.dx-win-pop-animation.dx-enter.dx-forward {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0; }

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.dx-win-pop-animation.dx-enter.dx-backward,
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0; }

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0; }

.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  opacity: 0; }

.dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
  z-index: 1; }

.dx-ios7-slide-animation.dx-enter.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.dx-ios7-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  z-index: 1; }

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1; }

.dx-ios7-slide-animation.dx-leave.dx-forward {
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  z-index: 1; }

.dx-ios7-slide-animation.dx-leave.dx-backward {
  z-index: 2; }

.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2; }

.dx-ios7-toolbar-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2; }

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2; }

.dx-ios7-toolbar-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1; }

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward,
.dx-ios7-toolbar-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 1; }

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1; }

.dx-ios7-toolbar-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2; }

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2; }

.dx-drop-animation.dx-enter,
.dx-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0); }

.dx-drop-animation.dx-enter.dx-enter-active,
.dx-drop-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.dx-3d-drop-animation.dx-enter,
.dx-3d-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0; }

.dx-3d-drop-animation.dx-enter.dx-enter-active,
.dx-3d-drop-animation.dx-leave {
  -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1; }

.dx-fade-drop-animation.dx-enter,
.dx-fade-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0; }

.dx-fade-drop-animation.dx-enter.dx-enter-active,
.dx-fade-drop-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1; }

.dx-fade-rise-animation.dx-enter,
.dx-fade-rise-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0; }

.dx-fade-rise-animation.dx-enter.dx-enter-active,
.dx-fade-rise-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1; }

.dx-fade-slide-animation.dx-enter,
.dx-fade-slide-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0; }

.dx-fade-slide-animation.dx-enter.dx-enter-active,
.dx-fade-slide-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.dx-fade-zoom-animation.dx-enter,
.dx-fade-zoom-animation.dx-leave.dx-leave-active {
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0; }

.dx-fade-zoom-animation.dx-enter.dx-enter-active,
.dx-fade-zoom-animation.dx-leave {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

.dx-icon-add,
.dx-icon-airplane,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-arrowdown,
.dx-icon-arrowleft,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-background,
.dx-icon-blockquote,
.dx-icon-bold,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-bulletlist,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-chart,
.dx-icon-clear,
.dx-icon-clearformat,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-codeblock,
.dx-icon-color,
.dx-icon-comment,
.dx-icon-decreaseindent,
.dx-icon-doc,
.dx-icon-download,
.dx-icon-edit,
.dx-icon-email,
.dx-icon-event,
.dx-icon-favorites,
.dx-icon-find,
.dx-icon-folder,
.dx-icon-fontsize,
.dx-icon-food,
.dx-icon-formula,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-group,
.dx-icon-growfont,
.dx-icon-header,
.dx-icon-help,
.dx-icon-home,
.dx-icon-image,
.dx-icon-increaseindent,
.dx-icon-indent,
.dx-icon-info,
.dx-icon-italic,
.dx-icon-key,
.dx-icon-like,
.dx-icon-link,
.dx-icon-map,
.dx-icon-mention,
.dx-icon-menu,
.dx-icon-money,
.dx-icon-music,
.dx-icon-orderedlist,
.dx-icon-overflow,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-plus,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-redo,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-runner,
.dx-icon-save,
.dx-icon-search,
.dx-icon-shrinkfont,
.dx-icon-strike,
.dx-icon-subscript,
.dx-icon-superscript,
.dx-icon-tags,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-underline,
.dx-icon-undo,
.dx-icon-user,
.dx-icon-variable,
.dx-icon-video {
  background-position: 0 0;
  background-repeat: no-repeat; }

.dx-icon {
  background-position: 50% 50%; }

.dx-svg-icon svg {
  pointer-events: none; }

.dx-color-scheme {
  font-family: "#"; }

.dx-widget {
  display: block;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  padding: 0;
  outline: 0;
  -webkit-print-color-adjust: exact;
  color-adjust: exact; }

.dx-widget,
.dx-widget *,
.dx-widget :after,
.dx-widget :before,
.dx-widget:after,
.dx-widget:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dx-item {
  outline: 0; }

.dx-rtl {
  direction: rtl;
  unicode-bidi: embed; }

.dx-state-disabled {
  pointer-events: none; }

.dx-draggable {
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-draggable.dx-state-disabled,
.dx-state-disabled .dx-draggable {
  cursor: default; }

.dx-draggable-clone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647; }

.dx-sortable {
  overflow: hidden; }

.dx-sortable-dragging.dx-sortable-clone {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .9;
  z-index: 2147483647; }

.dx-sortable-dragging.dx-sortable-clone * {
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.dx-sortable-source {
  opacity: .5; }

.dx-sortable-source-hidden {
  opacity: 0; }

.dx-sortable-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2147483647; }

.dx-sortable-placeholder-inside {
  border-width: 2px; }

.dx-resizable {
  display: block;
  position: relative; }

.dx-resizable-handle {
  position: absolute;
  z-index: 50; }

.dx-state-disabled .dx-resizable-handle {
  cursor: default; }

.dx-resizable-handle-left,
.dx-resizable-handle-right {
  top: 0;
  height: 100%;
  width: 3px; }

.dx-resizable-handle-left {
  left: 0;
  cursor: e-resize; }

.dx-resizable-handle-right {
  right: 0;
  cursor: e-resize; }

.dx-resizable-handle-bottom,
.dx-resizable-handle-top {
  left: 0;
  width: 100%;
  height: 3px; }

.dx-resizable-handle-top {
  top: 0;
  cursor: s-resize; }

.dx-resizable-handle-bottom {
  bottom: 0;
  cursor: s-resize; }

.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
  width: 6px;
  height: 6px; }

.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-left {
  cursor: se-resize; }

.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-right {
  cursor: ne-resize; }

.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-left {
  left: 0;
  border-bottom-right-radius: 100%; }

.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-right {
  right: 0;
  border-bottom-left-radius: 100%; }

.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
  top: 0; }

.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right {
  bottom: 0; }

.dx-fieldset {
  margin-bottom: 20px; }

.dx-fieldset .dx-field-value {
  margin: 0; }

.dx-fieldset,
.dx-fieldset * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dx-fieldset-header:empty {
  display: none; }

.dx-field {
  position: relative;
  padding: .4em; }

.dx-field:after,
.dx-field:before {
  display: table;
  content: "";
  line-height: 0; }

.dx-field:after {
  clear: both; }

.dx-field-label {
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-field-value,
.dx-field-value-static {
  float: right; }

.dx-field-value-static {
  white-space: normal; }

.dx-field-value.dx-datebox {
  min-width: 60%; }

.dx-field-value:not(.dx-widget) > .dx-datebox {
  min-width: 100%; }

.dx-field-value .dx-selectbox-tag-container {
  white-space: normal; }

.dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  position: relative;
  width: auto;
  text-align: left; }

.dx-fieldset.dx-rtl .dx-field-label,
.dx-rtl .dx-fieldset .dx-field-label {
  float: right; }

.dx-fieldset.dx-rtl .dx-field-value,
.dx-rtl .dx-fieldset .dx-field-value {
  float: left; }

.dx-card {
  overflow: hidden; }

.dx-box-item-content {
  font-size: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%; }

.dx-box-fallback-item > .dx-box-item-content {
  width: 100%;
  height: 100%; }

.dx-button-disabled {
  cursor: default; }

.dx-button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none; }

.dx-button .dx-icon {
  -webkit-user-drag: none;
  display: inline-block;
  vertical-align: middle; }

.dx-button-content {
  height: 100%;
  max-height: 100%; }

.dx-button-has-text .dx-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-button-content:after {
  display: inline-block;
  position: relative;
  height: 100%;
  content: '';
  vertical-align: middle;
  font-size: 0; }

.dx-button-content > .dx-inkripple {
  display: none; }

.dx-button-link {
  text-decoration: none; }

.dx-button-text {
  display: inline;
  vertical-align: middle; }

.dx-button-submit-input {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0; }

.dx-state-disabled .dx-button,
.dx-state-disabled.dx-button {
  cursor: default; }

.dx-buttongroup {
  display: inline-block; }

.dx-buttongroup-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 100%;
  width: 100%; }

.dx-buttongroup-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.dx-buttongroup-item.dx-button-mode-contained,
.dx-buttongroup-item.dx-button-mode-outlined {
  border-left-width: 0; }

.dx-buttongroup-item.dx-button-mode-contained.dx-button,
.dx-buttongroup-item.dx-button-mode-outlined.dx-button {
  border-radius: 0; }

.dx-buttongroup-item.dx-button-mode-text {
  margin-left: 1px; }

.dx-buttongroup-item-has-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.dx-scrollable-scrollbar-simulated {
  position: relative; }

.dx-scrollable {
  display: block;
  height: 100%;
  min-height: 0; }

.dx-scrollable-native {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scroll-snap-type: proximity; }

.dx-scrollable-native .dx-scrollable-scrollbar {
  display: none; }

.dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
  display: block; }

.dx-scrollable-native .dx-scrollable-container {
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%; }

.dx-scrollable-native.dx-scrollable-vertical,
.dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  overflow-x: hidden;
  overflow-y: auto; }

.dx-scrollable-native.dx-scrollable-horizontal,
.dx-scrollable-native.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
  float: none;
  overflow-x: auto;
  overflow-y: hidden; }

.dx-scrollable-native.dx-scrollable-both,
.dx-scrollable-native.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container {
  -ms-touch-action: pan-y pan-x;
  touch-action: pan-y pan-x;
  float: none;
  overflow-x: auto;
  overflow-y: auto; }

.dx-scrollable-native.dx-scrollable-disabled,
.dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
  -ms-touch-action: auto;
  touch-action: auto; }

.dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
  opacity: 0; }

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
  min-height: 101%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content {
  min-height: 0;
  padding: 0; }

.dx-scrollable-native.dx-scrollable-native-generic {
  -ms-overflow-style: auto;
  overflow: hidden; }

.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
  height: auto; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
  -webkit-transform: none;
  transform: none;
  z-index: 0; }

.dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar,
.dx-scrollable-scrollbar-simulated ::-webkit-scrollbar {
  display: none; }

.dx-scrollable-container {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.dx-scrollable-container:focus {
  outline: 0; }

.dx-scrollable-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

.dx-scrollable-content {
  position: relative;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dx-scrollable-content:after,
.dx-scrollable-content:before {
  display: table;
  content: "";
  line-height: 0; }

.dx-scrollable-content:after {
  clear: both; }

.dx-scrollable-both .dx-scrollable-content,
.dx-scrollable-horizontal .dx-scrollable-content {
  display: block;
  float: left;
  min-width: 100%; }

.dx-scrollable-scrollbar {
  position: absolute;
  pointer-events: auto; }

.dx-scrollbar-vertical {
  top: 0;
  right: 0;
  height: 100%; }

.dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 5px; }

.dx-scrollbar-horizontal {
  bottom: 0;
  left: 0;
  width: 100%; }

.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 5px; }

.dx-scrollable-scroll {
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(0, 0);
  -webkit-transition: background-color linear;
  transition: background-color linear; }

.dx-scrollable-scroll.dx-state-invisible {
  display: block !important;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color .5s linear 1s;
  transition: background-color .5s linear 1s; }

.dx-rtl .dx-scrollable,
.dx-rtl .dx-scrollable .dx-scrollable-container,
.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-rtl.dx-scrollable,
.dx-rtl.dx-scrollable .dx-scrollable-container,
.dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: ltr; }

.dx-rtl .dx-scrollable .dx-scrollable-content > *,
.dx-rtl.dx-scrollable .dx-scrollable-content > * {
  direction: rtl; }

.dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  right: auto;
  left: 0; }

.dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
.dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  direction: ltr; }

.dx-device-ios-6 .dx-scrollable-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
  display: none; }

.dx-scrollable-simulated .dx-scrollable-content {
  overflow-anchor: none; }

.dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar {
  pointer-events: none; }

.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
  position: absolute;
  display: none; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
  width: 40px;
  height: 40px;
  left: 50%;
  position: absolute;
  z-index: 1; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  background-image: none;
  position: static;
  height: 100%;
  width: 100%;
  left: -50%;
  margin-left: -20px;
  padding: 0;
  border-radius: 50%; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  -webkit-transition: -webkit-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear,-webkit-transform .1s linear; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator {
  position: relative;
  top: 0;
  padding: 4px;
  margin: 0;
  height: 100%;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator {
  float: left; }

.dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
  -webkit-transition: top .2s ease-out;
  transition: top .2s ease-out; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
  display: none; }

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  position: absolute;
  left: 0;
  width: 100%;
  overflow-y: auto;
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s,-webkit-transform .4s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s,-webkit-transform .4s;
  -webkit-transform: none;
  transform: none; }

.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled {
  overflow-y: auto; }

.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container {
  overflow-y: auto;
  overflow-x: hidden; }

.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content,
.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content {
  overflow-y: hidden; }

.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container {
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket {
  width: 100%;
  text-align: center; }

.dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
  display: block; }

.dx-scrollview-content {
  position: static; }

.dx-scrollview-content:after,
.dx-scrollview-content:before {
  display: table;
  content: "";
  line-height: 0; }

.dx-scrollview-content:after {
  clear: both; }

.dx-scrollview-pull-down {
  width: 100%;
  height: 50px;
  padding: 15px 0;
  top: -80px;
  overflow: hidden;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-user-drag: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-scrollview-pull-down-container {
  display: inline-block;
  width: 49%;
  text-align: right; }

.dx-scrollview-pull-down-indicator {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  margin: -15px 20px 0 15px;
  width: 20px;
  -webkit-user-drag: none; }

.dx-scrollview-pull-down-image {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  width: 20px;
  height: 50px;
  background-size: contain;
  -webkit-user-drag: none;
  -webkit-transform: translate(0, 0) rotate(0);
  transform: translate(0, 0) rotate(0);
  -webkit-transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear,-webkit-transform .2s linear; }

.dx-scrollview-pull-down-text {
  display: inline;
  vertical-align: middle;
  position: relative;
  overflow: visible;
  -webkit-user-drag: none; }

.dx-scrollview-pull-down-text div {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: visible;
  opacity: 0; }

.dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
  opacity: 1; }

.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
  -webkit-transform: translate(0, 0) rotate(-180deg);
  transform: translate(0, 0) rotate(-180deg); }

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
  opacity: 0; }

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
  opacity: 1; }

.dx-scrollview-scrollbottom {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.dx-scrollview-scrollbottom:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.dx-scrollview-scrollbottom-indicator {
  display: inline-block;
  margin: 0 10px 0 0;
  -webkit-user-drag: none; }

.dx-scrollview-scrollbottom-text {
  display: inline-block;
  margin-top: -20px;
  vertical-align: middle;
  -webkit-user-drag: none; }

.dx-scrollview-scrollbottom-end {
  opacity: 0; }

.dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket,
.dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  left: auto;
  right: 0; }

.dx-rtl .dx-scrollview-pull-down-container {
  text-align: left; }

.dx-rtl .dx-scrollview-pull-down-indicator,
.dx-rtl .dx-scrollview-pull-down-text div {
  left: auto;
  right: 0; }

.dx-rtl .dx-scrollview-scrollbottom-indicator {
  margin: 0 0 0 10px; }

.dx-checkbox {
  display: inline-block;
  cursor: pointer;
  line-height: 0;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-checkbox.dx-state-readonly {
  cursor: default; }

.dx-checkbox-icon {
  display: inline-block;
  position: relative;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat; }

.dx-checkbox-container {
  height: 100%;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-checkbox-has-text .dx-checkbox-icon,
.dx-checkbox-has-text .dx-checkbox-text {
  vertical-align: middle; }

.dx-checkbox-text {
  display: inline-block;
  vertical-align: middle;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: normal;
  height: 100%;
  width: 100%; }

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
  margin: 0;
  padding: 0; }

.dx-state-disabled .dx-checkbox,
.dx-state-disabled.dx-checkbox {
  cursor: default; }

.dx-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none; }

.dx-switch-wrapper {
  display: inline-block;
  text-align: left;
  height: 100%;
  width: 100%; }

.dx-switch-wrapper:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle; }

.dx-switch-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.dx-switch-container {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  vertical-align: middle; }

.dx-state-disabled .dx-switch,
.dx-state-disabled.dx-switch {
  cursor: default; }

.dx-switch-handle,
.dx-switch-on-value .dx-switch-inner {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.dx-switch-on-value .dx-switch-handle {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.dx-rtl .dx-switch-wrapper,
.dx-rtl.dx-switch-wrapper {
  text-align: right; }

.dx-rtl .dx-switch-inner {
  -webkit-transform: translateX(50%);
  transform: translateX(50%); }

.dx-rtl .dx-switch-handle {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.dx-rtl.dx-switch-on-value .dx-switch-handle {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.dx-badge {
  padding: 0 5px;
  border-radius: 14px;
  color: #fff;
  font-size: 13px;
  line-height: 1; }

.dx-tabs-ie-hack a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-decoration: none;
  opacity: .001; }

.dx-tabs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: inline-block;
  width: 100%;
  text-align: center;
  table-layout: fixed;
  position: relative; }

.dx-tabs.dx-tabs-stretched {
  table-layout: auto; }

.dx-tabs.dx-overflow-hidden {
  overflow: hidden; }

.dx-tabs-wrapper {
  display: table-row; }

.dx-tabs-scrollable .dx-tabs-wrapper {
  display: block;
  white-space: nowrap;
  height: 100%; }

.dx-tabs-scrollable .dx-tab {
  height: 100%;
  display: inline-block; }

.dx-tabs-scrollable .dx-tab:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.dx-tabs-scrollable .dx-scrollable-content {
  height: 100%; }

.dx-tabs-nav-buttons .dx-tabs-scrollable {
  margin-right: 25px;
  margin-left: 25px; }

.dx-tabs-nav-button {
  width: 25px;
  padding: 0;
  height: 100%;
  position: absolute;
  top: 0; }

.dx-tabs-nav-button-left {
  left: 0; }

.dx-tabs-nav-button-right {
  right: 0; }

.dx-tabs-expanded {
  display: table; }

.dx-tab {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap; }

.dx-tab a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-decoration: none;
  opacity: .001; }

.dx-tab .dx-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
  -webkit-user-drag: none; }

.dx-tab-content {
  display: inline-block;
  max-width: 100%; }

.dx-tab-text {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
  -webkit-user-drag: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-tabs-item-badge {
  display: inline-block;
  vertical-align: top; }

.dx-state-disabled .dx-tab {
  cursor: default; }

.dx-map-container,
.dx-map-shield {
  position: relative;
  width: 100%;
  height: 100%;
  color: #000; }

.dx-map-shield {
  top: -100%;
  left: 0;
  background: rgba(0, 0, 0, 0.01);
  opacity: .01; }

.dx-tabs.dx-navbar {
  margin: 0;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-tabs.dx-navbar .dx-icon {
  display: block;
  margin: 0 auto;
  width: 31px;
  height: 31px; }

.dx-rtl .dx-tabs.dx-navbar .dx-icon,
.dx-rtl.dx-tabs.dx-navbar .dx-icon {
  margin: 0 auto; }

.dx-tabs.dx-navbar .dx-tab-text {
  display: block;
  vertical-align: 50%; }

.dx-nav-item {
  position: relative;
  vertical-align: bottom; }

.dx-nav-item.dx-state-disabled {
  cursor: default; }

.dx-nav-item-content {
  display: block; }

.dx-nav-item a {
  display: block;
  height: 100%;
  text-decoration: none; }

.dx-navbar-item-badge {
  position: absolute;
  top: 11%;
  right: 50%;
  margin-right: -24px; }

.dx-rtl .dx-nav-item .dx-navbar-item-badge {
  right: auto;
  left: 50%;
  margin-right: auto;
  margin-left: -24px; }

.dx-texteditor {
  display: block; }

.dx-texteditor input::-ms-clear {
  display: none; }

.dx-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none; }

.dx-placeholder:before {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  content: attr(DATA-DX_PLACEHOLDER);
  pointer-events: none;
  white-space: nowrap; }

.dx-placeholder:after {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.dx-texteditor-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.dx-texteditor-buttons-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: content;
  -ms-flex-preferred-size: content;
  flex-basis: content;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.dx-texteditor-input-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.dx-texteditor-input {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.dx-texteditor-input:-webkit-autofill + .dx-placeholder {
  display: none; }

.dx-texteditor-input:-moz-ui-invalid {
  box-shadow: none; }

.dx-show-clear-button {
  position: relative; }

.dx-clear-button-area {
  height: 100%;
  width: 34px;
  position: relative;
  cursor: pointer;
  text-align: justify; }

.dx-clear-button-area .dx-icon-clear {
  position: absolute;
  display: inline-block;
  background-size: contain; }

.dx-texteditor-empty .dx-clear-button-area {
  display: none; }

.dx-state-disabled .dx-placeholder {
  cursor: auto; }

.dx-state-disabled .dx-clear-button-area {
  display: none; }

.dx-state-disabled .dx-texteditor-input {
  opacity: 1; }

.dx-rtl .dx-texteditor .dx-placeholder,
.dx-rtl.dx-texteditor .dx-placeholder {
  text-align: right;
  left: auto;
  right: 0; }

.dx-device-android .dx-texteditor-input {
  -webkit-user-modify: read-write-plaintext-only; }

.dx-searchbox .dx-icon-search {
  display: block;
  position: relative;
  pointer-events: none; }

.dx-searchbox .dx-icon-search:before {
  content: "";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-dropdowneditor {
  position: relative; }

.dx-dropdowneditor.dx-dropdowneditor-field-clickable {
  cursor: pointer; }

.dx-dropdowneditor-input-wrapper {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-dropdowneditor-input-wrapper .dx-texteditor {
  border: none;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  text-overflow: ellipsis; }

.dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear {
  width: 0;
  height: 0; }

.dx-dropdowneditor-field-template-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.dx-dropdowneditor-field-template-wrapper > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  opacity: .35; }

.dx-dropdowneditor-button {
  position: relative;
  float: right;
  height: 100%;
  cursor: pointer; }

.dx-dropdowneditor-button .dx-button-content {
  text-align: center;
  white-space: nowrap; }

.dx-rtl .dx-dropdowneditor-button,
.dx-rtl.dx-dropdowneditor-button {
  float: left; }

.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
  cursor: default; }

.dx-dropdowneditor-icon {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor {
  cursor: default; }

.dx-state-disabled .dx-dropdowneditor-button {
  cursor: inherit; }

.dx-state-disabled .dx-dropdowneditor-icon {
  opacity: .2; }

.dx-list {
  margin: 0;
  min-height: 3em; }

.dx-list .dx-scrollview-content:focus {
  outline: 0; }

.dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
  white-space: normal; }

.dx-empty-collection .dx-list-select-all {
  display: none; }

.dx-list-group-header:before {
  width: 0;
  height: 0;
  display: block;
  float: right;
  margin-top: 6px;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 5px 0; }

.dx-list-collapsible-groups .dx-list-group-header {
  cursor: pointer; }

.dx-list-collapsible-groups .dx-list-group-header:before {
  content: ' '; }

.dx-list-group-collapsed .dx-list-group-header:before {
  border-width: 0 5px 5px; }

.dx-list-group-body {
  overflow: hidden; }

.dx-list-item {
  position: static;
  cursor: pointer;
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-list-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%; }

.dx-list-item-content:before {
  content: "_";
  color: transparent;
  display: inline-block;
  width: 0;
  float: left; }

.dx-list .dx-empty-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 3em; }

.dx-list-item-badge-container {
  display: table-cell;
  width: 20px;
  text-align: right;
  vertical-align: middle;
  padding-right: 10px; }

.dx-list-item-badge {
  float: right;
  position: relative; }

.dx-list-item-chevron-container {
  display: table-cell;
  width: 15px;
  vertical-align: middle; }

.dx-list-item-icon-container {
  display: inline-block; }

.dx-list-item-chevron {
  height: 8px;
  width: 8px;
  margin-left: -6px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-width: 2px 0 0 2px;
  border-style: solid;
  opacity: .3; }

.dx-rtl .dx-list-item-chevron {
  margin-left: auto;
  margin-right: -6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.dx-list-item-response-wait {
  opacity: .5;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }

.dx-list-slide-menu-content {
  display: table;
  width: 100%;
  table-layout: fixed; }

.dx-list-item-after-bag,
.dx-list-item-before-bag {
  display: table-cell;
  width: 0;
  height: 100%;
  vertical-align: middle; }

.dx-list-item-before-bag .dx-list-toggle-delete-switch {
  display: block;
  float: left;
  padding: 3px 0; }

.dx-list-item-before-bag .dx-icon-toggle-delete {
  -webkit-transition: .1s linear;
  transition: .1s linear; }

.dx-list-item-before-bag .dx-list-select-checkbox {
  float: left;
  -webkit-transition: .1s linear;
  transition: .1s linear; }

.dx-list-select-all {
  white-space: nowrap; }

.dx-list-select-all-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: move;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  background-position: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: default; }

.dx-list-switchable-menu-shield-positioning {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.dx-device-android-4 .dx-list-switchable-menu-shield-positioning {
  -webkit-transform: none;
  transform: none; }

.dx-list-switchable-delete-bottom-shield,
.dx-list-switchable-delete-top-shield {
  position: absolute;
  right: 0;
  left: 0;
  cursor: pointer; }

.dx-list-switchable-delete-top-shield {
  top: 0; }

.dx-list-switchable-delete-bottom-shield {
  bottom: 0; }

.dx-list-switchable-delete-item-content-shield {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.dx-list-switchable-delete-button-container {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.dx-list-switchable-delete-button-wrapper {
  display: table;
  height: 100%; }

.dx-list-switchable-delete-button-inner-wrapper {
  display: table-cell;
  padding-left: 1px;
  height: 100%;
  vertical-align: middle; }

.dx-list-switchable-menu-item-shield-positioning,
.dx-list-switchable-menu-item-shield-positioning .dx-list-item-content,
.dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
  position: relative; }

.dx-list-switchable-delete-ready .dx-icon-toggle-delete {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.dx-list-slide-menu-buttons-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.dx-device-ios .dx-list-slide-menu-buttons-container {
  -webkit-mask-image: -webkit-radial-gradient(white, #000); }

.dx-list-slide-menu-buttons {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  display: table;
  height: 100%; }

.dx-list-slide-menu-button {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle; }

.dx-list-static-delete-button {
  padding: 0 5px; }

.dx-list-static-delete-button .dx-button-content {
  overflow: visible; }

.dx-list-next-button {
  padding: 5px;
  text-align: center; }

.dx-list-next-button .dx-button {
  padding: 0 3em; }

.dx-state-disabled .dx-list-item,
.dx-state-disabled .dx-list-switchable-delete-button,
.dx-state-disabled .dx-list-toggle-delete-switch,
.dx-state-disabled.dx-list-item {
  cursor: default; }

.dx-list-context-menuitem {
  cursor: pointer; }

.dx-list-search {
  margin-bottom: 5px; }

.dx-rtl .dx-list .dx-list-item-badge-container,
.dx-rtl.dx-list .dx-list-item-badge-container {
  padding-left: 10px;
  padding-right: 0; }

.dx-rtl .dx-list .dx-list-item-badge,
.dx-rtl.dx-list .dx-list-item-badge {
  float: left; }

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch {
  float: right; }

.dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
.dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
  padding-right: 1px;
  padding-left: 0; }

.dx-rtl .dx-list .dx-list-slide-item-delete-button-container,
.dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
  right: 100%;
  left: 0; }

.dx-rtl .dx-list .dx-list-slide-item-delete-button,
.dx-rtl.dx-list .dx-list-slide-item-delete-button {
  right: auto;
  left: 0; }

.dx-rtl .dx-list .dx-list-group-header:before,
.dx-rtl.dx-list .dx-list-group-header:before {
  float: left; }

.dx-textarea .dx-texteditor-input-container {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.dx-textarea .dx-texteditor-input {
  resize: none;
  font-family: inherit;
  display: block;
  overflow: auto;
  white-space: pre-wrap;
  margin: 0; }

.dx-textarea .dx-texteditor-input-auto-resize {
  overflow-y: hidden; }

.dx-textarea .dx-placeholder {
  height: auto; }

.dx-textarea .dx-placeholder:before {
  white-space: normal; }

.dx-numberbox {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-numberbox input[type=number] {
  -moz-appearance: textfield; }

.dx-numberbox input[type=number]::-webkit-inner-spin-button,
.dx-numberbox input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.dx-numberbox-spin-container {
  width: 22px;
  height: 100%; }

.dx-numberbox-spin-down,
.dx-numberbox-spin-up {
  position: relative;
  width: 100%;
  height: 50%;
  cursor: pointer; }

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  width: 64px; }

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
  width: 50%;
  height: 100%;
  display: inline-block; }

.dx-numberbox-spin-down-icon,
.dx-numberbox-spin-up-icon {
  width: 100%;
  height: 100%; }

.dx-state-disabled .dx-numberbox-spin-container {
  opacity: .2; }

.dx-timeview {
  height: 250px;
  width: 270px; }

.dx-timeview .dx-state-disabled .dx-widget,
.dx-timeview .dx-state-disabled.dx-widget,
.dx-timeview.dx-state-disabled .dx-widget,
.dx-timeview.dx-state-disabled.dx-widget {
  opacity: 1; }

.dx-timeview-clock {
  position: relative; }

.dx-timeview-hourarrow,
.dx-timeview-minutearrow {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 50%;
  margin-left: -15px;
  background-position: bottom;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-backface-visibility: hidden; }

.dx-timeview-field .dx-numberbox {
  width: 70px; }

.dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  width: 110px; }

.dx-dateview-item {
  margin: 0; }

.dx-dateview-rollers {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.dx-dateviewroller {
  position: relative;
  vertical-align: top;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.dx-dateview-item-selected-frame:after,
.dx-dateview-item-selected-frame:before {
  pointer-events: none; }

.dx-dateview-item-selected-border,
.dx-dateviewroller-day .dx-dateview-name-formatter,
.dx-dateviewroller-month .dx-dateview-value-formatter {
  display: none; }

.dx-texteditor input[type=date]::-webkit-inner-spin-button {
  height: 20px; }

.dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder {
  display: none; }

.dx-datebox {
  max-width: 100%; }

.dx-datebox .dx-texteditor-input::-webkit-datetime-edit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
  color: transparent; }

.dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
  color: inherit; }

.dx-datebox-wrapper .dx-popup-content {
  padding-top: 20px;
  padding-bottom: 20px; }

.dx-rtl .dx-texteditor-input {
  text-align: right; }

.dx-datebox-button-cell .dx-button {
  min-width: 90px; }

.dx-datebox-button-cell .dx-button.dx-datebox-apply-button {
  margin-right: 10px;
  margin-left: 0; }

.dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
  margin-right: 0;
  margin-left: 0; }

.dx-datebox-buttons-container {
  text-align: right;
  width: 100%; }

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  min-height: 40px;
  min-width: 100px; }

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item {
  display: block; }

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
  border-bottom: none; }

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content {
  display: block; }

.dx-overlay-wrapper.dx-dropdownmenu-popup .dx-overlay-content .dx-popover-arrow {
  width: 0;
  height: 0; }

.dx-dropdownmenu-popup-wrapper .dx-list-item {
  display: block; }

.dx-toolbar {
  width: 100%; }

.dx-toolbar .dx-button-content:after {
  display: none; }

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
  height: 100%; }

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before {
  position: relative; }

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
  display: inline-block; }

.dx-toolbar .dx-button .dx-icon {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-toolbar-items-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.dx-toolbar-item {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-toolbar-item .dx-tabs {
  table-layout: auto; }

.dx-toolbar-item img {
  display: block; }

.dx-toolbar-menu-container {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-toolbar-menu-container .dx-tabs {
  table-layout: auto; }

.dx-toolbar-menu-container img {
  display: block; }

.dx-toolbar-group {
  float: left;
  margin: 0 10px; }

.dx-toolbar-after,
.dx-toolbar-before {
  position: absolute; }

.dx-toolbar-center:empty {
  display: none; }

.dx-toolbar-before {
  left: 0; }

.dx-toolbar-after {
  right: 0; }

.dx-toolbar-label {
  white-space: nowrap;
  -webkit-user-drag: none; }

.dx-toolbar-label .dx-toolbar-item-content > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-toolbar-label > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 -5px;
  padding: 0 5px; }

.dx-toolbar-center {
  margin: 0 auto;
  text-align: center; }

.dx-toolbar-after,
.dx-toolbar-before,
.dx-toolbar-center {
  top: 0;
  display: table;
  height: 100%; }

.dx-rtl .dx-toolbar-before {
  right: 0;
  left: auto; }

.dx-rtl .dx-toolbar-after {
  right: auto;
  left: 0; }

.dx-toolbar-menu-section:empty {
  display: none; }

.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content {
  padding: 0; }

.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
  border-bottom: none; }

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  border: none;
  background: 0 0;
  margin: 0;
  width: 100%;
  text-align: left;
  padding: 10px; }

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text {
  line-height: normal; }

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
  text-align: left; }

.dx-rtl .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content,
.dx-rtl.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
  text-align: right; }

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide {
  padding: 0; }

.dx-toolbar-text-auto-hide .dx-button .dx-button-text {
  display: none; }

.dx-toolbar .dx-texteditor {
  width: 150px; }

.dx-toolbar-item-invisible {
  display: none; }

.dx-toolbar-hidden-button-group.dx-state-hover {
  background-color: transparent; }

.dx-toolbar-hidden-button-group .dx-list-item-content,
.dx-toolbar-hidden-button-group .dx-list-item-content .dx-toolbar-item-auto-hide {
  padding: 0; }

.dx-toolbar-hidden-button-group .dx-buttongroup {
  width: 100%; }

.dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item {
  border: none;
  text-align: left; }

.dx-rtl .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item,
.dx-rtl.dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item {
  text-align: right; }

.dx-tileview div.dx-scrollable-container {
  overflow-y: hidden; }

.dx-tile {
  position: absolute;
  text-align: center; }

.dx-tile.dx-state-active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
  -webkit-transition: -webkit-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear,-webkit-transform .1s linear; }

.dx-tile-content {
  padding: 0;
  width: 100%;
  height: 100%; }

.dx-tileview-wrapper {
  position: relative;
  height: 1px; }

.dx-device-ios-6 .dx-tile {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dx-overlay-wrapper {
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000; }

.dx-overlay-wrapper,
.dx-overlay-wrapper *,
.dx-overlay-wrapper :after,
.dx-overlay-wrapper :before,
.dx-overlay-wrapper:after,
.dx-overlay-wrapper:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dx-overlay-modal {
  width: 100%;
  height: 100%; }

.dx-overlay-shader {
  background-color: rgba(128, 128, 128, 0.5);
  pointer-events: auto; }

.dx-overlay-content {
  position: absolute;
  pointer-events: auto;
  z-index: 1000;
  outline: 0;
  overflow: hidden; }

.dx-overlay-content > .dx-template-wrapper {
  height: 100%;
  width: 100%; }

.dx-device-android .dx-overlay-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dx-device-android .dx-scrollable-native .dx-overlay-content {
  -webkit-backface-visibility: visible;
  backface-visibility: visible; }

.dx-toast-content {
  display: inline-block;
  padding: 10px;
  vertical-align: middle; }

.dx-toast-icon {
  display: table-cell;
  background-size: contain;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  vertical-align: middle;
  background-position: left center;
  background-repeat: no-repeat; }

.dx-toast-message {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px; }

.dx-toast-info {
  background-color: #80b9e4; }

.dx-toast-warning {
  background-color: #ffb277; }

.dx-toast-error {
  background-color: #f77; }

.dx-toast-success {
  background-color: #6ec881; }

.dx-rtl .dx-toast-message {
  padding-left: 0;
  padding-right: 10px; }

.dx-popup-title {
  padding: 10px;
  min-height: 19px;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  white-space: normal; }

.dx-popup-draggable .dx-popup-title {
  cursor: move;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-overlay-content > .dx-template-wrapper.dx-popup-title {
  height: auto;
  width: auto; }

.dx-overlay-content .dx-popup-content > .dx-template-wrapper {
  height: 100%;
  width: 100%; }

.dx-overlay-content .dx-popup-content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-popup-flex-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom,
.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title {
  width: 100%; }

.dx-popup-flex-height .dx-popup-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.dx-popup-content {
  padding: 10px;
  -webkit-user-drag: none; }

.dx-popup-content.dx-dialog-content {
  padding: 0; }

.dx-popup-inherit-height .dx-popup-content > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit; }

.dx-popup-inherit-height .dx-popup-content > .dx-widget {
  max-height: inherit; }

.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit; }

.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget {
  max-height: inherit; }

.dx-dialog-root .dx-overlay-shader {
  background-color: #444; }

.dx-dialog-message {
  padding: 10px 10px 5px; }

.dx-prevent-safari-scrolling {
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  top: 0; }

.dx-popover-wrapper .dx-popover-arrow:after {
  width: 14.14227125px;
  height: 14.14227125px; }

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow,
.dx-popover-wrapper.dx-position-top .dx-popover-arrow {
  width: 20px;
  height: 10px; }

.dx-popover-wrapper.dx-position-left .dx-popover-arrow,
.dx-popover-wrapper.dx-position-right .dx-popover-arrow {
  width: 10px;
  height: 20px; }

.dx-popover-arrow {
  position: absolute;
  z-index: 2000;
  overflow: hidden; }

.dx-popover-arrow:after {
  position: absolute;
  display: block;
  overflow: hidden;
  content: " ";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.dx-popover-wrapper.dx-position-top .dx-popover-arrow:after {
  top: 0;
  left: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right; }

.dx-popover-wrapper.dx-position-left .dx-popover-arrow:after {
  bottom: 0;
  left: 0;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left; }

.dx-popover-wrapper.dx-position-right .dx-popover-arrow:after {
  top: 0;
  right: 0;
  -webkit-transform-origin: top right;
  transform-origin: top right; }

.dx-popover-wrapper .dx-overlay-content {
  overflow: visible; }

.dx-popover-wrapper .dx-popup-content {
  overflow: hidden; }

.dx-device-ios .dx-popover-arrow:after {
  -webkit-transform: rotate(-45deg) translateZ(0); }

.dx-progressbar .dx-position-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-left .dx-progressbar-status,
.dx-progressbar .dx-position-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-right .dx-progressbar-status {
  display: table-cell;
  vertical-align: middle; }

.dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-bottom-left .dx-progressbar-status,
.dx-progressbar .dx-position-top-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-top-left .dx-progressbar-status {
  float: left; }

.dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-bottom-right .dx-progressbar-status,
.dx-progressbar .dx-position-top-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-top-right .dx-progressbar-status {
  float: right; }

.dx-progressbar .dx-position-bottom-center .dx-progressbar-status,
.dx-progressbar .dx-position-top-center .dx-progressbar-status {
  text-align: center; }

.dx-progressbar .dx-position-left .dx-progressbar-status {
  padding-right: 8px; }

.dx-progressbar .dx-position-right .dx-progressbar-status {
  padding-left: 8px; }

.dx-progressbar:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle; }

.dx-progressbar-range-container {
  width: 100%; }

.dx-progressbar-container {
  position: relative;
  width: 100%; }

.dx-progressbar-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  direction: ltr; }

.dx-progressbar-range {
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none; }

.dx-progressbar-status {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: 20px;
  font-size: 12px; }

.dx-progressbar-animating-segment {
  display: none; }

.dx-progressbar-animating-container {
  width: 100%; }

.dx-rtl .dx-progressbar .dx-progressbar-wrapper,
.dx-rtl.dx-progressbar .dx-progressbar-wrapper {
  direction: rtl; }

.dx-tooltip-wrapper .dx-overlay-content {
  min-width: 34px;
  min-height: 26px;
  text-align: center;
  line-height: 0; }

.dx-tooltip-wrapper .dx-overlay-content:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle; }

.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  display: inline-block;
  padding: 12px 17px;
  font-size: .85em;
  line-height: normal;
  white-space: nowrap; }

.dx-slider-label {
  position: absolute;
  font-size: .85em; }

.dx-slider-label:last-child {
  right: 0;
  left: auto; }

.dx-rtl .dx-slider-label:last-child {
  left: 0;
  right: auto; }

.dx-slider-label-position-bottom {
  padding-bottom: 14px; }

.dx-slider-label-position-bottom .dx-slider-label {
  bottom: -8px; }

.dx-slider-label-position-top {
  padding-top: 14px; }

.dx-slider-label-position-top .dx-slider-label {
  top: -8px; }

.dx-slider {
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-slider:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle; }

.dx-slider .dx-overlay-content {
  height: 28px; }

.dx-slider .dx-overlay-content:before {
  display: none; }

.dx-slider .dx-popover-wrapper .dx-popover-arrow:after {
  width: 9.89958987px;
  height: 9.89958987px; }

.dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow,
.dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow {
  width: 14px;
  height: 7px; }

.dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow,
.dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
  width: 7px;
  height: 14px; }

.dx-slider-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  cursor: pointer; }

.dx-slider-bar {
  position: relative; }

.dx-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  pointer-events: none;
  -webkit-user-drag: none; }

.dx-slider-handle {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: auto;
  -webkit-user-drag: none; }

.dx-slider-handle .dx-tooltip-wrapper .dx-popup-content {
  line-height: 0; }

.dx-state-disabled .dx-slider-wrapper {
  cursor: default; }

.dx-rtl .dx-slider-handle {
  right: auto;
  left: 0; }

.dx-slider-tooltip-on-hover .dx-tooltip {
  visibility: hidden; }

.dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip,
.dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip {
  visibility: visible; }

.dx-rangeslider-start-handle {
  top: 0;
  right: auto;
  left: 0; }

.dx-rtl .dx-rangeslider-start-handle {
  right: 0;
  left: auto; }

.dx-gallery {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: pinch-zoom pan-y;
  touch-action: pinch-zoom pan-y; }

.dx-gallery-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  white-space: nowrap; }

.dx-gallery-wrapper > .dx-empty-message {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.dx-gallery-container {
  position: relative;
  height: 100%; }

.dx-gallery-item {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center; }

.dx-gallery-item-image {
  max-width: 100%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
  margin: auto; }

.dx-gallery-item-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-gallery .dx-gallery-item-loop {
  display: none; }

.dx-gallery-loop .dx-gallery-item-loop {
  display: inline-block;
  position: absolute; }

.dx-gallery-item-invisible {
  visibility: hidden; }

.dx-gallery-nav-button-next,
.dx-gallery-nav-button-prev {
  position: absolute;
  top: 50%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background-size: 100% 100%; }

.dx-gallery-nav-button-prev {
  left: 0; }

.dx-gallery-nav-button-next {
  right: 0; }

.dx-gallery-indicator {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 10px;
  font-size: 0; }

.dx-gallery-indicator-item {
  display: inline-block;
  margin: 0 2px;
  height: 10px;
  cursor: pointer; }

.dx-state-disabled .dx-gallery-indicator-item,
.dx-state-disabled .dx-gallery-nav-button-next,
.dx-state-disabled .dx-gallery-nav-button-prev {
  cursor: default; }

.dx-rtl .dx-gallery-nav-button-prev {
  right: 0;
  left: auto;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-rtl .dx-gallery-nav-button-next {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-device-android .dx-scrollable-native .dx-gallery-indicator,
.dx-device-android .dx-scrollable-native .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next,
.dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev {
  -webkit-backface-visibility: visible;
  backface-visibility: visible; }

.dx-device-android .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev,
.dx-device-ios-6 .dx-gallery,
.dx-device-ios-6 .dx-gallery-indicator,
.dx-device-ios-6 .dx-gallery-item,
.dx-device-ios-6 .dx-gallery-nav-button-next,
.dx-device-ios-6 .dx-gallery-nav-button-prev {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dx-dropdownlist-popup-wrapper .dx-list {
  min-height: 35px; }

.dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
  margin: 0; }

.dx-lookup {
  margin: 0;
  height: 19px; }

.dx-lookup .dx-popup-content .dx-scrollable {
  height: calc(100% - 45px); }

.dx-lookup .dx-lookup-field-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

.dx-lookup .dx-rtl .dx-lookup-field-wrapper:after,
.dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle; }

.dx-lookup-field {
  outline: 0;
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-lookup-field:before {
  content: ".";
  color: transparent;
  display: inline-block;
  width: 0;
  float: left; }

.dx-lookup-arrow {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  height: 100%; }

.dx-rtl .dx-lookup-arrow {
  right: auto;
  left: 0; }

.dx-state-disabled .dx-lookup-field {
  cursor: default; }

.dx-lookup-popup-wrapper .dx-list-item {
  cursor: pointer; }

.dx-lookup-popup-search .dx-list {
  height: 90%; }

.dx-lookup-search-wrapper {
  width: 100%; }

.dx-actionsheet-popup-wrapper .dx-overlay-content {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-user-drag: none; }

.dx-actionsheet-popover-wrapper .dx-popup-content .dx-button,
.dx-actionsheet-popup-wrapper .dx-popup-content .dx-button {
  width: 100%;
  margin-right: 0;
  margin-left: 0; }

.dx-actionsheet-cancel,
.dx-actionsheet-item {
  width: 100%; }

.dx-state-disabled .dx-actionsheet-container .dx-button {
  cursor: default; }

.dx-actionsheet-popover-wrapper .dx-popup-title,
.dx-actionsheet-popup-wrapper .dx-popup-title {
  word-wrap: break-word; }

.dx-loadindicator {
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  border: none;
  background-color: transparent; }

.dx-loadindicator-wrapper {
  width: 100%;
  height: 100%;
  font-size: 32px;
  margin: auto; }

.dx-loadindicator-image {
  background-size: contain;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-position: 50%;
  background-repeat: no-repeat; }

.dx-loadindicator-icon {
  direction: ltr; }

.dx-loadindicator-icon-custom {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate;
  animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate; }

@-webkit-keyframes dx-loadindicator-icon-custom-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes dx-loadindicator-icon-custom-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.dx-loadindicator-container > .dx-loadindicator {
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -16px;
  margin-left: -16px; }

.dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
  margin-top: -16px;
  margin-left: -16px; }

.dx-loadindicator-content {
  width: 100%;
  height: 100%;
  position: relative; }

.dx-loadpanel-content {
  padding: 10px;
  border: 1px solid #ccc;
  background: #fefefe;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  border-radius: 5px; }

.dx-loadpanel-content:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle; }

.dx-loadpanel-content-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: middle; }

.dx-loadpanel-message {
  text-align: center; }

.dx-loadpanel-content.dx-loadpanel-pane-hidden {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: 0 0; }

@-webkit-keyframes dx-loadpanel-opacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes dx-loadpanel-opacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.dx-dropdownbutton {
  display: inline-block; }

.dx-dropdownbutton-content.dx-popup-content {
  padding: 0; }

.dx-dropdownbutton-content .dx-list .dx-empty-message,
.dx-dropdownbutton-content .dx-list .dx-list-item {
  border: none; }

.dx-dropdownbutton-toggle.dx-button .dx-button-content {
  padding-left: 0;
  padding-right: 0; }

.dx-rtl .dx-dropdownbutton-toggle {
  border-right-width: 0; }

.dx-dropdownbutton-action.dx-button .dx-button-content {
  padding-left: 10px;
  padding-right: 4px; }

.dx-rtl .dx-dropdownbutton-action.dx-button .dx-button-content {
  padding-left: 4px;
  padding-right: 10px; }

.dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
  padding-left: 10px;
  padding-right: 0; }

.dx-rtl .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
  padding-left: 0;
  padding-right: 10px; }

.dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button-has-icon:not(.dx-button-has-text) .dx-button-content {
  padding-left: 5px;
  padding-right: 5px; }

.dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button-has-text.dx-button .dx-button-content {
  padding-left: 10px;
  padding-right: 10px; }

.dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
  border-right-width: 0;
  border-left-width: 1px; }

.dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
  border-right-width: 1px;
  border-left-width: 0; }

.dx-selectbox {
  cursor: pointer; }

.dx-selectbox .dx-texteditor-input {
  max-width: 100%; }

.dx-selectbox .dx-texteditor-input:-moz-read-only {
  cursor: pointer; }

.dx-selectbox .dx-texteditor-input:read-only {
  cursor: pointer; }

.dx-selectbox-container {
  position: relative; }

.dx-state-disabled .dx-selectbox .dx-texteditor-input,
.dx-state-disabled.dx-selectbox .dx-texteditor-input {
  cursor: default; }

.dx-tagbox .dx-texteditor-input {
  width: auto; }

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input {
  border: none;
  color: transparent;
  text-shadow: 0 0 0 gray;
  min-width: 0;
  width: .1px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus {
  outline: 0; }

.dx-tagbox.dx-state-disabled .dx-texteditor-input {
  background: 0 0; }

.dx-tagbox.dx-state-disabled .dx-tag-content {
  cursor: default; }

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.dx-tag {
  max-width: calc(100% - 1px);
  display: inline-block;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.dx-tag-container.dx-texteditor-input-container {
  padding: 0 4px 0 0;
  outline: 0; }

.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
  overflow: hidden;
  white-space: nowrap; }

.dx-texteditor-container.dx-tag-container {
  white-space: normal; }

.dx-tag-content {
  position: relative;
  display: inline-block;
  margin: 4px 0 0 4px;
  min-width: 30px;
  text-align: center;
  cursor: pointer; }

.dx-tag-content:before {
  content: ".";
  color: transparent;
  display: inline-block;
  width: 0; }

.dx-tag-remove-button {
  position: absolute;
  top: 0;
  right: 0; }

.dx-tag-remove-button:after,
.dx-tag-remove-button:before {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.dx-rtl .dx-tagbox .dx-tag-content,
.dx-tagbox.dx-rtl .dx-tag-content {
  margin-left: 0;
  margin-right: 4px; }

.dx-rtl .dx-tagbox .dx-tag-remove-button,
.dx-tagbox.dx-rtl .dx-tag-remove-button {
  right: auto;
  left: 0; }

.dx-rtl .dx-tagbox .dx-tag-container,
.dx-tagbox.dx-rtl .dx-tag-container {
  padding-left: 4px;
  padding-right: 0; }

.dx-radiobutton {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: table;
  cursor: pointer; }

.dx-state-disabled.dx-radiobutton {
  cursor: default; }

.dx-radio-value-container {
  display: table-cell;
  padding-right: 10px;
  padding-left: 5px;
  vertical-align: middle; }

.dx-rtl .dx-radio-value-container,
.dx-rtl.dx-radio-value-container {
  padding-right: 5px;
  padding-left: 10px; }

.dx-radiogroup-horizontal:after,
.dx-radiogroup-horizontal:before {
  display: table;
  content: "";
  line-height: 0; }

.dx-radiogroup-horizontal:after {
  clear: both; }

.dx-radiogroup-horizontal .dx-radiobutton {
  float: left; }

.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
  float: right; }

.dx-radiogroup-horizontal .dx-radiobutton:last-of-type {
  margin-right: 0; }

.dx-state-disabled .dx-radiobutton {
  cursor: default; }

.dx-accordion-item-title {
  font-size: 18px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-accordion-item-title .dx-icon {
  background-size: contain;
  display: inline-block; }

.dx-accordion-item-title:before {
  content: '';
  background-position: center;
  float: right; }

.dx-accordion-item-body {
  overflow: hidden;
  font-size: 14px; }

.dx-accordion-item-closed .dx-accordion-item-body {
  visibility: hidden; }

.dx-accordion-item {
  overflow: hidden; }

.dx-accordion-item-opened .dx-accordion-item-body {
  visibility: visible; }

.dx-state-disabled .dx-accordion-item-title {
  cursor: default; }

.dx-rtl .dx-accordion-item-title:before {
  float: left; }

.dx-slideoutview {
  height: 100%;
  width: 100%;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-slideoutview-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%; }

.dx-slideoutview-menu-content {
  position: absolute;
  top: 0;
  bottom: 0; }

.dx-slideoutview-menu-content.dx-slideoutview-right {
  right: 0; }

.dx-slideoutview-menu-content.dx-slideoutview-left {
  left: 0; }

.dx-slideoutview-content {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 100; }

.dx-slideoutview-shield {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1; }

.dx-device-android .dx-slideoutview-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dx-slideout {
  height: 100%;
  width: 100%; }

.dx-slideout-menu {
  min-width: 280px;
  max-width: 350px; }

.dx-slideout-menu .dx-list-item .dx-icon {
  float: left;
  margin-right: 15px;
  width: 24px;
  height: 24px;
  background-size: 100% 100%; }

.dx-slideout-item,
.dx-slideout-item-content {
  height: 100%;
  width: 100%; }

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon {
  float: right;
  margin-right: 0;
  margin-left: 15px; }

.dx-colorview-container {
  width: 450px;
  overflow: hidden; }

.dx-colorview-container label {
  display: block;
  overflow: hidden;
  line-height: 36px;
  font-weight: 400;
  margin: 0;
  white-space: normal; }

.dx-colorview-container label.dx-colorview-label-hex {
  margin: 10px 0 0; }

.dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin-left: 43px;
  width: 115px; }

.dx-colorview-container label .dx-texteditor {
  width: 69px;
  float: right;
  margin: 1px 1px 10px 0; }

.dx-colorview-container .dx-button {
  margin-top: 0;
  margin-bottom: 0; }

.dx-colorview-container .dx-button.dx-colorview-apply-button {
  margin-right: 10px;
  margin-left: 0; }

.dx-colorview-container .dx-button.dx-colorview-cancel-button {
  margin-right: 0;
  margin-left: 0; }

.dx-colorview-container-row {
  overflow: hidden;
  padding-top: 1px; }

.dx-colorview-container-row:first-child {
  margin-top: 0; }

.dx-colorview-container-row.dx-colorview-alpha-channel-row {
  margin-top: 10px; }

.dx-colorview-container-cell {
  float: left; }

.dx-colorview-palette-handle {
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  cursor: crosshair;
  border-radius: 100%;
  z-index: 5; }

.dx-colorview-alpha-channel-handle,
.dx-colorview-hue-scale-handle {
  position: absolute;
  cursor: pointer; }

.dx-colorview-hue-scale-handle {
  width: 36px;
  height: 17px;
  top: 0;
  left: -7px; }

.dx-colorview-alpha-channel-handle {
  width: 17px;
  height: 36px;
  top: -6px;
  left: 0; }

.dx-colorview-hue-scale {
  position: relative;
  width: 18px;
  height: 299px;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
  background-image: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); }

.dx-colorbox-input-container::after,
.dx-colorview-alpha-channel-wrapper,
.dx-colorview-color-preview-container-inner {
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc);
  background-size: 16px 16px;
  background-position: 0 0,8px 8px; }

.dx-colorview-alpha-channel-wrapper {
  background-position: 0 6px,8px 14px; }

.dx-colorbox-input-container {
  height: 100%; }

.dx-colorview-palette-gradient-white {
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), #fff); }

.dx-colorview-palette-gradient-black {
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000); }

.dx-colorview-palette {
  position: relative;
  overflow: hidden;
  width: 288px;
  height: 299px;
  cursor: crosshair; }

.dx-colorview-palette-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.dx-colorview-alpha-channel-scale {
  width: 288px;
  height: 20px;
  position: relative; }

.dx-colorview-hue-scale-cell {
  margin-left: 19px;
  position: relative; }

.dx-colorview-hue-scale-wrapper {
  height: 301px; }

.dx-colorview-controls-container {
  position: relative;
  width: 90px;
  margin-left: 27px; }

.dx-colorview-color-preview {
  width: 86px;
  height: 40px; }

.dx-colorview-alpha-channel-cell {
  margin: 6px 0;
  position: relative;
  width: 292px; }

.dx-colorview-alpha-channel-cell .dx-button {
  width: 90px; }

.dx-rtl .dx-colorview-container-row .dx-colorview-container-cell {
  float: right; }

.dx-rtl .dx-colorview-hue-scale-cell {
  margin-right: 19px;
  margin-left: 0; }

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin-right: 41px;
  margin-left: 0; }

.dx-rtl .dx-colorview-container label .dx-texteditor {
  float: left; }

.dx-rtl .dx-colorview-controls-container {
  margin-right: 25px;
  margin-left: 0; }

.dx-rtl .dx-colorview-alpha-channel-scale {
  direction: ltr; }

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  border: none; }

.dx-colorbox-input-container .dx-placeholder:before {
  max-width: calc(100% - 25px); }

.dx-colorbox .dx-texteditor-input-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
  left: 14px; }

.dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container:before {
  background: 0 0; }

.dx-colorbox-color-result-preview {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  left: 13px;
  border: 1px solid; }

.dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input {
  -webkit-appearance: none;
  padding-left: 40px; }

.dx-colorbox-overlay {
  padding: 20px; }

.dx-colorbox-overlay .dx-popup-content {
  overflow: hidden;
  padding: 0; }

.dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child {
  padding-right: 10px; }

.dx-colorbox-overlay .dx-colorview-buttons-container .dx-button {
  margin: 0; }

.dx-rtl .dx-colorbox .dx-placeholder,
.dx-rtl.dx-colorbox .dx-placeholder {
  right: 32px; }

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input {
  direction: ltr;
  text-align: end;
  padding-right: 40px; }

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview {
  left: auto;
  right: 13px; }

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before {
  left: auto;
  right: 14px; }

.dx-pager {
  overflow: hidden;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-pager .dx-pages {
  float: right; }

.dx-pager .dx-pages .dx-page {
  display: inline-block;
  cursor: pointer;
  padding: 7px 8px 8px;
  margin-left: 5px;
  margin-right: 1px; }

.dx-pager .dx-pages .dx-page:first-child {
  margin-left: 1px; }

.dx-pager .dx-pages .dx-separator {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px; }

.dx-pager .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: .6; }

.dx-pager .dx-pages .dx-navigate-button {
  width: 10px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 7px 13px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
  opacity: .3;
  cursor: inherit; }

.dx-pager .dx-pages .dx-next-button,
.dx-pager .dx-pages .dx-prev-button {
  position: relative; }

.dx-pager .dx-page-sizes {
  float: left; }

.dx-pager .dx-page-sizes .dx-page-size {
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 1px;
  padding: 7px 9px 8px 10px; }

.dx-pager .dx-page-sizes .dx-page-size:first-child {
  margin-left: 1px; }

.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  cursor: inherit;
  text-shadow: none; }

.dx-pager .dx-light-pages {
  display: inline-block; }

.dx-pager .dx-light-pages .dx-page-index {
  width: 40px; }

.dx-pager .dx-light-pages .dx-pages-count {
  cursor: pointer; }

.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-pages-count {
  padding-left: 6px; }

.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-page-index,
.dx-pager .dx-light-pages .dx-pages-count {
  display: table-cell; }

.dx-pager.dx-rtl .dx-pages,
.dx-rtl .dx-pager .dx-pages {
  float: left;
  direction: ltr; }

.dx-pager.dx-rtl .dx-pages .dx-page,
.dx-rtl .dx-pager .dx-pages .dx-page {
  direction: ltr; }

.dx-pager.dx-rtl .dx-pages .dx-info,
.dx-rtl .dx-pager .dx-pages .dx-info {
  direction: rtl;
  margin-left: 9px;
  margin-right: 0; }

.dx-pager.dx-rtl .dx-page-sizes,
.dx-rtl .dx-pager .dx-page-sizes {
  float: right; }

.dx-gridbase-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: inherit;
  max-height: inherit; }

.dx-gridbase-container > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.dx-datagrid-checkbox-size {
  vertical-align: middle; }

.dx-datagrid-important-margin {
  margin-right: 5px !important; }

.dx-datagrid-table {
  background-color: transparent; }

.dx-datagrid .dx-datagrid-content-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden; }

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
  position: relative; }

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
  pointer-events: auto; }

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
  visibility: hidden;
  background-color: transparent;
  pointer-events: none; }

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none {
  border-bottom-color: transparent; }

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
  width: auto; }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-top: 0; }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
  margin-top: 1px; }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel {
  border-bottom: 0; }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  border-bottom-width: 0; }

.dx-datagrid .dx-menu-subitem ul li {
  padding-top: 0; }

.dx-datagrid .dx-menu-subitem ul li:first-child {
  padding-top: 1px; }

.dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px; }

.dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left; }

.dx-datagrid .dx-link {
  text-decoration: underline;
  cursor: pointer; }

.dx-datagrid .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap; }

.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden; }

.dx-datagrid .dx-column-indicators .dx-sort-index-icon {
  padding-right: 3px;
  margin-left: -3px;
  width: 15px; }

.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block; }

.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -7px; }

.dx-datagrid .dx-row > td,
.dx-datagrid .dx-row > tr > td {
  padding: 7px; }

.dx-datagrid .dx-error-row {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial; }

.dx-datagrid .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.dx-datagrid .dx-error-row .dx-error-message a {
  color: inherit; }

.dx-datagrid .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  vertical-align: middle;
  padding: 0; }

.dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  border-bottom: none;
  font-size: 16px; }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 16px; }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px; }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: .5;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action {
  opacity: 1;
  cursor: pointer;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  padding: 0; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node {
  padding-left: 0; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox {
  left: 4px; }

.dx-datagrid-nowrap,
.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
  white-space: nowrap; }

.dx-datagrid-drag-header {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-datagrid-drag-header.dx-drag-command-cell {
  padding: 0; }

.dx-datagrid-columns-separator {
  position: absolute;
  z-index: 3;
  width: 3px; }

.dx-datagrid-columns-separator-transparent {
  border-left: 0;
  border-right: 0; }

.dx-datagrid-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  cursor: col-resize; }

.dx-datagrid-table-content {
  position: absolute;
  top: 0; }

.dx-datagrid-focus-overlay {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  visibility: hidden; }

.dx-datagrid-action,
.dx-datagrid-drag-action {
  cursor: pointer; }

.dx-datagrid-content {
  position: relative; }

.dx-datagrid-text-content {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-datagrid-table-fixed {
  table-layout: fixed;
  width: 100%; }

.dx-datagrid-content .dx-datagrid-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px; }

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
  max-width: none; }

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  display: none; }

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
  width: 26px; }

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
  float: none !important; }

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
  width: 14px; }

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  display: inline-block; }

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
  max-width: none; }

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
  margin-right: 3px; }

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
  margin-left: 3px; }

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
  float: none !important; }

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
  width: 14px; }

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
  margin-right: 3px; }

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
  margin-left: 3px; }

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell {
  max-width: 0; }

.dx-datagrid-content .dx-datagrid-table [class*=column] + [class*=column]:last-child {
  float: none; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: top; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
  border-left: 0; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
  border-right: none;
  vertical-align: top; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
  border-left: none; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
  overflow: hidden; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid:not(.dx-field-item-content) {
  padding: 0; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
  position: static; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  max-width: 0;
  padding: 0;
  vertical-align: middle; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
  border: 0;
  margin: 0; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor {
  margin-left: -1px;
  padding-left: 1px; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  padding: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
  text-overflow: clip;
  width: 100px;
  min-width: 100px; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
  line-height: 1;
  white-space: nowrap; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  text-decoration: none; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link-icon {
  display: inline-block; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
  padding: 0;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle; }

.dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
  padding: 7px 7px 7px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
  border-right: none; }

.dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none; }

.dx-datagrid-headers {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-header-row > td > .dx-datagrid-text-content {
  white-space: normal;
  vertical-align: top; }

.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0; }

.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
  content: " ";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: 1;
  pointer-events: none; }

.dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
  border-top: 1px solid transparent; }

.dx-datagrid-filter-range-overlay .dx-editor-container.dx-highlight-outline {
  padding: 0; }

.dx-datagrid-filter-row .dx-editor-cell .dx-menu {
  display: none; }

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative; }

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block; }

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 32px; }

.dx-datagrid-filter-row .dx-highlight-outline::after {
  pointer-events: none; }

.dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after {
  border-color: transparent; }

.dx-datagrid-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  margin-left: -2px;
  margin-top: -2px;
  height: 100%;
  overflow: visible; }

.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
  height: 100%; }

.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout,
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none; }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 100%;
  height: 102%;
  content: ''; }

.dx-datagrid-filter-row > .dx-first-cell .dx-menu,
.dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0; }

.dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 30px 5px 5px; }

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px; }

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px; }

.dx-datagrid-filter-row .dx-menu-caption {
  padding-left: 6px; }

.dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none; }

.dx-datagrid-filter-row .dx-menu-item-highlight {
  font-weight: 400; }

.dx-datagrid-scroll-container {
  overflow: hidden;
  width: 100%; }

.dx-datagrid-header-panel {
  text-align: left; }

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px; }

.dx-datagrid-search-panel {
  margin: 0 0 0 15px; }

.dx-gridbase-container > .dx-datagrid-rowsview {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  height: auto; }

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  min-width: 0;
  min-height: 0; }

.dx-datagrid-rowsview {
  position: relative;
  overflow: hidden; }

.dx-datagrid-rowsview.dx-empty {
  height: 100px; }

.dx-datagrid-rowsview.dx-empty .dx-scrollable-content {
  height: 100%; }

.dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2; }

.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3; }

.dx-datagrid-rowsview .dx-datagrid-content {
  overflow-anchor: none; }

.dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
  min-height: 100%; }

.dx-datagrid-rowsview:focus {
  outline: 0; }

.dx-datagrid-rowsview .dx-row > td,
.dx-datagrid-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child,
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td,
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none; }

.dx-datagrid-rowsview .dx-data-row > td:focus {
  outline: 0; }

.dx-datagrid-rowsview .dx-selection > td .dx-link,
.dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: inherit; }

.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row,
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row {
  border-top: 0;
  border-bottom: 0; }

.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td,
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td {
  padding-top: 0;
  padding-bottom: 0; }

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: none; }

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox,
.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  display: inline-block; }

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
  padding: 30px; }

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0; }

.dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
  border-color: transparent; }

.dx-datagrid-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.dx-datagrid-bottom-load-panel {
  text-align: center;
  padding: 10px; }

.dx-datagrid-hidden-column {
  white-space: nowrap; }

.dx-datagrid .dx-row .dx-datagrid-hidden-column {
  border-right-width: 0;
  border-left-width: 0; }

.dx-datagrid-hidden-column > * {
  display: none !important; }

.dx-datagrid-total-footer {
  position: relative; }

.dx-datagrid-total-footer > .dx-datagrid-content {
  padding-top: 7px;
  padding-bottom: 7px; }

.dx-datagrid-summary-item {
  font-weight: 700; }

.dx-datagrid-export-menu .dx-menu-item .dx-checkbox {
  margin-left: 0; }

.dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
  width: 16px;
  height: 16px; }

.dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
  white-space: nowrap;
  word-break: normal; }

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0; }

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  width: 0;
  height: 0; }

.dx-datagrid-revert-tooltip .dx-revert-button {
  margin: 0; }

.dx-datagrid-notouch-action {
  -ms-touch-action: none;
  touch-action: none;
  -ms-content-zooming: none;
  -ms-overflow-style: none; }

.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none; }

.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute; }

.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item,
.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px; }

.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image,
.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right; }

.dx-datagrid.dx-rtl .dx-texteditor-buttons-container,
.dx-rtl .dx-datagrid .dx-texteditor-buttons-container {
  text-align: start; }

.dx-rtl .dx-datagrid-content .dx-datagrid-table {
  direction: rtl; }

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
  border-left: none; }

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
  border-right: none; }

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
  padding: 7px 32px 7px 7px; }

.dx-rtl .dx-datagrid-headers,
.dx-rtl .dx-datagrid-rowsview,
.dx-rtl .dx-datagrid-total-footer {
  direction: ltr; }

.dx-rtl .dx-datagrid-headers .dx-datagrid-table,
.dx-rtl .dx-datagrid-rowsview .dx-datagrid-table,
.dx-rtl .dx-datagrid-total-footer .dx-datagrid-table {
  direction: rtl; }

.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before,
.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-right: 32px; }

.dx-rtl .dx-datagrid-filter-row .dx-menu {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -2px; }

.dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0; }

.dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 5px 5px 30px; }

.dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
  padding-right: 6px; }

.dx-rtl .dx-datagrid-header-panel {
  text-align: right; }

.dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
  margin-left: 0; }

.dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px; }

.dx-rtl .dx-datagrid-search-panel {
  margin: 0 15px 0 0; }

.dx-datagrid-filter-panel,
.dx-datagrid-filter-panel-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 0; }

.dx-datagrid-filter-panel {
  padding: 10px; }

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover {
  text-decoration: underline;
  cursor: pointer; }

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
  padding-right: 10px; }

.dx-datagrid-filter-panel .dx-icon-filter {
  margin: auto 7px auto auto;
  cursor: pointer; }

.dx-datagrid {
  position: relative;
  cursor: default;
  white-space: normal;
  line-height: normal; }

.dx-hidden.dx-group-cell {
  display: table-cell !important;
  font-size: 0 !important; }

.dx-datagrid-group-panel {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-datagrid-group-panel .dx-group-panel-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-datagrid-group-panel .dx-group-panel-item {
  display: inline-block;
  min-width: 30px;
  margin-right: 10px;
  white-space: nowrap; }

.dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
  margin-left: 6px; }

.dx-datagrid-group-panel .dx-block-separator {
  display: inline-block;
  min-width: 30px;
  margin-right: 10px;
  white-space: nowrap;
  color: transparent;
  position: relative;
  min-width: 0; }

.dx-datagrid-group-panel .dx-block-separator .dx-sort {
  margin-left: 6px; }

.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top: 1px solid;
  border-bottom: 1px solid; }

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
  border-top: none; }

.dx-datagrid-rowsview .dx-group-row:focus {
  outline: 0; }

.dx-datagrid-rowsview .dx-group-row.dx-row > td {
  border-left-color: transparent;
  border-right-color: transparent; }

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
  outline: 0; }

.dx-datagrid-group-closed,
.dx-datagrid-group-opened {
  cursor: pointer;
  position: relative; }

.dx-datagrid-group-closed:before,
.dx-datagrid-group-opened:before {
  position: absolute;
  display: block;
  right: 0;
  left: 0; }

.dx-rtl .dx-datagrid-group-closed {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
  border-left: none;
  border-right: none; }

.dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 0;
  margin-left: 10px; }

.dx-rtl .dx-datagrid-group-panel .dx-sort {
  margin-left: 0;
  margin-right: 6px; }

.dx-pivotgrid-fields-container .dx-header-filter,
.dx-pivotgrid-fields-container .dx-sort {
  display: inline-block; }

.dx-pivotgrid-fields-container .dx-area-field-content {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-pivotgrid-fields-container.dx-drag .dx-area-field-content {
  display: inline-block; }

.dx-pivotgrid-fields-container.dx-drag .dx-column-indicators {
  float: none;
  display: inline-block; }

.dx-pivotgrid-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.dx-pivotgrid {
  cursor: default;
  width: 100%;
  position: relative; }

.dx-pivotgrid.dx-overflow-hidden {
  overflow: hidden; }

.dx-pivotgrid .dx-area-column-cell,
.dx-pivotgrid .dx-area-data-cell {
  width: 100%; }

.dx-pivotgrid .dx-area-data-cell {
  position: relative; }

.dx-pivotgrid table,
.dx-pivotgrid tbody,
.dx-pivotgrid td,
.dx-pivotgrid tfoot,
.dx-pivotgrid th,
.dx-pivotgrid thead,
.dx-pivotgrid tr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

.dx-pivotgrid table {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0; }

.dx-pivotgrid td {
  vertical-align: top;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-pivotgrid .dx-area-description-cell {
  position: relative;
  background-clip: padding-box; }

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
  position: absolute;
  bottom: 0; }

.dx-pivotgrid .dx-ie {
  height: 1px; }

.dx-pivotgrid .dx-ie .dx-area-description-cell {
  position: static;
  height: inherit;
  vertical-align: bottom;
  font-size: 0; }

.dx-pivotgrid .dx-ie .dx-area-description-cell .dx-pivotgrid-fields-area {
  position: relative;
  display: inline-block; }

.dx-pivotgrid .dx-area-field-content,
.dx-pivotgrid .dx-column-indicators {
  display: inline-block; }

.dx-pivotgrid .dx-expand-icon-container {
  position: relative;
  display: inline-block; }

.dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area {
  position: static; }

.dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) {
  display: table-cell; }

.dx-pivotgrid .dx-incompressible-fields .dx-column-indicators {
  vertical-align: top;
  float: none !important; }

.dx-pivotgrid .dx-incompressible-fields .dx-area-field {
  display: inline-block;
  white-space: nowrap; }

.dx-pivotgrid .dx-area-field,
.dx-pivotgrid .dx-area-field-content {
  white-space: nowrap; }

.dx-pivotgrid .dx-popup-content .dx-column-indicators {
  float: none !important;
  display: inline-block; }

.dx-pivotgrid .dx-popup-content .dx-area-field-content {
  display: inline-block; }

.dx-pivotgrid .dx-pivotgrid-area {
  white-space: nowrap; }

.dx-pivotgrid .dx-pivotgrid-collapsed,
.dx-pivotgrid .dx-pivotgrid-expanded {
  cursor: pointer; }

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand,
.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  display: inline-block; }

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area {
  white-space: normal; }

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed,
.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded,
.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted {
  white-space: nowrap; }

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span,
.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span {
  white-space: normal; }

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.dx-pivotgridfieldchooser {
  position: relative; }

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%; }

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0,
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(1) {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3; }

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -ms-flex-positive: 4;
  flex-grow: 4; }

.dx-pivotgridfieldchooser .dx-col {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-pivotgridfieldchooser .dx-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 0; }

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(1) {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2; }

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.dx-pivotgridfieldchooser .dx-area-caption {
  vertical-align: middle; }

.dx-pivotgrid-action {
  cursor: pointer; }

.dx-pivotgrid-drag-action {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-treelist-checkbox-size {
  vertical-align: middle; }

.dx-treelist-important-margin {
  margin-right: 5px !important; }

.dx-treelist-table {
  background-color: transparent; }

.dx-treelist .dx-treelist-content-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden; }

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
  position: relative; }

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
  pointer-events: auto; }

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
  visibility: hidden;
  background-color: transparent;
  pointer-events: none; }

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none {
  border-bottom-color: transparent; }

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
  width: auto; }

.dx-treelist.dx-treelist-borders > .dx-treelist-total-footer {
  border-top: 0; }

.dx-treelist.dx-treelist-borders > .dx-treelist-pager {
  margin-top: 1px; }

.dx-treelist.dx-treelist-borders > .dx-treelist-header-panel {
  border-bottom: 0; }

.dx-treelist.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  border-bottom-width: 0; }

.dx-treelist .dx-menu-subitem ul li {
  padding-top: 0; }

.dx-treelist .dx-menu-subitem ul li:first-child {
  padding-top: 1px; }

.dx-treelist .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px; }

.dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left; }

.dx-treelist .dx-link {
  text-decoration: underline;
  cursor: pointer; }

.dx-treelist .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap; }

.dx-treelist .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden; }

.dx-treelist .dx-column-indicators .dx-sort-index-icon {
  padding-right: 3px;
  margin-left: -3px;
  width: 15px; }

.dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter,
.dx-treelist .dx-column-indicators .dx-header-filter.dx-sort,
.dx-treelist .dx-column-indicators .dx-sort.dx-header-filter,
.dx-treelist .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block; }

.dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter:after,
.dx-treelist .dx-column-indicators .dx-sort.dx-header-filter:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -7px; }

.dx-treelist .dx-row > td,
.dx-treelist .dx-row > tr > td {
  padding: 7px; }

.dx-treelist .dx-error-row {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial; }

.dx-treelist .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.dx-treelist .dx-error-row .dx-error-message a {
  color: inherit; }

.dx-treelist .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  vertical-align: middle;
  padding: 0; }

.dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.dx-sortable-without-handle .dx-data-row {
  cursor: pointer; }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  border-bottom: none;
  font-size: 16px; }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 16px; }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px; }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: .5;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action {
  opacity: 1;
  cursor: pointer;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  padding: 0; }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node {
  padding-left: 0; }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox {
  left: 4px; }

.dx-treelist-nowrap,
.dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
  white-space: nowrap; }

.dx-treelist-drag-header {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-treelist-drag-header.dx-drag-command-cell {
  padding: 0; }

.dx-treelist-columns-separator {
  position: absolute;
  z-index: 3;
  width: 3px; }

.dx-treelist-columns-separator-transparent {
  border-left: 0;
  border-right: 0; }

.dx-treelist-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  cursor: col-resize; }

.dx-treelist-table-content {
  position: absolute;
  top: 0; }

.dx-treelist-focus-overlay {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  visibility: hidden; }

.dx-treelist-action,
.dx-treelist-drag-action {
  cursor: pointer; }

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
  color: inherit; }

.dx-treelist-content {
  position: relative; }

.dx-treelist-text-content {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-treelist-table-fixed {
  table-layout: fixed;
  width: 100%; }

input.dx-hidden {
  display: inline-block !important;
  width: 0 !important; }

.dx-hidden-cell {
  visibility: hidden; }

.dx-row > td,
.dx-row > tr > td {
  border: none; }

.dx-treelist-content .dx-treelist-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px; }

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
  max-width: none; }

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  display: none; }

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
  width: 26px; }

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
  float: none !important; }

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
  width: 14px; }

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  display: inline-block; }

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
  max-width: none; }

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
  margin-right: 3px; }

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
  margin-left: 3px; }

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
  float: none !important; }

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
  width: 14px; }

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
  margin-right: 3px; }

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
  margin-left: 3px; }

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell {
  max-width: 0; }

.dx-treelist-content .dx-treelist-table [class*=column] + [class*=column]:last-child {
  float: none; }

.dx-treelist-content .dx-treelist-table .dx-row > td,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td {
  vertical-align: top; }

.dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
  border-left: 0; }

.dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
  border-right: none;
  vertical-align: top; }

.dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
  border-left: none; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
  overflow: hidden; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
.dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid:not(.dx-field-item-content) {
  padding: 0; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
  position: static; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  max-width: 0;
  padding: 0;
  vertical-align: middle; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor,
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
  border: 0;
  margin: 0; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-dropdowneditor {
  margin-left: -1px;
  padding-left: 1px; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
  padding: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  text-overflow: clip;
  width: 100px;
  min-width: 100px; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
  line-height: 1;
  white-space: nowrap; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  text-decoration: none; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link-icon {
  display: inline-block; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
  padding: 0;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle; }

.dx-treelist-content .dx-treelist-table .dx-filter-range-content {
  padding: 7px 7px 7px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
  border-right: none; }

.dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none; }

.dx-highlight-outline {
  position: relative;
  padding: 7px; }

.dx-highlight-outline::after {
  content: '';
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none; }

.dx-highlight-outline.dx-hidden {
  display: block !important; }

.dx-highlight-outline.dx-hidden::after {
  display: none; }

.dx-editor-cell .dx-texteditor-input {
  margin: 0; }

.dx-editor-cell .dx-highlight-outline {
  padding: 0; }

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  display: inline-block;
  content: '\200b';
  vertical-align: middle;
  padding-top: 7px;
  padding-bottom: 7px; }

.dx-column-lines .dx-highlight-outline::after {
  left: 0; }

.dx-treelist-headers {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; }

.dx-header-row .dx-editor-cell .dx-select-checkbox {
  display: inline-block; }

.dx-header-row > td {
  white-space: nowrap;
  overflow: hidden; }

.dx-header-row > td > .dx-treelist-text-content {
  white-space: normal;
  vertical-align: top; }

.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right {
  display: inline-block;
  max-width: 100%; }

.dx-header-row .dx-header-filter-indicator,
.dx-header-row .dx-sort-indicator {
  max-width: calc(100% - 17px); }

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left,
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
  margin-right: 3px; }

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right,
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
  margin-left: 3px; }

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 34px); }

.dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 31px); }

.dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 62px); }

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
  max-width: calc(100% - 29px); }

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 43px); }

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 46px); }

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 74px); }

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0; }

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
  content: " ";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: 1;
  pointer-events: none; }

.dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
  border-top: 1px solid transparent; }

.dx-treelist-filter-range-overlay .dx-editor-container.dx-highlight-outline {
  padding: 0; }

.dx-treelist-filter-row .dx-editor-cell .dx-menu {
  display: none; }

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative; }

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block; }

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before,
.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 32px; }

.dx-treelist-filter-row .dx-highlight-outline::after {
  pointer-events: none; }

.dx-treelist-filter-row .dx-focused .dx-highlight-outline::after {
  border-color: transparent; }

.dx-treelist-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  margin-left: -2px;
  margin-top: -2px;
  height: 100%;
  overflow: visible; }

.dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
  height: 100%; }

.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout,
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none; }

.dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 100%;
  height: 102%;
  content: ''; }

.dx-treelist-filter-row > .dx-first-cell .dx-menu,
.dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0; }

.dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 30px 5px 5px; }

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px; }

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px; }

.dx-treelist-filter-row .dx-menu-caption {
  padding-left: 6px; }

.dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none; }

.dx-treelist-filter-row .dx-menu-item-highlight {
  font-weight: 400; }

.dx-treelist-scroll-container {
  overflow: hidden;
  width: 100%; }

.dx-treelist-header-panel {
  text-align: left; }

.dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px; }

.dx-state-disabled {
  cursor: pointer; }

.dx-state-disabled .dx-menu-item {
  cursor: default; }

.dx-treelist-search-panel {
  margin: 0 0 0 15px; }

.dx-gridbase-container > .dx-treelist-rowsview {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  height: auto; }

.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  min-width: 0;
  min-height: 0; }

.dx-treelist-rowsview {
  position: relative;
  overflow: hidden; }

.dx-treelist-rowsview.dx-empty {
  height: 100px; }

.dx-treelist-rowsview.dx-empty .dx-scrollable-content {
  height: 100%; }

.dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2; }

.dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3; }

.dx-treelist-rowsview .dx-treelist-content {
  overflow-anchor: none; }

.dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
  min-height: 100%; }

.dx-treelist-rowsview:focus {
  outline: 0; }

.dx-treelist-rowsview .dx-row > td,
.dx-treelist-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-treelist-rowsview .dx-row.dx-row-lines:first-child,
.dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td,
.dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none; }

.dx-treelist-rowsview .dx-data-row > td:focus {
  outline: 0; }

.dx-treelist-rowsview .dx-selection > td .dx-link,
.dx-treelist-rowsview .dx-selection > tr > td .dx-link,
.dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link,
.dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: inherit; }

.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row,
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row {
  border-top: 0;
  border-bottom: 0; }

.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td,
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td {
  padding-top: 0;
  padding-bottom: 0; }

.dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: none; }

.dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox,
.dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  display: inline-block; }

.dx-treelist-rowsview .dx-row > .dx-master-detail-cell {
  padding: 30px; }

.dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0; }

.dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
  border-color: transparent; }

.dx-treelist-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.dx-treelist-bottom-load-panel {
  text-align: center;
  padding: 10px; }

.dx-treelist-hidden-column {
  white-space: nowrap; }

.dx-treelist .dx-row .dx-treelist-hidden-column {
  border-right-width: 0;
  border-left-width: 0; }

.dx-treelist-hidden-column > * {
  display: none !important; }

.dx-treelist-total-footer {
  position: relative; }

.dx-treelist-total-footer > .dx-treelist-content {
  padding-top: 7px;
  padding-bottom: 7px; }

.dx-treelist-summary-item {
  font-weight: 700; }

.dx-treelist-export-menu .dx-menu-item .dx-checkbox {
  margin-left: 0; }

.dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
  width: 16px;
  height: 16px; }

.dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
  white-space: nowrap;
  word-break: normal; }

.dx-command-adaptive {
  width: 36px;
  min-width: 36px; }

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0; }

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  width: 0;
  height: 0; }

.dx-treelist-revert-tooltip .dx-revert-button {
  margin: 0; }

.dx-treelist-notouch-action {
  -ms-touch-action: none;
  touch-action: none;
  -ms-content-zooming: none;
  -ms-overflow-style: none; }

.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none; }

.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute; }

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item,
.dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px; }

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image,
.dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right; }

.dx-rtl .dx-treelist .dx-texteditor-buttons-container,
.dx-treelist.dx-rtl .dx-texteditor-buttons-container {
  text-align: start; }

.dx-rtl .dx-treelist-content .dx-treelist-table {
  direction: rtl; }

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
  border-left: none; }

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
  border-right: none; }

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
  padding: 7px 32px 7px 7px; }

.dx-rtl .dx-treelist-headers,
.dx-rtl .dx-treelist-rowsview,
.dx-rtl .dx-treelist-total-footer {
  direction: ltr; }

.dx-rtl .dx-treelist-headers .dx-treelist-table,
.dx-rtl .dx-treelist-rowsview .dx-treelist-table,
.dx-rtl .dx-treelist-total-footer .dx-treelist-table {
  direction: rtl; }

.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before,
.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-right: 32px; }

.dx-rtl .dx-treelist-filter-row .dx-menu {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -2px; }

.dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0; }

.dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 5px 5px 30px; }

.dx-rtl .dx-treelist-filter-row .dx-menu-caption {
  padding-right: 6px; }

.dx-rtl .dx-treelist-header-panel {
  text-align: right; }

.dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
  margin-left: 0; }

.dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px; }

.dx-rtl .dx-treelist-search-panel {
  margin: 0 15px 0 0; }

.dx-treelist-filter-panel,
.dx-treelist-filter-panel-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 0; }

.dx-treelist-filter-panel {
  padding: 10px; }

.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover {
  text-decoration: underline;
  cursor: pointer; }

.dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
  padding-right: 10px; }

.dx-treelist-filter-panel .dx-icon-filter {
  margin: auto 7px auto auto;
  cursor: pointer; }

.dx-treelist-container {
  position: relative;
  cursor: default;
  white-space: normal;
  line-height: normal; }

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable,
.dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable {
  white-space: nowrap; }

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content,
.dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content {
  display: inline;
  white-space: normal; }

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container,
.dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container {
  float: none; }

.dx-treelist-rowsview .dx-treelist-icon-container {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  line-height: 1; }

.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: left; }

.dx-menu-base {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-align: left; }

.dx-menu-base .dx-menu-item-wrapper,
.dx-menu-base .dx-menu-items-container {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

.dx-menu-base .dx-menu-items-container {
  list-style-type: none;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer; }

.dx-menu-base .dx-state-disabled,
.dx-menu-base.dx-state-disabled .dx-menu-items-container {
  cursor: default; }

.dx-menu-base .dx-menu-item {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%; }

.dx-menu-base .dx-menu-item.dx-state-disabled {
  opacity: .5; }

.dx-menu-base .dx-menu-item .dx-menu-item-content {
  white-space: nowrap;
  height: 100%;
  width: 100%; }

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
  display: inline-block;
  vertical-align: middle;
  border: 0; }

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  display: inline;
  vertical-align: middle;
  overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2em; }

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  height: 100%; }

.dx-menu-base.dx-rtl {
  text-align: right; }

.dx-menu-base.dx-rtl .dx-menu-item-popout-container {
  left: 0;
  right: auto; }

.dx-menu {
  position: relative; }

.dx-menu-horizontal {
  height: 100%; }

.dx-menu-horizontal:after {
  height: 100%;
  display: inline-block;
  content: '';
  vertical-align: middle; }

.dx-menu-horizontal .dx-menu-item-wrapper {
  display: inline-block; }

.dx-menu-horizontal .dx-menu-separator {
  display: inline-block;
  margin: 0 15px 0 0; }

.dx-menu-vertical {
  height: 100%; }

.dx-menu-vertical:after {
  height: 100%;
  display: inline-block;
  content: '';
  vertical-align: middle; }

.dx-menu-vertical .dx-menu-item-wrapper {
  display: block; }

.dx-menu-vertical .dx-menu-separator {
  margin: 0 0 15px; }

.dx-rtl.dx-menu {
  text-align: right; }

.dx-context-menu-container-border {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute; }

.dx-context-menu-content-delimiter {
  position: absolute;
  display: none;
  z-index: 2000;
  cursor: pointer; }

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  left: auto;
  right: 0; }

.dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility,
.dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  left: 0;
  right: auto; }

.dx-menu-adaptive-mode .dx-treeview-item {
  cursor: pointer; }

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  padding: 1px; }

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  padding-left: 15px; }

.dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content,
.dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  padding-right: 15px; }

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child {
  border-bottom: none; }

.dx-menu-adaptive-mode-overlay-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.dx-context-menu.dx-overlay-content {
  overflow: inherit;
  position: absolute; }

.dx-context-menu .dx-menu-items-container {
  padding: 1px; }

.dx-context-menu .dx-menu-item .dx-submenu {
  position: absolute;
  z-index: 1003; }

.dx-context-menu .dx-menu-separator {
  height: 1px;
  margin: 5px 0; }

.dx-calendar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  position: relative;
  display: block; }

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  position: absolute;
  bottom: 0; }

.dx-calendar-views-wrapper {
  width: 100%;
  height: 100%;
  position: relative; }

.dx-calendar-navigator {
  position: relative;
  text-align: center;
  width: 100%; }

.dx-calendar-navigator .dx-button {
  position: absolute;
  display: inline-block; }

.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  visibility: hidden; }

.dx-calendar-navigator .dx-calendar-caption-button {
  text-decoration: none; }

.dx-calendar-body {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.dx-calendar-body .dx-widget {
  position: absolute;
  width: 100%;
  height: 100%; }

.dx-calendar-body table {
  width: 100%;
  height: 100%;
  position: absolute;
  direction: ltr;
  table-layout: fixed; }

.dx-calendar-body td {
  cursor: pointer;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-calendar-body thead th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-calendar-cell {
  white-space: normal; }

.dx-calendar-contoured-date {
  outline-offset: -1px; }

.dx-rtl.dx-calendar .dx-calendar-body table {
  left: 0; }

.dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
  direction: ltr; }

.dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month,
.dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month,
.dx-state-disabled .dx-calendar-body table td,
.dx-state-disabled .dx-calendar-body table th,
.dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month,
.dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month {
  cursor: default; }

.dx-multiview-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -ms-touch-action: pinch-zoom pan-y;
  touch-action: pinch-zoom pan-y; }

.dx-multiview-item-container {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%; }

.dx-multiview-item-container .dx-empty-message {
  text-align: center; }

.dx-multiview-item {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%; }

.dx-multiview-item.dx-item-selected {
  position: relative; }

.dx-multiview-item-content {
  width: 100%;
  height: 100%; }

.dx-multiview-item-hidden {
  top: -9999px;
  visibility: hidden; }

.dx-treeview-loadindicator-wrapper {
  text-align: center; }

.dx-treeview-node-loadindicator {
  position: absolute; }

.dx-treeview-search {
  margin-bottom: 5px; }

.dx-treeview {
  height: 100%; }

.dx-treeview .dx-scrollable:focus,
.dx-treeview :focus {
  outline: 0; }

.dx-treeview .dx-empty-message {
  line-height: normal; }

.dx-checkbox + .dx-treeview-node-container,
.dx-treeview-node-container:first-child {
  margin: 0;
  display: block; }

.dx-treeview-select-all-item {
  width: 100%; }

.dx-treeview-node-container {
  list-style-position: inside;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden; }

.dx-treeview-node-container.dx-treeview-node-container-opened {
  display: block; }

.dx-treeview-node {
  list-style-type: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none; }

.dx-treeview-node a {
  text-decoration: none; }

.dx-treeview-node .dx-checkbox {
  position: absolute;
  margin: 0; }

.dx-treeview-item {
  display: block;
  cursor: pointer; }

.dx-treeview-item .dx-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 24px 24px; }

.dx-treeview-item .dx-treeview-item-content span {
  vertical-align: middle; }

.dx-treeview-item.dx-state-disabled {
  opacity: .5; }

.dx-treeview-toggle-item-visibility {
  position: absolute;
  cursor: pointer; }

.dx-treeview-toggle-item-visibility.dx-state-disabled {
  cursor: default; }

.dx-rtl .dx-treeview-node-container .dx-treeview-node,
.dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item,
.dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node {
  padding-left: 0; }

.dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon {
  margin-right: 0; }

.dx-rtl .dx-treeview-toggle-item-visibility {
  left: auto;
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-tabpanel-tabs {
  width: 100%; }

.dx-tabpanel-tabs .dx-tabs {
  height: 100%; }

.dx-tabpanel-container {
  width: 100%;
  height: 100%; }

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input {
  display: none; }

.dx-fileuploader-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.dx-fileuploader-container {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%; }

.dx-fileuploader-input-wrapper:after,
.dx-fileuploader-input-wrapper:before {
  display: table;
  content: "";
  line-height: 0;
  width: 100%; }

.dx-fileuploader-input-wrapper:after {
  clear: both;
  padding-bottom: 1em;
  margin-bottom: -1em; }

.dx-fileuploader-input-wrapper:before {
  padding-top: 1em;
  margin-top: -1em; }

.dx-fileuploader-input-wrapper .dx-button {
  float: left; }

.dx-fileuploader-input-wrapper .dx-button + .dx-button {
  margin-left: 12px; }

.dx-fileuploader-button {
  position: relative; }

.dx-fileuploader-button .dx-fileuploader-input {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer; }

.dx-fileuploader-button .dx-fileuploader-input::-ms-browse,
.dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button {
  cursor: pointer; }

.dx-fileuploader-content {
  display: table-row-group;
  vertical-align: middle; }

.dx-fileuploader-content > .dx-fileuploader-upload-button {
  margin-top: 10px; }

.dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
  display: none; }

.dx-fileuploader-input-content {
  width: 100%;
  display: table; }

.dx-fileuploader-files-container {
  padding-top: 0;
  width: 100%; }

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  padding-top: 22px; }

.dx-fileuploader-file-container {
  width: 100%;
  padding: 4px 0; }

.dx-fileuploader-file-container .dx-button {
  width: 28px;
  height: 28px;
  margin-right: 10px; }

.dx-fileuploader-file-container .dx-button.dx-state-invisible {
  margin-right: 0; }

.dx-fileuploader-button-container,
.dx-fileuploader-input-container {
  display: table-cell;
  vertical-align: middle; }

.dx-fileuploader-input-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden; }

.dx-fileuploader-input {
  opacity: 0;
  width: 100%;
  margin: 0;
  cursor: default; }

.dx-fileuploader-input-label {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: default; }

.dx-fileuploader-input-label:before {
  content: '';
  position: absolute;
  top: -50%;
  overflow: hidden;
  cursor: default; }

.dx-fileuploader-button-container {
  display: table-cell;
  vertical-align: middle; }

.dx-fileuploader-file {
  display: table-cell;
  width: 100%;
  white-space: nowrap; }

.dx-fileuploader-file-info {
  float: left;
  width: 100%; }

.dx-fileuploader-file-status-message {
  float: left;
  font-size: 12px;
  height: 16px; }

.dx-fileuploader .dx-progressbar {
  float: left;
  width: 100%;
  height: 22px;
  margin-top: -6px; }

.dx-fileuploader-file-name {
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-fileuploader-file-size {
  margin-left: 4px;
  float: left;
  vertical-align: super;
  font-size: 10px; }

.dx-rtl .dx-fileuploader .dx-fileuploader-button,
.dx-rtl.dx-fileuploader .dx-fileuploader-button {
  float: right; }

.dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button {
  margin-left: 10px;
  margin-right: 0; }

.dx-rtl .dx-fileuploader .dx-fileuploader-file-name,
.dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-name,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message {
  float: right; }

.dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-size {
  margin-right: 4px; }

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  height: auto; }

.dx-fileuploader-invalid .dx-fileuploader-file-status-message span {
  display: block;
  margin-bottom: 2px; }

.dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
  margin-bottom: 0; }

.dx-fileuploader-invalid .dx-fileuploader-button-container {
  vertical-align: top; }

.dx-fileuploader-invalid .dx-fileuploader-cancel-button {
  margin-top: 5px; }

.dx-validationsummary-item {
  cursor: pointer; }

.dx-invalid-message.dx-overlay {
  position: relative; }

.dx-invalid-message.dx-overlay-wrapper {
  width: 100%;
  visibility: hidden;
  pointer-events: none; }

.dx-invalid-message > .dx-overlay-content {
  display: inline-block;
  position: relative;
  border-width: 0;
  padding: 10px;
  font-size: .85em;
  line-height: normal;
  word-wrap: break-word; }

.dx-invalid-message-always .dx-overlay-wrapper,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper {
  visibility: visible; }

.dx-recurrence-repeat-end-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-scheduler-appointment-popup .dx-popup-content {
  padding-top: 0;
  padding-bottom: 0; }

.dx-scheduler-appointment-popup .dx-scrollable-content {
  padding-top: 20px; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content {
  padding: 0; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item,
.dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item {
  width: 360px; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content {
  padding: 5px; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: 7px;
  margin-left: 5px; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
  text-align: left;
  font-size: 12px;
  opacity: .8;
  margin-top: 10px; }

.dx-scheduler .dx-scheduler-appointment-content-details {
  margin-top: 2px; }

.dx-scheduler .dx-scheduler-appointment-content-details .dx-scheduler-appointment-content-date {
  line-height: .8; }

.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
  position: relative;
  background: #fff; }

.dx-scheduler .dx-empty-message {
  line-height: normal; }

.dx-scheduler-all-day-panel td {
  padding: 0; }

.dx-scheduler-appointment-collector {
  position: absolute;
  display: block;
  height: 20px;
  text-align: center;
  cursor: pointer;
  margin: 3px 0 0 3px; }

.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 4px; }

.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content.dx-button-content {
  padding: 0; }

.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
  display: inline-block;
  vertical-align: middle;
  line-height: 13.33333333px;
  height: 20px;
  padding-left: 2px; }

.dx-scheduler-appointment-collector.dx-state-hover:before {
  border-radius: 20px; }

.dx-scheduler-appointment-collector.dx-button.dx-button-default {
  padding: 0;
  max-width: none;
  border-radius: 20px; }

.dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments,
.dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments {
  pointer-events: none; }

.dx-rtl .dx-scheduler-appointment-collector {
  margin: 3px 3px 0 0; }

@media (max-width: 450px) {
  .dx-scheduler-adaptive .dx-scheduler-view-switcher-label {
    display: none; } }

.dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
  white-space: pre-wrap;
  line-height: 1.3; }

.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
  margin: 0; }

.dx-scheduler-adaptive .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
  line-height: 20px; }

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 10px; }

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 15px; }

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-right: 15px; }

.dx-layout-manager .dx-field-empty-item {
  width: 100%; }

.dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
  padding-left: 0;
  padding-right: 0; }

.dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item {
  padding-top: 0; }

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
  padding-top: 10px; }

.dx-layout-manager .dx-label-h-align.dx-flex-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
  display: block; }

.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content,
.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: block; }

.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label {
  vertical-align: baseline; }

.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper,
.dx-layout-manager .dx-label-h-align .dx-field-item-label {
  display: table-cell; }

.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
  display: block; }

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
  white-space: nowrap;
  vertical-align: middle; }

.dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
  display: block; }

.dx-layout-manager .dx-label-h-align .dx-field-item-content {
  vertical-align: top; }

.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  margin-top: 7px;
  margin-bottom: 4px; }

.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
  width: 100%; }

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding: 20px; }

.dx-field-item-label-location-top {
  display: block; }

.dx-form-group-content {
  border-width: 0;
  padding: 0;
  margin: 0; }

.dx-form-group-caption {
  font-size: 20px; }

.dx-form-group-with-caption > .dx-form-group-content {
  padding-top: 19px;
  padding-bottom: 20px;
  margin-top: 6px; }

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  padding-left: 20px; }

.dx-layout-manager-hidden-label {
  position: absolute;
  display: block;
  visibility: hidden; }

.dx-field-item-help-text {
  font-style: italic;
  white-space: normal; }

.dx-field-item-label-location-left {
  padding-right: 10px; }

.dx-field-item-label-location-right {
  padding-left: 10px; }

.dx-rtl .dx-field-item-optional-mark,
.dx-rtl .dx-field-item-required-mark {
  unicode-bidi: embed; }

.dx-rtl .dx-field-item:not(.dx-first-col) {
  padding-left: 0;
  padding-right: 15px; }

.dx-rtl .dx-field-item:not(.dx-last-col) {
  padding-left: 15px;
  padding-right: 0; }

.dx-rtl .dx-field-item-label-location-left {
  padding-right: 0;
  padding-left: 10px; }

.dx-rtl .dx-field-item-label-location-right {
  padding-left: 0;
  padding-right: 10px; }

.dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
  padding-right: 0;
  padding-left: 0; }

.dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  padding-left: 0;
  padding-right: 20px; }

.dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon,
.dx-filterbuilder.dx-rtl .dx-filterbuilder-text {
  margin-left: 5px;
  margin-right: 0; }

.dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  padding-left: 0;
  padding-right: 26px; }

.dx-filterbuilder .dx-filterbuilder-action-icon,
.dx-filterbuilder .dx-filterbuilder-text {
  margin-left: 0;
  margin-right: 5px; }

.dx-filterbuilder .dx-filterbuilder-action-icon:focus,
.dx-filterbuilder .dx-filterbuilder-item-value-text:focus,
.dx-filterbuilder .dx-filterbuilder-text:focus {
  outline: 0; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
  display: inline-block;
  white-space: nowrap; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text {
  display: inline-block;
  cursor: pointer;
  white-space: pre; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range {
  white-space: nowrap; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator {
  margin: 0 7px;
  opacity: .3; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  min-width: 20px;
  padding: 2px 7px 3px; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
  vertical-align: middle;
  margin-top: -7px;
  margin-bottom: -4px;
  display: inline-block; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
  display: inline-block;
  cursor: pointer;
  position: relative; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  padding: 5px 8px; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  padding-left: 26px; }

.dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 5px; }

.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  padding-right: 5px; }

.dx-filterbuilder-overlay {
  white-space: nowrap; }

.dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
  padding-left: 0; }

.dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened {
  margin-left: 15px; }

.dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
  padding-right: 0; }

.dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  margin-right: 15px; }

.dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
  border-radius: 0; }

.dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content {
  padding: 0; }

.dx-filterbuilder-overlay .dx-scrollable-container {
  max-height: 360px; }

.dx-filterbuilder-overlay .dx-menu-items-container {
  padding: 0; }

.dx-drawer {
  height: 100%;
  width: 100%; }

.dx-drawer-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%; }

.dx-drawer-panel-content {
  position: absolute;
  top: 0;
  bottom: 0; }

.dx-drawer-right .dx-drawer-panel-content {
  right: 0; }

.dx-drawer-left .dx-drawer-panel-content {
  left: 0; }

.dx-drawer-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0; }

.dx-drawer-shader {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%; }

.dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
  top: auto; }

.dx-drawer-shrink .dx-drawer-panel-content {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100%; }

.dx-drawer-shrink .dx-drawer-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.dx-drawer-shrink .dx-drawer-content {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper,
.dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-drawer-overlap .dx-drawer-panel-content {
  overflow: visible; }

.dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper {
  right: auto;
  left: auto; }

.dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper,
.dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper {
  overflow-y: visible; }

.dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper,
.dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper {
  overflow-x: visible; }

.dx-drawer-overlap.dx-drawer-right.dx-drawer-expand .dx-overlay-content,
.dx-drawer-overlap.dx-drawer-right.dx-drawer-slide .dx-overlay-content {
  right: 0; }

.dx-htmleditor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid transparent; }

.dx-quill-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  min-height: 1px;
  margin: 0;
  position: relative;
  overflow: hidden; }

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%; }

.ql-clipboard p {
  margin: 0;
  padding: 0; }

.dx-htmleditor-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.42;
  width: 100%;
  outline: 0;
  overflow-y: auto;
  padding: 12px 15px;
  white-space: pre-wrap;
  word-wrap: break-word; }

.dx-htmleditor-content .dx-variable > span {
  padding: 3px 6px;
  border-radius: 8px; }

.dx-htmleditor-content > * {
  cursor: text; }

.dx-htmleditor-content blockquote,
.dx-htmleditor-content h1,
.dx-htmleditor-content h2,
.dx-htmleditor-content h3,
.dx-htmleditor-content h4,
.dx-htmleditor-content h5,
.dx-htmleditor-content h6,
.dx-htmleditor-content ol,
.dx-htmleditor-content p,
.dx-htmleditor-content pre,
.dx-htmleditor-content ul {
  margin: 0;
  padding: 0; }

.dx-htmleditor-content h1,
.dx-htmleditor-content h2,
.dx-htmleditor-content h3,
.dx-htmleditor-content h4,
.dx-htmleditor-content h5,
.dx-htmleditor-content h6,
.dx-htmleditor-content ol,
.dx-htmleditor-content p,
.dx-htmleditor-content ul {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

.dx-htmleditor-content table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }

.dx-htmleditor-content td {
  border: 1px solid #000;
  padding: 2px 5px; }

.dx-htmleditor-content ol,
.dx-htmleditor-content ul {
  padding-left: 1.5em; }

.dx-rtl .dx-htmleditor-content ol,
.dx-rtl .dx-htmleditor-content ul {
  padding-left: 0;
  padding-right: 1.5em; }

.dx-htmleditor-content li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0; }

.dx-htmleditor-content li::before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
  content: counter(list-0, decimal) ". "; }

.dx-rtl .dx-htmleditor-content li {
  padding-left: 0;
  padding-right: 1.5em; }

.dx-htmleditor-content ul > li::before {
  content: '\2022'; }

.dx-htmleditor-content ol li.ql-indent-1 {
  counter-increment: list-1; }

.dx-htmleditor-content ol li.ql-indent-1::before {
  content: counter(list-1, lower-alpha) ". "; }

.dx-htmleditor-content li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  padding-left: 4.5em; }

.dx-htmleditor-content ol li.ql-indent-2 {
  counter-increment: list-2; }

.dx-htmleditor-content ol li.ql-indent-2::before {
  content: counter(list-2, lower-roman) ". "; }

.dx-htmleditor-content li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  padding-left: 7.5em; }

.dx-htmleditor-content ol li.ql-indent-3 {
  counter-increment: list-3; }

.dx-htmleditor-content ol li.ql-indent-3::before {
  content: counter(list-3, decimal) ". "; }

.dx-htmleditor-content li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  padding-left: 10.5em; }

.dx-htmleditor-content ol li.ql-indent-4 {
  counter-increment: list-4; }

.dx-htmleditor-content ol li.ql-indent-4::before {
  content: counter(list-4, lower-alpha) ". "; }

.dx-htmleditor-content li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
  padding-left: 13.5em; }

.dx-htmleditor-content ol li.ql-indent-5 {
  counter-increment: list-5; }

.dx-htmleditor-content ol li.ql-indent-5::before {
  content: counter(list-5, lower-roman) ". "; }

.dx-htmleditor-content li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
  padding-left: 16.5em; }

.dx-htmleditor-content ol li.ql-indent-6 {
  counter-increment: list-6; }

.dx-htmleditor-content ol li.ql-indent-6::before {
  content: counter(list-6, decimal) ". "; }

.dx-htmleditor-content li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
  padding-left: 19.5em; }

.dx-htmleditor-content ol li.ql-indent-7 {
  counter-increment: list-7; }

.dx-htmleditor-content ol li.ql-indent-7::before {
  content: counter(list-7, lower-alpha) ". "; }

.dx-htmleditor-content li.ql-indent-7 {
  counter-reset: list-8 list-9;
  padding-left: 22.5em; }

.dx-htmleditor-content ol li.ql-indent-8 {
  counter-increment: list-8; }

.dx-htmleditor-content ol li.ql-indent-8::before {
  content: counter(list-8, lower-roman) ". "; }

.dx-htmleditor-content li.ql-indent-8 {
  counter-reset: list-9;
  padding-left: 25.5em; }

.dx-htmleditor-content ol li.ql-indent-9 {
  counter-increment: list-9; }

.dx-htmleditor-content ol li.ql-indent-9::before {
  content: counter(list-9, decimal) ". "; }

.dx-htmleditor-content .ql-indent-1 {
  padding-left: 3em; }

.dx-rtl .dx-htmleditor-content .ql-indent-1 {
  padding-left: 0;
  padding-right: 3em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-1 {
  padding-left: 0;
  padding-right: 4.5em; }

.dx-htmleditor-content .ql-indent-2 {
  padding-left: 6em; }

.dx-rtl .dx-htmleditor-content .ql-indent-2 {
  padding-left: 0;
  padding-right: 6em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-2 {
  padding-left: 0;
  padding-right: 7.5em; }

.dx-htmleditor-content .ql-indent-3 {
  padding-left: 9em; }

.dx-rtl .dx-htmleditor-content .ql-indent-3 {
  padding-left: 0;
  padding-right: 9em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-3 {
  padding-left: 0;
  padding-right: 10.5em; }

.dx-htmleditor-content .ql-indent-4 {
  padding-left: 12em; }

.dx-rtl .dx-htmleditor-content .ql-indent-4 {
  padding-left: 0;
  padding-right: 12em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-4 {
  padding-left: 0;
  padding-right: 13.5em; }

.dx-htmleditor-content .ql-indent-5 {
  padding-left: 15em; }

.dx-rtl .dx-htmleditor-content .ql-indent-5 {
  padding-left: 0;
  padding-right: 15em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-5 {
  padding-left: 0;
  padding-right: 16.5em; }

.dx-htmleditor-content .ql-indent-6 {
  padding-left: 18em; }

.dx-rtl .dx-htmleditor-content .ql-indent-6 {
  padding-left: 0;
  padding-right: 18em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-6 {
  padding-left: 0;
  padding-right: 19.5em; }

.dx-htmleditor-content .ql-indent-7 {
  padding-left: 21em; }

.dx-rtl .dx-htmleditor-content .ql-indent-7 {
  padding-left: 0;
  padding-right: 21em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-7 {
  padding-left: 0;
  padding-right: 22.5em; }

.dx-htmleditor-content .ql-indent-8 {
  padding-left: 24em; }

.dx-rtl .dx-htmleditor-content .ql-indent-8 {
  padding-left: 0;
  padding-right: 24em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-8 {
  padding-left: 0;
  padding-right: 25.5em; }

.dx-htmleditor-content .ql-indent-9 {
  padding-left: 27em; }

.dx-rtl .dx-htmleditor-content .ql-indent-9 {
  padding-left: 0;
  padding-right: 27em; }

.dx-htmleditor-content li.ql-indent-9 {
  padding-left: 28.5em; }

.dx-rtl .dx-htmleditor-content li.ql-indent-9 {
  padding-left: 0;
  padding-right: 28.5em; }

.dx-rtl .dx-htmleditor-content li::before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left; }

.dx-htmleditor-content table td {
  outline: 0; }

.dx-htmleditor-content .ql-code-block-container {
  font-family: monospace; }

.dx-htmleditor-content .ql-video {
  display: block;
  max-width: 100%; }

.dx-htmleditor-content .ql-video.ql-align-center {
  margin: 0 auto; }

.dx-htmleditor-content .ql-video.ql-align-right {
  margin: 0 0 0 auto; }

.dx-htmleditor-content .ql-font-serif {
  font-family: Georgia,Times New Roman,serif; }

.dx-htmleditor-content .ql-font-monospace {
  font-family: Monaco,Courier New,monospace; }

.dx-htmleditor-content .ql-direction-rtl {
  direction: rtl;
  text-align: inherit; }

.dx-htmleditor-content.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px; }

.dx-htmleditor-content pre {
  white-space: pre-wrap;
  background-color: rgba(191, 191, 191, 0.15); }

.dx-htmleditor-content blockquote {
  padding-left: 12px;
  border-left: 4px solid; }

.dx-rtl .dx-htmleditor-content blockquote {
  padding-left: 0;
  padding-right: 12px;
  border-left: none;
  border-right: 4px solid; }

.dx-suggestion-list-wrapper .dx-list {
  min-height: 35px; }

.dx-suggestion-list-wrapper .dx-list .dx-scrollable-content {
  margin: 0; }

.dx-suggestion-list {
  min-width: 50px; }

.dx-suggestion-list .dx-list-item {
  display: block; }

.dx-suggestion-list .dx-list-item-icon {
  border-radius: 50%;
  vertical-align: text-bottom; }

.dx-formdialog-form {
  min-width: 360px; }

.dx-formdialog-field-target .dx-field-item-content {
  text-align: right; }

.dx-rtl .dx-formdialog-field-target .dx-field-item-content {
  text-align: left; }

.dx-htmleditor-toolbar-wrapper {
  padding: 5px; }

.dx-background-format .dx-icon-background,
.dx-background-format .dx-icon-color,
.dx-color-format .dx-icon-background,
.dx-color-format .dx-icon-color {
  border-bottom: 3px solid transparent; }

.dx-htmleditor-toolbar-separator {
  border-left: 1px solid transparent; }

.dx-htmleditor-toolbar-menu-separator {
  width: 100%;
  border-top: 1px solid transparent; }

.dx-htmleditor-toolbar-menu-separator::before {
  content: none; }

.dx-resize-frame {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px dashed #778899; }

.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-resize-frame .dx-resizable-handle-corner-top-right {
  border: 1px solid #fff;
  width: 11px;
  height: 11px;
  border-radius: 0; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right {
  width: 15px;
  height: 15px; }

.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-resize-frame .dx-resizable-handle-corner-top-right {
  right: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right {
  right: -7.5px; }

.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-resize-frame .dx-resizable-handle-corner-top-left {
  left: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left {
  left: -7.5px; }

.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-resize-frame .dx-resizable-handle-corner-top-right {
  top: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right {
  top: -7.5px; }

.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-resize-frame .dx-resizable-handle-corner-bottom-right {
  bottom: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right {
  bottom: -7.5px; }

.dx-resize-frame .dx-resizable-handle-bottom::after,
.dx-resize-frame .dx-resizable-handle-left::after,
.dx-resize-frame .dx-resizable-handle-right::after,
.dx-resize-frame .dx-resizable-handle-top::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 1px solid #fff; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after {
  width: 15px;
  height: 15px; }

.dx-resize-frame .dx-resizable-handle-left::after,
.dx-resize-frame .dx-resizable-handle-right::after {
  top: calc(50% - 5.5px); }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after {
  top: calc(50% - 7.5px); }

.dx-resize-frame .dx-resizable-handle-bottom::after,
.dx-resize-frame .dx-resizable-handle-top::after {
  left: calc(50% - 5.5px); }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after {
  left: calc(50% - 7.5px); }

.dx-resize-frame .dx-resizable-handle-right::after {
  right: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after {
  right: -7.5px; }

.dx-resize-frame .dx-resizable-handle-left::after {
  left: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after {
  left: -7.5px; }

.dx-resize-frame .dx-resizable-handle-top::after {
  top: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after {
  top: -7.5px; }

.dx-resize-frame .dx-resizable-handle-bottom::after {
  bottom: -5.5px; }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
  bottom: -7.5px; }

.dx-mention {
  padding: 1px 0;
  border-radius: 2px; }

.dx-mention .dx-template-wrapper {
  white-space: nowrap;
  display: inline-block; }

.dx-mention > span {
  margin: 0 2px; }

.dx-fa-button .dx-overlay-content {
  border-radius: 50%;
  cursor: pointer; }

.dx-splitter-wrapper {
  height: 100%;
  width: 0;
  position: absolute;
  z-index: 998;
  top: 0; }

.dx-splitter-wrapper .dx-splitter-border {
  z-index: 997;
  height: 100%;
  width: 7px;
  cursor: col-resize; }

.dx-splitter-wrapper .dx-splitter-border .dx-splitter {
  height: 100%;
  width: 1px;
  display: block;
  cursor: col-resize;
  z-index: 999;
  margin: auto; }

.dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-splitter-inactive {
  z-index: 998; }

.dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-state-disabled {
  width: 0;
  cursor: default; }

.dx-filemanager {
  height: 500px;
  border: 1px solid; }

.dx-filemanager .dx-filemanager-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-filemanager .dx-filemanager-notification-drawer,
.dx-filemanager .dx-filemanager-notification-drawer-panel {
  height: 100%; }

.dx-filemanager .dx-filemanager-notification-popup > .dx-overlay-content {
  min-width: 240px;
  max-width: 93vw; }

@media (min-width: 431px) {
  .dx-filemanager .dx-filemanager-notification-popup > .dx-overlay-content {
    max-width: 400px; } }

.dx-filemanager .dx-filemanager-notification-popup .dx-popup-content {
  padding: 15px; }

.dx-filemanager .dx-filemanager-notification-popup .dx-popup-content .dx-filemanager-progress-box {
  padding: 5px 0 0; }

.dx-filemanager .dx-filemanager-notification-popup .dx-filemanager-notification-common {
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.dx-filemanager .dx-filemanager-notification-popup .dx-filemanager-notification-common-no-item {
  border-style: none; }

.dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel {
  border-left-width: 1px;
  border-left-style: solid; }

.dx-filemanager .dx-filemanager-progress-panel {
  width: 340px;
  height: 100%; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-container {
  padding: 10px 20px 20px; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 0 5px 10px; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title .dx-filemanager-progress-panel-title-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 18px;
  font-weight: 600; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-common .dx-filemanager-progress-box-common {
  font-weight: 600; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-separator {
  height: 20px; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-i.dx-filemanager-i-cancel {
  width: 16px;
  height: 16px; }

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box {
  margin-bottom: 8px;
  border-radius: 2px; }

.dx-filemanager .dx-filemanager-progress-box {
  padding: 10px 0 10px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.dx-filemanager .dx-filemanager-progress-box.dx-filemanager-progress-box-without-close-button {
  padding-right: 41px; }

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-image {
  margin-right: 10px; }

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  overflow: hidden; }

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-common {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-progress-bar,
.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-status {
  padding: 5px 0; }

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button {
  margin-top: 9px;
  margin-left: 5px; }

.dx-filemanager .dx-filemanager-progress-box-error {
  border-radius: 2px;
  display: inline-block;
  border-width: 0;
  padding: 2px 8px 3px;
  font-size: .85em;
  line-height: normal;
  word-wrap: break-word;
  overflow-y: auto;
  max-height: 150px; }

.dx-filemanager .dx-filemanager-toolbar {
  padding: 6px 10px; }

.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  width: 1px;
  margin-right: 5px; }

.dx-filemanager .dx-splitter-wrapper.dx-splitter-initial {
  right: 3.5px; }

.dx-filemanager .dx-filemanager-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-top: 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.dx-filemanager .dx-filemanager-container .dx-filemanager-adaptivity-drawer-panel {
  height: 100%; }

.dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
  padding: 5px 10px;
  height: 100%;
  width: 100%;
  display: block; }

.dx-filemanager .dx-filemanager-container .dx-drawer-opened .dx-splitter.dx-state-disabled {
  width: 1px; }

.dx-filemanager .dx-filemanager-container .dx-drawer-shrink .dx-drawer-panel-content {
  overflow: visible; }

.dx-filemanager .dx-filemanager-container .dx-drawer-panel-content {
  display: block;
  width: 30%; }

.dx-filemanager .dx-filemanager-container .dx-drawer-panel-content.dx-drawer-panel-content-initial {
  min-width: 250px;
  max-width: 300px; }

.dx-filemanager .dx-filemanager-dirs-panel {
  height: 100%; }

.dx-filemanager .dx-filemanager-breadcrumbs {
  padding: 2px 11px;
  border-bottom: 1px solid; }

.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content {
  padding-left: 0;
  padding-right: 0; }

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-parent-folder-item .dx-menu-item-content {
  padding-left: 2px;
  padding-right: 2px; }

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
  width: 1px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 10px; }

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item .dx-menu-item-content {
  padding-left: 1px;
  padding-right: 1px; }

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover,
.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover {
  cursor: default; }

.dx-filemanager .dx-filemanager-editing-container,
.dx-filemanager .dx-filemanager-notification-container {
  position: absolute;
  top: -5000px;
  left: -5000px; }

.dx-filemanager .dx-row .dx-filemanager-file-actions-button {
  float: right; }

.dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button-content {
  padding: 0; }

.dx-filemanager .dx-row.dx-row-focused .dx-filemanager-file-actions-button,
.dx-filemanager .dx-row.dx-selection .dx-filemanager-file-actions-button,
.dx-filemanager .dx-row.dx-state-hover .dx-filemanager-file-actions-button {
  visibility: visible; }

.dx-filemanager .dx-filemanager-items-panel {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-filemanager .dx-filemanager-thumbnails {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item {
  float: left;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  width: 100px;
  height: 100px;
  border: 1px dashed transparent;
  margin: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content {
  overflow: hidden;
  padding: 13px 0 10px; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail {
  border: 0; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-spacer {
  border: 0;
  padding: 0;
  margin: 0;
  height: 10px;
  visibility: hidden; }

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-name {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }

.dx-filemanager .dx-filemanager-details {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dx-filemanager .dx-filemanager-details > div {
  height: 100%; }

.dx-filemanager .dx-filemanager-details .dx-datagrid-rowsview .dx-datagrid-table > tbody > tr.dx-filemanager-parent-directory-item > td > .dx-select-checkbox {
  display: none; }

.dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%; }

.dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-filemanager .dx-filemanager-i.dx-filemanager-i-progress,
.dx-filemanager .dx-filemanager-i.dx-icon.dx-filemanager-i-progress {
  -webkit-animation: 1.5s linear infinite dx-filemanager-icon-rotate;
  animation: 1.5s linear infinite dx-filemanager-icon-rotate; }

@-webkit-keyframes dx-filemanager-icon-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes dx-filemanager-icon-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.dx-filemanager-file-actions-button {
  visibility: hidden;
  text-align: center; }

.dx-filemanager-file-actions-button.dx-widget {
  line-height: 100%; }

.dx-filemanager-file-actions-button .dx-button {
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-filemanager-file-actions-button .dx-button .dx-button-content {
  padding: 10px 11px; }

.dx-filemanager-file-actions-button .dx-button i {
  font-style: normal; }

.dx-filemanager-file-actions-button.dx-filemanager-file-actions-button-activated,
.dx-filemanager-file-actions-button:hover {
  visibility: visible; }

.dx-filemanager-dirs-tree {
  width: 100%; }

.dx-filemanager-dirs-tree .dx-treeview-item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dx-filemanager-dirs-tree .dx-filemanager-focused-item .dx-filemanager-file-actions-button,
.dx-filemanager-dirs-tree .dx-treeview-item.dx-state-hover .dx-filemanager-file-actions-button {
  visibility: visible; }

.dx-filemanager-dialog.dx-filemanager-dialog-folder-chooser,
.dx-filemanager-progresspanel {
  height: 100%;
  overflow: auto; }

.dx-filemanager-dialog-folder-chooser > div {
  height: 100%; }

.dx-filemanager-dialog-popup > .dx-overlay-content {
  min-width: 300px;
  max-width: 400px;
  min-height: 300px;
  max-height: 400px; }

.dx-filemanager-dialog-delete-item-popup > .dx-overlay-content,
.dx-filemanager-dialog-name-editor-popup > .dx-overlay-content {
  max-width: 340px;
  min-height: 180px;
  max-height: 180px; }

.dx-filemanager-progresspanel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px; }

.dx-filemanager-progresspanel .dx-filemanager-progressbox {
  float: left;
  width: 100%;
  padding-bottom: 10px; }

.dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button {
  margin-top: 5px;
  float: right; }

.dx-diagram {
  border: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 600px;
  min-height: 350px; }

.dx-diagram .dx-diagram-toolbar-wrapper {
  padding: 5px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.dx-diagram .dx-diagram-toolbar-wrapper .dx-diagram-toolbar {
  background-color: transparent; }

.dx-diagram .dx-diagram-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  overflow: hidden; }

.dx-diagram .dx-diagram-content,
.dx-diagram .dx-diagram-scroll-view {
  height: 100%;
  width: 100%; }

.dx-diagram.dx-diagram-fullscreen {
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  position: fixed;
  z-index: 2; }

.dx-diagram .dxdi-control {
  width: auto;
  height: auto;
  overflow: visible; }

.dx-diagram .dxdi-canvas {
  overflow: hidden; }

.dx-diagram-toolbox-popup.dx-popup-wrapper .dx-overlay-content {
  border-radius: 0; }

.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.05); }

.dx-diagram-toolbox-popup .dx-popup-title .dx-button-content,
.dx-diagram-toolbox-popup .dx-popup-title .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  min-width: 0; }

.dx-diagram-toolbox-popup .dx-popup-title .dx-button:not(.dx-closebutton) {
  cursor: inherit;
  pointer-events: none; }

.dx-diagram-toolbox-popup .dx-popup-content {
  padding: 0; }

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input {
  border-color: transparent; }

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input .dx-placeholder:before,
.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input input {
  min-height: 0;
  font-size: .9em; }

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input .dx-button {
  border: 0;
  border-radius: 0;
  min-height: 14px; }

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: auto; }

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel > * {
  position: absolute; }

.dx-diagram-properties-popup .dx-scrollview,
.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel > .dx-scrollview {
  width: 100%; }

.dx-diagram-properties-popup .dx-popup-content {
  padding: 0; }

.dx-diagram-properties-popup .dx-tabs {
  border: 0; }

.dx-diagram-properties-popup .dx-tabpanel .dx-multiview-wrapper {
  border-left: 0;
  border-right: 0; }

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container {
  display: block;
  height: auto; }

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  position: inherit; }

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.dx-diagram-properties-popup:not(.dx-diagram-mobile-popup) .dx-tabpanel .dx-multiview-wrapper {
  border-bottom: 0; }

.dx-diagram-properties-popup.dx-diagram-mobile-popup {
  width: calc(100% - 2px) !important; }

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-popup-title {
  border: 0;
  min-height: 0;
  position: relative;
  z-index: 1; }

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-toolbar .dx-toolbar-items-container {
  height: auto; }

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  padding-top: 0;
  padding-bottom: 0; }

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel .dx-multiview-wrapper {
  border-top: 0; }

.dx-diagram-floating-toolbar-container {
  position: absolute;
  z-index: 1001;
  width: 100%;
  -webkit-transition: opacity .4s;
  transition: opacity .4s; }

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container {
  background: 0 0;
  border-radius: 50%;
  border: 0;
  padding: 0; }

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar {
  background: 0 0; }

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container div {
  border-radius: 50%; }

.dx-diagram-floating-toolbar-container .dx-diagram-toolbar .dx-toolbar-items-container > * {
  padding-left: 0;
  padding-right: 0; }

.dx-diagram-toolbar .dx-diagram-toolbar-separator {
  height: 100%;
  border-left: 1px solid transparent; }

.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
  width: 100%;
  border-top: 1px solid transparent; }

.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator::before {
  content: none; }

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-texteditor,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-texteditor,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-texteditor,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-texteditor {
  width: auto; }

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i {
  display: block; }

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox {
  width: 0; }

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input {
  width: 0;
  padding-left: 0; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay {
  -webkit-transform: none !important;
  transform: none !important;
  width: 100% !important;
  height: 100% !important; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content {
  -webkit-transform: none !important;
  transform: none !important;
  width: 100% !important;
  top: initial !important;
  bottom: 0 !important; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-popup-content {
  padding: 8px; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container {
  width: 100%; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-palette-cell {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-palette-cell .dx-colorview-palette {
  width: 100%;
  min-width: 300px; }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-controls-container,
.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-hue-scale-cell {
  margin-left: 12px; }

.dx-diagram-i {
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block; }

.dx-diagram-loading-indicator {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px; }

.dx-diagram-touch-context-toolbox .dx-popover-wrapper,
.dx-diagram-touchbar-overlay {
  z-index: 1 !important; }

.dx-diagram-touchbar.dx-context-menu .dx-menu-items-container {
  display: block;
  height: 100%;
  padding: 0; }

.dx-diagram-touchbar.dx-context-menu .dx-menu-items-container::after {
  display: block;
  content: "";
  clear: both; }

.dx-diagram-touchbar.dx-context-menu .dx-menu-items-container > li {
  display: block;
  float: left; }

.dx-diagram-touchbar.dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-menu-item-content .dx-icon {
  margin: 0; }

.dx-diagram-touchbar.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  display: none; }

.dx-diagram-context-toolbox-target,
.dx-diagram-touchbar-target {
  position: absolute;
  background-color: transparent;
  pointer-events: none; }

.dx-diagram-context-toolbox-target {
  width: 1px;
  height: 1px; }

.dx-diagram-context-toolbox .dx-popup-content {
  padding: 8px; }

.dx-diagram-context-toolbox-content {
  width: 152px; }

.dx-gantt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%; }

.dx-gantt .dx-gantt-main-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%; }

.dx-gantt .dx-gantt-toolbar-separator {
  height: 100%;
  border-left: 1px solid transparent; }

.dx-gantt .dx-gantt-si {
  text-align: center;
  vertical-align: middle; }

.dx-gantt .dx-gantt-treelist-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-scrollbar-vertical {
  display: none; }

.dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-treelist-headers + .dx-treelist-rowsview {
  border-top: none; }

.dx-gantt .dx-splitter-wrapper .dx-splitter-border .dx-splitter {
  width: 2px; }

.dx-gantt .dx-gantt-view {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  min-width: 1px; }

.dx-gantt .dx-gantt-view .dx-gantt-tac-hb {
  margin-top: -1px; }

.dx-gantt .dx-gantt-view .dx-scrollable-scrollbar {
  z-index: 100; }

.dx-deferrendering .dx-deferrendering-loadindicator-container {
  width: 100%;
  height: 100%;
  position: relative; }

.dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering,
.dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering {
  display: none !important; }

/*
* Generated by the DevExpress ThemeBuilder
* Version: 20.1.6
* http://js.devexpress.com/ThemeBuilder/
*/
.dx-theme-generic-typography {
  background-color: #fff;
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-theme-generic-typography input,
.dx-theme-generic-typography textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-theme-generic-typography .dx-font-xl,
.dx-theme-generic-typography h1 {
  font-weight: 200;
  font-size: 34px; }

.dx-theme-generic-typography .dx-font-l,
.dx-theme-generic-typography h2 {
  font-weight: 400;
  font-size: 28px; }

.dx-theme-generic-typography h3 {
  font-weight: 400;
  font-size: 22px; }

.dx-theme-generic-typography .dx-font-m {
  font-weight: 400;
  font-size: 20px; }

.dx-theme-generic-typography .dx-font-s,
.dx-theme-generic-typography h4 {
  font-weight: 500;
  font-size: 18px; }

.dx-theme-generic-typography h5 {
  font-weight: 700;
  font-size: 16px; }

.dx-theme-generic-typography .dx-font-xs,
.dx-theme-generic-typography h6,
.dx-theme-generic-typography small {
  font-weight: 800;
  font-size: 12px; }

.dx-theme-generic-typography a {
  color: #c50077; }

.dx-theme-marker {
  font-family: "dx.generic.light"; }

.dx-theme-accent-as-text-color {
  color: #c50077 !important; }

.dx-theme-text-color {
  color: #4d4d4d !important; }

.dx-theme-background-color-as-text-color {
  color: #fff !important; }

.dx-theme-border-color-as-text-color {
  color: #ededed !important; }

.dx-theme-accent-as-background-color {
  background-color: #c50077 !important;
  fill: #c50077 !important; }

.dx-theme-text-color-as-background-color {
  background-color: #4d4d4d !important;
  fill: #4d4d4d !important; }

.dx-theme-background-color {
  background-color: #fff !important;
  fill: #fff !important; }

.dx-theme-border-color-as-background-color {
  background-color: #ededed !important;
  fill: #ededed !important; }

.dx-theme-accent-as-border-color {
  border-color: #c50077 !important; }

.dx-theme-text-color-as-border-color {
  border-color: #4d4d4d !important; }

.dx-theme-background-color-as-border-color {
  border-color: #fff !important; }

.dx-theme-border-color {
  border-color: #ededed !important; }

.dx-rtl .dx-icon-spinnext:before {
  content: "\f04f"; }

.dx-rtl .dx-icon-spinprev:before {
  content: "\f04e"; }

.dx-rtl .dx-icon-chevronnext:before {
  content: "\f012"; }

.dx-rtl .dx-icon-back:before,
.dx-rtl .dx-icon-chevronprev:before {
  content: "\f010"; }

.dx-rtl .dx-icon-undo:before {
  content: "\f093"; }

.dx-rtl .dx-icon-redo:before {
  content: "\f04c"; }

.dx-rtl .dx-icon-hidepanel:before {
  content: "\f11d"; }

.dx-rtl .dx-icon-showpanel:before {
  content: "\f11c"; }

@font-face {
  font-family: DXIcons;
  src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), url(../jquery/devextreme-20.1.7/css/icons/dxicons.woff2) format("woff2"), url(../jquery/devextreme-20.1.7/css/icons/dxicons.woff) format("woff"), url(../jquery/devextreme-20.1.7/css/icons/dxicons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

.dx-icon {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.dx-icon-add {
  font: 14px/1 DXIcons; }

.dx-icon-add:before {
  content: "\f00b"; }

.dx-icon-airplane {
  font: 14px/1 DXIcons; }

.dx-icon-airplane:before {
  content: "\f000"; }

.dx-icon-bookmark {
  font: 14px/1 DXIcons; }

.dx-icon-bookmark:before {
  content: "\f017"; }

.dx-icon-box {
  font: 14px/1 DXIcons; }

.dx-icon-box:before {
  content: "\f018"; }

.dx-icon-car {
  font: 14px/1 DXIcons; }

.dx-icon-car:before {
  content: "\f01b"; }

.dx-icon-card {
  font: 14px/1 DXIcons; }

.dx-icon-card:before {
  content: "\f019"; }

.dx-icon-cart {
  font: 14px/1 DXIcons; }

.dx-icon-cart:before {
  content: "\f01a"; }

.dx-icon-chart {
  font: 14px/1 DXIcons; }

.dx-icon-chart:before {
  content: "\f01c"; }

.dx-icon-check {
  font: 14px/1 DXIcons; }

.dx-icon-check:before {
  content: "\f005"; }

.dx-icon-clear {
  font: 14px/1 DXIcons; }

.dx-icon-clear:before {
  content: "\f008"; }

.dx-icon-clock {
  font: 14px/1 DXIcons; }

.dx-icon-clock:before {
  content: "\f01d"; }

.dx-icon-close {
  font: 14px/1 DXIcons; }

.dx-icon-close:before {
  content: "\f00a"; }

.dx-icon-coffee {
  font: 14px/1 DXIcons; }

.dx-icon-coffee:before {
  content: "\f02a"; }

.dx-icon-comment {
  font: 14px/1 DXIcons; }

.dx-icon-comment:before {
  content: "\f01e"; }

.dx-icon-doc {
  font: 14px/1 DXIcons; }

.dx-icon-doc:before {
  content: "\f021"; }

.dx-icon-file {
  font: 14px/1 DXIcons; }

.dx-icon-file:before {
  content: "\f021"; }

.dx-icon-download {
  font: 14px/1 DXIcons; }

.dx-icon-download:before {
  content: "\f022"; }

.dx-icon-dragvertical {
  font: 14px/1 DXIcons; }

.dx-icon-dragvertical:before {
  content: "\f038"; }

.dx-icon-edit {
  font: 14px/1 DXIcons; }

.dx-icon-edit:before {
  content: "\f023"; }

.dx-icon-email {
  font: 14px/1 DXIcons; }

.dx-icon-email:before {
  content: "\f024"; }

.dx-icon-event {
  font: 14px/1 DXIcons; }

.dx-icon-event:before {
  content: "\f026"; }

.dx-icon-favorites {
  font: 14px/1 DXIcons; }

.dx-icon-favorites:before {
  content: "\f025"; }

.dx-icon-find {
  font: 14px/1 DXIcons; }

.dx-icon-find:before {
  content: "\f027"; }

.dx-icon-filter {
  font: 14px/1 DXIcons; }

.dx-icon-filter:before {
  content: "\f050"; }

.dx-icon-folder {
  font: 14px/1 DXIcons; }

.dx-icon-folder:before {
  content: "\f028"; }

.dx-icon-activefolder {
  font: 14px/1 DXIcons; }

.dx-icon-activefolder:before {
  content: "\f028"; }

.dx-icon-food {
  font: 14px/1 DXIcons; }

.dx-icon-food:before {
  content: "\f029"; }

.dx-icon-gift {
  font: 14px/1 DXIcons; }

.dx-icon-gift:before {
  content: "\f02b"; }

.dx-icon-globe {
  font: 14px/1 DXIcons; }

.dx-icon-globe:before {
  content: "\f02c"; }

.dx-icon-group {
  font: 14px/1 DXIcons; }

.dx-icon-group:before {
  content: "\f02e"; }

.dx-icon-help {
  font: 14px/1 DXIcons; }

.dx-icon-help:before {
  content: "\f02f"; }

.dx-icon-home {
  font: 14px/1 DXIcons; }

.dx-icon-home:before {
  content: "\f030"; }

.dx-icon-image {
  font: 14px/1 DXIcons; }

.dx-icon-image:before {
  content: "\f031"; }

.dx-icon-info {
  font: 14px/1 DXIcons; }

.dx-icon-info:before {
  content: "\f032"; }

.dx-icon-key {
  font: 14px/1 DXIcons; }

.dx-icon-key:before {
  content: "\f033"; }

.dx-icon-like {
  font: 14px/1 DXIcons; }

.dx-icon-like:before {
  content: "\f034"; }

.dx-icon-map {
  font: 14px/1 DXIcons; }

.dx-icon-map:before {
  content: "\f035"; }

.dx-icon-menu {
  font: 14px/1 DXIcons; }

.dx-icon-menu:before {
  content: "\f00c"; }

.dx-icon-message {
  font: 14px/1 DXIcons; }

.dx-icon-message:before {
  content: "\f024"; }

.dx-icon-money {
  font: 14px/1 DXIcons; }

.dx-icon-money:before {
  content: "\f036"; }

.dx-icon-music {
  font: 14px/1 DXIcons; }

.dx-icon-music:before {
  content: "\f037"; }

.dx-icon-overflow {
  font: 14px/1 DXIcons; }

.dx-icon-overflow:before {
  content: "\f00d"; }

.dx-icon-percent {
  font: 14px/1 DXIcons; }

.dx-icon-percent:before {
  content: "\f039"; }

.dx-icon-photo {
  font: 14px/1 DXIcons; }

.dx-icon-photo:before {
  content: "\f03a"; }

.dx-icon-plus {
  font: 14px/1 DXIcons; }

.dx-icon-plus:before {
  content: "\f00b"; }

.dx-icon-minus {
  font: 14px/1 DXIcons; }

.dx-icon-minus:before {
  content: "\f074"; }

.dx-icon-preferences {
  font: 14px/1 DXIcons; }

.dx-icon-preferences:before {
  content: "\f03b"; }

.dx-icon-product {
  font: 14px/1 DXIcons; }

.dx-icon-product:before {
  content: "\f03c"; }

.dx-icon-pulldown {
  font: 14px/1 DXIcons; }

.dx-icon-pulldown:before {
  content: "\f062"; }

.dx-icon-refresh {
  font: 14px/1 DXIcons; }

.dx-icon-refresh:before {
  content: "\f03d"; }

.dx-icon-remove {
  font: 14px/1 DXIcons; }

.dx-icon-remove:before {
  content: "\f00a"; }

.dx-icon-revert {
  font: 14px/1 DXIcons; }

.dx-icon-revert:before {
  content: "\f04c"; }

.dx-icon-runner {
  font: 14px/1 DXIcons; }

.dx-icon-runner:before {
  content: "\f040"; }

.dx-icon-save {
  font: 14px/1 DXIcons; }

.dx-icon-save:before {
  content: "\f041"; }

.dx-icon-search {
  font: 14px/1 DXIcons; }

.dx-icon-search:before {
  content: "\f027"; }

.dx-icon-tags {
  font: 14px/1 DXIcons; }

.dx-icon-tags:before {
  content: "\f009"; }

.dx-icon-tel {
  font: 14px/1 DXIcons; }

.dx-icon-tel:before {
  content: "\f003"; }

.dx-icon-tips {
  font: 14px/1 DXIcons; }

.dx-icon-tips:before {
  content: "\f004"; }

.dx-icon-todo {
  font: 14px/1 DXIcons; }

.dx-icon-todo:before {
  content: "\f005"; }

.dx-icon-toolbox {
  font: 14px/1 DXIcons; }

.dx-icon-toolbox:before {
  content: "\f007"; }

.dx-icon-trash {
  font: 14px/1 DXIcons; }

.dx-icon-trash:before {
  content: "\f03e"; }

.dx-icon-user {
  font: 14px/1 DXIcons; }

.dx-icon-user:before {
  content: "\f02d"; }

.dx-icon-upload {
  font: 14px/1 DXIcons; }

.dx-icon-upload:before {
  content: "\f006"; }

.dx-icon-floppy {
  font: 14px/1 DXIcons; }

.dx-icon-floppy:before {
  content: "\f073"; }

.dx-icon-arrowleft {
  font: 14px/1 DXIcons; }

.dx-icon-arrowleft:before {
  content: "\f011"; }

.dx-icon-arrowdown {
  font: 14px/1 DXIcons; }

.dx-icon-arrowdown:before {
  content: "\f015"; }

.dx-icon-arrowright {
  font: 14px/1 DXIcons; }

.dx-icon-arrowright:before {
  content: "\f00e"; }

.dx-icon-arrowup {
  font: 14px/1 DXIcons; }

.dx-icon-arrowup:before {
  content: "\f013"; }

.dx-icon-spinleft {
  font: 14px/1 DXIcons; }

.dx-icon-spinleft:before {
  content: "\f04f"; }

.dx-icon-spinprev {
  font: 14px/1 DXIcons; }

.dx-icon-spinprev:before {
  content: "\f04f"; }

.dx-icon-spinright {
  font: 14px/1 DXIcons; }

.dx-icon-spinright:before {
  content: "\f04e"; }

.dx-icon-spinnext {
  font: 14px/1 DXIcons; }

.dx-icon-spinnext:before {
  content: "\f04e"; }

.dx-icon-spindown {
  font: 14px/1 DXIcons; }

.dx-icon-spindown:before {
  content: "\f001"; }

.dx-icon-spinup {
  font: 14px/1 DXIcons; }

.dx-icon-spinup:before {
  content: "\f002"; }

.dx-icon-chevronleft {
  font: 14px/1 DXIcons; }

.dx-icon-chevronleft:before {
  content: "\f012"; }

.dx-icon-chevronprev {
  font: 14px/1 DXIcons; }

.dx-icon-chevronprev:before {
  content: "\f012"; }

.dx-icon-back {
  font: 14px/1 DXIcons; }

.dx-icon-back:before {
  content: "\f012"; }

.dx-icon-chevronright {
  font: 14px/1 DXIcons; }

.dx-icon-chevronright:before {
  content: "\f010"; }

.dx-icon-chevronnext {
  font: 14px/1 DXIcons; }

.dx-icon-chevronnext:before {
  content: "\f010"; }

.dx-icon-chevrondown {
  font: 14px/1 DXIcons; }

.dx-icon-chevrondown:before {
  content: "\f016"; }

.dx-icon-chevronup {
  font: 14px/1 DXIcons; }

.dx-icon-chevronup:before {
  content: "\f014"; }

.dx-icon-chevrondoubleleft {
  font: 14px/1 DXIcons; }

.dx-icon-chevrondoubleleft:before {
  content: "\f042"; }

.dx-icon-chevrondoubleright {
  font: 14px/1 DXIcons; }

.dx-icon-chevrondoubleright:before {
  content: "\f03f"; }

.dx-icon-equal {
  font: 14px/1 DXIcons; }

.dx-icon-equal:before {
  content: "\f044"; }

.dx-icon-notequal {
  font: 14px/1 DXIcons; }

.dx-icon-notequal:before {
  content: "\f045"; }

.dx-icon-less {
  font: 14px/1 DXIcons; }

.dx-icon-less:before {
  content: "\f046"; }

.dx-icon-greater {
  font: 14px/1 DXIcons; }

.dx-icon-greater:before {
  content: "\f047"; }

.dx-icon-lessorequal {
  font: 14px/1 DXIcons; }

.dx-icon-lessorequal:before {
  content: "\f048"; }

.dx-icon-greaterorequal {
  font: 14px/1 DXIcons; }

.dx-icon-greaterorequal:before {
  content: "\f049"; }

.dx-icon-isblank {
  font: 14px/1 DXIcons; }

.dx-icon-isblank:before {
  content: "\f075"; }

.dx-icon-isnotblank {
  font: 14px/1 DXIcons; }

.dx-icon-isnotblank:before {
  content: "\f076"; }

.dx-icon-sortup {
  font: 14px/1 DXIcons; }

.dx-icon-sortup:before {
  content: "\f051"; }

.dx-icon-sortdown {
  font: 14px/1 DXIcons; }

.dx-icon-sortdown:before {
  content: "\f052"; }

.dx-icon-sortuptext {
  font: 14px/1 DXIcons; }

.dx-icon-sortuptext:before {
  content: "\f053"; }

.dx-icon-sortdowntext {
  font: 14px/1 DXIcons; }

.dx-icon-sortdowntext:before {
  content: "\f054"; }

.dx-icon-sorted {
  font: 14px/1 DXIcons; }

.dx-icon-sorted:before {
  content: "\f055"; }

.dx-icon-expand {
  font: 14px/1 DXIcons; }

.dx-icon-expand:before {
  content: "\f04a"; }

.dx-icon-collapse {
  font: 14px/1 DXIcons; }

.dx-icon-collapse:before {
  content: "\f04b"; }

.dx-icon-columnfield {
  font: 14px/1 DXIcons; }

.dx-icon-columnfield:before {
  content: "\f057"; }

.dx-icon-rowfield {
  font: 14px/1 DXIcons; }

.dx-icon-rowfield:before {
  content: "\f058"; }

.dx-icon-datafield {
  font: 14px/1 DXIcons; }

.dx-icon-datafield:before {
  content: "\f101"; }

.dx-icon-fields {
  font: 14px/1 DXIcons; }

.dx-icon-fields:before {
  content: "\f059"; }

.dx-icon-fieldchooser {
  font: 14px/1 DXIcons; }

.dx-icon-fieldchooser:before {
  content: "\f05a"; }

.dx-icon-columnchooser {
  font: 14px/1 DXIcons; }

.dx-icon-columnchooser:before {
  content: "\f04d"; }

.dx-icon-pin {
  font: 14px/1 DXIcons; }

.dx-icon-pin:before {
  content: "\f05b"; }

.dx-icon-unpin {
  font: 14px/1 DXIcons; }

.dx-icon-unpin:before {
  content: "\f05c"; }

.dx-icon-pinleft {
  font: 14px/1 DXIcons; }

.dx-icon-pinleft:before {
  content: "\f05d"; }

.dx-icon-pinright {
  font: 14px/1 DXIcons; }

.dx-icon-pinright:before {
  content: "\f05e"; }

.dx-icon-contains {
  font: 14px/1 DXIcons; }

.dx-icon-contains:before {
  content: "\f063"; }

.dx-icon-startswith {
  font: 14px/1 DXIcons; }

.dx-icon-startswith:before {
  content: "\f064"; }

.dx-icon-endswith {
  font: 14px/1 DXIcons; }

.dx-icon-endswith:before {
  content: "\f065"; }

.dx-icon-doesnotcontain {
  font: 14px/1 DXIcons; }

.dx-icon-doesnotcontain:before {
  content: "\f066"; }

.dx-icon-range {
  font: 14px/1 DXIcons; }

.dx-icon-range:before {
  content: "\f06a"; }

.dx-icon-export {
  font: 14px/1 DXIcons; }

.dx-icon-export:before {
  content: "\f05f"; }

.dx-icon-exportxlsx {
  font: 14px/1 DXIcons; }

.dx-icon-exportxlsx:before {
  content: "\f060"; }

.dx-icon-exportpdf {
  font: 14px/1 DXIcons; }

.dx-icon-exportpdf:before {
  content: "\f061"; }

.dx-icon-exportselected {
  font: 14px/1 DXIcons; }

.dx-icon-exportselected:before {
  content: "\f06d"; }

.dx-icon-warning {
  font: 14px/1 DXIcons; }

.dx-icon-warning:before {
  content: "\f06b"; }

.dx-icon-more {
  font: 14px/1 DXIcons; }

.dx-icon-more:before {
  content: "\f06c"; }

.dx-icon-square {
  font: 14px/1 DXIcons; }

.dx-icon-square:before {
  content: "\f067"; }

.dx-icon-clearsquare {
  font: 14px/1 DXIcons; }

.dx-icon-clearsquare:before {
  content: "\f068"; }

.dx-icon-repeat {
  font: 14px/1 DXIcons; }

.dx-icon-repeat:before {
  content: "\f069"; }

.dx-icon-selectall {
  font: 14px/1 DXIcons; }

.dx-icon-selectall:before {
  content: "\f070"; }

.dx-icon-unselectall {
  font: 14px/1 DXIcons; }

.dx-icon-unselectall:before {
  content: "\f071"; }

.dx-icon-print {
  font: 14px/1 DXIcons; }

.dx-icon-print:before {
  content: "\f072"; }

.dx-icon-bold {
  font: 14px/1 DXIcons; }

.dx-icon-bold:before {
  content: "\f077"; }

.dx-icon-italic {
  font: 14px/1 DXIcons; }

.dx-icon-italic:before {
  content: "\f078"; }

.dx-icon-underline {
  font: 14px/1 DXIcons; }

.dx-icon-underline:before {
  content: "\f079"; }

.dx-icon-strike {
  font: 14px/1 DXIcons; }

.dx-icon-strike:before {
  content: "\f07a"; }

.dx-icon-indent {
  font: 14px/1 DXIcons; }

.dx-icon-indent:before {
  content: "\f07b"; }

.dx-icon-increaselinespacing {
  font: 14px/1 DXIcons; }

.dx-icon-increaselinespacing:before {
  content: "\f07b"; }

.dx-icon-font {
  font: 14px/1 DXIcons; }

.dx-icon-font:before {
  content: "\f11b"; }

.dx-icon-fontsize {
  font: 14px/1 DXIcons; }

.dx-icon-fontsize:before {
  content: "\f07c"; }

.dx-icon-shrinkfont {
  font: 14px/1 DXIcons; }

.dx-icon-shrinkfont:before {
  content: "\f07d"; }

.dx-icon-growfont {
  font: 14px/1 DXIcons; }

.dx-icon-growfont:before {
  content: "\f07e"; }

.dx-icon-color {
  font: 14px/1 DXIcons; }

.dx-icon-color:before {
  content: "\f07f"; }

.dx-icon-background {
  font: 14px/1 DXIcons; }

.dx-icon-background:before {
  content: "\f080"; }

.dx-icon-fill {
  font: 14px/1 DXIcons; }

.dx-icon-fill:before {
  content: "\f10d"; }

.dx-icon-palette {
  font: 14px/1 DXIcons; }

.dx-icon-palette:before {
  content: "\f120"; }

.dx-icon-superscript {
  font: 14px/1 DXIcons; }

.dx-icon-superscript:before {
  content: "\f081"; }

.dx-icon-subscript {
  font: 14px/1 DXIcons; }

.dx-icon-subscript:before {
  content: "\f082"; }

.dx-icon-header {
  font: 14px/1 DXIcons; }

.dx-icon-header:before {
  content: "\f083"; }

.dx-icon-blockquote {
  font: 14px/1 DXIcons; }

.dx-icon-blockquote:before {
  content: "\f084"; }

.dx-icon-formula {
  font: 14px/1 DXIcons; }

.dx-icon-formula:before {
  content: "\f056"; }

.dx-icon-codeblock {
  font: 14px/1 DXIcons; }

.dx-icon-codeblock:before {
  content: "\f085"; }

.dx-icon-orderedlist {
  font: 14px/1 DXIcons; }

.dx-icon-orderedlist:before {
  content: "\f086"; }

.dx-icon-bulletlist {
  font: 14px/1 DXIcons; }

.dx-icon-bulletlist:before {
  content: "\f087"; }

.dx-icon-increaseindent {
  font: 14px/1 DXIcons; }

.dx-icon-increaseindent:before {
  content: "\f088"; }

.dx-icon-decreaseindent {
  font: 14px/1 DXIcons; }

.dx-icon-decreaseindent:before {
  content: "\f089"; }

.dx-icon-decreaselinespacing {
  font: 14px/1 DXIcons; }

.dx-icon-decreaselinespacing:before {
  content: "\f106"; }

.dx-icon-alignleft {
  font: 14px/1 DXIcons; }

.dx-icon-alignleft:before {
  content: "\f08a"; }

.dx-icon-alignright {
  font: 14px/1 DXIcons; }

.dx-icon-alignright:before {
  content: "\f08b"; }

.dx-icon-aligncenter {
  font: 14px/1 DXIcons; }

.dx-icon-aligncenter:before {
  content: "\f08c"; }

.dx-icon-alignjustify {
  font: 14px/1 DXIcons; }

.dx-icon-alignjustify:before {
  content: "\f08d"; }

.dx-icon-link {
  font: 14px/1 DXIcons; }

.dx-icon-link:before {
  content: "\f08e"; }

.dx-icon-video {
  font: 14px/1 DXIcons; }

.dx-icon-video:before {
  content: "\f08f"; }

.dx-icon-mention {
  font: 14px/1 DXIcons; }

.dx-icon-mention:before {
  content: "\f090"; }

.dx-icon-variable {
  font: 14px/1 DXIcons; }

.dx-icon-variable:before {
  content: "\f091"; }

.dx-icon-clearformat {
  font: 14px/1 DXIcons; }

.dx-icon-clearformat:before {
  content: "\f092"; }

.dx-icon-fullscreen {
  font: 14px/1 DXIcons; }

.dx-icon-fullscreen:before {
  content: "\f11a"; }

.dx-icon-hierarchy {
  font: 14px/1 DXIcons; }

.dx-icon-hierarchy:before {
  content: "\f124"; }

.dx-icon-docfile {
  font: 14px/1 DXIcons; }

.dx-icon-docfile:before {
  content: "\f111"; }

.dx-icon-docxfile {
  font: 14px/1 DXIcons; }

.dx-icon-docxfile:before {
  content: "\f110"; }

.dx-icon-pdffile {
  font: 14px/1 DXIcons; }

.dx-icon-pdffile:before {
  content: "\f118"; }

.dx-icon-pptfile {
  font: 14px/1 DXIcons; }

.dx-icon-pptfile:before {
  content: "\f114"; }

.dx-icon-pptxfile {
  font: 14px/1 DXIcons; }

.dx-icon-pptxfile:before {
  content: "\f115"; }

.dx-icon-rtffile {
  font: 14px/1 DXIcons; }

.dx-icon-rtffile:before {
  content: "\f112"; }

.dx-icon-txtfile {
  font: 14px/1 DXIcons; }

.dx-icon-txtfile:before {
  content: "\f113"; }

.dx-icon-xlsfile {
  font: 14px/1 DXIcons; }

.dx-icon-xlsfile:before {
  content: "\f116"; }

.dx-icon-xlsxfile {
  font: 14px/1 DXIcons; }

.dx-icon-xlsxfile:before {
  content: "\f117"; }

.dx-icon-copy {
  font: 14px/1 DXIcons; }

.dx-icon-copy:before {
  content: "\f107"; }

.dx-icon-cut {
  font: 14px/1 DXIcons; }

.dx-icon-cut:before {
  content: "\f10a"; }

.dx-icon-paste {
  font: 14px/1 DXIcons; }

.dx-icon-paste:before {
  content: "\f108"; }

.dx-icon-share {
  font: 14px/1 DXIcons; }

.dx-icon-share:before {
  content: "\f11f"; }

.dx-icon-inactivefolder {
  font: 14px/1 DXIcons; }

.dx-icon-inactivefolder:before {
  content: "\f105"; }

.dx-icon-newfolder {
  font: 14px/1 DXIcons; }

.dx-icon-newfolder:before {
  content: "\f123"; }

.dx-icon-movetofolder {
  font: 14px/1 DXIcons; }

.dx-icon-movetofolder:before {
  content: "\f121"; }

.dx-icon-parentfolder {
  font: 14px/1 DXIcons; }

.dx-icon-parentfolder:before {
  content: "\f122"; }

.dx-icon-rename {
  font: 14px/1 DXIcons; }

.dx-icon-rename:before {
  content: "\f109"; }

.dx-icon-detailslayout {
  font: 14px/1 DXIcons; }

.dx-icon-detailslayout:before {
  content: "\f10b"; }

.dx-icon-contentlayout {
  font: 14px/1 DXIcons; }

.dx-icon-contentlayout:before {
  content: "\f11e"; }

.dx-icon-smalliconslayout {
  font: 14px/1 DXIcons; }

.dx-icon-smalliconslayout:before {
  content: "\f119"; }

.dx-icon-mediumiconslayout {
  font: 14px/1 DXIcons; }

.dx-icon-mediumiconslayout:before {
  content: "\f10c"; }

.dx-icon-undo {
  font: 14px/1 DXIcons; }

.dx-icon-undo:before {
  content: "\f04c"; }

.dx-icon-redo {
  font: 14px/1 DXIcons; }

.dx-icon-redo:before {
  content: "\f093"; }

.dx-icon-hidepanel {
  font: 14px/1 DXIcons; }

.dx-icon-hidepanel:before {
  content: "\f11c"; }

.dx-icon-showpanel {
  font: 14px/1 DXIcons; }

.dx-icon-showpanel:before {
  content: "\f11d"; }

.dx-tab .dx-icon,
.dx-tab.dx-tab-selected .dx-icon {
  background-size: 100% 100%;
  background-position: 50% 50%; }

.dx-scrollview-pulldown {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==);
  background-position: 0 0;
  background-repeat: no-repeat; }

.dx-loadindicator-image {
  background-position: center center;
  background-repeat: no-repeat; }

.dx-loadindicator-image-small {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7);
  background-position: center center;
  background-repeat: no-repeat; }

.dx-loadindicator-image-large {
  background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
  background-position: center center;
  background-repeat: no-repeat; }

.dx-widget {
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-widget input,
.dx-widget textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  cursor: default; }

.dx-state-disabled .dx-widget .dx-widget,
.dx-state-disabled.dx-widget .dx-widget {
  opacity: 1; }

.dx-card {
  border: 1px solid #ededed;
  border-radius: 4px;
  background-color: #fff; }

.dx-field input,
.dx-field textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-field-label {
  color: #4d4d4d;
  cursor: default;
  padding: 8px 15px 9px 0; }

.dx-field-value.dx-attention {
  color: #d9534f;
  padding: 8px 10px 9px 28px;
  position: relative; }

.dx-field-value.dx-attention:before {
  pointer-events: none;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  background-color: #d9534f;
  color: #fff;
  content: '!';
  border-radius: 50%;
  left: 0; }

.dx-field-value-static,
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 60%; }

.dx-field {
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715;
  min-height: 36px;
  padding: 0; }

.dx-field-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
  margin: 0; }

.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
  float: right; }

.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 7px 0; }

.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 6px 0; }

.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 4px 0; }

.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 5px 0; }

.dx-field-value-static {
  padding: 8px 10px 9px; }

.dx-fieldset {
  margin: 30px 20px;
  padding: 0; }

.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left; }

.dx-fieldset-header {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 18px; }

.dx-field {
  margin: 0 0 10px; }

.dx-field:last-of-type {
  margin: 0; }

.dx-device-mobile .dx-fieldset {
  margin: 20px 15px;
  padding: 0; }

.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left; }

.dx-device-mobile .dx-fieldset-header {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 18px; }

.dx-device-mobile .dx-field {
  margin: 0 0 10px; }

.dx-device-mobile .dx-field:last-of-type {
  margin: 0; }

.dx-button-content {
  line-height: 0; }

.dx-button-text {
  line-height: normal; }

.dx-button a {
  text-decoration: none; }

.dx-button .dx-button-content {
  padding: 8px; }

.dx-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 0;
  margin-left: 0; }

.dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-button .dx-icon,
.dx-rtl.dx-button .dx-icon {
  margin-left: 0;
  margin-right: 0; }

.dx-rtl .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0; }

.dx-button-has-icon .dx-button-content {
  padding: 8px; }

.dx-button-has-icon .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 0;
  margin-left: 0; }

.dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl .dx-button-has-icon .dx-icon,
.dx-rtl.dx-button-has-icon .dx-icon {
  margin-left: 0;
  margin-right: 0; }

.dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0; }

.dx-button-has-text .dx-button-content {
  padding: 7px 18px 8px; }

.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 9px;
  margin-left: 0; }

.dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl .dx-button-has-text .dx-icon,
.dx-rtl.dx-button-has-text .dx-icon {
  margin-left: 9px;
  margin-right: 0; }

.dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0; }

.dx-button-back .dx-button-content {
  padding: 8px; }

.dx-button-back .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 0;
  margin-left: 0; }

.dx-button-back .dx-icon.dx-icon-right,
.dx-rtl .dx-button-back .dx-icon,
.dx-rtl.dx-button-back .dx-icon {
  margin-left: 0;
  margin-right: 0; }

.dx-rtl .dx-button-back .dx-icon.dx-icon-right,
.dx-rtl.dx-button-back .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0; }

.dx-button-back .dx-button-text {
  display: none; }

.dx-button {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid; }

.dx-state-disabled .dx-button .dx-icon,
.dx-state-disabled.dx-button .dx-icon {
  opacity: .6; }

.dx-state-disabled .dx-button .dx-button-text,
.dx-state-disabled.dx-button .dx-button-text {
  opacity: .5; }

.dx-button-mode-contained {
  background-color: #fff;
  border-color: #ededed;
  color: #4d4d4d; }

.dx-button-mode-contained .dx-icon {
  color: #4d4d4d; }

.dx-button-mode-contained.dx-state-hover {
  background-color: #f5f5f5;
  border-color: #ededed; }

.dx-button-mode-contained.dx-state-focused {
  background-color: #ebebeb;
  border-color: #ededed; }

.dx-button-mode-contained.dx-state-active {
  background-color: #c2c2c2;
  border-color: #ededed;
  color: #4d4d4d; }

.dx-button-mode-contained.dx-button-danger {
  background-color: #d9534f;
  border-color: transparent;
  color: #fff; }

.dx-button-mode-contained.dx-button-danger .dx-icon {
  color: #fff; }

.dx-button-mode-contained.dx-button-danger.dx-state-hover {
  background-color: #ce312c;
  border-color: transparent; }

.dx-button-mode-contained.dx-button-danger.dx-state-focused {
  background-color: #c12e2a;
  border-color: transparent; }

.dx-button-mode-contained.dx-button-danger.dx-state-active {
  background-color: #932320;
  border-color: transparent;
  color: #fff; }

.dx-button-mode-contained.dx-button-success {
  background-color: #5cb85c;
  border-color: transparent;
  color: #fff; }

.dx-button-mode-contained.dx-button-success .dx-icon {
  color: #fff; }

.dx-button-mode-contained.dx-button-success.dx-state-hover {
  background-color: #46a046;
  border-color: transparent; }

.dx-button-mode-contained.dx-button-success.dx-state-focused {
  background-color: #419641;
  border-color: transparent; }

.dx-button-mode-contained.dx-button-success.dx-state-active {
  background-color: #306f30;
  border-color: transparent;
  color: #fff; }

.dx-button-mode-contained.dx-button-default {
  background-color: #c50077;
  border-color: transparent;
  color: #fff; }

.dx-button-mode-contained.dx-button-default .dx-icon {
  color: #fff; }

.dx-button-mode-contained.dx-button-default.dx-state-hover {
  background-color: #97005b;
  border-color: transparent; }

.dx-button-mode-contained.dx-button-default.dx-state-focused {
  background-color: #880052;
  border-color: transparent; }

.dx-button-mode-contained.dx-button-default.dx-state-active {
  background-color: #500030;
  border-color: transparent;
  color: #fff; }

.dx-button-mode-outlined {
  background-color: transparent;
  border-color: #ededed;
  color: #4d4d4d; }

.dx-button-mode-outlined .dx-icon {
  color: #4d4d4d; }

.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: #ededed; }

.dx-button-mode-outlined.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.08);
  border-color: #ededed; }

.dx-button-mode-outlined.dx-state-active {
  background-color: rgba(0, 0, 0, 0.24);
  border-color: #ededed;
  color: #4d4d4d; }

.dx-button-mode-outlined.dx-button-danger {
  background-color: transparent;
  border-color: #d43f3a;
  color: #d43f3a; }

.dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #d43f3a; }

.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(212, 63, 58, 0.1);
  border-color: #d43f3a; }

.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(212, 63, 58, 0.4);
  border-color: #d43f3a;
  color: #d43f3a; }

.dx-button-mode-outlined.dx-button-success {
  background-color: transparent;
  border-color: #4cae4c;
  color: #4cae4c; }

.dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #4cae4c; }

.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(76, 174, 76, 0.1);
  border-color: #4cae4c; }

.dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(76, 174, 76, 0.4);
  border-color: #4cae4c;
  color: #4cae4c; }

.dx-button-mode-outlined.dx-button-default {
  background-color: transparent;
  border-color: #ac0068;
  color: #ac0068; }

.dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #ac0068; }

.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(172, 0, 104, 0.1);
  border-color: #ac0068; }

.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(172, 0, 104, 0.4);
  border-color: #ac0068;
  color: #ac0068; }

.dx-button-mode-text {
  background-color: transparent;
  border-color: transparent;
  color: #4d4d4d; }

.dx-button-mode-text .dx-icon {
  color: #4d4d4d; }

.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent; }

.dx-button-mode-text.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.08);
  border-color: transparent; }

.dx-button-mode-text.dx-state-active {
  background-color: rgba(0, 0, 0, 0.24);
  border-color: transparent;
  color: #4d4d4d; }

.dx-button-mode-text.dx-button-danger {
  background-color: transparent;
  border-color: transparent;
  color: #d43f3a; }

.dx-button-mode-text.dx-button-danger .dx-icon {
  color: #d43f3a; }

.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(212, 63, 58, 0.1);
  border-color: transparent; }

.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(212, 63, 58, 0.4);
  border-color: transparent;
  color: #d43f3a; }

.dx-button-mode-text.dx-button-success {
  background-color: transparent;
  border-color: transparent;
  color: #4cae4c; }

.dx-button-mode-text.dx-button-success .dx-icon {
  color: #4cae4c; }

.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(76, 174, 76, 0.1);
  border-color: transparent; }

.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(76, 174, 76, 0.4);
  border-color: transparent;
  color: #4cae4c; }

.dx-button-mode-text.dx-button-default {
  background-color: transparent;
  border-color: transparent;
  color: #ac0068; }

.dx-button-mode-text.dx-button-default .dx-icon {
  color: #ac0068; }

.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(172, 0, 104, 0.1);
  border-color: transparent; }

.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(172, 0, 104, 0.4);
  border-color: transparent;
  color: #ac0068; }

.dx-button-back.dx-state-hover .dx-button-content,
.dx-button-normal.dx-state-hover .dx-button-content {
  background-color: transparent;
  border-radius: 4px; }

.dx-texteditor-buttons-container > .dx-button {
  margin: 1px; }

.dx-texteditor-buttons-container > .dx-button > .dx-button-content {
  padding-top: 5px;
  padding-bottom: 6px; }

.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed; }

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px solid #ededed; }

.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-pager {
  border-top: 1px solid #ededed; }

.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }

.dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview {
  border-color: rgba(197, 0, 119, 0.5); }

.dx-datagrid {
  color: #4d4d4d;
  background-color: #fff; }

.dx-datagrid .dx-sort-up {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-sort-up:before {
  content: "\f051"; }

.dx-datagrid .dx-sort-down {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-sort-down:before {
  content: "\f052"; }

.dx-datagrid .dx-sort-down,
.dx-datagrid .dx-sort-up {
  font-family: inherit; }

.dx-datagrid .dx-sort-down:before,
.dx-datagrid .dx-sort-up:before {
  font-family: DXIcons,sans-serif; }

.dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
.dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
  outline: 0; }

.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline: #d13392 solid 2px;
  outline-offset: -2px; }

.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline-offset: 2px; }

.dx-datagrid .dx-datagrid-headers .dx-header-filter,
.dx-datagrid .dx-datagrid-headers .dx-header-row > td {
  outline: 0; }

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline: #d13392 solid 2px;
  outline-offset: 2px; }

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px; }

.dx-datagrid .dx-header-filter {
  position: relative;
  color: #4d4d4d;
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-header-filter:before {
  content: "\f050"; }

.dx-datagrid .dx-header-filter-empty {
  color: rgba(77, 77, 77, 0.5); }

.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 14px; }

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  background-color: #fff; }

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 2px solid #ededed;
  border-right: 2px solid #ededed; }

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none; }

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell {
  border-right: none; }

.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  outline: #d13392 solid 2px;
  outline-offset: 2px; }

.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  outline-color: #fff;
  outline-offset: 0; }

.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  background-color: #fff; }

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  position: relative; }

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
  display: block;
  height: 100%;
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  background-repeat: no-repeat repeat; }

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  background-position-y: 34px; }

.dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  color: #4d4d4d; }

.dx-datagrid .dx-error-row td {
  color: #fff;
  padding: 0; }

.dx-datagrid .dx-error-row .dx-error-message {
  background-color: #e89895;
  white-space: normal;
  word-wrap: break-word; }

.dx-datagrid .dx-column-lines > td:first-child {
  border-left: none; }

.dx-datagrid .dx-column-lines > td:last-child {
  border-right: none; }

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon:before {
  content: "\f038"; }

.dx-datagrid-filter-panel {
  color: #4d4d4d;
  border-top: 1px solid #ededed; }

.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus {
  outline: #d13392 solid 2px;
  outline-offset: 3px; }

.dx-datagrid-form-buttons-container {
  float: right; }

.dx-datagrid-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px; }

.dx-datagrid-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons; }

.dx-datagrid-adaptive-more:before {
  content: "\f06c"; }

.dx-datagrid-edit-popup .dx-error-message {
  background-color: #e89895;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px; }

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 2px solid #ededed;
  border-right: 2px solid #ededed; }

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none; }

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell {
  border-left: none; }

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  -webkit-transform: scale(1);
  transform: scale(1); }

.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #ededed; }

.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #ededed; }

.dx-rtl .dx-datagrid-form-buttons-container {
  float: left; }

.dx-rtl .dx-datagrid-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px; }

.dx-datagrid-cell-updated-animation {
  -webkit-animation: 1s dx-datagrid-highlight-change;
  animation: 1s dx-datagrid-highlight-change; }

@-webkit-keyframes dx-datagrid-highlight-change {
  50%,
  from {
    background-color: rgba(77, 77, 77, 0.08); } }

@keyframes dx-datagrid-highlight-change {
  50%,
  from {
    background-color: rgba(77, 77, 77, 0.08); } }

.dx-tabpanel .dx-tabs {
  display: block;
  border: none;
  background-color: #f7f7f7;
  color: #ededed; }

.dx-tabpanel .dx-tabs .dx-tab {
  color: #ededed; }

.dx-tabpanel .dx-tabs .dx-tab .dx-tab-content {
  color: #4d4d4d; }

.dx-tabpanel .dx-tabs .dx-tab:after,
.dx-tabpanel .dx-tabs .dx-tab:before {
  content: none; }

.dx-tabpanel .dx-tabs .dx-tabs-nav-button {
  color: #ededed; }

.dx-tabpanel .dx-tabs-scrollable {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%; }

.dx-tabpanel .dx-tabs-scrollable .dx-tabs-wrapper {
  display: block;
  border: none; }

.dx-tabpanel .dx-tab {
  width: 140px; }

.dx-tabpanel:not(.dx-empty-collection) .dx-multiview-wrapper {
  border-top: none; }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
  -webkit-box-shadow: inset 0 -1px #ededed,inset 0 1px,inset -1px 0,inset 1px 0;
  box-shadow: inset 0 -1px #ededed,inset 0 1px,inset -1px 0,inset 1px 0; }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
  -webkit-box-shadow: inset 0 1px,inset 0 -1px #ededed;
  box-shadow: inset 0 1px,inset 0 -1px #ededed; }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
  -webkit-box-shadow: inset 0 1px #ededed,inset -1px 0 #ededed,inset 1px 0 #ededed;
  box-shadow: inset 0 1px #ededed,inset -1px 0 #ededed,inset 1px 0 #ededed; }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
  color: #4d4d4d; }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
  -webkit-box-shadow: inset 0 -1px #ededed,inset 1px 0,inset 0 1px;
  box-shadow: inset 0 -1px #ededed,inset 1px 0,inset 0 1px; }

.dx-rtl .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
.dx-rtl.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type {
  -webkit-box-shadow: inset 0 -1px #ededed,inset -1px 0,inset 0 1px;
  box-shadow: inset 0 -1px #ededed,inset -1px 0,inset 0 1px; }

.dx-rtl .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
.dx-rtl.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-left {
  -webkit-box-shadow: inset 0 -1px #ededed,inset 1px 0,inset 0 1px;
  box-shadow: inset 0 -1px #ededed,inset 1px 0,inset 0 1px; }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-right {
  -webkit-box-shadow: inset 0 -1px #ededed,inset 0 1px,inset -1px 0;
  box-shadow: inset 0 -1px #ededed,inset 0 1px,inset -1px 0; }

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
  -webkit-box-shadow: inset 0 -1px #c50077,inset 0 1px,inset -1px 0,inset 1px 0;
  box-shadow: inset 0 -1px #c50077,inset 0 1px,inset -1px 0,inset 1px 0; }

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab {
  -webkit-box-shadow: inset 0 1px,inset 0 -1px #c50077;
  box-shadow: inset 0 1px,inset 0 -1px #c50077; }

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
  -webkit-box-shadow: inset 0 1px #c50077,inset -1px 0 #c50077,inset 1px 0 #c50077;
  box-shadow: inset 0 1px #c50077,inset -1px 0 #c50077,inset 1px 0 #c50077; }

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
  color: #4d4d4d; }

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
  -webkit-box-shadow: inset 0 -1px #c50077,inset 1px 0,inset 0 1px;
  box-shadow: inset 0 -1px #c50077,inset 1px 0,inset 0 1px; }

.dx-rtl .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
.dx-rtl.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type {
  -webkit-box-shadow: inset 0 -1px #c50077,inset -1px 0,inset 0 1px;
  box-shadow: inset 0 -1px #c50077,inset -1px 0,inset 0 1px; }

.dx-rtl .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
.dx-rtl.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-left {
  -webkit-box-shadow: inset 0 -1px #c50077,inset 1px 0,inset 0 1px;
  box-shadow: inset 0 -1px #c50077,inset 1px 0,inset 0 1px; }

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-right {
  -webkit-box-shadow: inset 0 -1px #c50077,inset 0 1px,inset -1px 0;
  box-shadow: inset 0 -1px #c50077,inset 0 1px,inset -1px 0; }

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
  border-color: #c50077; }

.dx-tabpanel .dx-multiview-wrapper {
  border: 1px solid #ededed; }

.dx-form-group-caption {
  font-size: 20px; }

.dx-form-group-with-caption > .dx-form-group-content {
  border-top: 1px solid #ededed;
  padding-bottom: 20px; }

.dx-field-item-help-text,
.dx-field-item-label-text {
  color: #4d4d4d; }

.dx-field-item-required-mark {
  color: #c9302c; }

.dx-field-item-optional-mark {
  color: #c9c9c9; }

.dx-treeview-node-loadindicator {
  right: 0;
  top: 8px;
  left: -1px;
  width: 14px;
  height: 14px; }

.dx-rtl .dx-treeview-node .dx-checkbox {
  left: auto; }

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 26px; }

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding-left: 1px;
  padding-right: 7px; }

.dx-treeview.dx-rtl .dx-treeview-node {
  padding-right: 15px; }

.dx-treeview.dx-rtl .dx-treeview-item .dx-icon {
  margin-left: 5px; }

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
  padding-right: 36px; }

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  right: 19px;
  overflow: visible; }

.dx-treeview.dx-rtl .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 19px; }

.dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 0;
  padding-right: 31px; }

.dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility {
  right: -4px; }

.dx-treeview-search {
  margin-bottom: 5px; }

.dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 41px); }

.dx-treeview-border-visible {
  border: 1px solid #ededed; }

.dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-left: 26px; }

.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding: 1px 1px 1px 7px; }

.dx-treeview-select-all-item {
  margin: 0 0 7px;
  border-bottom: 1px solid #ededed;
  padding: 9px 0 11px 20px; }

.dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 31px; }

.dx-treeview-node {
  padding-left: 15px; }

.dx-state-selected > .dx-treeview-item {
  color: #4d4d4d; }

.dx-treeview-item-with-checkbox .dx-treeview-item {
  color: #4d4d4d;
  padding-left: 36px; }

.dx-treeview-item-with-checkbox .dx-checkbox {
  top: 5px;
  left: 19px; }

.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
  border: 1px solid #c50077; }

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  color: #4d4d4d;
  background-color: rgba(0, 0, 0, 0.1); }

.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.07); }

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  background-color: #c50077;
  color: #fff; }

.dx-treeview-item {
  padding: 5px 6px;
  min-height: 32px; }

.dx-treeview-item .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px; }

.dx-treeview-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #4d4d4d; }

.dx-treeview-toggle-item-visibility {
  font: 22px/22px DXIcons;
  text-align: center;
  color: #4d4d4d;
  width: 21px;
  height: 32px;
  top: 0;
  left: -4px; }

.dx-treeview-toggle-item-visibility:before {
  content: "\f04e";
  position: absolute;
  display: block;
  width: 22px;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px; }

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 22px/22px DXIcons;
  text-align: center; }

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 22px;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px; }

.dx-popup-wrapper > .dx-overlay-content {
  border: 1px solid #ededed;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 6px; }

.dx-popup-wrapper > .dx-popup-fullscreen {
  border-radius: 0; }

.dx-popup-title {
  position: relative;
  padding: 6px 20px;
  min-height: 28px;
  border-bottom: 1px solid #ededed;
  background: 0 0;
  color: #4d4d4d; }

.dx-popup-title.dx-toolbar {
  padding: 6px 20px;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 15px; }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px; }

.dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 15px; }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px; }

.dx-popup-title.dx-toolbar .dx-toolbar-after:empty,
.dx-popup-title.dx-toolbar .dx-toolbar-before:empty {
  padding: 0; }

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible; }

.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 10px; }

.dx-popup-title.dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 10px 0 0; }

.dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px; }

.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px; }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 20px; }

.dx-popup-title .dx-closebutton {
  display: block;
  border-radius: 4px;
  background: 0 0;
  width: 23px;
  height: 23px;
  margin: 0 -4px 0 4px;
  border: 1px solid transparent; }

.dx-popup-title .dx-closebutton .dx-button-content {
  padding: 0; }

.dx-popup-title .dx-closebutton .dx-icon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 21px;
  height: 21px;
  background-position: 3px 3px;
  background-size: 15px 15px;
  padding: 3px;
  font-size: 15px;
  text-align: center;
  line-height: 15px; }

.dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon,
.dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon {
  opacity: .6; }

.dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text,
.dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text {
  opacity: .5; }

.dx-rtl .dx-popup-title .dx-closebutton {
  margin: 0 4px 0 -4px; }

.dx-device-mobile .dx-popup-title .dx-closebutton {
  width: 37px;
  height: 37px;
  margin: 0 -11px 0 11px; }

.dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton {
  margin: 0 11px 0 -11px; }

.dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon {
  width: 35px;
  height: 35px;
  background-position: 10px 10px;
  background-size: 15px 15px;
  padding: 10px;
  font-size: 15px;
  text-align: center;
  line-height: 15px; }

.dx-popup-content {
  padding: 20px; }

.dx-popup-content > .dx-button {
  margin: 0 10px; }

.dx-popup-bottom {
  background: 0 0;
  color: #4d4d4d; }

.dx-popup-bottom.dx-toolbar {
  padding: 20px;
  overflow: visible; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px; }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px; }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 10px; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 10px 0 0; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px; }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar {
  padding: 20px;
  overflow: visible; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px; }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px; }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 10px; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 10px 0 0; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px; }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px; }

.dx-popup-bottom .dx-button {
  min-width: 100px; }

.dx-popup-content.dx-dialog-content {
  min-width: 180px;
  padding: 20px; }

.dx-dialog-message {
  padding: 0; }

.dx-menu-item {
  color: #4d4d4d; }

.dx-menu-item.dx-state-hover {
  color: #4d4d4d;
  background-color: rgba(0, 0, 0, 0.04); }

.dx-menu-item.dx-state-focused {
  background-color: #c50077;
  color: #fff; }

.dx-menu-item.dx-menu-item-has-text .dx-icon {
  margin-right: -18px; }

.dx-menu-item-selected {
  background-color: #e6e6e6;
  color: #4d4d4d; }

.dx-menu-item-selected.dx-state-focused {
  background-color: rgba(197, 0, 119, 0.7);
  color: #fff; }

.dx-menu-item-expanded {
  color: #4d4d4d;
  background-color: rgba(0, 0, 0, 0.04); }

.dx-menu-item-expanded,
.dx-menu-item.dx-state-active,
.dx-menu-item.dx-state-focused {
  outline: 0; }

.dx-menu-base {
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-menu-base input,
.dx-menu-base textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-menu-base.dx-state-focused {
  outline: 0; }

.dx-menu-base .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px; }

.dx-menu-base .dx-menu-item-content {
  padding: 3px 5px 7px; }

.dx-menu-base .dx-menu-item-content .dx-menu-item-text {
  padding: 0 25px 5px 23px; }

.dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
  min-width: 7px;
  min-height: 7px; }

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text {
  padding: 0 23px 5px 25px; }

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
  margin-left: auto;
  margin-right: auto; }

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
  margin-left: 0;
  margin-right: auto; }

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon {
  margin-left: -18px; }

.dx-context-menu {
  color: #4d4d4d; }

.dx-context-menu .dx-submenu {
  background-color: #fff;
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }

.dx-context-menu .dx-menu-item-popout {
  font: 18px/18px DXIcons;
  text-align: center; }

.dx-context-menu .dx-menu-item-popout:before {
  content: "\f04e";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-context-menu .dx-menu-separator {
  background-color: #ededed; }

.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  padding-left: 5px; }

.dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
.dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  padding-right: 5px;
  padding-left: 25px; }

.dx-context-menu.dx-rtl .dx-menu-item-content {
  padding: 5px 3px 5px 5px; }

.dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text {
  padding: 0 23px 5px 25px; }

.dx-scrollable-content {
  -webkit-transform: none; }

.dx-scrollable-scroll {
  padding: 2px;
  background-color: transparent;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: opacity linear;
  transition: opacity linear; }

.dx-scrollable-scroll.dx-state-invisible {
  opacity: 0;
  -webkit-transition: opacity .5s linear 1s;
  transition: opacity .5s linear 1s; }

.dx-scrollable-scroll-content {
  width: 100%;
  height: 100%;
  background-color: rgba(191, 191, 191, 0.7);
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent; }

.dx-scrollbar-hoverable {
  background-color: transparent; }

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-hoverable.dx-state-hover {
  background-color: rgba(191, 191, 191, 0.2); }

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
  background-color: #bfbfbf; }

.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  opacity: 1; }

.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent; }

.dx-scrollbar-vertical .dx-scrollable-scroll {
  float: right;
  width: 8px; }

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 8px;
  -webkit-transition: width .2s linear .15s,background-color .2s linear .15s;
  transition: width .2s linear .15s,background-color .2s linear .15s; }

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  -webkit-transition: background-color .5s linear 1s,width .2s linear 150ms;
  transition: background-color .5s linear 1s,width .2s linear 150ms; }

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  -webkit-transition: background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s;
  transition: box-shadow .15s linear .15s,background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s; }

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  -webkit-transition: background-color .5s linear 1s,width .2s linear .15s;
  transition: background-color .5s linear 1s,width .2s linear .15s; }

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  -webkit-transition: background-color .5s linear 1s,-webkit-box-shadow .5s linear 1s;
  transition: box-shadow .5s linear 1s,background-color .5s linear 1s,-webkit-box-shadow .5s linear 1s; }

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  width: 15px; }

.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 8px; }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 8px;
  -webkit-transition: height .2s linear .15s,background-color .2s linear .15s;
  transition: height .2s linear .15s,background-color .2s linear .15s; }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  -webkit-transition: background-color .5s linear 1s,height .2s linear .15s;
  transition: background-color .5s linear 1s,height .2s linear .15s; }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  -webkit-transition: background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s;
  transition: box-shadow .15s linear .15s,background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s; }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  -webkit-transition: background-color .5s linear 1s,height .2s linear .15s;
  transition: background-color .5s linear 1s,height .2s linear .15s; }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  -webkit-transition: background-color .5s linear 1s,-webkit-box-shadow .5s linear 1s;
  transition: box-shadow .5s linear 1s,background-color .5s linear 1s,-webkit-box-shadow .5s linear 1s; }

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  height: 15px; }

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 8px; }

.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 0;
  padding-left: 8px; }

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-bottom: 8px; }

.dx-rtl .dx-scrollable .dx-scrollable-scroll,
.dx-rtl.dx-scrollable .dx-scrollable-scroll {
  float: left; }

.dx-scrollview-pull-down-image {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0/100% no-repeat; }

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }

.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  width: 24px;
  height: 24px; }

.dx-filterbuilder {
  background-color: #fff; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  color: #4d4d4d; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  background-color: rgba(217, 83, 79, 0.3); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  background-color: rgba(217, 83, 79, 0.5); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus {
  background-color: #d9534f;
  color: #fff; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  background-color: rgba(197, 0, 119, 0.3); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  background-color: rgba(197, 0, 119, 0.5); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus {
  background-color: #c50077;
  color: #fff; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  background-color: rgba(92, 184, 92, 0.3); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  background-color: rgba(92, 184, 92, 0.5); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus {
  background-color: #5cb85c;
  color: #fff; }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
  background-color: rgba(237, 237, 237, 0.5); }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus {
  background-color: #ededed;
  color: #fff; }

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  color: rgba(92, 184, 92, 0.3); }

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  color: rgba(92, 184, 92, 0.5); }

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus {
  color: #5cb85c; }

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  color: rgba(217, 83, 79, 0.3); }

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  color: rgba(217, 83, 79, 0.5); }

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
  color: #d9534f; }

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  color: #a3a3a3;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 14px; }

.dx-filterbuilder .dx-filterbuilder-action-icon {
  margin-bottom: 9px; }

.dx-filterbuilder .dx-filterbuilder-item-value-text,
.dx-filterbuilder .dx-filterbuilder-text {
  border-radius: 5px; }

.dx-filterbuilder .dx-filterbuilder-range-separator {
  color: #4d4d4d; }

.dx-filterbuilder-overlay .dx-treeview-item {
  padding: 5px 15px; }

.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
  padding-left: 15px; }

.dx-checkbox {
  line-height: 0; }

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
  border-color: #fff;
  background-color: #fff; }

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #880052; }

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
  border: 1px solid #c50077; }

.dx-checkbox.dx-state-active .dx-checkbox-icon {
  background-color: rgba(96, 96, 96, 0.2); }

.dx-checkbox-icon {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  border: 1px solid #ededed;
  background-color: #fff; }

.dx-checkbox-checked .dx-checkbox-icon {
  font: 16px/16px DXIcons;
  color: #c50077;
  text-align: center; }

.dx-checkbox-checked .dx-checkbox-icon:before {
  content: "\f005";
  position: absolute;
  display: block;
  width: 16px;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px; }

.dx-checkbox-indeterminate .dx-checkbox-icon {
  font: 14px/14px DXIcons;
  color: #c50077;
  text-align: center; }

.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: "\f067";
  position: absolute;
  display: block;
  width: 14px;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px; }

.dx-checkbox-text {
  margin-left: -22px;
  padding-left: 27px; }

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
  margin-right: -22px;
  padding-right: 27px; }

.dx-state-disabled .dx-checkbox,
.dx-state-disabled.dx-checkbox {
  opacity: 1; }

.dx-state-disabled .dx-checkbox .dx-checkbox-icon,
.dx-state-disabled .dx-checkbox-text,
.dx-state-disabled.dx-checkbox .dx-checkbox-icon {
  opacity: .4; }

.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
  border: 1px solid rgba(217, 83, 79, 0.4); }

.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
  border-color: #d9534f; }

.dx-overlay-shader {
  background-color: rgba(255, 255, 255, 0.8); }

.dx-overlay-wrapper {
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #ededed; }

.dx-context-menu-container-border {
  background-color: transparent;
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.dx-context-menu-content-delimiter {
  background-color: #fff; }

.dx-menu {
  color: #4d4d4d; }

.dx-menu .dx-menu-item-expanded {
  background-color: #fff; }

.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  margin: 0 19px 0 3px; }

.dx-menu .dx-menu-item-has-text .dx-menu-item-text {
  padding: 0 5px 5px; }

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px; }

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
  padding: 0 19px 5px 5px; }

.dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  font: 18px/18px DXIcons;
  text-align: center; }

.dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-menu .dx-menu-vertical .dx-menu-item-popout {
  font: 18px/18px DXIcons;
  text-align: center; }

.dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
  content: "\f04e";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  margin: 0 3px 0 19px; }

.dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text {
  padding: 0 5px 5px 0; }

.dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
  padding: 0 5px 5px 19px; }

.dx-menu-adaptive-mode {
  background-color: #fff; }

.dx-menu-adaptive-mode .dx-treeview {
  border: 1px solid #ededed;
  border-radius: 4px; }

.dx-menu-adaptive-mode .dx-treeview,
.dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  font-size: 18px; }

.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
  color: inherit; }

.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
  color: #fff; }

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  border-bottom: 1px solid #ededed; }

.dx-badge {
  background-color: #c50077;
  color: #fff;
  font-size: 13px;
  padding: 0 6px 2px;
  line-height: normal; }

.dx-list-item-chevron {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
  opacity: 1;
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
  margin-left: -5px;
  color: #4d4d4d; }

.dx-rtl .dx-list-item-chevron {
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.dx-list-item-chevron:before {
  content: "\f010"; }

.dx-list-item-icon-container {
  width: 28px;
  height: 18px;
  vertical-align: top; }

.dx-list-item-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px; }

.dx-list-search {
  margin-bottom: 5px; }

.dx-list {
  border: none; }

.dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 41px); }

.dx-list .dx-empty-message {
  text-align: left; }

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before {
  border-color: #880052; }

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before {
  border: 1px solid #c50077; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #4d4d4d; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
  color: #4d4d4d; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.1);
  color: #4d4d4d; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
  color: #4d4d4d; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(0, 0, 0, 0.07);
  color: #4d4d4d; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #c50077;
  color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
  color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
  border-color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: rgba(197, 0, 119, 0.7);
  color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #c50077;
  color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
  color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #c50077;
  color: #fff; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
  color: #4d4d4d; }

.dx-list-group-header {
  font-weight: 700;
  padding: 20px 10px 10px;
  border-top: 1px solid #ededed;
  border-bottom: 2px solid #ededed;
  background: rgba(238, 238, 238, 0.05);
  color: #4d4d4d; }

.dx-list-group:first-of-type .dx-list-group-header {
  border-top: none; }

.dx-list-group-header:before {
  border-top-color: #4d4d4d; }

.dx-list-group-collapsed .dx-list-group-header:before {
  border-bottom-color: #4d4d4d; }

.dx-list-item:first-of-type {
  border-top: none; }

.dx-list-item:last-of-type {
  border-bottom: none; }

.dx-list-item .dx-icon-toggle-delete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  background-size: 100%; }

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  color: #afafaf;
  background: #fff;
  border-top: 1px solid rgba(197, 0, 119, 0.5);
  border-bottom: 1px solid rgba(197, 0, 119, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); }

.dx-list .dx-empty-message,
.dx-list-item {
  border-top: 1px solid #ededed;
  color: #4d4d4d; }

.dx-list-item-separator-hidden .dx-list .dx-empty-message,
.dx-list-item-separator-hidden .dx-list-item {
  border-top: none;
  border-bottom: none; }

.dx-list .dx-empty-message,
.dx-list-item-content {
  padding: 10px; }

.dx-list-next-button .dx-button .dx-button-content {
  padding: 7px 18px 8px; }

.dx-list-next-button .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 9px;
  margin-left: 0; }

.dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-list-next-button .dx-button .dx-icon {
  margin-left: 9px;
  margin-right: 0; }

.dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0; }

.dx-list-item-chevron-container {
  width: 16px; }

.dx-list-border-visible {
  border: 1px solid #ededed; }

.dx-list-border-visible .dx-list-select-all {
  border-bottom: 1px solid #ededed; }

.dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 29px; }

.dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 31px; }

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  padding: 0; }

.dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 5px 5px 10px;
  width: 19px;
  height: 19px; }

.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-left: 10px; }

.dx-list-select-all {
  padding: 9px 0 8px; }

.dx-list-select-all-checkbox {
  float: left;
  margin: -1px 0 -3px 10px; }

.dx-list-select-all-label {
  line-height: 17px;
  padding: 0 10px;
  margin-top: 1px; }

.dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 36px; }

.dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 33.4px; }

.dx-list-item-after-bag .dx-list-reorder-handle {
  font: 18px/18px DXIcons;
  width: 28.8px;
  height: 28.8px;
  background-position: 5px 5px;
  background-size: 18px 18px;
  padding: 5px;
  text-align: center; }

.dx-list-item-after-bag .dx-list-reorder-handle:before {
  content: "\f038"; }

.dx-list-slide-menu-button {
  bottom: 1px; }

.dx-list-slide-menu-button-delete {
  border: 1px solid transparent;
  color: #fff;
  background-color: #d9534f; }

.dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #c50077; }

.dx-list-static-delete-button,
.dx-list-switchable-delete-button {
  margin-right: 10px;
  padding: 0; }

.dx-list-static-delete-button .dx-button-content,
.dx-list-switchable-delete-button .dx-button-content {
  padding: 3px; }

.dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }

.dx-state-disabled .dx-list-item,
.dx-state-disabled.dx-list-item {
  background-color: transparent;
  opacity: .6; }

.dx-rtl .dx-list .dx-empty-message,
.dx-rtl.dx-list .dx-empty-message {
  text-align: right; }

.dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 10px 5px 5px; }

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-right: 10px;
  margin-left: 1px; }

.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
  margin-right: 10px;
  margin-left: 1px; }

.dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-rtl.dx-list .dx-list-switchable-delete-button {
  margin-left: 10px;
  margin-right: 0; }

.dx-device-mobile .dx-list {
  border: none; }

.dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 41px); }

.dx-device-mobile .dx-list .dx-empty-message {
  text-align: left; }

.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before {
  border-color: #880052; }

.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before {
  border: 1px solid #c50077; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #4d4d4d; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
  color: #4d4d4d; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.1);
  color: #4d4d4d; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
  color: #4d4d4d; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(0, 0, 0, 0.07);
  color: #4d4d4d; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #c50077;
  color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
  color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
  border-color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: rgba(197, 0, 119, 0.7);
  color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #c50077;
  color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
  color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #c50077;
  color: #fff; }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
  color: #4d4d4d; }

.dx-device-mobile .dx-list-group-header {
  font-weight: 700;
  padding: 20px 15px 10px;
  border-top: 1px solid #ededed;
  border-bottom: 2px solid #ededed;
  background: rgba(238, 238, 238, 0.05);
  color: #4d4d4d; }

.dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header {
  border-top: none; }

.dx-device-mobile .dx-list-group-header:before {
  border-top-color: #4d4d4d; }

.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
  border-bottom-color: #4d4d4d; }

.dx-device-mobile .dx-list-item:first-of-type {
  border-top: none; }

.dx-device-mobile .dx-list-item:last-of-type {
  border-bottom: none; }

.dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  background-size: 100%; }

.dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  color: #afafaf;
  background: #fff;
  border-top: 1px solid rgba(197, 0, 119, 0.5);
  border-bottom: 1px solid rgba(197, 0, 119, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); }

.dx-device-mobile .dx-list .dx-empty-message,
.dx-device-mobile .dx-list-item {
  border-top: 1px solid #ededed;
  color: #4d4d4d; }

.dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message,
.dx-list-item-separator-hidden .dx-device-mobile .dx-list-item {
  border-top: none;
  border-bottom: none; }

.dx-device-mobile .dx-list .dx-empty-message,
.dx-device-mobile .dx-list-item-content {
  padding: 10px 15px; }

.dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  padding: 7px 18px 8px; }

.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 9px;
  margin-left: 0; }

.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  margin-left: 9px;
  margin-right: 0; }

.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0; }

.dx-device-mobile .dx-list-item-chevron-container {
  width: 21px; }

.dx-device-mobile .dx-list-border-visible {
  border: 1px solid #ededed; }

.dx-device-mobile .dx-list-border-visible .dx-list-select-all {
  border-bottom: 1px solid #ededed; }

.dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 34px; }

.dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 36px; }

.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  padding: 0; }

.dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 7.5px 5px 15px;
  width: 19px;
  height: 19px; }

.dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-left: 15px; }

.dx-device-mobile .dx-list-select-all {
  padding: 9px 0 8px; }

.dx-device-mobile .dx-list-select-all-checkbox {
  float: left;
  margin: -1px 0 -3px 15px; }

.dx-device-mobile .dx-list-select-all-label {
  line-height: 17px;
  padding: 0 10px;
  margin-top: 1px; }

.dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 41px; }

.dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 38.4px; }

.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
  font: 18px/18px DXIcons;
  width: 28.8px;
  height: 28.8px;
  background-position: 5px 5px;
  background-size: 18px 18px;
  padding: 5px;
  text-align: center; }

.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
  content: "\f038"; }

.dx-device-mobile .dx-list-slide-menu-button {
  bottom: 1px; }

.dx-device-mobile .dx-list-slide-menu-button-delete {
  border: 1px solid transparent;
  color: #fff;
  background-color: #d9534f; }

.dx-device-mobile .dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #c50077; }

.dx-device-mobile .dx-list-static-delete-button,
.dx-device-mobile .dx-list-switchable-delete-button {
  margin-right: 15px;
  padding: 0; }

.dx-device-mobile .dx-list-static-delete-button .dx-button-content,
.dx-device-mobile .dx-list-switchable-delete-button .dx-button-content {
  padding: 3px; }

.dx-device-mobile .dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }

.dx-device-mobile .dx-state-disabled .dx-list-item,
.dx-device-mobile .dx-state-disabled.dx-list-item {
  background-color: transparent;
  opacity: .6; }

.dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
.dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
  text-align: right; }

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 15px 5px 7.5px; }

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-right: 15px;
  margin-left: 1px; }

.dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
  margin-right: 15px;
  margin-left: 1px; }

.dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
  margin-left: 15px;
  margin-right: 0; }

.dx-actionsheet-container .dx-actionsheet-item {
  margin: 0 0 10px; }

.dx-actionsheet-container .dx-button,
.dx-button.dx-actionsheet-cancel {
  margin: 0; }

.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
  padding: 1px; }

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  border-radius: 8px; }

.dx-dropdownmenu-popup-wrapper .dx-list-item {
  border-top: 0; }

.dx-autocomplete .dx-texteditor-input {
  font-size: 1em; }

.dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-autocomplete.dx-valid .dx-texteditor-container:after {
  right: 8px; }

.dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl .dx-autocomplete.dx-valid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-valid .dx-texteditor-container:after {
  left: 8px; }

.dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  right: 8px; }

.dx-rtl .dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator,
.dx-rtl.dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  left: 8px; }

.dx-tabs {
  border: 1px solid #ededed; }

.dx-tabs-scrollable {
  margin: -1px;
  height: calc(100% + 2px); }

.dx-tabs-scrollable .dx-tabs-wrapper {
  border: 1px solid #ededed; }

.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7; }

.dx-tabs-nav-button {
  border: none;
  background-color: #f7f7f7;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-tabs-nav-button .dx-button-content {
  padding: 0; }

.dx-tabs-nav-button.dx-state-active {
  border: none; }

.dx-tabs-nav-button.dx-state-disabled {
  opacity: 1; }

.dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  opacity: .6; }

.dx-tab {
  padding: 9px;
  background-color: #f7f7f7;
  color: #4d4d4d; }

.dx-tab .dx-icon {
  color: #4d4d4d;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 9px;
  margin-left: 0; }

.dx-rtl .dx-tab .dx-icon,
.dx-rtl.dx-tab .dx-icon,
.dx-tab .dx-icon.dx-icon-right {
  margin-left: 9px;
  margin-right: 0; }

.dx-rtl .dx-tab .dx-icon.dx-icon-right,
.dx-rtl.dx-tab .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0; }

.dx-tab.dx-state-hover {
  background-color: #fff; }

.dx-tab.dx-state-active {
  background-color: rgba(88, 88, 88, 0.2);
  color: #4d4d4d; }

.dx-tab.dx-state-focused:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border-right: 1px solid #c50077;
  border-left: 1px solid #c50077;
  border-top: 1px solid #c50077;
  border-bottom: 1px solid #c50077;
  z-index: 1; }

.dx-tab.dx-tab-selected {
  background-color: #fff;
  color: #4d4d4d; }

.dx-tab-selected:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-top: none;
  border-bottom: none;
  z-index: 1; }

.dx-tab-selected .dx-icon {
  color: #4d4d4d; }

.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
  border-left: 1px solid #f7f7f7; }

.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
  border-left: 1px solid #ededed;
  border-right: 1px solid #f7f7f7; }

.dx-tab-text {
  vertical-align: middle;
  line-height: 25px; }

.dx-state-disabled.dx-tabs {
  opacity: 1; }

.dx-state-disabled .dx-tab-content {
  opacity: .3; }

.dx-button-mode-contained.dx-buttongroup-item,
.dx-button-mode-outlined.dx-buttongroup-item {
  padding-left: 1px;
  padding-right: 1px; }

.dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content {
  border-radius: 0; }

.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-button-mode-outlined.dx-buttongroup-first-item {
  padding-left: 0;
  border-left-width: 1px; }

.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-button-mode-outlined.dx-buttongroup-last-item {
  padding-right: 0; }

.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.dx-button-mode-text.dx-buttongroup-first-item {
  margin-left: 0; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
  opacity: 1; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
  opacity: .6; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal {
  background-color: #fff; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
  background-color: #f5f5f5; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused {
  background-color: #ebebeb; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
  background-color: #d4d4d4; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover {
  background-color: #e3e3e3; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-focused {
  background-color: #dbdbdb; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected .dx-icon {
  color: #4d4d4d; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
  background-color: #fff; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default {
  border-color: #ac0068; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-hover {
  background-color: #f5f5f5; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-focused {
  background-color: #ebebeb; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default .dx-icon {
  color: #ac0068; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success {
  border-color: #4cae4c; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-hover {
  background-color: #f5f5f5; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-focused {
  background-color: #ebebeb; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success .dx-icon {
  color: #4cae4c; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger {
  border-color: #d43f3a; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-hover {
  background-color: #f5f5f5; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-focused {
  background-color: #ebebeb; }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger .dx-icon {
  color: #d43f3a; }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.08); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(172, 0, 104, 0.1); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(76, 174, 76, 0.1); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(212, 63, 58, 0.1); }

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04); }

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.08); }

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(172, 0, 104, 0.1); }

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(76, 174, 76, 0.1); }

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(212, 63, 58, 0.1); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal {
  background-color: rgba(0, 0, 0, 0.17); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.11); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.14); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success {
  background-color: rgba(92, 184, 92, 0.3); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-hover {
  background-color: rgba(92, 184, 92, 0.2); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default {
  background-color: rgba(197, 0, 119, 0.3); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-hover {
  background-color: rgba(197, 0, 119, 0.2); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger {
  background-color: rgba(217, 83, 79, 0.3); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-hover {
  background-color: rgba(217, 83, 79, 0.2); }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success .dx-icon,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success .dx-icon {
  color: #5cb85c; }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default .dx-icon,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default .dx-icon {
  color: #c50077; }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger .dx-icon,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger .dx-icon {
  color: #d9534f; }

.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item {
  border-left-width: 0;
  padding-left: 1px;
  padding-right: 0; }

.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  border-radius: 0 4px 4px 0; }

.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item {
  border-left-width: 1px;
  padding-right: 1px;
  padding-left: 0; }

.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
  border-radius: 4px 0 0 4px; }

.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  border-radius: 4px; }

.dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
  margin-left: 1px; }

.dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
  margin-left: 0; }

.dx-dropdownbutton .dx-button {
  overflow: hidden; }

.dx-dropdownbutton .dx-button-has-text .dx-icon.dx-icon-right {
  margin-left: 4px;
  margin-right: 0; }

.dx-dropdownbutton-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 20px; }

.dx-dropdownbutton-action {
  min-width: 0; }

.dx-dropdownbutton-popup-wrapper {
  height: 100%; }

.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  border-top-width: 0;
  border-bottom-width: 1px; }

.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0; }

.dx-dropdownbutton-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px; }

.dx-dropdownbutton-popup-wrapper .dx-list {
  height: 100%;
  min-height: 39.0001px; }

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
  min-height: 33.0001px; }

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 7px 9px; }

.dx-dropdownbutton-popup-wrapper .dx-list-select-all {
  padding: 12px 0 8px; }

.dx-dropdownbutton-popup-wrapper .dx-empty-message,
.dx-dropdownbutton-popup-wrapper .dx-list-item {
  border-top: 0; }

.dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type,
.dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none; }

.dx-toolbar {
  background-color: #fff;
  color: #4d4d4d;
  padding: 0;
  overflow: visible; }

.dx-toolbar .dx-toolbar-before {
  padding-right: 15px; }

.dx-rtl.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px; }

.dx-toolbar .dx-toolbar-after {
  padding-left: 15px; }

.dx-rtl.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px; }

.dx-toolbar .dx-toolbar-after:empty,
.dx-toolbar .dx-toolbar-before:empty {
  padding: 0; }

.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible; }

.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 5px; }

.dx-rtl.dx-toolbar .dx-toolbar-menu-container,
.dx-toolbar .dx-toolbar-item {
  padding: 0 5px 0 0; }

.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px; }

.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-rtl.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 5px; }

.dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-toolbar .dx-toolbar-label {
  font-size: 20px; }

.dx-device-mobile .dx-toolbar {
  padding: 0;
  overflow: visible; }

.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  padding-right: 15px; }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px; }

.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  padding-left: 15px; }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px; }

.dx-device-mobile .dx-toolbar .dx-toolbar-after:empty,
.dx-device-mobile .dx-toolbar .dx-toolbar-before:empty {
  padding: 0; }

.dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible; }

.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 5px; }

.dx-device-mobile .dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 5px 0 0; }

.dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px; }

.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 5px; }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0; }

.dx-device-mobile .dx-toolbar .dx-toolbar-label {
  font-size: 20px; }

.dx-toolbar.dx-state-disabled {
  opacity: 1; }

.dx-toolbar.dx-toolbar-compact .dx-button {
  min-width: auto; }

.dx-toolbar-after .dx-toolbar-item,
.dx-toolbar-after .dx-toolbar-item:last-child {
  padding: 0 0 0 5px; }

.dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0; }

.dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child {
  padding-left: 5px; }

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item,
.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
  padding: 0 0 0 5px; }

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0; }

.dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  padding-left: 5px; }

.dx-toolbar-background {
  background-color: #fff; }

.dx-toolbar-menu-section {
  border-bottom: 1px solid #ededed; }

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-button-content {
  padding: 0; }

.dx-toolbar-menu-section .dx-button-content {
  padding: 4px; }

.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  padding: 5px 10px; }

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  padding: 8px; }

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 0;
  margin-left: 0; }

.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  margin-left: 0;
  margin-right: 0; }

.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0; }

.dx-toolbar .dx-tab {
  padding: 4px; }

.dx-toolbar-button .dx-menu .dx-menu-item {
  border: 1px solid transparent;
  border-radius: 4px; }

.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
  padding-top: 7px;
  padding-bottom: 8px;
  line-height: 0; }

.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  line-height: normal; }

.dx-toolbar-hidden-button-group {
  margin-top: 5px;
  margin-bottom: 5px; }

.dx-toolbar-hidden-button-group .dx-buttongroup-wrapper .dx-buttongroup-item.dx-button .dx-button-content {
  padding: 5px 10px; }

.dx-pager {
  padding-top: 9px;
  padding-bottom: 9px; }

.dx-pager.dx-light-mode .dx-page-sizes {
  min-width: 42px; }

.dx-pager.dx-light-mode .dx-page-index {
  min-width: 19px; }

.dx-pager .dx-pages .dx-page {
  padding: 7px 9px 8px; }

.dx-pager .dx-pages .dx-separator {
  padding-left: 8px;
  padding-right: 8px; }

.dx-pager .dx-pages .dx-navigate-button {
  width: 9px;
  height: 17px;
  padding: 9px 13px; }

.dx-pager .dx-pages .dx-prev-button {
  font: 14px/1 DXIcons; }

.dx-pager .dx-pages .dx-prev-button:before {
  content: "\f012"; }

.dx-pager .dx-pages .dx-next-button {
  font: 14px/1 DXIcons; }

.dx-pager .dx-pages .dx-next-button:before {
  content: "\f010"; }

.dx-pager .dx-pages .dx-next-button,
.dx-pager .dx-pages .dx-prev-button {
  font-size: 21px;
  text-align: center;
  line-height: 21px; }

.dx-pager .dx-pages .dx-next-button:before,
.dx-pager .dx-pages .dx-prev-button:before {
  position: absolute;
  display: block;
  width: 21px;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -10.5px; }

.dx-pager .dx-page,
.dx-pager .dx-page-size {
  border-radius: 3px;
  border: 1px solid transparent; }

.dx-pager .dx-page-sizes .dx-page-size {
  padding: 7px 9px 8px 10px; }

.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  color: #4d4d4d;
  border-color: transparent;
  background-color: #d4d4d4; }

.dx-loadindicator {
  background-color: transparent; }

.dx-loadindicator-image {
  background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); }

.dx-loadindicator-icon {
  position: relative;
  top: 15%;
  left: 15%;
  width: 70%;
  height: 70%; }

.dx-loadindicator-icon .dx-loadindicator-segment {
  position: absolute;
  width: 19%;
  height: 30%;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  background: #7a7a7a;
  border-radius: 10% 10% 50% 50%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-animation: 1s linear infinite dx-generic-loadindicator-opacity;
  animation: 1s linear infinite dx-generic-loadindicator-opacity; }

@-webkit-keyframes dx-generic-loadindicator-opacity {
  from {
    opacity: 1; }
  to {
    opacity: .55; } }

@keyframes dx-generic-loadindicator-opacity {
  from {
    opacity: 1; }
  to {
    opacity: .55; } }

.dx-loadindicator-icon .dx-loadindicator-segment0 {
  -webkit-transform: rotate(0) translate(0, -142%);
  transform: rotate(0) translate(0, -142%);
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.dx-loadindicator-icon .dx-loadindicator-segment1 {
  -webkit-transform: rotate(45deg) translate(0, -142%);
  transform: rotate(45deg) translate(0, -142%);
  -webkit-animation-delay: -875ms;
  animation-delay: -875ms; }

.dx-loadindicator-icon .dx-loadindicator-segment2 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
  transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -.75s;
  animation-delay: -.75s; }

.dx-loadindicator-icon .dx-loadindicator-segment3 {
  -webkit-transform: rotate(135deg) translate(0, -142%);
  transform: rotate(135deg) translate(0, -142%);
  -webkit-animation-delay: -625ms;
  animation-delay: -625ms; }

.dx-loadindicator-icon .dx-loadindicator-segment4 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
  transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s; }

.dx-loadindicator-icon .dx-loadindicator-segment5 {
  -webkit-transform: rotate(225deg) translate(0, -142%);
  transform: rotate(225deg) translate(0, -142%);
  -webkit-animation-delay: -375ms;
  animation-delay: -375ms; }

.dx-loadindicator-icon .dx-loadindicator-segment6 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
  transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -.25s;
  animation-delay: -.25s; }

.dx-loadindicator-icon .dx-loadindicator-segment7 {
  -webkit-transform: rotate(315deg) translate(0, -142%);
  transform: rotate(315deg) translate(0, -142%);
  -webkit-animation-delay: -125ms;
  animation-delay: -125ms; }

.dx-loadindicator-icon .dx-loadindicator-segment10,
.dx-loadindicator-icon .dx-loadindicator-segment11,
.dx-loadindicator-icon .dx-loadindicator-segment12,
.dx-loadindicator-icon .dx-loadindicator-segment13,
.dx-loadindicator-icon .dx-loadindicator-segment14,
.dx-loadindicator-icon .dx-loadindicator-segment15,
.dx-loadindicator-icon .dx-loadindicator-segment8,
.dx-loadindicator-icon .dx-loadindicator-segment9 {
  display: none; }

.dx-rtl .dx-loadindicator-icon {
  right: 15%;
  left: 0; }

.dx-loadpanel-content {
  border: 1px solid #ededed;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); }

.dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal; }

@-webkit-keyframes valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.dx-validationsummary-item {
  color: #d9534f; }

.dx-invalid-message > .dx-overlay-content {
  color: #fff;
  background-color: #d9534f;
  border-radius: 4px; }

.dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
  border-radius: 0; }

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  background: #fff; }

.dx-popover-wrapper .dx-popup-title {
  margin: 0; }

.dx-popover-wrapper .dx-popup-title.dx-toolbar {
  padding-left: 15px; }

.dx-popover-wrapper .dx-popover-arrow:after,
.dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
  background: #fff; }

.dx-popover-arrow:after {
  border: 1px solid #ededed; }

.dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
  padding-right: 15px;
  padding-left: 0; }

.dx-tooltip-wrapper .dx-overlay-content {
  border: 1px solid #ededed;
  background-color: #fff;
  color: #4d4d4d;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
  border: 1px solid #ededed;
  background: #fff; }

.dx-texteditor.dx-editor-outlined {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 4px; }

.dx-texteditor.dx-editor-underlined {
  background: 0 0;
  border-bottom: 1px solid #ededed;
  border-radius: 0; }

.dx-texteditor.dx-editor-filled {
  background: rgba(77, 77, 77, 0.05);
  border: 1px solid transparent;
  border-radius: 4px; }

.dx-texteditor.dx-state-readonly {
  border-style: dashed; }

.dx-texteditor.dx-state-readonly.dx-editor-filled {
  border-color: transparent;
  background-color: rgba(77, 77, 77, 0.03); }

.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
  background-color: rgba(77, 77, 77, 0.03); }

.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
  background-color: rgba(197, 0, 119, 0.07); }

.dx-texteditor.dx-state-readonly.dx-editor-underlined {
  border-style: none none dashed; }

.dx-texteditor.dx-state-hover {
  border-color: rgba(197, 0, 119, 0.4); }

.dx-texteditor.dx-state-hover.dx-editor-filled {
  border-color: transparent;
  background-color: rgba(197, 0, 119, 0.1); }

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
  border-color: #c50077; }

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-filled {
  background-color: transparent; }

.dx-texteditor.dx-invalid .dx-texteditor-input,
.dx-texteditor.dx-valid .dx-texteditor-input {
  padding-right: 34px; }

.dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-rtl .dx-texteditor-input {
  padding: 7px 9px 8px 34px; }

.dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-texteditor.dx-valid .dx-texteditor-input-container:after {
  right: 4px; }

.dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl .dx-texteditor.dx-valid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-valid .dx-texteditor-input-container:after {
  left: 4px;
  right: auto; }

.dx-texteditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px; }

.dx-texteditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding: 7px 9px 8px 34px; }

.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  right: 4px; }

.dx-rtl .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator,
.dx-rtl.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  left: 4px;
  right: auto; }

.dx-show-clear-button .dx-clear-button-area {
  width: 34px;
  min-width: 34px;
  right: 0; }

.dx-show-clear-button .dx-icon-clear {
  color: #b3b3b3;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 34px;
  height: 34px;
  background-position: 8px 8px;
  background-size: 18px 18px;
  padding: 8px;
  font-size: 18px;
  text-align: center;
  line-height: 18px; }

.dx-placeholder {
  color: #b3b3b3; }

.dx-placeholder:before {
  padding: 7px 9px 8px; }

.dx-editor-underlined .dx-placeholder:before {
  padding-left: 0; }

.dx-texteditor-input {
  margin: 0;
  padding: 7px 9px 8px;
  background: rgba(0, 0, 0, 0);
  color: #4d4d4d;
  font-size: 1em;
  border-radius: 4px;
  min-height: 34px; }

.dx-editor-underlined .dx-texteditor-input {
  background: 0 0;
  padding-left: 0;
  padding-right: 0; }

.dx-editor-filled .dx-texteditor-input {
  background: 0 0; }

.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
  padding-left: 9px; }

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
  padding-left: 0;
  padding-right: 9px; }

.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
  left: 9px; }

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
  left: 0;
  right: 9px; }

.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
  margin-left: 0; }

.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
  margin-right: 0; }

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
  margin-left: 1px;
  margin-right: 0; }

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
  margin-left: 0;
  margin-right: 1px; }

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child:last-child {
  margin-left: 0;
  margin-right: 0; }

.dx-invalid.dx-texteditor {
  border-color: rgba(217, 83, 79, 0.4); }

.dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused {
  border-color: #d9534f; }

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container:after,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container:after,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container:after {
  pointer-events: none;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  background-color: #d9534f;
  color: #fff;
  content: '!';
  border-radius: 50%; }

.dx-invalid.dx-texteditor.dx-editor-filled {
  background-color: rgba(217, 83, 79, 0.1);
  border-color: transparent; }

.dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused {
  background: 0 0; }

.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  margin-right: 0; }

.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 0; }

.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 1px;
  margin-right: 1px; }

.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  margin-left: 0;
  margin-right: 1px; }

.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 1px;
  margin-right: 0; }

.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-left: 1px;
  margin-right: 1px; }

.dx-valid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after {
  pointer-events: none;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  font-family: DXIcons,sans-serif;
  color: #5cb85c;
  content: '\f005';
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards valid-badge-frames;
  animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards valid-badge-frames; }

.dx-validation-pending.dx-texteditor.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.dx-validation-pending.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator,
.dx-validation-pending.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px; }

.dx-rtl .dx-placeholder,
.dx-rtl .dx-placeholder:before {
  right: 0;
  left: auto; }

.dx-editor-underlined.dx-rtl .dx-placeholder,
.dx-editor-underlined.dx-rtl .dx-placeholder:before {
  padding-right: 0; }

.dx-searchbox .dx-icon-search {
  font: 17px/18px DXIcons;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 34px;
  height: 34px;
  background-position: 8px 8px;
  background-size: 18px 18px;
  padding: 8px;
  text-align: center;
  color: #b3b3b3; }

.dx-searchbox .dx-icon-search:before {
  content: "\f027";
  position: static;
  text-indent: 0;
  color: #b3b3b3; }

.dx-searchbox .dx-placeholder:before,
.dx-searchbox .dx-texteditor-input {
  padding-left: 34px; }

.dx-rtl .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-searchbox .dx-texteditor-input {
  padding-right: 34px; }

.dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder:before,
.dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
.dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder:before,
.dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  padding-right: 0; }

.dx-searchbar {
  padding-bottom: 5px; }

.dx-searchbar .dx-texteditor {
  margin: 0; }

.dx-numberbox-spin-container {
  overflow: hidden;
  width: 34px;
  border-radius: 4px; }

.dx-numberbox-spin-up-icon {
  font: 14px/1 DXIcons;
  color: #4d4d4d; }

.dx-numberbox-spin-up-icon:before {
  content: "\f002"; }

.dx-numberbox-spin-down-icon {
  font: 14px/1 DXIcons;
  color: #4d4d4d; }

.dx-numberbox-spin-down-icon:before {
  content: "\f001"; }

.dx-numberbox-spin-down-icon,
.dx-numberbox-spin-up-icon {
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 3px; }

.dx-numberbox-spin-down-icon:before,
.dx-numberbox-spin-up-icon:before {
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-numberbox-spin-button {
  padding: 1px; }

.dx-editor-underlined .dx-numberbox-spin-button {
  background: 0 0; }

.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  -webkit-box-shadow: 0 0 0 1px transparent inset;
  box-shadow: 0 0 0 1px transparent inset;
  background-color: #e6e6e6; }

.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  background-color: #b3b3b3;
  color: #4d4d4d; }

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  width: 74px;
  border-left: none; }

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon {
  background-position: center; }

.dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  border-right: none; }

.dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input,
.dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input {
  padding-right: 9px; }

.dx-dropdowneditor-button {
  width: 34px;
  min-width: 34px;
  padding: 1px;
  border-radius: 4px; }

.dx-dropdowneditor-button.dx-button-mode-contained,
.dx-dropdowneditor-button.dx-button-mode-outlined,
.dx-dropdowneditor-button.dx-button-mode-text {
  background: 0 0; }

.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1; }

.dx-dropdowneditor-icon {
  border: 1px solid transparent;
  color: #4d4d4d;
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 3px; }

.dx-dropdowneditor-icon:before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined {
  border: none;
  background: 0 0; }

.dx-dropdowneditor-button-visible .dx-texteditor-input {
  padding-right: 0; }

.dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
  padding-right: 9px;
  padding-left: 0; }

.dx-rtl .dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  padding-right: 0; }

.dx-invalid .dx-texteditor-input,
.dx-valid .dx-texteditor-input,
.dx-validation-pending .dx-texteditor-input {
  padding-right: 26px; }

.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-valid.dx-rtl .dx-texteditor-input,
.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 9px;
  padding-left: 26px; }

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: #e6e6e6;
  border-color: transparent; }

.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: rgba(197, 0, 119, 0.2); }

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  background-color: #b3b3b3;
  border-color: transparent;
  color: #4d4d4d;
  opacity: 1; }

.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  background-color: rgba(197, 0, 119, 0.3); }

.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  right: 38px; }

.dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  right: auto;
  left: 38px; }

.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: 68px; }

.dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: auto;
  left: 68px; }

.dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  background-color: rgba(217, 83, 79, 0.2); }

.dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon,
.dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  background-color: rgba(217, 83, 79, 0.3); }

.dx-valid.dx-dropdowneditor .dx-texteditor-container:after {
  right: 38px; }

.dx-rtl .dx-valid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-valid.dx-dropdowneditor .dx-texteditor-container:after {
  right: auto;
  left: 38px; }

.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: 68px; }

.dx-rtl .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: auto;
  left: 68px; }

.dx-dropdownlist-popup-wrapper {
  height: 100%; }

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  border-top-width: 0;
  border-bottom-width: 1px; }

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0; }

.dx-dropdownlist-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px; }

.dx-dropdownlist-popup-wrapper .dx-list {
  height: 100%;
  min-height: 39.0001px; }

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
  min-height: 33.0001px; }

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 7px 9px; }

.dx-dropdownlist-popup-wrapper .dx-list-select-all {
  padding: 12px 0 8px; }

.dx-dropdownlist-popup-wrapper .dx-empty-message,
.dx-dropdownlist-popup-wrapper .dx-list-item {
  border-top: 0; }

.dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type,
.dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none; }

.dx-selectbox-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.dx-selectbox-popup-wrapper .dx-list {
  background-color: #fff; }

.dx-timeview {
  height: auto;
  width: auto; }

.dx-timeview-clock {
  min-height: 199px;
  min-width: 199px;
  background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") 50% 50%/191px no-repeat; }

.dx-timeview-hourarrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2257px%22%20viewBox%3D%220%200%205%2057%22%20enable-background%3D%22new%200%200%205%2057%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C54c0%2C1.7-1.1%2C3-2.5%2C3S0%2C55.7%2C0%2C54V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V54z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 5px 57px; }

.dx-timeview-minutearrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2279px%22%20viewBox%3D%220%200%205%2079%22%20enable-background%3D%22new%200%200%205%2079%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C76c0%2C1.7-1.1%2C3-2.5%2C3S0%2C77.7%2C0%2C76V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V76z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 5px 79px; }

.dx-timeview-format12 {
  width: 70px;
  margin-left: 5px;
  margin-right: auto; }

.dx-rtl .dx-timeview-format12,
.dx-timeview-format12.dx-rtl {
  margin-left: auto;
  margin-right: 5px; }

.dx-timeview-time-separator {
  margin: 0 5px; }

.dx-timeview-field {
  min-height: 50px; }

.dx-timeview-field .dx-numberbox {
  width: 70px; }

.dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  width: 110px; }

.dx-dateview-rollers {
  width: auto;
  text-align: center;
  display: block; }

.dx-dateviewroller-current .dx-dateview-item {
  -webkit-transition: font-size .2s ease-out;
  transition: font-size .2s ease-out; }

.dx-dateviewroller {
  min-width: 4em;
  text-align: center;
  display: inline-block; }

.dx-dateviewroller .dx-button {
  display: none; }

.dx-dateviewroller .dx-scrollable-content:after,
.dx-dateviewroller .dx-scrollable-content:before {
  content: "";
  height: 71px;
  display: block; }

.dx-dateviewroller .dx-scrollable-container {
  height: 182px; }

.dx-dateviewroller.dx-dateviewroller-year {
  min-width: 4.85em; }

.dx-dateviewroller.dx-state-active .dx-button {
  display: none; }

.dx-dateviewroller-month {
  min-width: 12em; }

.dx-dateviewroller-hours:after {
  content: ":";
  font-size: 2.2em;
  position: absolute;
  right: -9%;
  font-weight: 700;
  top: 37%;
  color: #4d4d4d; }

.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  padding-left: 20%; }

.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  width: 80%; }

.dx-dateview-item {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  color: #4d4d4d; }

.dx-dateview-item-selected {
  font-size: 2.2em; }

.dx-rtl.dx-dateviewroller-hours:after {
  left: -9%;
  right: auto; }

.dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%; }

.dx-dateview-item-selected-frame:after,
.dx-dateview-item-selected-frame:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 71px; }

.dx-dateview-item-selected-frame:before {
  top: -71px;
  border-bottom: 1px solid #ededed;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 60%); }

.dx-dateview-item-selected-frame:after {
  top: 40px;
  border-top: 1px solid #ededed;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 60%); }

.dx-dateview-compact .dx-dateview-rollers,
.dx-device-phone .dx-dateview-rollers,
.dx-device-tablet .dx-dateview-rollers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.dx-dateview-compact .dx-dateviewroller-month,
.dx-device-phone .dx-dateviewroller-month,
.dx-device-tablet .dx-dateviewroller-month {
  min-width: 4em; }

.dx-dateview-compact .dx-dateview-item,
.dx-device-phone .dx-dateview-item,
.dx-device-tablet .dx-dateview-item {
  font-size: 1.1em; }

.dx-dateview-compact .dx-dateview-item-selected,
.dx-device-phone .dx-dateview-item-selected,
.dx-device-tablet .dx-dateview-item-selected {
  font-size: 1.4em; }

.dx-box-item-content {
  font-size: 14px; }

.dx-calendar {
  width: 282px;
  min-width: 282px;
  height: 268.6px;
  min-height: 268.6px;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  border: 1px solid transparent; }

.dx-calendar.dx-calendar-with-footer {
  height: 323.6px;
  min-height: 293.6px; }

.dx-calendar.dx-calendar-with-footer .dx-calendar-body {
  bottom: 55px; }

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  text-align: center;
  height: 45px;
  width: 100%; }

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
  background: 0 0; }

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
  background-color: #d4d4d4; }

.dx-calendar-navigator {
  line-height: 1.6;
  height: 36px;
  display: table;
  border-collapse: collapse; }

.dx-calendar-navigator .dx-button {
  height: 100%;
  border-radius: 0;
  display: table-cell;
  border-color: #ededed; }

.dx-calendar-navigator .dx-button .dx-icon {
  font-size: 16px; }

.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  border-collapse: collapse;
  visibility: visible;
  opacity: 1; }

.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
  opacity: .5; }

.dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
  z-index: 1; }

.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
  z-index: 1;
  border-color: #ededed; }

.dx-calendar-navigator .dx-calendar-caption-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  right: 32px;
  left: 32px; }

.dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
  background-color: #d4d4d4; }

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  padding: 2px 15px 4px;
  color: #c50077; }

.dx-calendar-navigator-previous-month.dx-state-hover {
  z-index: 1; }

.dx-calendar-navigator-next-view,
.dx-calendar-navigator-previous-month {
  width: 32px;
  background: 0 0; }

.dx-calendar-navigator-next-view.dx-button,
.dx-calendar-navigator-previous-month.dx-button {
  margin: 0 1px; }

.dx-calendar-navigator-next-view .dx-button-content,
.dx-calendar-navigator-previous-month .dx-button-content {
  padding: 0; }

.dx-calendar-navigator-previous-month,
.dx-calendar-navigator-previous-view {
  left: 0; }

.dx-calendar-navigator-previous-month.dx-button,
.dx-calendar-navigator-previous-view.dx-button {
  border-radius: 4px 0 0 4px; }

.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon {
  color: #c50077; }

.dx-calendar-navigator-next-month,
.dx-calendar-navigator-next-view {
  right: 0; }

.dx-calendar-navigator-next-month.dx-button,
.dx-calendar-navigator-next-view.dx-button {
  border-radius: 0 4px 4px 0; }

.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
  color: #c50077; }

.dx-calendar-body {
  top: 52px; }

.dx-calendar-body thead {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2; }

.dx-calendar-body thead tr {
  height: 25px;
  padding-bottom: 10px; }

.dx-calendar-body thead tr th {
  -webkit-box-shadow: inset 0 -1px 0 #ededed;
  box-shadow: inset 0 -1px 0 #ededed;
  color: #b3b3b3; }

.dx-calendar-body table {
  border-spacing: 0; }

.dx-calendar-body table th {
  color: #b3b3b3;
  text-align: center;
  font-size: 12px;
  padding: 1px 0 6px; }

.dx-calendar-cell {
  text-align: center;
  padding: 1px 8px 2px;
  color: #4d4d4d;
  font-size: 15px;
  border: 1px double transparent;
  width: 39px;
  border-radius: 4px; }

.dx-calendar-cell.dx-calendar-today {
  font-weight: 700; }

.dx-calendar-cell.dx-state-hover {
  -webkit-box-shadow: inset 0 -1px 0 1000px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 -1px 0 1000px rgba(0, 0, 0, 0.04);
  color: #4d4d4d; }

.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
  color: #cacaca; }

.dx-calendar-cell.dx-calendar-empty-cell {
  cursor: default;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat; }

.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) {
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
  -webkit-box-shadow: inset 0 -1px 0 1000px rgba(96, 96, 96, 0.2);
  box-shadow: inset 0 -1px 0 1000px rgba(96, 96, 96, 0.2); }

.dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-empty-cell) {
  -webkit-box-shadow: inset 0 0 0 1px #cecece;
  box-shadow: inset 0 0 0 1px #cecece; }

.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1000px #c50077;
  box-shadow: inset 0 0 0 1000px #c50077;
  font-weight: 400; }

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
  -webkit-box-shadow: inset 0 0 0 1px #cecece,inset 0 0 0 1000px #c50077;
  box-shadow: inset 0 0 0 1px #cecece,inset 0 0 0 1000px #c50077; }

.dx-invalid.dx-calendar {
  border-color: rgba(217, 83, 79, 0.4); }

.dx-invalid.dx-calendar.dx-state-focused {
  border-color: #d9534f; }

.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
  margin: 0; }

.dx-datebox-wrapper .dx-popup-title {
  min-height: 10px;
  border-bottom: none;
  background: 0 0; }

.dx-datebox-wrapper .dx-item {
  border: none; }

.dx-datebox-wrapper .dx-popup-bottom .dx-button {
  min-width: 85px;
  width: auto; }

.dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
  margin: 0 34px; }

.dx-datebox-wrapper-list .dx-overlay-content {
  border-top: none; }

.dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
  padding: 10px; }

.dx-datebox-calendar .dx-dropdowneditor-icon {
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 3px; }

.dx-datebox-calendar .dx-dropdowneditor-icon:before {
  content: "\f026";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1; }

.dx-datebox-calendar.dx-rtl.dx-editor-underlined {
  padding-right: 0; }

.dx-datebox-wrapper-calendar .dx-popup-content {
  padding: 0;
  margin: 0 15px; }

.dx-datebox-wrapper-calendar .dx-calendar {
  border: none;
  margin: 30px 15px; }

.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  margin-right: 30px;
  margin-bottom: 30px; }

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  margin-bottom: 15px; }

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  margin: 30px 15px 15px; }

.dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  margin: 0 15px 15px; }

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  margin-top: -1px;
  margin-right: 30px; }

@media (max-width: 320px) {
  .dx-datebox-wrapper-calendar .dx-calendar {
    margin: 18px; } }

.dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
  margin-right: 5px;
  margin-left: 0; }

.dx-datebox-list .dx-dropdowneditor-icon {
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 3px; }

.dx-datebox-list .dx-dropdowneditor-icon:before {
  content: "\f01d";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-datebox-wrapper-list .dx-popup-content {
  padding: 0; }

.dx-datebox input[type=date] {
  line-height: normal; }

.dx-datebox.dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
  padding-right: 26px; }

.dx-datebox.dx-auto-width.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-rtl .dx-texteditor-input {
  padding-right: 9px;
  padding-left: 26px; }

.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  min-height: 33px; }

.dx-datagrid-container.dx-filter-menu .dx-menu-item-has-icon .dx-icon,
.dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon {
  color: #a3a3a3; }

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  font: 16px/16px DXIcons;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  text-align: center; }

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  content: "\f053"; }

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  font: 16px/16px DXIcons;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  text-align: center; }

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  content: "\f054"; }

.dx-datagrid .dx-icon-filter-operation-equals,
.dx-datagrid-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-equals:before,
.dx-datagrid-container .dx-icon-filter-operation-equals:before {
  content: "\f044"; }

.dx-datagrid .dx-icon-filter-operation-default,
.dx-datagrid-container .dx-icon-filter-operation-default {
  font: 12px/12px DXIcons;
  width: 12px;
  height: 12px;
  background-position: 0 0;
  background-size: 12px 12px;
  padding: 0;
  text-align: center; }

.dx-datagrid .dx-icon-filter-operation-default:before,
.dx-datagrid-container .dx-icon-filter-operation-default:before {
  content: "\f027"; }

.dx-datagrid .dx-icon-filter-operation-not-equals,
.dx-datagrid-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-not-equals:before,
.dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
  content: "\f045"; }

.dx-datagrid .dx-icon-filter-operation-less,
.dx-datagrid-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-less:before,
.dx-datagrid-container .dx-icon-filter-operation-less:before {
  content: "\f046"; }

.dx-datagrid .dx-icon-filter-operation-less-equal,
.dx-datagrid-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-less-equal:before,
.dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
  content: "\f048"; }

.dx-datagrid .dx-icon-filter-operation-greater,
.dx-datagrid-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-greater:before,
.dx-datagrid-container .dx-icon-filter-operation-greater:before {
  content: "\f047"; }

.dx-datagrid .dx-icon-filter-operation-greater-equal,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-greater-equal:before,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
  content: "\f049"; }

.dx-datagrid .dx-icon-filter-operation-contains,
.dx-datagrid-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-contains:before,
.dx-datagrid-container .dx-icon-filter-operation-contains:before {
  content: "\f063"; }

.dx-datagrid .dx-icon-filter-operation-not-contains,
.dx-datagrid-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-not-contains:before,
.dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
  content: "\f066"; }

.dx-datagrid .dx-icon-filter-operation-starts-with,
.dx-datagrid-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-starts-with:before,
.dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
  content: "\f064"; }

.dx-datagrid .dx-icon-filter-operation-ends-with,
.dx-datagrid-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-ends-with:before,
.dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
  content: "\f065"; }

.dx-datagrid .dx-icon-filter-operation-between,
.dx-datagrid-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons; }

.dx-datagrid .dx-icon-filter-operation-between:before,
.dx-datagrid-container .dx-icon-filter-operation-between:before {
  content: "\f06a"; }

.dx-datagrid {
  line-height: inherit; }

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
  background-color: #f5f5f5;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5; }

.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent; }

.dx-datagrid .dx-link {
  color: #c50077; }

.dx-datagrid .dx-row-lines > td {
  border-bottom: 1px solid #ededed; }

.dx-datagrid .dx-column-lines > td {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed; }

.dx-datagrid .dx-error-row .dx-closebutton {
  float: right;
  margin: 9px;
  font: 14px/14px DXIcons;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  text-align: center; }

.dx-datagrid .dx-error-row .dx-closebutton:before {
  content: "\f00a"; }

.dx-datagrid .dx-error-row .dx-error-message {
  padding: 7px 35px 7px 7px; }

.dx-datagrid .dx-row > td {
  padding: 7px; }

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin: 0 3px; }

.dx-datagrid .dx-command-drag {
  width: 36px;
  min-width: 36px; }

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 19px; }

.dx-datagrid-edit-popup .dx-error-message {
  padding: 7px; }

.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
  padding: 7px;
  min-height: 33px; }

.dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
  padding-right: 7px; }

.dx-datagrid-headers .dx-lookup,
.dx-datagrid-rowsview .dx-lookup {
  height: auto; }

.dx-datagrid-headers .dx-lookup-field,
.dx-datagrid-rowsview .dx-lookup-field {
  padding-left: 7px;
  padding-top: 7px;
  padding-bottom: 7px; }

.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input {
  padding-left: 34px; }

.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input {
  padding-right: 34px; }

.dx-editor-cell .dx-numberbox-spin-button {
  background-color: transparent; }

.dx-editor-cell .dx-icon-clear {
  left: 0; }

.dx-editor-cell .dx-texteditor,
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
  background: #fff; }

.dx-editor-cell .dx-dropdowneditor {
  background-color: #fff; }

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  border-radius: 0; }

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  padding-top: 7px;
  padding-bottom: 7px; }

.dx-datagrid-checkbox-size {
  line-height: 1em; }

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
  font-size: 12px; }

.dx-datagrid-checkbox-size .dx-checkbox-icon {
  height: 16px;
  width: 16px; }

.dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
  font-size: 6px; }

.dx-datagrid-column-chooser-list .dx-empty-message,
.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message {
  color: #b3b3b3;
  padding: 0 20px; }

.dx-datagrid-column-chooser {
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  padding: 0 20px 20px; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  margin-bottom: 10px; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  padding-left: 20px; }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  padding: 0 20px 20px; }

.dx-datagrid-column-chooser .dx-overlay-content {
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  padding-top: 7px;
  padding-bottom: 9px;
  background-color: transparent; }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  margin-bottom: 10px;
  background-color: #fff;
  color: #4d4d4d;
  font-weight: 700;
  border: 1px solid #ededed;
  padding: 7px;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); }

.dx-datagrid-drag-header {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #4d4d4d;
  font-weight: 700;
  padding: 7px;
  border: 1px solid rgba(197, 0, 119, 0.5);
  background-color: #fff; }

.dx-datagrid-columns-separator {
  background-color: rgba(197, 0, 119, 0.5); }

.dx-datagrid-columns-separator-transparent {
  background-color: transparent; }

.dx-datagrid-drop-highlight > td {
  background-color: #c50077;
  color: #fff; }

.dx-datagrid-focus-overlay {
  border: 2px solid #d13392; }

.dx-datagrid-table .dx-row .dx-command-select {
  width: 70px;
  min-width: 70px; }

.dx-datagrid-table .dx-row .dx-command-edit {
  width: 85px;
  min-width: 85px; }

.dx-datagrid-table .dx-row .dx-command-expand {
  width: 30px;
  min-width: 30px; }

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
  padding-top: 7px; }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: rgba(0, 0, 0, 0.04);
  color: #4d4d4d; }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-right-color: rgba(0, 0, 0, 0.04); }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-command-select {
  overflow: inherit; }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  background-color: rgba(0, 0, 0, 0.04);
  color: #4d4d4d; }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  background-color: transparent; }

.dx-datagrid-headers {
  color: #4d4d4d;
  font-weight: 700;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  border-bottom: 1px solid #ededed; }

.dx-datagrid-headers .dx-datagrid-content {
  margin-bottom: -1px; }

.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
  border-bottom-width: 1px; }

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 1px solid #ededed; }

.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  color: #4d4d4d; }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
  background-color: transparent; }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  border: 2px solid #d13392; }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
  background-color: #fff; }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  border-color: transparent; }

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
  background-color: transparent; }

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
  background-color: #fff; }

.dx-datagrid-filter-row .dx-highlight-outline::after {
  border-color: rgba(92, 184, 92, 0.5); }

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
  color: #a3a3a3; }

.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 7px 7px 7px 32px; }

.dx-datagrid-filter-range-overlay .dx-overlay-content {
  border: 1px solid #ededed;
  overflow: inherit;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
  border-color: rgba(92, 184, 92, 0.5);
  left: 0; }

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  background-color: #fff;
  padding: 7px; }

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  border: 2px solid #d13392; }

.dx-filter-menu.dx-menu {
  background-color: transparent;
  height: 100%; }

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 6px 5px 7px; }

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  margin: 0 3px; }

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px; }

.dx-highlight-outline {
  padding: 7px; }

.dx-datagrid-header-panel {
  border-bottom: 1px solid #ededed; }

.dx-datagrid-header-panel .dx-toolbar {
  margin-bottom: 10px; }

.dx-datagrid-header-panel .dx-apply-button {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff; }

.dx-datagrid-header-panel .dx-apply-button .dx-icon {
  color: #fff; }

.dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
  background-color: #449d44;
  border-color: #4cae4c; }

.dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
  background-color: #3d8b3d;
  border-color: #4cae4c; }

.dx-datagrid-header-panel .dx-apply-button.dx-state-active {
  background-color: #357935;
  border-color: #4cae4c;
  color: #fff; }

.dx-icon-column-chooser {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-icon-column-chooser:before {
  content: "\f04d"; }

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
  content: "\f00b"; }

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
  content: "\f04c"; }

.dx-datagrid-save-button .dx-icon-edit-button-save {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-datagrid-save-button .dx-icon-edit-button-save:before {
  content: "\f041"; }

.dx-apply-button .dx-icon-apply-filter {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-apply-button .dx-icon-apply-filter:before {
  content: "\f050"; }

.dx-datagrid-export-button .dx-icon-export-to {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-datagrid-export-button .dx-icon-export-to:before {
  content: "\f05f"; }

.dx-datagrid-export-button .dx-icon-export-excel-button {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center; }

.dx-datagrid-export-button .dx-icon-export-excel-button:before {
  content: "\f117"; }

.dx-datagrid-adaptive-more {
  width: 21px;
  height: 21px;
  background-position: 0 0;
  background-size: 21px 21px;
  padding: 0;
  font-size: 21px;
  text-align: center;
  line-height: 21px; }

.dx-datagrid-borders .dx-datagrid-rowsview,
.dx-datagrid-headers + .dx-datagrid-rowsview {
  border-top: 1px solid #ededed; }

.dx-datagrid-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

.dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #ededed; }

.dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }

.dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form {
  white-space: normal; }

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
  background-color: #fafafa; }

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
  border: 1px solid rgba(217, 83, 79, 0.4); }

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
  border: 1px solid #d9534f; }

.dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  padding: 9px 17px; }

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  border-color: rgba(92, 184, 92, 0.5); }

.dx-datagrid-rowsview .dx-data-row td:not(.dx-cell-modified):not(.dx-validation-pending):not(.dx-datagrid-invalid) .dx-highlight-outline {
  padding: 0; }

.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: rgba(92, 184, 92, 0.5);
  border-top: 1px solid rgba(92, 184, 92, 0.5);
  border-bottom: 1px solid rgba(92, 184, 92, 0.5); }

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px; }

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
  border: 1px solid rgba(217, 83, 79, 0.4); }

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px; }

.dx-datagrid-rowsview .dx-item-modified {
  border-radius: 4px;
  border: 2px solid rgba(92, 184, 92, 0.5); }

.dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px; }

.dx-datagrid-rowsview .dx-row-focused:focus {
  outline: 0; }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  background-color: #d13392;
  color: #fff; }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input {
  border-radius: 0; }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened {
  color: #fff; }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #4d4d4d; }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: 1px solid #d13392; }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid #d13392;
  border-bottom: 1px solid #d13392; }

.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #d13392;
  color: #fff; }

.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item {
  color: #fff; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #e6e6e6;
  color: #4d4d4d; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space {
  border-right-color: #e6e6e6; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  border-left-color: #ededed;
  border-right-color: #ededed; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
  background-color: #fff;
  color: #4d4d4d; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid #e6e6e6; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td {
  border-bottom: 1px solid #e6e6e6; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
  border-left-color: #ededed;
  border-right-color: #ededed; }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
  border-bottom-color: #ededed; }

.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-right: 0; }

.dx-datagrid-rowsview td.dx-validation-pending {
  position: relative;
  padding: 0; }

.dx-datagrid-rowsview td.dx-validation-pending .dx-highlight-outline {
  padding-right: 34px; }

.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-highlight-outline,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending .dx-highlight-outline {
  padding-left: 34px;
  padding-right: 0; }

.dx-datagrid-rowsview td.dx-validation-pending .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  right: 4px;
  background-color: #fff; }

.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-pending-indicator,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending .dx-pending-indicator {
  left: 4px;
  right: auto; }

.dx-datagrid-search-text {
  color: #fff;
  background-color: #c50077; }

.dx-datagrid-nodata {
  color: #b3b3b3;
  font-size: 17px; }

.dx-datagrid-bottom-load-panel {
  border-top: 1px solid #ededed; }

.dx-datagrid-pager {
  border-top: 3px double #ededed; }

.dx-datagrid-pager.dx-widget {
  color: #4d4d4d; }

.dx-datagrid-pager .dx-navigate-button,
.dx-datagrid-pager .dx-page,
.dx-datagrid-pager .dx-page-size {
  outline: 0; }

.dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus,
.dx-datagrid-pager.dx-state-focused .dx-page-size:focus,
.dx-datagrid-pager.dx-state-focused .dx-page:focus {
  outline: #d13392 solid 2px;
  outline-offset: -2px; }

.dx-datagrid-summary-item {
  color: rgba(77, 77, 77, 0.7); }

.dx-datagrid-total-footer {
  border-top: 1px solid #ededed; }

.dx-datagrid-revert-tooltip .dx-overlay-content {
  background-color: #fff;
  min-width: inherit; }

.dx-datagrid-revert-tooltip .dx-revert-button {
  margin: 0 1px;
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff; }

.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  color: #fff; }

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #c9302c;
  border-color: #d43f3a; }

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
  background-color: #b52b27;
  border-color: #d43f3a; }

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
  background-color: #a02622;
  border-color: #d43f3a;
  color: #fff; }

.dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content {
  padding: 7px; }

.dx-toolbar-menu-section .dx-datagrid-checkbox-size {
  width: 100%; }

.dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container {
  padding: 14px; }

.dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text {
  padding-left: 34px; }

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
  padding-right: 34px;
  padding-left: 27px; }

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: rgba(0, 0, 0, 0.04);
  border-right-color: transparent; }

.dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px; }

.dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 7px 32px 7px 7px; }

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: #ededed; }

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: #e6e6e6; }

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  border-left-color: #ededed; }

.dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-left: 0; }

.dx-datagrid-group-panel {
  font-size: 14px;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

.dx-datagrid-group-panel .dx-group-panel-message {
  color: #4d4d4d;
  font-weight: 700;
  padding: 7px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

.dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 10px;
  color: #4d4d4d;
  font-weight: 700;
  border: 1px solid #ededed;
  padding: 7px; }

.dx-datagrid-group-panel .dx-block-separator {
  margin-right: 10px;
  color: #4d4d4d;
  font-weight: 700;
  padding: 8px;
  background-color: #eee; }

.dx-datagrid-group-panel .dx-sort {
  color: #a3a3a3; }

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  border-top: none; }

.dx-datagrid-rowsview .dx-row.dx-group-row {
  font-weight: 700; }

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  color: #afafaf;
  background-color: #f7f7f7; }

.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top-color: #ededed;
  border-bottom-color: #ededed; }

.dx-datagrid-group-opened {
  font: 18px/18px DXIcons;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
  color: #afafaf; }

.dx-datagrid-group-opened:before {
  content: "\f001"; }

.dx-datagrid-group-closed {
  font: 18px/18px DXIcons;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
  color: #afafaf; }

.dx-datagrid-group-closed:before {
  content: "\f04e"; }

.dx-datagrid-group-closed,
.dx-datagrid-group-opened {
  width: 100%; }

.dx-row.dx-datagrid-group-footer.dx-column-lines {
  border-bottom: 1px solid #ededed; }

.dx-row.dx-datagrid-group-footer > td {
  background-color: #fff;
  border-top: 1px solid #ededed;
  border-left-width: 0;
  border-right-width: 0; }

.dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-left: 10px; }

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-icon-filter {
  outline: 0;
  color: #c50077; }

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
  margin-top: -4px;
  margin-left: -1px;
  height: 2px; }

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
  margin-top: -3px; }

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  margin-left: -3px;
  width: 2px; }

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  margin-left: 3px; }

.dx-pivotgrid-fields-container .dx-area-fields {
  position: relative; }

.dx-pivotgrid-fields-container .dx-sort {
  color: #afafaf;
  font-size: 14px;
  width: 14px; }

.dx-pivotgrid-fields-container .dx-sort-up {
  font: 14px/1 DXIcons; }

.dx-pivotgrid-fields-container .dx-sort-up:before {
  content: "\f051"; }

.dx-pivotgrid-fields-container .dx-sort-down {
  font: 14px/1 DXIcons; }

.dx-pivotgrid-fields-container .dx-sort-down:before {
  content: "\f052"; }

.dx-pivotgrid-fields-container .dx-header-filter {
  color: #4d4d4d;
  font: 14px/1 DXIcons;
  width: 14px; }

.dx-pivotgrid-fields-container .dx-header-filter:before {
  content: "\f050"; }

.dx-pivotgrid-fields-container .dx-header-filter-empty {
  color: rgba(77, 77, 77, 0.5); }

.dx-pivotgrid-fields-container .dx-area-field {
  cursor: pointer; }

.dx-pivotgrid-fields-container.dx-drag {
  opacity: .8; }

.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(197, 0, 119, 0.5); }

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  background-color: #fff;
  margin-bottom: 4px;
  border: 1px solid #ededed;
  padding: 7px 10px; }

.dx-pivotgrid-fields-container .dx-drag-source {
  opacity: .5; }

.dx-pivotgrid-fields-container .dx-column-indicators {
  vertical-align: bottom;
  margin-left: 6px;
  line-height: 19px; }

.dx-pivotgrid-fields-container .dx-area-field-content {
  vertical-align: bottom; }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
  overflow: hidden; }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  margin-right: 10px;
  float: right;
  display: inline-block; }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  margin-right: 4px; }

.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-data-header {
  background-color: rgba(221, 221, 221, 0.2); }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  margin-left: -5px;
  padding-left: 5px; }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 0; }

.dx-pivotgrid .dx-filter-header .dx-area-field-container {
  border-spacing: 8px;
  border-collapse: separate; }

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
  padding: 2px; }

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 2px; }

.dx-pivotgrid .dx-area-field.dx-area-box {
  margin-bottom: 0; }

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  border-top: 1px solid #ededed; }

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
  border-top-width: 0; }

.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-area-row-cell {
  border-right: 1px solid #ededed; }

.dx-pivotgrid .dx-area-description-cell {
  white-space: nowrap; }

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  margin: 1px; }

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dx-pivotgrid .dx-area-column-cell,
.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-bottom-border {
  border-bottom: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-area {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dx-pivotgrid .dx-pivotgrid-area td {
  color: #afafaf;
  padding: 7px 10px; }

.dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  position: relative;
  border: none;
  padding: 10px 2px; }

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 10px; }

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  padding-right: 10px; }

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
  white-space: nowrap;
  padding: 6px 0;
  border: 1px solid transparent;
  color: #6c6c6c; }

.dx-pivotgrid .dx-group-connector {
  position: absolute;
  width: 2px;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #ededed; }

.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  left: 0; }

.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  right: 0; }

.dx-pivotgrid .dx-virtual-content {
  display: none; }

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
  position: relative;
  overflow: hidden;
  display: block; }

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
  color: transparent;
  background-color: transparent !important; }

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
  visibility: hidden; }

.dx-pivotgrid .dx-virtual-mode table {
  position: absolute; }

.dx-pivotgrid .dx-pivotgrid-area-data {
  position: relative; }

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  text-align: right;
  color: #4d4d4d;
  white-space: nowrap;
  border-left: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  border-left: 0; }

.dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal,
.dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total {
  border-top-width: 0; }

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
  border-top: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  border-right: 0; }

.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  min-width: 50px;
  border-right: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  border-top: 0; }

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
  border-right: 0; }

.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total,
.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }

.dx-pivotgrid .dx-area-tree-view .dx-total {
  border-bottom: none; }

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  border-top: 1px solid transparent;
  background-color: rgba(221, 221, 221, 0.2);
  padding: 0;
  width: 19px;
  min-width: 19px; }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  border-right: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  text-align: center;
  border: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed,
.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded {
  text-align: left; }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  border-left: 0; }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
  border-top: 0; }

.dx-pivotgrid .dx-expand-icon-container {
  margin-left: -5px;
  margin-right: 0;
  width: 14px; }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
  border-bottom: 0; }

.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-total {
  background-color: rgba(221, 221, 221, 0.2); }

.dx-pivotgrid .dx-grandtotal {
  background-color: #f5f5f5; }

.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-left: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-right: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-top: 1px solid #ededed; }

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
  display: inline-block; }

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  border-bottom: 1px solid #ededed; }

.dx-pivotgrid .dx-icon-sorted {
  display: inline-block;
  margin-left: 5px;
  width: 14px; }

.dx-pivotgrid .dx-popup-content {
  padding: 10px; }

.dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
  padding: 0 2px; }

.dx-pivotgridfieldchooser .dx-area-fields {
  overflow: hidden; }

.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  margin-bottom: 1px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 16px; }

.dx-pivotgridfieldchooser .dx-treeview-search {
  margin: 5px; }

.dx-pivotgridfieldchooser .dx-area-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px; }

.dx-pivotgridfieldchooser .dx-area {
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0; }

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container {
  height: auto; }

.dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  margin-top: 3px;
  border: 1px solid #ededed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0; }

.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.dx-pivotgridfieldchooser .dx-area-fields[group] {
  padding: 5px;
  background-color: rgba(221, 221, 221, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  border-color: #c50077; }

.dx-pivotgridfieldchooser .dx-area-icon-all {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) center center no-repeat; }

.dx-pivotgridfieldchooser .dx-area-icon-filter {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) center center no-repeat; }

.dx-pivotgridfieldchooser .dx-area-icon-row {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) center center no-repeat; }

.dx-pivotgridfieldchooser .dx-area-icon-column {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) center center no-repeat; }

.dx-pivotgridfieldchooser .dx-area-icon-data,
.dx-pivotgridfieldchooser .dx-icon-measure {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) center center no-repeat; }

.dx-pivotgridfieldchooser .dx-icon-dimension {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) center center no-repeat; }

.dx-pivotgridfieldchooser .dx-icon-hierarchy {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) center center no-repeat; }

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  margin-left: -3px; }

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  margin-left: 1px; }

.dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
  margin-left: 0;
  margin-right: 6px; }

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  margin-right: 0;
  margin-left: 10px;
  float: left; }

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
.dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  margin-right: 0;
  margin-left: 4px; }

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  margin-left: 0;
  padding-left: 0;
  margin-right: -5px;
  padding-right: 5px; }

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 2px;
  padding-right: 0; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
  padding: 10px 2px; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-right: 10px; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  padding-left: 10px; }

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  left: initial;
  right: 0; }

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  right: initial;
  left: 0; }

.dx-rtl.dx-pivotgrid .dx-area-description-cell,
.dx-rtl.dx-pivotgrid .dx-area-row-cell {
  border-left: 1px solid #ededed;
  border-right: 0; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  border-left: 0;
  border-right: 1px solid #ededed; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  border-left: 1px solid #ededed;
  border-right: 0; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  border-right: 0;
  border-left: 1px solid #ededed; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  border-left: 0;
  border-right: 0; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  border-right: 0;
  border-left: 1px solid #ededed; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
  border-left: 0; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  border-left: 1px solid #ededed;
  border-right: 0; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded {
  text-align: right; }

.dx-rtl.dx-pivotgrid .dx-expand-icon-container {
  margin-left: 0;
  margin-right: -5px; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.dx-rtl.dx-pivotgrid .dx-icon-sorted {
  margin-left: 0;
  margin-right: 5px; }

.dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  border-right: 1px solid #ededed; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  border-left: 1px solid #ededed; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  border-right: none; }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  border-left: none; }

.dx-pivotgrid {
  background-color: #fff; }

.dx-pivotgrid .dx-area-description-cell .dx-button-content,
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content {
  padding: 5px; }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  margin-top: 10px; }

.dx-pivotgrid .dx-expand-icon-container {
  font: 14px/1 DXIcons; }

.dx-pivotgrid .dx-expand-icon-container:before {
  content: "\f04e";
  visibility: hidden; }

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
  font: 18px/18px DXIcons;
  text-align: center;
  color: #afafaf; }

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
  content: "\f04e";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  font: 18px/18px DXIcons;
  text-align: center;
  color: #afafaf; }

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px; }

.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
  color: #4d4d4d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715; }

.dx-pivotgridfieldchooser {
  background-color: #fff; }

.dx-pivotgrid-fields-container .dx-position-indicator {
  background-color: gray; }

.dx-theme-generic-typography,
.dx-widget {
  font-family: EmbeddedDejaVuSans, sans-serif;
  font-size: 13px; }

.dx-menu-base {
  font-size: 13px; }

.dx-datagrid-group-panel,
.dx-header-row td,
.dx-group-cell {
  font-family: "Source sans pro"; }

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  font-family: "Source sans pro";
  color: #C50077; }

.dx-datagrid-group-panel .dx-group-panel-message {
  color: #4D4D4D;
  font-weight: normal;
  font-style: italic; }

td.dx-command-expand {
  padding-top: 0px !important; }

.dx-header-row.dx-column-lines td {
  border-right: 1px solid white !important;
  border-left: 1px solid white !important; }

.dx-header-row td {
  background-color: #ededed !important;
  text-align: center !important; }

.dx-header-row > td:first-child {
  border-left: 0 !important; }

.dx-header-row td.dx-command-expand {
  border-right: 1px solid transparent !important; }

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 1px solid white; }

.dx-master-detail-cell .dx-datagrid-header-panel,
.dx-master-detail-cell .dx-toolbar-items-container {
  background: #FAFAFA !important; }

.exa-dx-datagrid .icon-voir-plus::before {
  color: #C50077;
  font-size: 24px !important; }

.exa-dx-datagrid .icon-supprimer::before {
  color: #C50077;
  font-size: 27px;
  position: relative;
  top: 2px; }

.dx-datagrid-search-panel {
  border-radius: 5px !important; }

.dx-master-detail-cell {
  padding: 15px 30px !important; }

.master-detail-caption {
  font-size: 14px; }

.dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view) {
  border: 1px solid #C50077;
  color: #C50077;
  background-color: #ffffff;
  background-repeat: no-repeat;
  height: 30px;
  font-family: "Source sans pro";
  border-radius: 8px !important;
  margin-right: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view) .dx-button-content {
    padding: 6px; }
  .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view):last-child {
    margin-right: 0; }
  .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view) .dx-icon {
    color: #C50077 !important; }
  .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-active, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-focused, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-hover {
    background-color: #C50077 !important;
    border-color: #C50077;
    color: white; }
    .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-active .dx-icon, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-focused .dx-icon, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-hover .dx-icon {
      color: white !important; }

.dx-button.dx-icon-button.dx-button-has-icon:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-icon-button {
  border: none;
  background: transparent; }
  .dx-button.dx-icon-button.dx-button-has-icon:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-icon-button.no-state-color-change {
    background: transparent !important;
    color: #C50077 !important; }
    .dx-button.dx-icon-button.dx-button-has-icon:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-icon-button.no-state-color-change .icomoon:before {
      color: #C50077 !important; }
  .dx-button.dx-icon-button.dx-button-has-icon:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-icon-button.dx-state-disabled .icomoon:before {
    color: #CCC !important; }

.dx-button.dx-button-has-icon.inline-flex .icomoon {
  display: inline-flex; }

.dx-button-text {
  vertical-align: baseline; }

.dx-datagrid .dx-column-lines > td:last-child {
  border-right: 1px solid #ededed !important; }

.dx-datagrid-filter-row {
  background: #ededed; }
  .dx-datagrid-filter-row td {
    background: #ededed !important;
    border-left-color: white !important;
    border-right: 1px solid white !important; }
  .dx-datagrid-filter-row .dx-texteditor-container,
  .dx-datagrid-filter-row .dx-texteditor-input,
  .dx-datagrid-filter-row .dx-texteditor-buttons-container {
    background: #ededed !important; }
  .dx-datagrid-filter-row .dx-texteditor-empty {
    background: #ededed !important; }
    .dx-datagrid-filter-row .dx-texteditor-empty .dx-texteditor-container,
    .dx-datagrid-filter-row .dx-texteditor-empty .dx-texteditor-input,
    .dx-datagrid-filter-row .dx-texteditor-empty .dx-texteditor-buttons-container {
      background: #ededed !important;
      border-radius: 0; }

.dx-texteditor.dx-editor-outlined:not(.dx-texteditor-empty) .dx-texteditor-input-container input {
  border-bottom: 2px solid #C50077;
  border-radius: 0; }

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
  color: #C50077 !important; }

.dx-datagrid-filter-row .dx-header-filter-empty {
  color: rgba(175, 175, 175, 0.5); }

.dx-icon.icomoon:before {
  color: #C50077; }

.dx-icon.icomoon.icon-XLS:before {
  font-size: 24px;
  color: #C50077;
  font-weight: bold;
  margin-top: 2px; }

td.dx-group-cell {
  color: #C50077; }

.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
  color: #C50077; }

.dx-popup-wrapper .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view) {
  width: auto;
  margin-right: 8px !important;
  min-width: 0;
  padding: 0 15px; }

input.dx-texteditor-input {
  border-radius: 0; }

.button-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px; }
  .button-group .bouton {
    margin: 0;
    border-radius: 0;
    border-right: none;
    padding: 3px;
    height: 30px;
    width: 30px;
    background: white;
    border-color: #C50077;
    display: flex;
    align-items: center;
    justify-content: center; }
    .button-group .bouton:first-child {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    .button-group .bouton:last-child {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border: 1px solid #C50077; }

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #ededed; }

.dx-popup-normal .dx-checkbox-icon {
  height: 16px;
  width: 16px; }

.dx-popup-normal .dx-popup-content {
  min-height: calc(80% + 20px); }

.dx-popup-normal .dx-list-select-all {
  padding: 6px 0; }

.dx-popup-normal .dx-list-select-all-label {
  margin-top: 0; }

.dx-popup-normal .dx-list-select-all-checkbox {
  margin-top: 2px; }

.dx-popup-normal .dx-list-item-content {
  padding: 6px; }

.dx-popup-normal .dx-popup-bottom {
  padding-top: 0; }

.dx-toolbar-item #dx-export-buttons {
  margin-right: -15px; }

.dx-toolbar-item #export-buttons {
  border-left: 1px solid #ededed;
  padding-left: 5px;
  margin-left: 5px;
  margin-right: -15px;
  position: relative; }

.dx-toolbar-item .icon-PDF::before {
  font-size: 30px;
  color: #4D4D4D;
  position: relative;
  top: -0.5px; }

.dx-toolbar-item .icon-XLS::before {
  font-size: 30px;
  color: #4D4D4D;
  position: relative;
  top: 1px; }

.dx-toolbar-item .icon-imprimer::before {
  color: #C50077;
  font-size: 26px; }

.name-with-lock-indicator {
  display: flex;
  justify-content: space-between;
  align-content: center; }

.dx-icon-copy.custom-copy {
  vertical-align: top; }

.inline-flex {
  display: inline-flex !important; }

.no-state-color-change {
  color: #C50077 !important; }

.dx-datagrid-column-chooser-list .dx-checkbox-icon,
.dx-datagrid-column-chooser-plain .dx-checkbox-icon {
  margin-top: 5px; }

.dx-datagrid-column-chooser-button .icon-parametrage::before {
  color: #C50077;
  position: relative;
  left: -6px;
  top: -1px;
  font-size: 26px; }

.dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-active, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-focused, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-hover,
.dx-datagrid-column-chooser-button.dx-state-active,
.dx-datagrid-column-chooser-button.dx-state-focused,
.dx-datagrid-column-chooser-button.dx-state-hover {
  color: white; }
  .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-active .dx-icon::before, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-focused .dx-icon::before, .dx-button:not(.dx-closebutton):not(.dx-calendar-navigator-previous-view):not(.dx-calendar-caption-button):not(.dx-calendar-navigator-next-view).dx-state-hover .dx-icon::before,
  .dx-datagrid-column-chooser-button.dx-state-active .dx-icon::before,
  .dx-datagrid-column-chooser-button.dx-state-focused .dx-icon::before,
  .dx-datagrid-column-chooser-button.dx-state-hover .dx-icon::before {
    color: white; }

.dx-state-active .custom-dropdown-item {
  color: white; }

.dx-state-active .icon.icomoon::before {
  color: white; }

.custom-dropdown-item {
  color: #C50077; }
  .custom-dropdown-item .icon {
    font-size: 18px; }
  .custom-dropdown-item .icon-supprimer::before {
    color: #C50077;
    font-size: 27px;
    position: relative;
    top: -3px;
    left: -4px; }

.dx-list-item.dx-state-active {
  color: white; }
  .dx-list-item.dx-state-active .dx-icon::before {
    color: white; }

.dx-icon.icomoon.icon-supprimer::before {
  font-size: 27px;
  position: relative;
  top: 2px; }

.dx-icon.icomoon.icon-action::before {
  font-size: 16px;
  position: relative;
  top: -2px; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: middle !important; }

body .exa-dx-datagrid .dx-checkbox-container .dx-checkbox-icon {
  border-color: #767676; }

body .exa-dx-datagrid .dx-datagrid-group-closed,
body .exa-dx-datagrid .dx-datagrid-group-opened {
  color: #C50077;
  font-size: 24px;
  line-height: 14px; }

.dx-icon-btn-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.dx-icon-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  .dx-icon-btn[disabled],
  .dx-icon-btn .disabled {
    color: #ccc;
    cursor: default; }
    .dx-icon-btn[disabled]:before,
    .dx-icon-btn .disabled:before {
      color: #ccc !important; }

.dx-toolbar-separator {
  background: #ededed;
  width: 1px;
  height: 32px;
  margin: 0 5px; }

.dx-toolbar-after .bouton {
  margin-right: 0 !important; }

.dx-toolbar-after select {
  margin-right: 0; }

.dx-display-options {
  padding: 0;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px !important; }
  .dx-display-options .icon-parametrage::before {
    color: #C50077;
    position: relative;
    font-size: 26px; }
  .dx-display-options:hover {
    padding: 0; }
    .dx-display-options:hover .icon-parametrage::before {
      color: white; }

.dx-button-group .button-group .bouton-toggle {
  width: auto;
  padding: 0 15px;
  border: 1px solid #8A1E60;
  color: #8A1E60; }
  .dx-button-group .button-group .bouton-toggle:last-child {
    border-color: #8A1E60; }
  .dx-button-group .button-group .bouton-toggle:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  .dx-button-group .button-group .bouton-toggle:nth-last-of-type(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }

.dx-button-group .bouton-toggle-checkbox {
  display: none; }

.dx-button-group .bouton-toggle-checkbox:checked + .bouton-toggle {
  background-color: #8A1E60;
  color: white; }

.dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled.dx-link-icon {
  opacity: .6;
  color: #4d4d4d;
  cursor: context-menu;
  pointer-events: auto; }
  .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled.dx-link-icon:before {
    color: #4d4d4d; }

.pointer-events-disabled {
  pointer-events: auto;
  cursor: context-menu; }

.enable-tooltip button[disabled], .enable-tooltip input[disabled] {
  pointer-events: none; }

/*# sourceMappingURL=allmybanks.css.map */