@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
@import "https://fonts.googleapis.com/earlyaccess/notokufiarabic.css";
@import "https://fonts.googleapis.com/css2?family=Solitreo&display=swap";

/* src/assets/fonts/fontello/css/fontello.css */
@font-face {
  font-family: "fontello";
  src: url("./media/fontello-JFSWZDOS.eot?94767778");
  src:
    url("./media/fontello-JFSWZDOS.eot?94767778#iefix") format("embedded-opentype"),
    url("./media/fontello-SXOZMXLB.woff2?94767778") format("woff2"),
    url("./media/fontello-2M34X7KO.woff?94767778") format("woff"),
    url("./media/fontello-ZGTTOPT7.ttf?94767778") format("truetype"),
    url("./media/fontello-SXM5GVM6.svg?94767778#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-glass:before {
  content: "\e800";
}
.icon-music:before {
  content: "\e801";
}
.icon-search:before {
  content: "\e802";
}
.icon-mail:before {
  content: "\e803";
}
.icon-heart:before {
  content: "\e804";
}
.icon-heart-empty:before {
  content: "\e805";
}
.icon-star:before {
  content: "\e806";
}
.icon-star-empty:before {
  content: "\e807";
}
.icon-star-half:before {
  content: "\e808";
}
.icon-user:before {
  content: "\e809";
}
.icon-users:before {
  content: "\e80a";
}
.icon-video:before {
  content: "\e80b";
}
.icon-videocam:before {
  content: "\e80c";
}
.icon-picture:before {
  content: "\e80d";
}
.icon-camera:before {
  content: "\e80e";
}
.icon-camera-alt-2:before {
  content: "\e80f";
}
.icon-th-large:before {
  content: "\e810";
}
.icon-th:before {
  content: "\e811";
}
.icon-th-list:before {
  content: "\e812";
}
.icon-ok:before {
  content: "\e813";
}
.icon-ok-circled:before {
  content: "\e814";
}
.icon-ok-circled2:before {
  content: "\e815";
}
.icon-cancel:before {
  content: "\e816";
}
.icon-cancel-circled:before {
  content: "\e817";
}
.icon-cancel-circled2:before {
  content: "\e818";
}
.icon-plus:before {
  content: "\e819";
}
.icon-plus-circled:before {
  content: "\e81a";
}
.icon-minus:before {
  content: "\e81b";
}
.icon-minus-circled:before {
  content: "\e81c";
}
.icon-help-circled:before {
  content: "\e81d";
}
.icon-info-circled:before {
  content: "\e81e";
}
.icon-home:before {
  content: "\e81f";
}
.icon-link:before {
  content: "\e820";
}
.icon-attach:before {
  content: "\e821";
}
.icon-lock:before {
  content: "\e822";
}
.icon-lock-open:before {
  content: "\e823";
}
.icon-pin:before {
  content: "\e824";
}
.icon-eye:before {
  content: "\e825";
}
.icon-eye-off:before {
  content: "\e826";
}
.icon-tag:before {
  content: "\e827";
}
.icon-tags:before {
  content: "\e828";
}
.icon-bookmark:before {
  content: "\e829";
}
.icon-flag:before {
  content: "\e82a";
}
.icon-thumbs-up:before {
  content: "\e82b";
}
.icon-thumbs-down:before {
  content: "\e82c";
}
.icon-download:before {
  content: "\e82d";
}
.icon-upload:before {
  content: "\e82e";
}
.icon-forward:before {
  content: "\e82f";
}
.icon-export:before {
  content: "\e830";
}
.icon-pencil:before {
  content: "\e831";
}
.icon-edit:before {
  content: "\e832";
}
.icon-print:before {
  content: "\e833";
}
.icon-retweet:before {
  content: "\e834";
}
.icon-comment:before {
  content: "\e835";
}
.icon-chat:before {
  content: "\e836";
}
.icon-bell:before {
  content: "\e837";
}
.icon-attention:before {
  content: "\e838";
}
.icon-attention-circled:before {
  content: "\e839";
}
.icon-location:before {
  content: "\e83a";
}
.icon-trash-empty:before {
  content: "\e83b";
}
.icon-doc:before {
  content: "\e83c";
}
.icon-folder:before {
  content: "\e83d";
}
.icon-folder-open:before {
  content: "\e83e";
}
.icon-phone:before {
  content: "\e83f";
}
.icon-cog:before {
  content: "\e840";
}
.icon-cog-alt:before {
  content: "\e841";
}
.icon-wrench:before {
  content: "\e842";
}
.icon-basket:before {
  content: "\e843";
}
.icon-calendar:before {
  content: "\e844";
}
.icon-login:before {
  content: "\e845";
}
.icon-logout-1:before {
  content: "\e846";
}
.icon-volume-off:before {
  content: "\e847";
}
.icon-volume-down:before {
  content: "\e848";
}
.icon-volume-up:before {
  content: "\e849";
}
.icon-headphones:before {
  content: "\e84a";
}
.icon-clock:before {
  content: "\e84b";
}
.icon-block:before {
  content: "\e84c";
}
.icon-resize-full:before {
  content: "\e84d";
}
.icon-resize-small:before {
  content: "\e84e";
}
.icon-resize-vertical:before {
  content: "\e84f";
}
.icon-resize-horizontal:before {
  content: "\e850";
}
.icon-zoom-in:before {
  content: "\e851";
}
.icon-zoom-out:before {
  content: "\e852";
}
.icon-down-circled2:before {
  content: "\e853";
}
.icon-up-circled2:before {
  content: "\e854";
}
.icon-down-dir:before {
  content: "\e855";
}
.icon-up-dir:before {
  content: "\e856";
}
.icon-left-dir:before {
  content: "\e857";
}
.icon-right-dir:before {
  content: "\e858";
}
.icon-down-open:before {
  content: "\e859";
}
.icon-left-open:before {
  content: "\e85a";
}
.icon-right-open:before {
  content: "\e85b";
}
.icon-up-open:before {
  content: "\e85c";
}
.icon-down-big:before {
  content: "\e85d";
}
.icon-left-big:before {
  content: "\e85e";
}
.icon-right-big:before {
  content: "\e85f";
}
.icon-up-big:before {
  content: "\e860";
}
.icon-right-hand:before {
  content: "\e861";
}
.icon-left-hand:before {
  content: "\e862";
}
.icon-up-hand:before {
  content: "\e863";
}
.icon-down-hand:before {
  content: "\e864";
}
.icon-cw:before {
  content: "\e865";
}
.icon-ccw:before {
  content: "\e866";
}
.icon-arrows-cw:before {
  content: "\e867";
}
.icon-shuffle:before {
  content: "\e868";
}
.icon-play:before {
  content: "\e869";
}
.icon-play-circled2:before {
  content: "\e86a";
}
.icon-stop:before {
  content: "\e86b";
}
.icon-pause:before {
  content: "\e86c";
}
.icon-to-end:before {
  content: "\e86d";
}
.icon-to-end-alt:before {
  content: "\e86e";
}
.icon-to-start:before {
  content: "\e86f";
}
.icon-to-start-alt:before {
  content: "\e870";
}
.icon-fast-fw:before {
  content: "\e871";
}
.icon-fast-bw:before {
  content: "\e872";
}
.icon-eject:before {
  content: "\e873";
}
.icon-target:before {
  content: "\e874";
}
.icon-signal:before {
  content: "\e875";
}
.icon-award:before {
  content: "\e876";
}
.icon-inbox:before {
  content: "\e877";
}
.icon-globe:before {
  content: "\e878";
}
.icon-cloud:before {
  content: "\e879";
}
.icon-flash:before {
  content: "\e87a";
}
.icon-umbrella:before {
  content: "\e87b";
}
.icon-flight:before {
  content: "\e87c";
}
.icon-leaf:before {
  content: "\e87d";
}
.icon-font:before {
  content: "\e87e";
}
.icon-bold:before {
  content: "\e87f";
}
.icon-italic:before {
  content: "\e880";
}
.icon-text-height:before {
  content: "\e881";
}
.icon-text-width:before {
  content: "\e882";
}
.icon-align-left:before {
  content: "\e883";
}
.icon-align-center:before {
  content: "\e884";
}
.icon-align-right:before {
  content: "\e885";
}
.icon-align-justify:before {
  content: "\e886";
}
.icon-list:before {
  content: "\e887";
}
.icon-indent-left:before {
  content: "\e888";
}
.icon-indent-right:before {
  content: "\e889";
}
.icon-scissors:before {
  content: "\e88a";
}
.icon-briefcase:before {
  content: "\e88b";
}
.icon-off:before {
  content: "\e88c";
}
.icon-road:before {
  content: "\e88d";
}
.icon-list-alt:before {
  content: "\e88e";
}
.icon-qrcode:before {
  content: "\e88f";
}
.icon-barcode:before {
  content: "\e890";
}
.icon-book:before {
  content: "\e891";
}
.icon-adjust:before {
  content: "\e892";
}
.icon-tint:before {
  content: "\e893";
}
.icon-check:before {
  content: "\e894";
}
.icon-asterisk:before {
  content: "\e895";
}
.icon-gift:before {
  content: "\e896";
}
.icon-fire:before {
  content: "\e897";
}
.icon-magnet:before {
  content: "\e898";
}
.icon-chart-bar:before {
  content: "\e899";
}
.icon-credit-card:before {
  content: "\e89a";
}
.icon-floppy:before {
  content: "\e89b";
}
.icon-megaphone:before {
  content: "\e89c";
}
.icon-key:before {
  content: "\e89d";
}
.icon-truck:before {
  content: "\e89e";
}
.icon-hammer:before {
  content: "\e89f";
}
.icon-lemon:before {
  content: "\e8a0";
}
.icon-music-1:before {
  content: "\e8a1";
}
.icon-search-1:before {
  content: "\e8a2";
}
.icon-mail-1:before {
  content: "\e8a3";
}
.icon-heart-1:before {
  content: "\e8a4";
}
.icon-star-1:before {
  content: "\e8a5";
}
.icon-user-1:before {
  content: "\e8a6";
}
.icon-videocam-1:before {
  content: "\e8a7";
}
.icon-camera-1:before {
  content: "\e8a8";
}
.icon-photo:before {
  content: "\e8a9";
}
.icon-attach-1:before {
  content: "\e8aa";
}
.icon-lock-1:before {
  content: "\e8ab";
}
.icon-eye-1:before {
  content: "\e8ac";
}
.icon-tag-1:before {
  content: "\e8ad";
}
.icon-thumbs-up-1:before {
  content: "\e8ae";
}
.icon-pencil-1:before {
  content: "\e8af";
}
.icon-comment-1:before {
  content: "\e8b0";
}
.icon-location-1:before {
  content: "\e8b1";
}
.icon-cup:before {
  content: "\e8b2";
}
.icon-trash-1:before {
  content: "\e8b3";
}
.icon-doc-1:before {
  content: "\e8b4";
}
.icon-note:before {
  content: "\e8b5";
}
.icon-cog-1:before {
  content: "\e8b6";
}
.icon-params:before {
  content: "\e8b7";
}
.icon-calendar-1:before {
  content: "\e8b8";
}
.icon-sound:before {
  content: "\e8b9";
}
.icon-clock-1:before {
  content: "\e8ba";
}
.icon-lightbulb-1:before {
  content: "\e8bb";
}
.icon-tv:before {
  content: "\e8bc";
}
.icon-desktop-1:before {
  content: "\e8bd";
}
.icon-mobile-1:before {
  content: "\e8be";
}
.icon-cd:before {
  content: "\e8bf";
}
.icon-inbox-1:before {
  content: "\e8c0";
}
.icon-globe-1:before {
  content: "\e8c1";
}
.icon-cloud-1:before {
  content: "\e8c2";
}
.icon-paper-plane-1:before {
  content: "\e8c3";
}
.icon-fire-1:before {
  content: "\e8c4";
}
.icon-graduation-cap-1:before {
  content: "\e8c5";
}
.icon-megaphone-1:before {
  content: "\e8c6";
}
.icon-database-1:before {
  content: "\e8c7";
}
.icon-key-1:before {
  content: "\e8c8";
}
.icon-beaker-1:before {
  content: "\e8c9";
}
.icon-truck-1:before {
  content: "\e8ca";
}
.icon-money-1:before {
  content: "\e8cb";
}
.icon-food-1:before {
  content: "\e8cc";
}
.icon-shop:before {
  content: "\e8cd";
}
.icon-diamond-1:before {
  content: "\e8ce";
}
.icon-t-shirt:before {
  content: "\e8cf";
}
.icon-wallet:before {
  content: "\e8d0";
}
.icon-access-code:before {
  content: "\e8d1";
}
.icon-notes-alerts:before {
  content: "\e8d2";
}
.icon-resources:before {
  content: "\e8d3";
}
.icon-case_payer_limit:before {
  content: "\e8d4";
}
.icon-appointment-group:before {
  content: "\e8d5";
}
.icon-must-confirm:before {
  content: "\e8d6";
}
.icon-reservation:before {
  content: "\e8d7";
}
.icon-operations:before {
  content: "\e8d8";
}
.icon-power-bi:before {
  content: "\e8d9";
}
.icon-ok-circled-alt:before {
  content: "\e8da";
}
.icon-logout:before {
  content: "\e8db";
}
.icon-membership-filled:before {
  content: "\e8dc";
}
.icon-membership-wired:before {
  content: "\e8dd";
}
.icon-attention-alt:before {
  content: "\e8de";
}
.icon-cancel-circled-alt:before {
  content: "\e8df";
}
.icon-help-circled-alt:before {
  content: "\e8e0";
}
.icon-upload-alt:before {
  content: "\e8e1";
}
.icon-comment-icon:before {
  content: "\e8e2";
}
.icon-phone-alt:before {
  content: "\e8e3";
}
.icon-credit-card-2:before {
  content: "\e8e4";
}
.icon-videocam-off-alt:before {
  content: "\e8e5";
}
.icon-attention-circled-alt:before {
  content: "\e8e6";
}
.icon-camera-alt-1:before {
  content: "\e8e7";
}
.icon-picture-alt:before {
  content: "\e8e8";
}
.icon-in:before {
  content: "\e8e9";
}
.icon-out:before {
  content: "\e8ea";
}
.icon-merge:before {
  content: "\e8eb";
}
.icon-ai-file:before {
  content: "\e8ec";
}
.icon-vr-bot:before {
  content: "\e8ed";
}
.icon-signature:before {
  content: "\e8ee";
}
.icon-batch:before {
  content: "\e8ef";
}
.icon-virtual:before {
  content: "\e8f6";
}
.icon-service:before {
  content: "\e8f7";
}
.icon-leaf-1:before {
  content: "\e8f8";
}
.icon-tree-1:before {
  content: "\e8f9";
}
.icon-cross-clinic-appointment-icon:before {
  content: "\e8fb";
}
.icon-case-open-folder:before {
  content: "\e908";
}
.icon-case-folder:before {
  content: "\e909";
}
.icon-add-left:before {
  content: "\e90c";
}
.icon-add-right:before {
  content: "\e90d";
}
.icon-add-inside:before {
  content: "\e90e";
}
.icon-edit-alt:before {
  content: "\e913";
}
.icon-signature-alt:before {
  content: "\e914";
}
.icon-signed-alt:before {
  content: "\e915";
}
.icon-videocam-alt:before {
  content: "\e916";
}
.icon-info-circled-alt:before {
  content: "\e917";
}
.icon-calendar-2:before {
  content: "\e93c";
}
.icon-clients:before {
  content: "\e93d";
}
.icon-clinic:before {
  content: "\e93e";
}
.icon-dashboard:before {
  content: "\e93f";
}
.icon-help-1:before {
  content: "\e940";
}
.icon-maximize:before {
  content: "\e941";
}
.icon-minimize:before {
  content: "\e942";
}
.icon-notification:before {
  content: "\e943";
}
.icon-reports:before {
  content: "\e944";
}
.icon-settings:before {
  content: "\e945";
}
.icon-view:before {
  content: "\e946";
}
.icon-view_off:before {
  content: "\e947";
}
.icon-add:before {
  content: "\e948";
}
.icon-admin:before {
  content: "\e949";
}
.icon-birthday-1:before {
  content: "\e94a";
}
.icon-calendar_search:before {
  content: "\e94b";
}
.icon-close_big:before {
  content: "\e94c";
}
.icon-close_small:before {
  content: "\e94d";
}
.icon-duplicate:before {
  content: "\e94e";
}
.icon-edit-1:before {
  content: "\e94f";
}
.icon-email:before {
  content: "\e950";
}
.icon-exclamation_full:before {
  content: "\e951";
}
.icon-exclamation_line:before {
  content: "\e952";
}
.icon-favorite:before {
  content: "\e953";
}
.icon-filter-1:before {
  content: "\e954";
}
.icon-history-1:before {
  content: "\e955";
}
.icon-template:before {
  content: "\e956";
}
.icon-trash-2:before {
  content: "\e957";
}
.icon-unlocked:before {
  content: "\e958";
}
.icon-unpined:before {
  content: "\e959";
}
.icon-user-2:before {
  content: "\e95a";
}
.icon-vip:before {
  content: "\e95b";
}
.icon-image:before {
  content: "\e95c";
}
.icon-info-1:before {
  content: "\e95d";
}
.icon-list-1:before {
  content: "\e95e";
}
.icon-lock-2:before {
  content: "\e95f";
}
.icon-xls:before {
  content: "\e960";
}
.icon-medical:before {
  content: "\e961";
}
.icon-new_client:before {
  content: "\e962";
}
.icon-pin-1:before {
  content: "\e963";
}
.icon-read:before {
  content: "\e964";
}
.icon-read-write:before {
  content: "\e965";
}
.icon-remove:before {
  content: "\e966";
}
.icon-repeat:before {
  content: "\e967";
}
.icon-search-2:before {
  content: "\e968";
}
.icon-send_invite:before {
  content: "\e969";
}
.icon-sms:before {
  content: "\e96a";
}
.icon-assessment:before {
  content: "\e96b";
}
.icon-cancelled:before {
  content: "\e96c";
}
.icon-checked_in:before {
  content: "\e96d";
}
.icon-confirmed:before {
  content: "\e96e";
}
.icon-new_client-1:before {
  content: "\e96f";
}
.icon-no_show:before {
  content: "\e970";
}
.icon-note-1:before {
  content: "\e971";
}
.icon-notified:before {
  content: "\e972";
}
.icon-telehealth:before {
  content: "\e973";
}
.icon-treated:before {
  content: "\e974";
}
.icon-treated_invoiced:before {
  content: "\e975";
}
.icon-treated_invoiced_paid:before {
  content: "\e976";
}
.icon-chartnote_missing:before {
  content: "\e977";
}
.icon-chat-1:before {
  content: "\e978";
}
.icon-close_side_bar:before {
  content: "\e979";
}
.icon-combo-field:before {
  content: "\e97a";
}
.icon-copy:before {
  content: "\e97b";
}
.icon-datepicker:before {
  content: "\e97c";
}
.icon-down-arrow:before {
  content: "\e97d";
}
.icon-flip-camera:before {
  content: "\e97e";
}
.icon-hierarchy:before {
  content: "\e97f";
}
.icon-key-2:before {
  content: "\e980";
}
.icon-left-arrow:before {
  content: "\e981";
}
.icon-link-1:before {
  content: "\e982";
}
.icon-mic-off:before {
  content: "\e983";
}
.icon-minus-1:before {
  content: "\e984";
}
.icon-more:before {
  content: "\e985";
}
.icon-not_confirmed:before {
  content: "\e986";
}
.icon-open_side_bar:before {
  content: "\e987";
}
.icon-phone-down:before {
  content: "\e988";
}
.icon-plus-1:before {
  content: "\e989";
}
.icon-reorder:before {
  content: "\e98a";
}
.icon-right-arrow:before {
  content: "\e98b";
}
.icon-tasks-1:before {
  content: "\e98c";
}
.icon-telehealth-bigger:before {
  content: "\e98d";
}
.icon-text-field:before {
  content: "\e98e";
}
.icon-up-arrow:before {
  content: "\e98f";
}
.icon-videocam-off:before {
  content: "\e990";
}
.icon-share-1:before {
  content: "\e991";
}
.icon-eclaims:before {
  content: "\e992";
}
.icon-calendar-presence:before {
  content: "\e993";
}
.icon-feedback:before {
  content: "\e994";
}
.icon-education:before {
  content: "\e995";
}
.icon-exercises:before {
  content: "\e996";
}
.icon-announcement:before {
  content: "\e997";
}
.icon-automation:before {
  content: "\e998";
}
.icon-reference-tables:before {
  content: "\e999";
}
.icon-services-products:before {
  content: "\e99a";
}
.icon-integrations:before {
  content: "\e99b";
}
.icon-case:before {
  content: "\e99c";
}
.icon-forms:before {
  content: "\e99d";
}
.icon-client-portal:before {
  content: "\e99e";
}
.icon-bill:before {
  content: "\e99f";
}
.icon-external-contacts:before {
  content: "\e9a0";
}
.icon-referrers:before {
  content: "\e9a1";
}
.icon-marketing:before {
  content: "\e9a2";
}
.icon-locator:before {
  content: "\e9a3";
}
.icon-practitioners:before {
  content: "\e9a4";
}
.icon-check-1:before {
  content: "\e9a5";
}
.icon-team:before {
  content: "\e9a6";
}
.icon-accounting:before {
  content: "\e9a7";
}
.icon-analytics:before {
  content: "\e9a8";
}
.icon-audit:before {
  content: "\e9a9";
}
.icon-manage:before {
  content: "\e9aa";
}
.icon-sales:before {
  content: "\e9ab";
}
.icon-move:before {
  content: "\f047";
}
.icon-link-ext:before {
  content: "\f08e";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-squared:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-left-circled:before {
  content: "\f0a8";
}
.icon-right-circled:before {
  content: "\f0a9";
}
.icon-up-circled:before {
  content: "\f0aa";
}
.icon-down-circled:before {
  content: "\f0ab";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-resize-full-alt:before {
  content: "\f0b2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-docs:before {
  content: "\f0c5";
}
.icon-blank:before {
  content: "\f0c8";
}
.icon-menu:before {
  content: "\f0c9";
}
.icon-list-bullet:before {
  content: "\f0ca";
}
.icon-list-numbered:before {
  content: "\f0cb";
}
.icon-strike:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-mail-alt:before {
  content: "\f0e0";
}
.icon-gauge:before {
  content: "\f0e4";
}
.icon-comment-empty:before {
  content: "\f0e5";
}
.icon-chat-empty:before {
  content: "\f0e6";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-download-cloud:before {
  content: "\f0ed";
}
.icon-upload-cloud:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-doc-text:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sigh:before {
  content: "\f0fd";
}
.icon-plus-squared:before {
  content: "\f0fe";
}
.icon-angle-double-left:before {
  content: "\f100";
}
.icon-angle-double-right:before {
  content: "\f101";
}
.icon-angle-double-up:before {
  content: "\f102";
}
.icon-angle-double-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile:before {
  content: "\f10b";
}
.icon-circle-empty:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before {
  content: "\f112";
}
.icon-folder-empty:before {
  content: "\f114";
}
.icon-folder-open-empty:before {
  content: "\f115";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-empty:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-star-half-alt:before {
  content: "\f123";
}
.icon-direction:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-help:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-attention-alt-1:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle:before {
  content: "\f12e";
}
.icon-mic:before {
  content: "\f130";
}
.icon-mute:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-angle-circled-left:before {
  content: "\f137";
}
.icon-angle-circled-right:before {
  content: "\f138";
}
.icon-angle-circled-up:before {
  content: "\f139";
}
.icon-angle-circled-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-lock-open-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis:before {
  content: "\f141";
}
.icon-ellipsis-vert:before {
  content: "\f142";
}
.icon-rss-squared:before {
  content: "\f143";
}
.icon-play-circled:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-squared:before {
  content: "\f146";
}
.icon-minus-squared-alt:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-ok-squared:before {
  content: "\f14a";
}
.icon-pencil-squared:before {
  content: "\f14b";
}
.icon-link-ext-alt:before {
  content: "\f14c";
}
.icon-export-alt:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-expand:before {
  content: "\f150";
}
.icon-collapse:before {
  content: "\f151";
}
.icon-expand-right:before {
  content: "\f152";
}
.icon-euro:before {
  content: "\f153";
}
.icon-pound:before {
  content: "\f154";
}
.icon-dollar:before {
  content: "\f155";
}
.icon-rupee:before {
  content: "\f156";
}
.icon-yen:before {
  content: "\f157";
}
.icon-rouble:before {
  content: "\f158";
}
.icon-won:before {
  content: "\f159";
}
.icon-bitcoin:before {
  content: "\f15a";
}
.icon-doc-inv:before {
  content: "\f15b";
}
.icon-doc-text-inv:before {
  content: "\f15c";
}
.icon-sort-name-up:before {
  content: "\f15d";
}
.icon-sort-name-down:before {
  content: "\f15e";
}
.icon-sort-alt-up:before {
  content: "\f160";
}
.icon-sort-alt-down:before {
  content: "\f161";
}
.icon-sort-number-up:before {
  content: "\f162";
}
.icon-sort-number-down:before {
  content: "\f163";
}
.icon-thumbs-up-alt:before {
  content: "\f164";
}
.icon-thumbs-down-alt:before {
  content: "\f165";
}
.icon-youtube-squared:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-adn:before {
  content: "\f170";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-squared:before {
  content: "\f174";
}
.icon-down:before {
  content: "\f175";
}
.icon-up:before {
  content: "\f176";
}
.icon-left:before {
  content: "\f177";
}
.icon-right:before {
  content: "\f178";
}
.icon-android:before {
  content: "\f17b";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-box:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vkontakte:before {
  content: "\f189";
}
.icon-renren:before {
  content: "\f18b";
}
.icon-pagelines:before {
  content: "\f18c";
}
.icon-right-circled2:before {
  content: "\f18e";
}
.icon-left-circled2:before {
  content: "\f190";
}
.icon-collapse-left:before {
  content: "\f191";
}
.icon-dot-circled:before {
  content: "\f192";
}
.icon-wheelchair:before {
  content: "\f193";
}
.icon-try:before {
  content: "\f195";
}
.icon-plus-squared-alt:before {
  content: "\f196";
}
.icon-space-shuttle:before {
  content: "\f197";
}
.icon-slack:before {
  content: "\f198";
}
.icon-mail-squared:before {
  content: "\f199";
}
.icon-bank:before {
  content: "\f19c";
}
.icon-graduation-cap:before {
  content: "\f19d";
}
.icon-yahoo:before {
  content: "\f19e";
}
.icon-joomla:before {
  content: "\f1aa";
}
.icon-language:before {
  content: "\f1ab";
}
.icon-fax:before {
  content: "\f1ac";
}
.icon-building-filled:before {
  content: "\f1ad";
}
.icon-child:before {
  content: "\f1ae";
}
.icon-paw:before {
  content: "\f1b0";
}
.icon-spoon:before {
  content: "\f1b1";
}
.icon-cube:before {
  content: "\f1b2";
}
.icon-cubes:before {
  content: "\f1b3";
}
.icon-recycle:before {
  content: "\f1b8";
}
.icon-cab:before {
  content: "\f1b9";
}
.icon-taxi:before {
  content: "\f1ba";
}
.icon-tree:before {
  content: "\f1bb";
}
.icon-database:before {
  content: "\f1c0";
}
.icon-file-pdf:before {
  content: "\f1c1";
}
.icon-file-word:before {
  content: "\f1c2";
}
.icon-file-excel:before {
  content: "\f1c3";
}
.icon-file-powerpoint:before {
  content: "\f1c4";
}
.icon-file-image:before {
  content: "\f1c5";
}
.icon-file-archive:before {
  content: "\f1c6";
}
.icon-file-audio:before {
  content: "\f1c7";
}
.icon-file-video:before {
  content: "\f1c8";
}
.icon-file-code:before {
  content: "\f1c9";
}
.icon-jsfiddle:before {
  content: "\f1cc";
}
.icon-lifebuoy:before {
  content: "\f1cd";
}
.icon-circle-notch:before {
  content: "\f1ce";
}
.icon-wechat:before {
  content: "\f1d7";
}
.icon-paper-plane:before {
  content: "\f1d8";
}
.icon-paper-plane-empty:before {
  content: "\f1d9";
}
.icon-history:before {
  content: "\f1da";
}
.icon-circle-thin:before {
  content: "\f1db";
}
.icon-header:before {
  content: "\f1dc";
}
.icon-paragraph:before {
  content: "\f1dd";
}
.icon-sliders:before {
  content: "\f1de";
}
.icon-share:before {
  content: "\f1e0";
}
.icon-share-squared:before {
  content: "\f1e1";
}
.icon-soccer-ball:before {
  content: "\f1e3";
}
.icon-tty:before {
  content: "\f1e4";
}
.icon-binoculars:before {
  content: "\f1e5";
}
.icon-plug:before {
  content: "\f1e6";
}
.icon-slideshare:before {
  content: "\f1e7";
}
.icon-newspaper:before {
  content: "\f1ea";
}
.icon-wifi:before {
  content: "\f1eb";
}
.icon-calc:before {
  content: "\f1ec";
}
.icon-paypal:before {
  content: "\f1ed";
}
.icon-cc-visa:before {
  content: "\f1f0";
}
.icon-cc-mastercard:before {
  content: "\f1f1";
}
.icon-cc-discover:before {
  content: "\f1f2";
}
.icon-cc-amex:before {
  content: "\f1f3";
}
.icon-cc-paypal:before {
  content: "\f1f4";
}
.icon-cc-stripe:before {
  content: "\f1f5";
}
.icon-bell-off:before {
  content: "\f1f6";
}
.icon-bell-off-empty:before {
  content: "\f1f7";
}
.icon-trash:before {
  content: "\f1f8";
}
.icon-copyright:before {
  content: "\f1f9";
}
.icon-at:before {
  content: "\f1fa";
}
.icon-eyedropper:before {
  content: "\f1fb";
}
.icon-brush:before {
  content: "\f1fc";
}
.icon-birthday:before {
  content: "\f1fd";
}
.icon-chart-area:before {
  content: "\f1fe";
}
.icon-chart-pie:before {
  content: "\f200";
}
.icon-chart-line:before {
  content: "\f201";
}
.icon-toggle-off:before {
  content: "\f204";
}
.icon-toggle-on:before {
  content: "\f205";
}
.icon-bicycle:before {
  content: "\f206";
}
.icon-bus:before {
  content: "\f207";
}
.icon-ioxhost:before {
  content: "\f208";
}
.icon-shekel:before {
  content: "\f20b";
}
.icon-cart-plus:before {
  content: "\f217";
}
.icon-cart-arrow-down:before {
  content: "\f218";
}
.icon-diamond:before {
  content: "\f219";
}
.icon-ship:before {
  content: "\f21a";
}
.icon-user-secret:before {
  content: "\f21b";
}
.icon-motorcycle:before {
  content: "\f21c";
}
.icon-street-view:before {
  content: "\f21d";
}
.icon-heartbeat:before {
  content: "\f21e";
}
.icon-genderless:before {
  content: "\f22d";
}
.icon-facebook-official:before {
  content: "\f230";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-server:before {
  content: "\f233";
}
.icon-user-plus:before {
  content: "\f234";
}
.icon-user-times:before {
  content: "\f235";
}
.icon-bed:before {
  content: "\f236";
}
.icon-viacoin:before {
  content: "\f237";
}
.icon-train:before {
  content: "\f238";
}
.icon-subway:before {
  content: "\f239";
}
.icon-medium:before {
  content: "\f23a";
}
.icon-mouse-pointer:before {
  content: "\f245";
}
.icon-i-cursor:before {
  content: "\f246";
}
.icon-object-group:before {
  content: "\f247";
}
.icon-object-ungroup:before {
  content: "\f248";
}
.icon-sticky-note:before {
  content: "\f249";
}
.icon-sticky-note-o:before {
  content: "\f24a";
}
.icon-clone:before {
  content: "\f24d";
}
.icon-balance-scale:before {
  content: "\f24e";
}
.icon-hourglass-o:before {
  content: "\f250";
}
.icon-hourglass-1:before {
  content: "\f251";
}
.icon-hourglass-2:before {
  content: "\f252";
}
.icon-hourglass-3:before {
  content: "\f253";
}
.icon-hourglass:before {
  content: "\f254";
}
.icon-trademark:before {
  content: "\f25c";
}
.icon-registered:before {
  content: "\f25d";
}
.icon-creative-commons:before {
  content: "\f25e";
}
.icon-get-pocket:before {
  content: "\f265";
}
.icon-television:before {
  content: "\f26c";
}
.icon-amazon:before {
  content: "\f270";
}
.icon-calendar-plus-o:before {
  content: "\f271";
}
.icon-calendar-minus-o:before {
  content: "\f272";
}
.icon-calendar-times-o:before {
  content: "\f273";
}
.icon-calendar-check-o:before {
  content: "\f274";
}
.icon-industry:before {
  content: "\f275";
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-map-signs:before {
  content: "\f277";
}
.icon-map-o:before {
  content: "\f278";
}
.icon-map:before {
  content: "\f279";
}
.icon-commenting:before {
  content: "\f27a";
}
.icon-commenting-o:before {
  content: "\f27b";
}
.icon-credit-card-alt:before {
  content: "\f283";
}
.icon-usb:before {
  content: "\f287";
}
.icon-pause-circle:before {
  content: "\f28b";
}
.icon-pause-circle-o:before {
  content: "\f28c";
}
.icon-stop-circle:before {
  content: "\f28d";
}
.icon-stop-circle-o:before {
  content: "\f28e";
}
.icon-shopping-bag:before {
  content: "\f290";
}
.icon-shopping-basket:before {
  content: "\f291";
}
.icon-hashtag:before {
  content: "\f292";
}
.icon-percent:before {
  content: "\f295";
}
.icon-wpforms:before {
  content: "\f298";
}
.icon-envira:before {
  content: "\f299";
}
.icon-universal-access:before {
  content: "\f29a";
}
.icon-wheelchair-alt:before {
  content: "\f29b";
}
.icon-question-circle-o:before {
  content: "\f29c";
}
.icon-blind:before {
  content: "\f29d";
}
.icon-audio-description:before {
  content: "\f29e";
}
.icon-volume-control-phone:before {
  content: "\f2a0";
}
.icon-braille:before {
  content: "\f2a1";
}
.icon-assistive-listening-systems:before {
  content: "\f2a2";
}
.icon-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.icon-asl-interpreting:before {
  content: "\f2a4";
}
.icon-sign-language:before {
  content: "\f2a7";
}
.icon-low-vision:before {
  content: "\f2a8";
}
.icon-font-awesome:before {
  content: "\f2b4";
}
.icon-handshake-o:before {
  content: "\f2b5";
}
.icon-envelope-open:before {
  content: "\f2b6";
}
.icon-envelope-open-o:before {
  content: "\f2b7";
}
.icon-address-book:before {
  content: "\f2b9";
}
.icon-address-book-o:before {
  content: "\f2ba";
}
.icon-address-card:before {
  content: "\f2bb";
}
.icon-address-card-o:before {
  content: "\f2bc";
}
.icon-user-circle:before {
  content: "\f2bd";
}
.icon-user-circle-o:before {
  content: "\f2be";
}
.icon-user-o:before {
  content: "\f2c0";
}
.icon-id-badge:before {
  content: "\f2c1";
}
.icon-id-card:before {
  content: "\f2c2";
}
.icon-id-card-o:before {
  content: "\f2c3";
}
.icon-telegram:before {
  content: "\f2c6";
}
.icon-thermometer:before {
  content: "\f2c7";
}
.icon-thermometer-3:before {
  content: "\f2c8";
}
.icon-thermometer-2:before {
  content: "\f2c9";
}
.icon-thermometer-quarter:before {
  content: "\f2ca";
}
.icon-thermometer-0:before {
  content: "\f2cb";
}
.icon-shower:before {
  content: "\f2cc";
}
.icon-bath:before {
  content: "\f2cd";
}
.icon-podcast:before {
  content: "\f2ce";
}
.icon-window-maximize:before {
  content: "\f2d0";
}
.icon-window-minimize:before {
  content: "\f2d1";
}
.icon-window-restore:before {
  content: "\f2d2";
}
.icon-window-close:before {
  content: "\f2d3";
}
.icon-window-close-o:before {
  content: "\f2d4";
}
.icon-snowflake-o:before {
  content: "\f2dc";
}
.icon-twitter-squared:before {
  content: "\f304";
}
.icon-facebook-squared:before {
  content: "\f308";
}
.icon-ai-doc:before {
  content: "\f311";
}

/* src/styles.scss */
app-root {
  position: absolute;
  width: 100%;
  height: 100%;
}
.app-loading {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.app-loading .logo {
  z-index: 1;
  width: 100px;
  height: 100px;
  background: url("./media/cm-logo-sign-UV2LDBAZ.svg") center center no-repeat;
}
.app-loading .spinner {
  height: 200px;
  width: 200px;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #fff;
}
.app-loading .spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #e5e7ee;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
:root {
  --dx-font-size-heading-1: 96px;
  --dx-font-size-heading-2: 60px;
  --dx-font-size-heading-3: 48px;
  --dx-font-size-heading-4: 34px;
  --dx-font-size-heading-5: 24px;
  --dx-font-size-heading-6: 20px;
  --dx-font-size-xl: 34px;
  --dx-font-size-lg: 28px;
  --dx-font-size-md: 20px;
  --dx-font-size-sm: 18px;
  --dx-font-size-xs: 12px;
}
.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;
  border-width: 0;
  word-wrap: break-word;
}
.dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto,
.dx-invalid-message.dx-invalid-message-always,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-state-focused.dx-invalid .dx-invalid-message-auto {
  visibility: visible;
}
.dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal;
}
@keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 300;
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url("./media/Roboto-300-BYA3NTIT.woff2") format("woff2"),
    url("./media/Roboto-300-MA6KTJJX.woff") format("woff"),
    url("./media/Roboto-300-NQH6U4OQ.ttf") format("truetype");
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("./media/Roboto-400-I5N2TZHC.woff2") format("woff2"),
    url("./media/Roboto-400-XTX373UI.woff") format("woff"),
    url("./media/Roboto-400-QP3KZSUK.ttf") format("truetype");
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url("./media/Roboto-500-IV2TEAZM.woff2") format("woff2"),
    url("./media/Roboto-500-NYNOL4FT.woff") format("woff"),
    url("./media/Roboto-500-3ZGL66RD.ttf") format("truetype");
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url("./media/Roboto-700-IRZJDKEM.woff2") format("woff2"),
    url("./media/Roboto-700-7REC4YJT.woff") format("woff"),
    url("./media/Roboto-700-66VES4J5.ttf") format("truetype");
}
.dx-theme-material-typography {
  background-color: #fff;
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography input,
.dx-theme-material-typography textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography h1 {
  font-weight: 300;
  font-size: 96px;
  letter-spacing: -1.5px;
}
.dx-theme-material-typography h2 {
  font-weight: 300;
  font-size: 60px;
  letter-spacing: -0.5px;
}
.dx-theme-material-typography h3 {
  font-weight: 400;
  font-size: 48px;
}
.dx-theme-material-typography h4 {
  font-weight: 400;
  font-size: 34px;
  letter-spacing: 0.25px;
}
.dx-theme-material-typography h5 {
  font-weight: 400;
  font-size: 24px;
}
.dx-theme-material-typography h6 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.15px;
}
.dx-theme-material-typography .dx-font-xl {
  font-size: 34px;
}
.dx-theme-material-typography .dx-font-l {
  font-size: 28px;
}
.dx-theme-material-typography .dx-font-m {
  font-size: 20px;
}
.dx-theme-material-typography .dx-font-s {
  font-size: 18px;
}
.dx-theme-material-typography .dx-font-xs,
.dx-theme-material-typography small {
  font-size: 12px;
}
.dx-theme-material-typography a {
  color: #0f6ea8;
}
@font-face {
  font-family: DXIcons;
  src:
    local("DevExtreme Material Icons"),
    local("devextreme_material_icons"),
    url("./media/dxiconsmaterial-AZEMKSVT.woff2") format("woff2"),
    url("./media/dxiconsmaterial-5SHOAOY2.woff") format("woff"),
    url("./media/dxiconsmaterial-L2L4MIHG.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
.dx-icon {
  display: inline-block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dx-icon-accountbox,
.dx-icon-activefolder,
.dx-icon-add,
.dx-icon-addtableheader,
.dx-icon-airplane,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-arrowback,
.dx-icon-arrowdown,
.dx-icon-arrowleft,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-attach,
.dx-icon-back,
.dx-icon-background,
.dx-icon-bell,
.dx-icon-belloutline,
.dx-icon-blockquote,
.dx-icon-bmpfile,
.dx-icon-bold,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-bulletlist,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-cellproperties,
.dx-icon-chart,
.dx-icon-chat,
.dx-icon-check,
.dx-icon-checklist,
.dx-icon-chevrondoubleleft,
.dx-icon-chevrondoubleright,
.dx-icon-chevrondown,
.dx-icon-chevronleft,
.dx-icon-chevronnext,
.dx-icon-chevronprev,
.dx-icon-chevronright,
.dx-icon-chevronup,
.dx-icon-clear,
.dx-icon-clearcircle,
.dx-icon-clearformat,
.dx-icon-clearsquare,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-codeblock,
.dx-icon-coffee,
.dx-icon-collapse,
.dx-icon-color,
.dx-icon-columnchooser,
.dx-icon-columnfield,
.dx-icon-columnproperties,
.dx-icon-comment,
.dx-icon-contains,
.dx-icon-contentlayout,
.dx-icon-copy,
.dx-icon-cut,
.dx-icon-dataarea,
.dx-icon-datafield,
.dx-icon-datapie,
.dx-icon-datatrending,
.dx-icon-datausage,
.dx-icon-decreaseindent,
.dx-icon-decreaselinespacing,
.dx-icon-deletecolumn,
.dx-icon-deleterow,
.dx-icon-deletetable,
.dx-icon-description,
.dx-icon-detailslayout,
.dx-icon-doc,
.dx-icon-docfile,
.dx-icon-docxfile,
.dx-icon-doesnotcontain,
.dx-icon-download,
.dx-icon-dragvertical,
.dx-icon-edit,
.dx-icon-edittableheader,
.dx-icon-email,
.dx-icon-endswith,
.dx-icon-equal,
.dx-icon-errorcircle,
.dx-icon-event,
.dx-icon-eventall,
.dx-icon-expand,
.dx-icon-expandform,
.dx-icon-export,
.dx-icon-exportpdf,
.dx-icon-exportselected,
.dx-icon-exportxlsx,
.dx-icon-eyeclose,
.dx-icon-eyeopen,
.dx-icon-favorites,
.dx-icon-fieldchooser,
.dx-icon-fields,
.dx-icon-file,
.dx-icon-fill,
.dx-icon-filter,
.dx-icon-find,
.dx-icon-fixcolumn,
.dx-icon-fixcolumnleft,
.dx-icon-fixcolumnright,
.dx-icon-floppy,
.dx-icon-folder,
.dx-icon-font,
.dx-icon-fontsize,
.dx-icon-food,
.dx-icon-formula,
.dx-icon-fullscreen,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-greater,
.dx-icon-greaterorequal,
.dx-icon-group,
.dx-icon-growfont,
.dx-icon-handlehorizontal,
.dx-icon-handlevertical,
.dx-icon-header,
.dx-icon-help,
.dx-icon-hidepanel,
.dx-icon-hierarchy,
.dx-icon-home,
.dx-icon-image,
.dx-icon-imgarlock,
.dx-icon-imgarunlock,
.dx-icon-import,
.dx-icon-importselected,
.dx-icon-inactivefolder,
.dx-icon-increaseindent,
.dx-icon-increaselinespacing,
.dx-icon-indent,
.dx-icon-indeterminatestate,
.dx-icon-info,
.dx-icon-insertcolumnleft,
.dx-icon-insertcolumnright,
.dx-icon-insertrowabove,
.dx-icon-insertrowbelow,
.dx-icon-inserttable,
.dx-icon-isblank,
.dx-icon-isnotblank,
.dx-icon-italic,
.dx-icon-jpgfile,
.dx-icon-key,
.dx-icon-less,
.dx-icon-lessorequal,
.dx-icon-like,
.dx-icon-link,
.dx-icon-lock,
.dx-icon-login,
.dx-icon-map,
.dx-icon-mediumiconslayout,
.dx-icon-mention,
.dx-icon-menu,
.dx-icon-mergecells,
.dx-icon-message,
.dx-icon-minus,
.dx-icon-money,
.dx-icon-moon,
.dx-icon-more,
.dx-icon-movetofolder,
.dx-icon-music,
.dx-icon-newfolder,
.dx-icon-notequal,
.dx-icon-optionsgear,
.dx-icon-orderedlist,
.dx-icon-ordersbox,
.dx-icon-overflow,
.dx-icon-palette,
.dx-icon-panelleft,
.dx-icon-panelright,
.dx-icon-parentfolder,
.dx-icon-paste,
.dx-icon-pasteplaintext,
.dx-icon-pdffile,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-photooutline,
.dx-icon-pin,
.dx-icon-pinleft,
.dx-icon-pinmap,
.dx-icon-pinright,
.dx-icon-plus,
.dx-icon-pptfile,
.dx-icon-pptxfile,
.dx-icon-preferences,
.dx-icon-print,
.dx-icon-product,
.dx-icon-pulldown,
.dx-icon-range,
.dx-icon-redo,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-rename,
.dx-icon-repeat,
.dx-icon-return,
.dx-icon-revert,
.dx-icon-rowfield,
.dx-icon-rowproperties,
.dx-icon-rtffile,
.dx-icon-runner,
.dx-icon-save,
.dx-icon-search,
.dx-icon-selectall,
.dx-icon-send,
.dx-icon-sendfilled,
.dx-icon-share,
.dx-icon-showpanel,
.dx-icon-shrinkfont,
.dx-icon-smalliconslayout,
.dx-icon-sortdown,
.dx-icon-sortdowntext,
.dx-icon-sorted,
.dx-icon-sortup,
.dx-icon-sortuptext,
.dx-icon-spindown,
.dx-icon-spinleft,
.dx-icon-spinnext,
.dx-icon-spinprev,
.dx-icon-spinright,
.dx-icon-spinup,
.dx-icon-splitcells,
.dx-icon-square,
.dx-icon-startswith,
.dx-icon-stickcolumn,
.dx-icon-strike,
.dx-icon-subscript,
.dx-icon-sun,
.dx-icon-superscript,
.dx-icon-svgfile,
.dx-icon-tableproperties,
.dx-icon-tags,
.dx-icon-taskcomplete,
.dx-icon-taskhelpneeded,
.dx-icon-taskinprogress,
.dx-icon-taskrejected,
.dx-icon-taskstop,
.dx-icon-tel,
.dx-icon-textdocument,
.dx-icon-tips,
.dx-icon-to,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-trash,
.dx-icon-triangledown,
.dx-icon-triangleleft,
.dx-icon-triangleright,
.dx-icon-triangleup,
.dx-icon-txtfile,
.dx-icon-underline,
.dx-icon-undo,
.dx-icon-unfixcolumn,
.dx-icon-unlock,
.dx-icon-unpin,
.dx-icon-unselectall,
.dx-icon-upload,
.dx-icon-user,
.dx-icon-variable,
.dx-icon-verticalalignbottom,
.dx-icon-verticalaligncenter,
.dx-icon-verticalaligntop,
.dx-icon-video,
.dx-icon-warning,
.dx-icon-xlsfile,
.dx-icon-xlsxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-add:before {
  content: "\f00b";
}
.dx-icon-airplane:before {
  content: "\f000";
}
.dx-icon-bookmark:before {
  content: "\f017";
}
.dx-icon-chat:before {
  content: "\f17e";
}
.dx-icon-box:before {
  content: "\f018";
}
.dx-icon-car:before {
  content: "\f01b";
}
.dx-icon-card:before {
  content: "\f019";
}
.dx-icon-cart:before {
  content: "\f01a";
}
.dx-icon-chart:before {
  content: "\f01c";
}
.dx-icon-check:before {
  content: "\f005";
}
.dx-icon-clear:before {
  content: "\f008";
}
.dx-icon-clock:before {
  content: "\f01d";
}
.dx-icon-close:before {
  content: "\f00a";
}
.dx-icon-coffee:before {
  content: "\f02a";
}
.dx-icon-comment:before {
  content: "\f01e";
}
.dx-icon-doc:before,
.dx-icon-file:before {
  content: "\f021";
}
.dx-icon-download:before {
  content: "\f022";
}
.dx-icon-dragvertical:before {
  content: "\f038";
}
.dx-icon-edit:before {
  content: "\f023";
}
.dx-icon-email:before {
  content: "\f024";
}
.dx-icon-event:before {
  content: "\f026";
}
.dx-icon-eventall:before {
  content: "\f043";
}
.dx-icon-favorites:before {
  content: "\f025";
}
.dx-icon-find:before {
  content: "\f027";
}
.dx-icon-filter:before {
  content: "\f050";
}
.dx-icon-activefolder:before,
.dx-icon-folder:before {
  content: "\f028";
}
.dx-icon-food:before {
  content: "\f029";
}
.dx-icon-gift:before {
  content: "\f02b";
}
.dx-icon-globe:before {
  content: "\f02c";
}
.dx-icon-group:before {
  content: "\f02e";
}
.dx-icon-help:before {
  content: "\f02f";
}
.dx-icon-home:before {
  content: "\f030";
}
.dx-icon-image:before {
  content: "\f031";
}
.dx-icon-info:before {
  content: "\f032";
}
.dx-icon-key:before {
  content: "\f033";
}
.dx-icon-like:before {
  content: "\f034";
}
.dx-icon-map:before {
  content: "\f035";
}
.dx-icon-menu:before {
  content: "\f00c";
}
.dx-icon-message:before {
  content: "\f024";
}
.dx-icon-money:before {
  content: "\f036";
}
.dx-icon-music:before {
  content: "\f037";
}
.dx-icon-overflow:before {
  content: "\f00d";
}
.dx-icon-percent:before {
  content: "\f039";
}
.dx-icon-photo:before {
  content: "\f03a";
}
.dx-icon-plus:before {
  content: "\f00b";
}
.dx-icon-minus:before {
  content: "\f074";
}
.dx-icon-preferences:before {
  content: "\f03b";
}
.dx-icon-product:before {
  content: "\f03c";
}
.dx-icon-pulldown:before {
  content: "\f062";
}
.dx-icon-refresh:before {
  content: "\f03d";
}
.dx-icon-remove:before {
  content: "\f00a";
}
.dx-icon-revert:before {
  content: "\f04c";
}
.dx-icon-runner:before {
  content: "\f040";
}
.dx-icon-save:before {
  content: "\f041";
}
.dx-icon-search:before {
  content: "\f027";
}
.dx-icon-tags:before {
  content: "\f009";
}
.dx-icon-tel:before {
  content: "\f003";
}
.dx-icon-tips:before {
  content: "\f004";
}
.dx-icon-todo:before {
  content: "\f005";
}
.dx-icon-toolbox:before {
  content: "\f007";
}
.dx-icon-trash:before {
  content: "\f03e";
}
.dx-icon-user:before {
  content: "\f02d";
}
.dx-icon-upload:before {
  content: "\f006";
}
.dx-icon-floppy:before {
  content: "\f073";
}
.dx-icon-arrowleft:before {
  content: "\f011";
}
.dx-icon-arrowdown:before {
  content: "\f015";
}
.dx-icon-arrowback:before {
  content: "\f15a";
}
.dx-icon-arrowright:before {
  content: "\f00e";
}
.dx-icon-arrowup:before {
  content: "\f013";
}
.dx-icon-spinleft:before,
.dx-icon-spinprev:before {
  content: "\f04f";
}
.dx-icon-spinnext:before,
.dx-icon-spinright:before {
  content: "\f04e";
}
.dx-icon-spindown:before {
  content: "\f001";
}
.dx-icon-spinup:before {
  content: "\f002";
}
.dx-icon-back:before,
.dx-icon-chevronleft:before,
.dx-icon-chevronprev:before {
  content: "\f012";
}
.dx-icon-chevronnext:before,
.dx-icon-chevronright:before {
  content: "\f010";
}
.dx-icon-chevrondown:before {
  content: "\f016";
}
.dx-icon-chevronup:before {
  content: "\f014";
}
.dx-icon-chevrondoubleleft:before {
  content: "\f042";
}
.dx-icon-chevrondoubleright:before {
  content: "\f03f";
}
.dx-icon-equal:before {
  content: "\f044";
}
.dx-icon-notequal:before {
  content: "\f045";
}
.dx-icon-less:before {
  content: "\f046";
}
.dx-icon-greater:before {
  content: "\f047";
}
.dx-icon-lessorequal:before {
  content: "\f048";
}
.dx-icon-greaterorequal:before {
  content: "\f049";
}
.dx-icon-isblank:before {
  content: "\f075";
}
.dx-icon-isnotblank:before {
  content: "\f076";
}
.dx-icon-sortup:before {
  content: "\f051";
}
.dx-icon-sortdown:before {
  content: "\f052";
}
.dx-icon-sortuptext:before {
  content: "\f053";
}
.dx-icon-sortdowntext:before {
  content: "\f054";
}
.dx-icon-sorted:before {
  content: "\f055";
}
.dx-icon-expand:before {
  content: "\f04a";
}
.dx-icon-collapse:before {
  content: "\f04b";
}
.dx-icon-columnfield:before {
  content: "\f057";
}
.dx-icon-rowfield:before {
  content: "\f058";
}
.dx-icon-datafield:before {
  content: "\f101";
}
.dx-icon-fields:before {
  content: "\f059";
}
.dx-icon-fieldchooser:before {
  content: "\f05a";
}
.dx-icon-columnchooser:before {
  content: "\f04d";
}
.dx-icon-pin:before {
  content: "\f05b";
}
.dx-icon-unpin:before {
  content: "\f05c";
}
.dx-icon-pinleft:before {
  content: "\f05d";
}
.dx-icon-pinright:before {
  content: "\f05e";
}
.dx-icon-contains:before {
  content: "\f063";
}
.dx-icon-startswith:before {
  content: "\f064";
}
.dx-icon-endswith:before {
  content: "\f065";
}
.dx-icon-doesnotcontain:before {
  content: "\f066";
}
.dx-icon-range:before {
  content: "\f06a";
}
.dx-icon-export:before {
  content: "\f05f";
}
.dx-icon-exportxlsx:before {
  content: "\f060";
}
.dx-icon-exportpdf:before {
  content: "\f061";
}
.dx-icon-exportselected:before {
  content: "\f06d";
}
.dx-icon-ordersbox:before {
  content: "\f06e";
}
.dx-icon-warning:before {
  content: "\f06b";
}
.dx-icon-taskhelpneeded:before {
  content: "\f06f";
}
.dx-icon-more:before {
  content: "\f06c";
}
.dx-icon-square:before {
  content: "\f067";
}
.dx-icon-clearsquare:before {
  content: "\f068";
}
.dx-icon-repeat:before {
  content: "\f069";
}
.dx-icon-selectall:before {
  content: "\f070";
}
.dx-icon-unselectall:before {
  content: "\f071";
}
.dx-icon-print:before {
  content: "\f072";
}
.dx-icon-bold:before {
  content: "\f077";
}
.dx-icon-italic:before {
  content: "\f078";
}
.dx-icon-underline:before {
  content: "\f079";
}
.dx-icon-strike:before {
  content: "\f07a";
}
.dx-icon-increaselinespacing:before,
.dx-icon-indent:before {
  content: "\f07b";
}
.dx-icon-font:before {
  content: "\f11b";
}
.dx-icon-fontsize:before {
  content: "\f07c";
}
.dx-icon-shrinkfont:before {
  content: "\f07d";
}
.dx-icon-growfont:before {
  content: "\f07e";
}
.dx-icon-color:before {
  content: "\f07f";
}
.dx-icon-background:before {
  content: "\f080";
}
.dx-icon-fill:before {
  content: "\f10d";
}
.dx-icon-palette:before {
  content: "\f120";
}
.dx-icon-superscript:before {
  content: "\f081";
}
.dx-icon-subscript:before {
  content: "\f082";
}
.dx-icon-header:before {
  content: "\f083";
}
.dx-icon-blockquote:before {
  content: "\f084";
}
.dx-icon-formula:before {
  content: "\f056";
}
.dx-icon-codeblock:before {
  content: "\f085";
}
.dx-icon-orderedlist:before {
  content: "\f086";
}
.dx-icon-bulletlist:before {
  content: "\f087";
}
.dx-icon-increaseindent:before {
  content: "\f088";
}
.dx-icon-decreaseindent:before {
  content: "\f089";
}
.dx-icon-decreaselinespacing:before {
  content: "\f106";
}
.dx-icon-alignleft:before {
  content: "\f08a";
}
.dx-icon-alignright:before {
  content: "\f08b";
}
.dx-icon-aligncenter:before {
  content: "\f08c";
}
.dx-icon-alignjustify:before {
  content: "\f08d";
}
.dx-icon-link:before {
  content: "\f08e";
}
.dx-icon-video:before {
  content: "\f08f";
}
.dx-icon-mention:before {
  content: "\f090";
}
.dx-icon-variable:before {
  content: "\f091";
}
.dx-icon-clearformat:before {
  content: "\f092";
}
.dx-icon-accountbox:before {
  content: "\f094";
}
.dx-icon-sendfilled:before {
  content: "\f09a";
}
.dx-icon-fullscreen:before {
  content: "\f11a";
}
.dx-icon-hierarchy:before {
  content: "\f124";
}
.dx-icon-docfile:before {
  content: "\f111";
}
.dx-icon-docxfile:before {
  content: "\f110";
}
.dx-icon-pdffile:before {
  content: "\f118";
}
.dx-icon-pptfile:before {
  content: "\f114";
}
.dx-icon-pptxfile:before {
  content: "\f115";
}
.dx-icon-rtffile:before {
  content: "\f112";
}
.dx-icon-txtfile:before {
  content: "\f113";
}
.dx-icon-xlsfile:before {
  content: "\f116";
}
.dx-icon-xlsxfile:before {
  content: "\f117";
}
.dx-icon-copy:before {
  content: "\f107";
}
.dx-icon-cut:before {
  content: "\f10a";
}
.dx-icon-paste:before {
  content: "\f108";
}
.dx-icon-share:before {
  content: "\f11f";
}
.dx-icon-inactivefolder:before {
  content: "\f105";
}
.dx-icon-newfolder:before {
  content: "\f123";
}
.dx-icon-movetofolder:before {
  content: "\f121";
}
.dx-icon-parentfolder:before {
  content: "\f122";
}
.dx-icon-rename:before {
  content: "\f109";
}
.dx-icon-detailslayout:before {
  content: "\f10b";
}
.dx-icon-contentlayout:before {
  content: "\f11e";
}
.dx-icon-smalliconslayout:before {
  content: "\f119";
}
.dx-icon-mediumiconslayout:before {
  content: "\f10c";
}
.dx-icon-undo:before {
  content: "\f04c";
}
.dx-icon-redo:before {
  content: "\f093";
}
.dx-icon-hidepanel:before {
  content: "\f11c";
}
.dx-icon-showpanel:before {
  content: "\f11d";
}
.dx-icon-checklist:before {
  content: "\f141";
}
.dx-icon-verticalaligntop:before {
  content: "\f14f";
}
.dx-icon-verticalaligncenter:before {
  content: "\f14e";
}
.dx-icon-verticalalignbottom:before {
  content: "\f14d";
}
.dx-icon-rowproperties:before {
  content: "\f14c";
}
.dx-icon-columnproperties:before {
  content: "\f14b";
}
.dx-icon-cellproperties:before {
  content: "\f14a";
}
.dx-icon-tableproperties:before {
  content: "\f140";
}
.dx-icon-splitcells:before {
  content: "\f139";
}
.dx-icon-mergecells:before {
  content: "\f138";
}
.dx-icon-deleterow:before {
  content: "\f137";
}
.dx-icon-deletecolumn:before {
  content: "\f136";
}
.dx-icon-insertrowabove:before {
  content: "\f135";
}
.dx-icon-insertrowbelow:before {
  content: "\f134";
}
.dx-icon-insertcolumnleft:before {
  content: "\f133";
}
.dx-icon-insertcolumnright:before {
  content: "\f132";
}
.dx-icon-inserttable:before {
  content: "\f130";
}
.dx-icon-deletetable:before {
  content: "\f131";
}
.dx-icon-edittableheader:before {
  content: "\f142";
}
.dx-icon-addtableheader:before {
  content: "\f143";
}
.dx-icon-pasteplaintext:before {
  content: "\f144";
}
.dx-icon-importselected:before {
  content: "\f145";
}
.dx-icon-import:before {
  content: "\f146";
}
.dx-icon-textdocument:before {
  content: "\f147";
}
.dx-icon-jpgfile:before {
  content: "\f148";
}
.dx-icon-bmpfile:before {
  content: "\f149";
}
.dx-icon-svgfile:before {
  content: "\f150";
}
.dx-icon-attach:before {
  content: "\f151";
}
.dx-icon-return:before {
  content: "\f152";
}
.dx-icon-indeterminatestate:before {
  content: "\f153";
}
.dx-icon-lock:before {
  content: "\f154";
}
.dx-icon-unlock:before {
  content: "\f155";
}
.dx-icon-imgarlock:before {
  content: "\f156";
}
.dx-icon-imgarunlock:before {
  content: "\f157";
}
.dx-icon-bell:before {
  content: "\f158";
}
.dx-icon-sun:before {
  content: "\f159";
}
.dx-icon-taskcomplete:before {
  content: "\f15b";
}
.dx-icon-taskrejected:before {
  content: "\f15c";
}
.dx-icon-taskinprogress:before {
  content: "\f15d";
}
.dx-icon-taskstop:before {
  content: "\f15e";
}
.dx-icon-clearcircle:before {
  content: "\f15f";
}
.dx-icon-send:before {
  content: "\f160";
}
.dx-icon-handlevertical:before {
  content: "\f161";
}
.dx-icon-photooutline:before {
  content: "\f162";
}
.dx-icon-panelright:before {
  content: "\f163";
}
.dx-icon-panelleft:before {
  content: "\f164";
}
.dx-icon-optionsgear:before {
  content: "\f165";
}
.dx-icon-moon:before {
  content: "\f166";
}
.dx-icon-login:before {
  content: "\f167";
}
.dx-icon-eyeopen:before {
  content: "\f168";
}
.dx-icon-eyeclose:before {
  content: "\f169";
}
.dx-icon-handlehorizontal:before {
  content: "\f16a";
}
.dx-icon-triangleup:before {
  content: "\f16b";
}
.dx-icon-triangledown:before {
  content: "\f16c";
}
.dx-icon-triangleright:before {
  content: "\f16d";
}
.dx-icon-triangleleft:before {
  content: "\f16e";
}
.dx-icon-fixcolumn:before {
  content: "\f16f";
}
.dx-icon-expandform:before {
  content: "\f170";
}
.dx-icon-description:before {
  content: "\f171";
}
.dx-icon-belloutline:before {
  content: "\f172";
}
.dx-icon-to:before {
  content: "\f173";
}
.dx-icon-errorcircle:before {
  content: "\f174";
}
.dx-icon-datatrending:before {
  content: "\f175";
}
.dx-icon-dataarea:before {
  content: "\f176";
}
.dx-icon-datausage:before {
  content: "\f177";
}
.dx-icon-datapie:before {
  content: "\f178";
}
.dx-icon-pinmap:before {
  content: "\f179";
}
.dx-icon-unfixcolumn:before {
  content: "\f17a";
}
.dx-icon-fixcolumnleft:before {
  content: "\f17b";
}
.dx-icon-stickcolumn:before {
  content: "\f17c";
}
.dx-icon-fixcolumnright:before {
  content: "\f17d";
}
.dx-icon {
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  font-feature-settings: "liga";
}
.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,
.dx-loadindicator-image-large,
.dx-loadindicator-image-small {
  background-position: center center;
  background-repeat: no-repeat;
}
.dx-color-scheme {
  font-family: "#";
}
.dx-widget {
  display: block;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  padding: 0;
  outline: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-widget,
.dx-widget *,
.dx-widget ::after,
.dx-widget ::before,
.dx-widget::after,
.dx-widget::before {
  box-sizing: border-box;
}
.dx-item {
  outline: 0;
}
.dx-rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.dx-state-disabled {
  pointer-events: none;
}
.dx-widget input,
.dx-widget textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
  opacity: 0.38;
  -webkit-user-select: none;
  -moz-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-surface {
  background-color: #fff;
}
.dx-card {
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  background-color: #fff;
  margin: 2px 2px 3px;
}
.dx-fieldset .dx-field-value {
  margin: 0;
}
.dx-fieldset,
.dx-fieldset * {
  box-sizing: border-box;
}
.dx-fieldset-header:empty {
  display: none;
}
.dx-field {
  position: relative;
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
  padding: 0;
  display: flex;
}
.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.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-field input,
.dx-field textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-field-label i {
  font-style: normal;
}
.dx-field-value.dx-attention {
  color: #f31642;
  padding: 21px 10px 20px 32px;
  position: relative;
}
.dx-field-value.dx-attention::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #f31642;
  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-label {
  color: #667c95;
  font-size: 14px;
  cursor: default;
  align-self: center;
  padding-right: 15px;
}
.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: 15px 0;
}
.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 14px 0;
}
.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 10px 0;
}
.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 11px 0;
}
.dx-field-value-static {
  white-space: normal;
  padding: 21px 10px 20px;
}
.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-size: 18px;
}
.dx-field {
  margin: 0 0 30px;
}
.dx-field:last-of-type {
  margin: 0;
}
.dx-theme-marker {
  font-family: "dx.material.blue.light";
}
.dx-theme-accent-as-text-color {
  color: #0f6ea8 !important;
}
.dx-theme-text-color {
  color: #2e3d4c !important;
}
.dx-theme-background-color-as-text-color {
  color: #fff !important;
}
.dx-theme-border-color-as-text-color {
  color: #e0e0e0 !important;
}
.dx-theme-accent-as-background-color {
  background-color: #0f6ea8 !important;
  fill: #0f6ea8 !important;
}
.dx-theme-text-color-as-background-color {
  background-color: #2e3d4c !important;
  fill: #2e3d4c !important;
}
.dx-theme-background-color {
  background-color: #fff !important;
  fill: #fff !important;
}
.dx-theme-typography-background-color {
  background-color: #fff !important;
}
.dx-theme-border-color-as-background-color {
  background-color: #e0e0e0 !important;
  fill: #e0e0e0 !important;
}
.dx-theme-accent-as-border-color {
  border-color: #0f6ea8 !important;
}
.dx-theme-text-color-as-border-color {
  border-color: #2e3d4c !important;
}
.dx-theme-background-color-as-border-color {
  border-color: #fff !important;
}
.dx-theme-border-color {
  border-color: #e0e0e0 !important;
}
.dx-inkripple {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.dx-inkripple-wave {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
}
.dx-inkripple-showing {
  transition: transform 0.1s linear;
  opacity: 1;
  transform: scale(1);
}
.dx-inkripple-hiding {
  transition: transform 0.1s linear, opacity 0.1s linear;
  transform: scale(1.01);
  opacity: 0;
}
.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-draggable {
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-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-clearfix::after,
.dx-clearfix::before {
  display: table;
  content: "";
  line-height: 0;
}
.dx-clearfix::after {
  clear: both;
}
.dx-translate-disabled {
  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;
  user-select: text;
}
.dx-hidden,
.dx-state-invisible {
  display: none !important;
}
.dx-gesture-cover {
  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 {
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  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 {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-overflow-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-slide-animation.dx-enter.dx-forward {
  transform: translate3d(100%, 0, 0);
}
.dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translate3d(0, 0, 0);
}
.dx-slide-animation.dx-enter.dx-backward {
  transform: translate3d(-100%, 0, 0);
}
.dx-slide-animation.dx-enter.dx-enter-active.dx-backward,
.dx-slide-animation.dx-leave.dx-forward {
  transform: translate3d(0, 0, 0);
}
.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(-100%, 0, 0);
}
.dx-slide-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
}
.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(100%, 0, 0);
}
.dx-opendoor-animation.dx-enter.dx-forward {
  transform:
    matrix3d(
      0.71, 0, 0.71, 0.001,
      0, 1, 0, 0,
      -0.71, 0, 0.71, 0,
      0, 0, 0, 1);
  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 {
  transform: none;
  opacity: 1;
}
.dx-opendoor-animation.dx-leave.dx-backward,
.dx-opendoor-animation.dx-leave.dx-forward {
  transform: none;
  transform-origin: center left 0;
  opacity: 1;
}
.dx-opendoor-animation.dx-enter.dx-backward,
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  transform:
    matrix3d(
      0.5, 0, 0.87, -0.001,
      0, 1, 0, 0,
      -0.87, 0, 0.5, 0,
      0, 0, 0, 1);
  transform-origin: center left 0;
  opacity: 0;
}
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  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 {
  transform: scale(0.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  transform: scale(1);
  opacity: 1;
}
.dx-win-pop-animation.dx-enter.dx-backward,
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  transform: scale(1.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  transform: scale(1);
  opacity: 1;
}
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  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 {
  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 {
  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;
  transform: translate3d(100%, 0, 0);
}
.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  z-index: 2;
  transform: translate3d(0, 0, 0);
}
.dx-ios7-slide-animation.dx-enter.dx-backward {
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-leave.dx-forward {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  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 {
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-forward {
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-backward {
  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 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.dx-drop-animation.dx-enter,
.dx-drop-animation.dx-leave.dx-leave-active {
  transform: translate3d(0, -120%, 0);
}
.dx-drop-animation.dx-enter.dx-enter-active,
.dx-drop-animation.dx-leave {
  transform: translate3d(0, 0, 0);
}
.dx-3d-drop-animation.dx-enter,
.dx-3d-drop-animation.dx-leave.dx-leave-active {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  transform: translate3d(40%, 0, 0);
  opacity: 0;
}
.dx-fade-slide-animation.dx-enter.dx-enter-active,
.dx-fade-slide-animation.dx-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dx-fade-zoom-animation.dx-enter,
.dx-fade-zoom-animation.dx-leave.dx-leave-active {
  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 {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.dx-box-item-content {
  flex-direction: column;
  max-width: 100%;
  font-size: 14px;
}
.dx-chat {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 20em;
  min-height: 20em;
}
.dx-chat.dx-state-disabled {
  opacity: 0.5;
}
.dx-avatar {
  grid-row: 2/auto;
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999em;
  overflow: clip;
}
.dx-avatar-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.dx-chat-header {
  display: flex;
  align-items: center;
  padding: 20px;
}
.dx-chat-alertlist {
  display: flex;
  flex-direction: column;
  padding-block: 16px;
  padding-inline: 20px;
  row-gap: 4px;
}
.dx-chat-alertlist-error {
  align-items: center;
  display: flex;
  justify-content: center;
}
.dx-chat-messagebox {
  display: flex;
  align-items: flex-end;
  border-top-width: 1px;
  border-top-style: solid;
}
.dx-chat-messagebox-textarea {
  flex-grow: 1;
}
.dx-chat-messagegroup-content {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.dx-chat-messagebubble {
  width: auto;
  word-break: break-word;
  white-space: break-spaces;
}
.dx-chat-messagegroup-alignment-start .dx-chat-messagegroup-content {
  grid-column: 2;
  align-items: flex-start;
}
.dx-chat-messagegroup-alignment-start .dx-chat-messagebubble {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  color: #2e3d4c;
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-chat-messagegroup-alignment-end .dx-chat-messagegroup-content {
  align-items: flex-end;
  max-width: 82.5%;
}
.dx-chat-messagegroup-alignment-end .dx-chat-messagebubble {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  color: #2e3d4c;
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-chat-messagegroup {
  display: grid;
  align-items: start;
}
.dx-chat-messagegroup-information {
  display: flex;
  grid-row: 1;
  max-width: 100%;
  min-width: 0;
}
.dx-chat-messagegroup-author-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-chat-messagegroup-time {
  white-space: nowrap;
}
.dx-chat-messagegroup-alignment-start {
  justify-items: start;
  grid-template-columns: auto 82.5% 1fr;
}
.dx-chat-messagegroup-alignment-start .dx-chat-messagegroup-information {
  grid-column: 2/span 2;
}
.dx-chat-messagegroup-alignment-end {
  justify-items: end;
}
.dx-chat-messagelist {
  flex-grow: 1;
  overflow: hidden;
}
.dx-chat-messagelist .dx-scrollable-container {
  overscroll-behavior: contain;
  will-change: scroll-position;
}
.dx-chat-messagelist .dx-scrollable-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dx-chat-messagelist .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
  min-height: 100%;
  box-sizing: border-box;
}
.dx-chat-messagelist .dx-scrollview-bottom-pocket {
  width: 100%;
}
.dx-chat-messagelist .dx-scrollview-scrollbottom-text {
  margin: 0;
}
.dx-chat-messagelist.dx-chat-messagelist-empty .dx-scrollable.dx-scrollview .dx-scrollable-content {
  height: 100%;
}
.dx-chat-messagelist .dx-scrollview-scrollbottom-indicator {
  box-shadow: none;
}
.dx-chat-messagelist-empty .dx-scrollview-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.dx-chat-messagelist-empty .dx-chat-messagelist-content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-chat-messagelist-empty-loading .dx-scrollable-content {
  justify-content: center;
}
.dx-chat-messagelist-empty-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  text-align: center;
}
.dx-chat-messagelist-empty-image {
  font: 14px/1 DXIcons;
  border-radius: 999em;
}
.dx-chat-messagelist-empty-image::before {
  content: "\f17e";
  font-size: 40px;
}
@keyframes dx-typingindicator-circle-scale-outer {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
@keyframes dx-typingindicator-circle-scale-inner {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.666667);
  }
}
.dx-chat-typingindicator-content {
  display: grid;
  align-items: start;
  justify-items: start;
}
.dx-chat-typingindicator-content .dx-avatar {
  grid-row: 2/auto;
}
.dx-chat-typingindicator-text {
  grid-column: 2/span 2;
  grid-row: 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-chat-typingindicator-circle:first-child,
.dx-chat-typingindicator-circle:nth-child(3) {
  animation: 1.5s infinite dx-typingindicator-circle-scale-outer;
  background-color: rgba(0, 0, 0, 0.4);
}
.dx-chat-typingindicator-circle:nth-child(2) {
  animation: 1.5s infinite dx-typingindicator-circle-scale-inner;
  width: 0.8571428571em;
  height: 0.8571428571em;
  background-color: rgba(0, 0, 0, 0.6);
}
.dx-chat {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.dx-avatar {
  width: 32px;
  height: 32px;
  color: #2e3d4c;
  background-color: #e0e0e0;
}
.dx-chat-alertlist:empty {
  padding-block: 0;
  padding-inline: 0;
}
.dx-chat-alertlist-error {
  color: #f31642;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding-block: 6px;
}
.dx-chat-alertlist-error-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.dx-chat-alertlist-error-icon::before {
  content: "\f174";
}
.dx-chat-messagebox {
  padding: 20px;
  border-top-color: #e0e0e0;
  gap: 8px;
}
.dx-chat-messagebox-textarea.dx-textarea.dx-texteditor {
  border-radius: 8px;
}
.dx-chat-messagebox-button {
  margin-bottom: 10px;
}
.dx-chat-messagebubble {
  padding: 8px 16px;
  border-radius: 8px;
}
.dx-chat-messagegroup-alignment-start .dx-chat-messagebubble:first-child {
  border-start-start-radius: 8px;
}
.dx-chat-messagegroup-alignment-start .dx-chat-messagebubble:last-child {
  border-end-start-radius: 8px;
}
.dx-chat-messagegroup-alignment-end .dx-chat-messagebubble:first-child {
  border-start-end-radius: 8px;
}
.dx-chat-messagegroup-alignment-end .dx-chat-messagebubble:last-child {
  border-end-end-radius: 8px;
}
.dx-chat-messagegroup {
  row-gap: 4px;
  padding-bottom: 24px;
}
.dx-chat-messagegroup:first-child {
  padding-top: 24px;
}
.dx-chat-messagegroup-information {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.dx-chat-messagegroup-alignment-start:has(.dx-avatar) {
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.dx-chat-messagegroup-author-name,
.dx-chat-messagegroup-time {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.dx-chat-messagelist-empty-view {
  row-gap: 4px;
  padding-block: 20px;
}
.dx-chat-messagelist-empty-image {
  color: rgba(0, 0, 0, 0.38);
  background-color: rgba(0, 0, 0, 0.08);
  padding: 12px;
  margin-bottom: 12px;
}
.dx-chat-messagelist-empty-message {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
}
.dx-chat-messagelist-empty-prompt {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.dx-chat-messagelist .dx-scrollable-content {
  padding-inline: 20px;
}
.dx-chat-messagelist-day-header {
  text-align: center;
  padding-bottom: 12px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.dx-chat-messagelist-day-header:first-child {
  padding-top: 20px;
}
.dx-chat-typingindicator-content {
  grid-template-columns: auto 82.5% 1fr;
  padding-bottom: 24px;
  row-gap: 4px;
}
.dx-chat-typingindicator-text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.dx-chat-typingindicator-bubble {
  grid-column: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 11px;
  padding-inline: 20px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.08);
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.dx-chat-typingindicator-circle {
  width: 0.5714285714em;
  height: 0.5714285714em;
  border-radius: 999em;
}
.dx-button-disabled {
  cursor: default;
}
.dx-button {
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.dx-button .dx-icon {
  -webkit-user-drag: none;
  display: inherit;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background-size: contain;
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  color: #2e3d4c;
}
.dx-button a {
  text-decoration: none;
}
.dx-button-content {
  flex: 1 1 auto;
  height: 100%;
  max-height: 100%;
  display: inherit;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 0;
}
.dx-button-has-text .dx-button-content,
.dx-button-has-text .dx-button-content .dx-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-button-content > .dx-inkripple {
  display: none;
}
.dx-button-link {
  text-decoration: none;
}
.dx-button-submit-input {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
}
.dx-state-disabled .dx-button,
.dx-state-disabled.dx-button {
  cursor: default;
}
.dx-button-text {
  line-height: normal;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.dx-button {
  min-width: 36px;
  height: 36px;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  color: #2e3d4c;
}
.dx-button .dx-button-content {
  padding-block: 8px;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
  position: relative;
}
.dx-button-has-icon {
  min-width: 36px;
}
.dx-button-has-icon .dx-button-content {
  padding-block: 8px;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
}
.dx-button-has-icon .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-button-has-text {
  min-width: 64px;
}
.dx-button-has-text .dx-button-content {
  padding-block: 6px;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 9px;
  margin-inline-end: 9px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-button-has-icon.dx-button-has-text .dx-button-content {
  padding-block: 6px;
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-button-has-icon.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  border-radius: 50%;
  box-shadow: none;
}
.dx-button .dx-button-content .dx-inkripple {
  overflow: hidden;
  display: block;
}
.dx-button.dx-state-selected {
  background-color: #d1d1d1;
}
.dx-button.dx-state-selected,
.dx-button.dx-state-selected .dx-icon {
  color: #2e3d4c;
}
.dx-button.dx-state-focused,
.dx-button.dx-state-hover {
  background-color: #ebebeb;
}
.dx-button.dx-state-active {
  background-color: #b3b3b3;
}
.dx-button .dx-inkripple-wave {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-button.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-state-disabled .dx-button-text,
.dx-button.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default {
  border-radius: 4px;
  background-color: #0f6ea8;
  color: #fff;
}
.dx-button.dx-button-default .dx-icon {
  color: #fff;
}
.dx-button.dx-button-default.dx-state-selected {
  background-color: #07324d;
}
.dx-button.dx-button-default.dx-state-selected,
.dx-button.dx-button-default.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-button.dx-button-default.dx-state-focused,
.dx-button.dx-button-default.dx-state-hover {
  background-color: #0b5480;
}
.dx-button.dx-button-default.dx-state-active {
  background-color: #07324d;
}
.dx-button.dx-button-default .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-button.dx-button-default.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-button-default.dx-state-disabled .dx-button-text,
.dx-button.dx-button-default.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger {
  border-radius: 4px;
  background-color: #f31642;
  color: #fff;
}
.dx-button.dx-button-danger .dx-icon {
  color: #fff;
}
.dx-button.dx-button-danger.dx-state-selected {
  background-color: #9d0826;
}
.dx-button.dx-button-danger.dx-state-selected,
.dx-button.dx-button-danger.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-button.dx-button-danger.dx-state-focused,
.dx-button.dx-button-danger.dx-state-hover {
  background-color: #d30b33;
}
.dx-button.dx-button-danger.dx-state-active {
  background-color: #9d0826;
}
.dx-button.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-button.dx-button-danger.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-button-danger.dx-state-disabled .dx-button-text,
.dx-button.dx-button-danger.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success {
  border-radius: 4px;
  background-color: #23c399;
  color: #fff;
}
.dx-button.dx-button-success .dx-icon {
  color: #fff;
}
.dx-button.dx-button-success.dx-state-selected {
  background-color: #146f57;
}
.dx-button.dx-button-success.dx-state-selected,
.dx-button.dx-button-success.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-button.dx-button-success.dx-state-focused,
.dx-button.dx-button-success.dx-state-hover {
  background-color: #1c9e7c;
}
.dx-button.dx-button-success.dx-state-active {
  background-color: #146f57;
}
.dx-button.dx-button-success .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-button.dx-button-success.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-button-success.dx-state-disabled .dx-button-text,
.dx-button.dx-button-success.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button-mode-contained,
.dx-button-mode-contained.dx-state-hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.dx-button-mode-contained.dx-state-focused {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.dx-button-mode-contained.dx-state-active {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
}
.dx-button-mode-text {
  background-color: transparent;
  color: #2e3d4c;
}
.dx-button-mode-text .dx-icon {
  color: #2e3d4c;
}
.dx-button-mode-text.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.18);
}
.dx-button-mode-text.dx-state-selected,
.dx-button-mode-text.dx-state-selected .dx-icon {
  color: #2e3d4c;
}
.dx-button-mode-text.dx-state-focused,
.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-button-mode-text.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-button-mode-text .dx-inkripple-wave {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-button-mode-text.dx-button-default {
  background-color: transparent;
  color: #0f6ea8;
}
.dx-button-mode-text.dx-button-default .dx-icon {
  color: #0f6ea8;
}
.dx-button-mode-text.dx-button-default.dx-state-selected {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-button-mode-text.dx-button-default.dx-state-selected,
.dx-button-mode-text.dx-button-default.dx-state-selected .dx-icon {
  color: #0f6ea8;
}
.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-button-mode-text.dx-button-default .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.2);
}
.dx-button-mode-text.dx-button-danger {
  background-color: transparent;
  color: #f31642;
}
.dx-button-mode-text.dx-button-danger .dx-icon {
  color: #f31642;
}
.dx-button-mode-text.dx-button-danger.dx-state-selected {
  background-color: rgba(243, 22, 66, 0.36);
}
.dx-button-mode-text.dx-button-danger.dx-state-selected,
.dx-button-mode-text.dx-button-danger.dx-state-selected .dx-icon {
  color: #f31642;
}
.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(243, 22, 66, 0.08);
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(243, 22, 66, 0.36);
}
.dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(243, 22, 66, 0.2);
}
.dx-button-mode-text.dx-button-success {
  background-color: transparent;
  color: #23c399;
}
.dx-button-mode-text.dx-button-success .dx-icon {
  color: #23c399;
}
.dx-button-mode-text.dx-button-success.dx-state-selected {
  background-color: rgba(35, 195, 153, 0.36);
}
.dx-button-mode-text.dx-button-success.dx-state-selected,
.dx-button-mode-text.dx-button-success.dx-state-selected .dx-icon {
  color: #23c399;
}
.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(35, 195, 153, 0.08);
}
.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(35, 195, 153, 0.36);
}
.dx-button-mode-text.dx-button-success .dx-inkripple-wave {
  background-color: rgba(35, 195, 153, 0.2);
}
.dx-button-mode-outlined {
  border: 1px solid rgba(46, 61, 76, 0.24);
  background-color: transparent;
  color: #2e3d4c;
}
.dx-button-mode-outlined .dx-icon {
  color: #2e3d4c;
}
.dx-button-mode-outlined.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.18);
}
.dx-button-mode-outlined.dx-state-selected,
.dx-button-mode-outlined.dx-state-selected .dx-icon {
  color: #2e3d4c;
}
.dx-button-mode-outlined.dx-state-focused,
.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-button-mode-outlined.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-button-mode-outlined .dx-inkripple-wave {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-button-mode-outlined.dx-button-default {
  border: 1px solid #0f6ea8;
  background-color: transparent;
  color: #0f6ea8;
}
.dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #0f6ea8;
}
.dx-button-mode-outlined.dx-button-default.dx-state-selected {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-button-mode-outlined.dx-button-default.dx-state-selected,
.dx-button-mode-outlined.dx-button-default.dx-state-selected .dx-icon {
  color: #0f6ea8;
}
.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.2);
}
.dx-button-mode-outlined.dx-button-danger {
  border: 1px solid #f31642;
  background-color: transparent;
  color: #f31642;
}
.dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #f31642;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-selected {
  background-color: rgba(243, 22, 66, 0.36);
}
.dx-button-mode-outlined.dx-button-danger.dx-state-selected,
.dx-button-mode-outlined.dx-button-danger.dx-state-selected .dx-icon {
  color: #f31642;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(243, 22, 66, 0.08);
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(243, 22, 66, 0.36);
}
.dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(243, 22, 66, 0.2);
}
.dx-button-mode-outlined.dx-button-success {
  border: 1px solid #23c399;
  background-color: transparent;
  color: #23c399;
}
.dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #23c399;
}
.dx-button-mode-outlined.dx-button-success.dx-state-selected {
  background-color: rgba(35, 195, 153, 0.36);
}
.dx-button-mode-outlined.dx-button-success.dx-state-selected,
.dx-button-mode-outlined.dx-button-success.dx-state-selected .dx-icon {
  color: #23c399;
}
.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(35, 195, 153, 0.08);
}
.dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(35, 195, 153, 0.36);
}
.dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
  background-color: rgba(35, 195, 153, 0.2);
}
.dx-buttongroup {
  display: inline-block;
}
.dx-buttongroup-wrapper {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  width: 100%;
}
.dx-buttongroup-mode-text .dx-buttongroup-wrapper {
  -moz-column-gap: 1px;
  column-gap: 1px;
}
.dx-buttongroup-item {
  flex: 0 1 auto;
}
.dx-buttongroup-item.dx-button-mode-contained,
.dx-buttongroup-item.dx-button-mode-outlined {
  border-inline-start-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-has-width {
  flex: 1 1 auto;
}
.dx-buttongroup.dx-state-disabled {
  opacity: 1;
}
.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-button-mode-outlined.dx-buttongroup-first-item {
  border-inline-start-width: 1px;
}
.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
}
.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-button-mode-outlined.dx-buttongroup-last-item {
  border-inline-end-width: 1px;
}
.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
}
.dx-buttongroup-mode-contained {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.dx-buttongroup-mode-contained .dx-button-mode-contained {
  box-shadow: none;
  border-width: 0;
  border-style: solid;
  border-inline-end-width: 1px;
  border-inline-end-color: rgba(0, 0, 0, 0.24);
}
.dx-buttongroup-mode-contained .dx-button-mode-contained.dx-buttongroup-last-item {
  border-inline-end-width: 0;
}
.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%;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  transition: transform 0.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;
  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;
  box-sizing: border-box;
  transition: opacity 0.2s;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
  transition: top 0.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;
  transition: opacity 0.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;
  transition: transform 0.4s;
  transform: translate(0, 0);
}
.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  transition: transform 0.4s;
  transform: none;
}
.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;
  transform: translate(0, 0);
  -webkit-user-drag: none;
  box-sizing: content-box;
}
.dx-scrollview-pull-down-container {
  display: inline-block;
  width: 49%;
  text-align: right;
}
.dx-scrollview-pull-down-indicator {
  opacity: 0;
  left: 0;
  top: 50%;
  display: inline-block;
  margin: -15px 20px 0 15px;
  -webkit-user-drag: none;
}
.dx-scrollview-pull-down-image {
  vertical-align: middle;
  margin: 0 20px;
  width: 20px;
  height: 50px;
  background-size: contain;
  -webkit-user-drag: none;
  transform: translate(0, 0) rotate(0);
  transition: transform 0.2s linear;
}
.dx-scrollview-pull-down-text {
  vertical-align: middle;
  position: relative;
  overflow: visible;
  -webkit-user-drag: none;
}
.dx-scrollview-pull-down-text div {
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: visible;
  opacity: 0;
  position: relative;
}
.dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
  opacity: 1;
}
.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
  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;
  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 {
  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-scrollview-pull-down-text,
.dx-scrollview-scrollbottom-text {
  margin-left: 10px;
  top: 18px;
  display: inline-block;
}
.dx-rtl .dx-scrollview-pull-down-text,
.dx-rtl .dx-scrollview-scrollbottom-text {
  margin-left: 0;
  margin-right: 10px;
}
.dx-scrollview-pull-down-image {
  display: none;
}
.dx-scrollview-pull-down {
  text-align: center;
}
.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  width: 24px;
  height: 24px;
}
.dx-scrollview-pull-down-indicator,
.dx-scrollview-scrollbottom-indicator {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 21px;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37);
  opacity: 1;
}
.dx-scrollview-pull-down-indicator > .dx-loadindicator,
.dx-scrollview-scrollbottom-indicator > .dx-loadindicator {
  height: 24px;
  width: 24px;
}
.dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper,
.dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper {
  font-size: 24px;
}
.dx-scrollview-pull-down-indicator {
  position: relative;
  margin-left: 0;
  margin-top: -21px;
}
.dx-scrollview-pull-down-text > div {
  display: none;
}
.dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible {
  display: block;
}
.dx-splitter {
  display: flex;
  height: 100%;
  width: 100%;
}
.dx-splitter .dx-splitter-item {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
}
.dx-splitter .dx-splitter-item-hidden-content {
  visibility: hidden;
}
.dx-splitter .dx-splitter-item-content {
  position: relative;
  flex: 1 1 auto;
  overflow: auto;
}
.dx-splitter.dx-splitter-vertical {
  flex-direction: column;
}
.dx-resize-handle {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}
.dx-resize-handle .dx-resize-handle-collapse-next-pane,
.dx-resize-handle .dx-resize-handle-collapse-prev-pane {
  cursor: pointer;
}
.dx-resize-handle.dx-resize-handle-horizontal {
  flex-direction: column;
}
.dx-resize-handle.dx-resize-handle-horizontal.dx-resize-handle-resizable {
  cursor: col-resize;
}
.dx-resize-handle.dx-resize-handle-vertical {
  flex-direction: row;
}
.dx-resize-handle.dx-resize-handle-vertical.dx-resize-handle-resizable {
  cursor: row-resize;
}
.dx-resize-handle.dx-state-disabled {
  opacity: 1;
}
.dx-splitter .dx-resize-handle {
  color: #2e3d4c;
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-splitter .dx-resize-handle.dx-state-hover {
  color: #2e3d4c;
  background-color: rgba(0, 0, 0, 0.12);
}
.dx-splitter .dx-resize-handle.dx-state-active,
.dx-splitter .dx-resize-handle.dx-state-focused {
  color: #fff;
  background-color: #0f6ea8;
}
.dx-resize-handle .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-checkbox {
  display: inline-block;
  cursor: pointer;
  line-height: 0;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-checkbox.dx-state-readonly {
  cursor: default;
}
.dx-checkbox-icon {
  flex-shrink: 0;
  position: relative;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.dx-checkbox-container {
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  text-overflow: clip;
}
.dx-checkbox-text {
  text-align: start;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: normal;
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
}
.dx-state-disabled .dx-checkbox,
.dx-state-disabled.dx-checkbox {
  cursor: default;
}
.dx-checkbox .dx-checkbox-container {
  overflow: visible;
}
.dx-checkbox.dx-state-disabled,
.dx-checkbox.dx-state-readonly {
  border-color: rgba(46, 61, 76, 0.26);
}
.dx-checkbox.dx-state-active .dx-checkbox-icon::after,
.dx-checkbox.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(46, 61, 76, 0.1);
  transform: scale(1);
}
.dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon::after,
.dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon::after,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon::after,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(15, 110, 168, 0.1);
  transform: scale(1);
}
.dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon,
.dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon {
  background-color: rgba(46, 61, 76, 0.26);
}
.dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after,
.dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after,
.dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(46, 61, 76, 0.1);
  transform: scale(1);
}
.dx-checkbox-icon {
  width: 1em;
  height: 1em;
  font-size: 18px;
  border: 2px solid rgba(46, 61, 76, 0.54);
  border-radius: 2px;
}
.dx-checkbox-icon::after {
  content: "";
  width: 2.222223em;
  height: 2.222223em;
  top: 50%;
  left: 50%;
  margin-top: -1.1111115em;
  margin-left: -1.1111115em;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: 1;
  transform: scale(0.5);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.dx-checkbox-icon::before {
  z-index: 2;
}
.dx-checkbox-checked .dx-checkbox-icon {
  color: #fff;
  background-color: #0f6ea8;
  border: none;
  font: 18px/1 DXIcons;
}
.dx-checkbox-checked .dx-checkbox-icon::before {
  content: "\f005";
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -0.5em;
  inset-inline-start: 50%;
  -webkit-margin-start: -0.5em;
  margin-inline-start: -0.5em;
  font-size: 0.888889em;
}
.dx-checkbox-indeterminate .dx-checkbox-icon {
  background-color: #0f6ea8;
  border: none;
  color: #0f6ea8;
}
.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  position: relative;
  display: block;
  width: 0.666667em;
  height: 0.111112em;
  top: 50%;
  margin-top: -0.055556em;
  inset-inline-start: 50%;
  -webkit-margin-start: -0.3333335em;
  margin-inline-start: -0.3333335em;
  font-size: inherit;
  content: "";
  background-color: #fff;
  border-radius: 0;
}
.dx-invalid .dx-checkbox-icon {
  border: 2px solid #f31642;
}
.dx-invalid.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(243, 22, 66, 0.1);
  transform: scale(1);
}
.dx-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.dx-switch .dx-switch-wrapper {
  display: inline-block;
  text-align: left;
  height: 100%;
  width: 100%;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  inset-inline-start: -10px;
  top: -10px;
  overflow: hidden;
  vertical-align: middle;
  box-sizing: content-box;
}
.dx-switch .dx-switch-wrapper::before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.dx-switch-inner {
  display: flex;
  transform: translateX(-50%);
}
.dx-switch-container {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  height: 20px;
  overflow: visible;
  position: relative;
  padding: 0;
}
.dx-state-disabled .dx-switch,
.dx-state-disabled.dx-switch {
  cursor: default;
}
.dx-switch-handle,
.dx-switch-on-value .dx-switch-inner {
  transform: translateX(0);
}
.dx-switch-on-value .dx-switch-handle {
  transform: translateX(-100%);
}
.dx-rtl .dx-switch-wrapper,
.dx-rtl.dx-switch-wrapper {
  text-align: right;
}
.dx-rtl .dx-switch-inner {
  transform: translateX(50%);
}
.dx-rtl .dx-switch-handle {
  transform: translateX(-100%);
}
.dx-rtl.dx-switch-on-value .dx-switch-handle {
  transform: translateX(0);
}
.dx-switch {
  width: 36px;
  height: 20px;
}
.dx-switch-container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 14px;
  border-radius: 500px;
  margin: 3px 0;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: #9e9e9e;
}
.dx-switch-inner {
  width: 200%;
  height: 100%;
}
.dx-switch-off,
.dx-switch-on {
  flex-shrink: 0;
  float: left;
  padding: 4px 0;
  width: 50%;
  height: 20px;
  color: transparent;
  text-align: center;
  line-height: 100%;
}
.dx-switch-on {
  background: 0 0;
}
.dx-switch-off {
  display: none;
  padding-bottom: 10px;
  background-color: transparent;
}
.dx-switch-handle {
  flex-basis: 20px;
  flex-shrink: 0;
  position: relative;
  float: left;
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fafafa;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.dx-switch-handle::before {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: #fafafa;
}
.dx-switch.dx-state-disabled .dx-switch-handle::before,
.dx-switch.dx-state-readonly .dx-switch-handle::before {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-switch.dx-state-disabled .dx-switch-container::before,
.dx-switch.dx-state-readonly .dx-switch-container::before {
  background-color: #bdbdbd;
}
.dx-switch.dx-state-active .dx-switch-handle::before,
.dx-switch.dx-state-focused .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(46, 61, 76, 0.1);
  border-radius: 50%;
}
.dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle::before,
.dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(46, 61, 76, 0.1);
  border-radius: 50%;
}
.dx-switch-on-value .dx-switch-container::before {
  background-color: rgba(15, 110, 168, 0.5);
}
.dx-switch-on-value .dx-switch-handle::before {
  background-color: #0f6ea8;
}
.dx-switch-on-value.dx-state-active .dx-switch-handle::before,
.dx-switch-on-value.dx-state-focused .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(15, 110, 168, 0.1);
  border-radius: 50%;
}
.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
  margin-left: 0;
}
.dx-rtl .dx-switch .dx-switch-handle,
.dx-switch.dx-rtl .dx-switch-handle {
  float: right;
  margin-left: 0;
  margin-right: -20px;
}
.dx-rtl .dx-switch .dx-switch-container,
.dx-switch.dx-rtl .dx-switch-container {
  margin: 0 0 0 -6px;
}
.dx-invalid.dx-switch .dx-switch-container::before {
  background-color: rgba(243, 22, 66, 0.5);
}
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled) .dx-switch-container .dx-switch-handle::before {
  background-color: #f31642;
}
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-state-active .dx-switch-container .dx-switch-handle::before,
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-state-focused .dx-switch-container .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(243, 22, 66, 0.1);
}
.dx-tabs {
  padding: 0;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  position: relative;
  display: flex;
  width: 100%;
}
.dx-tabs .dx-inkripple {
  overflow: hidden;
}
.dx-tabs .dx-scrollable {
  flex-basis: 100%;
}
.dx-tabs-styling-mode-primary.dx-tabs:not(.dx-tabs-vertical) .dx-tabs-scrollable .dx-tab {
  flex-basis: auto;
  min-width: 90px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-top .dx-tab-selected::after {
  content: "";
  position: absolute;
  background-color: #0f6ea8;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-top .dx-tab-selected.dx-state-disabled::after {
  content: "";
  position: absolute;
  background-color: rgba(46, 61, 76, 0.13);
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-right .dx-tab-selected::after {
  content: "";
  position: absolute;
  background-color: #0f6ea8;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-right .dx-tab-selected.dx-state-disabled::after {
  content: "";
  position: absolute;
  background-color: rgba(46, 61, 76, 0.13);
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-bottom .dx-tab-selected::after {
  content: "";
  position: absolute;
  background-color: #0f6ea8;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-bottom .dx-tab-selected.dx-state-disabled::after {
  content: "";
  position: absolute;
  background-color: rgba(46, 61, 76, 0.13);
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-left .dx-tab-selected::after {
  content: "";
  position: absolute;
  background-color: #0f6ea8;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-left .dx-tab-selected.dx-state-disabled::after {
  content: "";
  position: absolute;
  background-color: rgba(46, 61, 76, 0.13);
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 2px;
}
:root {
  --dx-list-item-padding-inline: 16px;
  --dx-list-item-padding-block: 14px;
  --dx-component-color-bg: #fff;
  --dx-color-main-bg: #fff;
  --dx-color-primary: #0f6ea8;
  --dx-color-danger: #f31642;
  --dx-color-success: #23c399;
  --dx-color-warning: #fc7c64;
  --dx-color-border: #e0e0e0;
  --dx-color-text: #2e3d4c;
  --dx-color-icon: rgba(46, 61, 76, 0.54);
  --dx-color-spin-icon: rgba(46, 61, 76, 0.54);
  --dx-color-link: #0f6ea8;
  --dx-color-shadow: black;
  --dx-color-separator: #e0e0e0;
  --dx-component-height: 48px;
  --dx-font-size: 14px;
  --dx-border-width: 1px;
  --dx-border-radius: 4px;
  --dx-font-size-icon: 24px;
  --dx-button-padding-inline: 16px;
  --dx-texteditor-color-text: #2e3d4c;
  --dx-texteditor-color-label: #667c95;
  --dx-toolbar-height: 56px;
  --dx-popup-toolbar-item-padding-inline: 8px;
}
.dx-icon-accountbox,
.dx-icon-add,
.dx-icon-addcolumnleft,
.dx-icon-addcolumnright,
.dx-icon-addrowabove,
.dx-icon-addrowbelow,
.dx-icon-addtable,
.dx-icon-airplane,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-arrowback,
.dx-icon-arrowdown,
.dx-icon-arrowleft,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-background,
.dx-icon-bell,
.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-cellproperties,
.dx-icon-chart,
.dx-icon-chat,
.dx-icon-checklist,
.dx-icon-clear,
.dx-icon-clearcircle,
.dx-icon-clearformat,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-codeblock,
.dx-icon-color,
.dx-icon-columnproperties,
.dx-icon-comment,
.dx-icon-dataarea,
.dx-icon-datapie,
.dx-icon-datatrending,
.dx-icon-datausage,
.dx-icon-decreaseindent,
.dx-icon-doc,
.dx-icon-download,
.dx-icon-edit,
.dx-icon-email,
.dx-icon-errorcircle,
.dx-icon-event,
.dx-icon-eventall,
.dx-icon-favorites,
.dx-icon-find,
.dx-icon-fixcolumn,
.dx-icon-fixcolumnleft,
.dx-icon-fixcolumnright,
.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-handlehorizontal,
.dx-icon-handlevertical,
.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-mergecells,
.dx-icon-money,
.dx-icon-music,
.dx-icon-orderedlist,
.dx-icon-ordersbox,
.dx-icon-overflow,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-pinmap,
.dx-icon-plus,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-redo,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-removecolumn,
.dx-icon-removerow,
.dx-icon-removetable,
.dx-icon-rowproperties,
.dx-icon-runner,
.dx-icon-save,
.dx-icon-search,
.dx-icon-sendfilled,
.dx-icon-shrinkfont,
.dx-icon-splitcells,
.dx-icon-stickcolumn,
.dx-icon-strike,
.dx-icon-subscript,
.dx-icon-superscript,
.dx-icon-tableproperties,
.dx-icon-tags,
.dx-icon-taskcomplete,
.dx-icon-taskhelpneeded,
.dx-icon-taskinprogress,
.dx-icon-taskrejected,
.dx-icon-taskstop,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-to,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-triangledown,
.dx-icon-triangleleft,
.dx-icon-triangleright,
.dx-icon-triangleup,
.dx-icon-underline,
.dx-icon-undo,
.dx-icon-unfixcolumn,
.dx-icon-user,
.dx-icon-variable,
.dx-icon-verticalalignbottom,
.dx-icon-verticalaligncenter,
.dx-icon-verticalaligntop,
.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-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";
}
.dx-tabs.dx-overflow-hidden {
  overflow: hidden;
}
.dx-tabs.dx-tabs-vertical .dx-tabs-wrapper .dx-tab-text {
  white-space: normal;
}
.dx-tabs .dx-tab-text-span,
.dx-tabs .dx-tab-text-span-pseudo {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-tabs-scrollable {
  width: 100%;
  overflow: hidden;
}
.dx-tabs-scrollable .dx-tabs-wrapper {
  white-space: nowrap;
  height: 100%;
}
.dx-tabs-scrollable .dx-scrollable-content {
  height: 100%;
}
.dx-tabs-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.dx-tabs-expanded .dx-tab {
  flex-basis: 100%;
  flex-grow: 0;
}
.dx-tabs-stretched .dx-tab {
  flex-basis: unset;
  flex-grow: 1;
}
.dx-tabs:not(.dx-tabs-vertical) .dx-tabs-scrollable .dx-tab {
  flex-basis: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.dx-tabs:not(.dx-tabs-scrolling-enabled) {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.dx-tab {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  flex-basis: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  cursor: pointer;
}
.dx-tab a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-decoration: none;
  opacity: 0.001;
}
.dx-tab .dx-icon {
  display: inline-block;
  -webkit-user-drag: none;
}
.dx-tab-content {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.dx-tab-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  -webkit-user-drag: none;
}
.dx-tabs-nav-button {
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
}
.dx-rtl.dx-tabs:not(.dx-tabs-vertical) {
  flex-direction: row-reverse;
}
.dx-tabs-vertical {
  display: inline-flex;
  flex-direction: column;
  width: auto;
}
.dx-tabs-vertical .dx-tab {
  min-width: 0;
}
.dx-tabs-vertical .dx-tabs-wrapper {
  flex-direction: column;
  height: auto;
}
.dx-tabs-vertical .dx-tabs-nav-button .dx-icon {
  transform: rotate(90deg);
}
.dx-tabs-vertical.dx-tabs-icon-position-end .dx-tab,
.dx-tabs-vertical.dx-tabs-icon-position-start .dx-tab {
  justify-content: flex-start;
}
.dx-tabs-icon-position-end .dx-tab-text {
  flex-direction: row-reverse;
}
.dx-tabs-icon-position-top .dx-tab-text {
  text-align: center;
  flex-direction: column;
}
.dx-tabs-icon-position-bottom .dx-tab-text {
  text-align: center;
  flex-direction: column-reverse;
}
.dx-scrollable-scrollbar-simulated {
  position: relative;
}
.dx-scrollable {
  display: block;
  height: 100%;
  min-height: 0;
}
.dx-scrollable:focus {
  outline: 0;
}
.dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar {
  display: none;
}
.dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
  display: block;
}
.dx-scrollable-native > div.dx-scrollable-wrapper > .dx-scrollable-container,
.dx-scrollable-native.dx-scrollable-wrapper > .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 {
  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 {
  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 {
  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 {
  touch-action: auto;
}
.dx-scrollable-native.dx-scrollable-scrollbars-hidden > .dx-scrollable-wrapper > .dx-scrollable-container {
  overflow: hidden;
}
.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
  min-height: 101%;
  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 {
  overflow: hidden;
}
.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
  height: auto;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
  transform: none;
  z-index: 0;
}
.dx-scrollable-scrollbar-simulated,
.dx-scrollable-scrollbar-simulated .dx-scrollable-container {
  scrollbar-width: none;
}
.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%;
  transform: none;
}
.dx-scrollable-container:focus {
  outline: 0;
}
.dx-scrollable-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.dx-scrollable-content {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  transform: none;
}
.dx-scrollable-content::after {
  display: block;
  content: "";
  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-horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
}
.dx-scrollable-scroll {
  position: relative;
  box-sizing: border-box;
  transform: translate(0, 0);
  background-color: transparent;
  opacity: 1;
  transition: opacity linear, background-color linear;
  overflow: hidden;
  padding: 2px;
}
.dx-scrollable-scroll.dx-state-invisible {
  display: block !important;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.5s linear 1s, background-color 0.5s linear 1s;
}
.dx-rtl .dx-scrollable-scroll {
  direction: rtl;
  float: left;
}
.dx-scrollable-scroll-content {
  width: 100%;
  height: 100%;
  background-color: rgba(191, 191, 191, 0.7);
}
.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-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-container,
.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-container,
.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: rtl;
}
.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  float: right;
}
.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-scrollable-simulated .dx-scrollable-content {
  overflow-anchor: none;
}
.dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar {
  pointer-events: none;
}
.dx-scrollbar-hoverable,
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-hoverable.dx-state-hover {
  background-color: transparent;
}
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
  background-color: rgba(191, 191, 191, 0.7);
}
.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: transparent;
}
.dx-scrollbar-vertical .dx-scrollable-scroll {
  float: right;
  width: 6px;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 6px;
  transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  transition: background-color 0.15s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  transition: background-color 0.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: 13px;
}
.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 6px;
  padding-bottom: 0;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 6px;
  transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  transition: background-color 0.15s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  transition: background-color 0.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: 13px;
}
.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: 6px;
}
.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: 6px;
}
.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: 6px;
}
.dx-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0f6ea8;
  color: #fff;
  font-size: 12px;
  padding: 3px 9px;
  line-height: normal;
  border-radius: 14px;
  margin-top: 1px;
}
.dx-tabs-styling-mode-secondary.dx-tabs-horizontal .dx-tabs-scrollable .dx-tab {
  flex-basis: auto;
}
.dx-tabs-styling-mode-secondary .dx-tab {
  min-width: 0;
}
.dx-tabs-styling-mode-secondary .dx-tab .dx-tab-text .dx-tab-text-span {
  text-transform: none;
}
.dx-tabs-styling-mode-secondary .dx-tab-content {
  position: relative;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-top .dx-tab.dx-tab-selected .dx-tab-content::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0f6ea8;
  top: -12px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-top-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-top .dx-tab-selected.dx-state-disabled .dx-tab-content::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(46, 61, 76, 0.13);
  top: -12px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-top-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-right .dx-tab-selected::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: #0f6ea8;
  right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-right .dx-tab-selected.dx-state-disabled::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: rgba(46, 61, 76, 0.13);
  right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom .dx-tab.dx-tab-selected .dx-tab-content::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0f6ea8;
  bottom: -12px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom .dx-tab-selected.dx-state-disabled .dx-tab-content::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(46, 61, 76, 0.13);
  bottom: -12px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-left .dx-tab-selected::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: #0f6ea8;
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-left .dx-tab-selected.dx-state-disabled::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: rgba(46, 61, 76, 0.13);
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tab {
  gap: 4px;
  padding: 12px 16px;
  background-color: #fff;
  color: rgba(46, 61, 76, 0.54);
}
.dx-tab.dx-state-hover {
  background-color: #fafafa;
}
.dx-tab.dx-tab-selected,
.dx-tab.dx-tab-selected .dx-icon {
  color: #0f6ea8;
}
.dx-tab.dx-state-disabled,
.dx-tab.dx-state-disabled .dx-icon {
  color: rgba(46, 61, 76, 0.32);
}
.dx-tab.dx-state-active,
.dx-tab.dx-state-active .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.16);
}
.dx-tab .dx-tab-text {
  -moz-column-gap: 8px;
  column-gap: 8px;
  line-height: 1.714286;
  font-weight: 500;
  text-transform: uppercase;
}
.dx-tab .dx-tab-text .dx-tab-text-span-pseudo {
  display: none;
}
.dx-tab .dx-icon {
  color: rgba(46, 61, 76, 0.54);
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-tab .dx-tabs-item-badge {
  align-self: center;
}
.dx-tabs.dx-state-focused .dx-tab.dx-state-focused {
  background-color: rgba(15, 110, 168, 0.12);
}
.dx-tabs-nav-button {
  border: none;
  background-color: #fff;
  height: auto;
  border-radius: 0;
  box-shadow: none;
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) {
  background-color: transparent;
  color: rgba(46, 61, 76, 0.54);
  border-radius: 0;
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon {
  color: rgba(46, 61, 76, 0.54);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-selected {
  background-color: rgba(11, 84, 128, 0.08);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-selected,
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-selected .dx-icon {
  color: rgba(46, 61, 76, 0.54);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active,
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused,
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover {
  background-color: rgba(11, 84, 128, 0.08);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave {
  background-color: rgba(11, 84, 128, 0.08);
}
.dx-tabs-nav-button.dx-button-has-icon .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.dx-tabs-nav-button.dx-state-active {
  border: none;
}
.dx-tabs-nav-button.dx-state-disabled {
  opacity: 1;
  background-color: #fff;
}
.dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  opacity: 0;
}
.dx-tabs-nav-button .dx-button-content {
  flex: unset;
  padding: 0 4px;
}
.dx-tabs-vertical .dx-tabs-nav-button {
  padding: 4px 0;
}
.dx-overlay-wrapper {
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000;
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-overlay-wrapper,
.dx-overlay-wrapper *,
.dx-overlay-wrapper ::after,
.dx-overlay-wrapper ::before,
.dx-overlay-wrapper::after,
.dx-overlay-wrapper::before {
  box-sizing: border-box;
}
.dx-overlay-shader {
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.32);
}
.dx-overlay-content {
  position: absolute;
  pointer-events: auto;
  z-index: 1000;
  outline: 0;
  overflow: clip;
}
.dx-overlay-content > .dx-template-wrapper {
  height: 100%;
  width: 100%;
}
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-validationsummary-item {
  color: #f31642;
}
.dx-invalid-message > .dx-overlay-content {
  color: #fff;
  background-color: #f31642;
  border-radius: 4px;
  padding: 4px 8px;
  line-height: 16px;
  font-size: 12px;
}
.dx-editor-filled .dx-invalid-message-bottom .dx-invalid-message > .dx-overlay-content,
.dx-editor-filled .dx-invalid-message-top .dx-invalid-message > .dx-overlay-content,
.dx-invalid-message-bottom .dx-invalid-message > .dx-overlay-content .dx-editor-outlined,
.dx-invalid-message-top .dx-invalid-message > .dx-overlay-content .dx-editor-outlined {
  padding-left: 16px;
  padding-right: 16px;
}
.dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
  margin-bottom: 10px;
}
.dx-form-validation-summary {
  margin-top: 20px;
}
.dx-searchbox .dx-icon-search {
  display: block;
  position: relative;
  pointer-events: none;
}
.dx-searchbox .dx-icon-search::before {
  display: inline-block;
  overflow: hidden;
  box-sizing: content-box;
  position: static;
  text-indent: 0;
}
.dx-texteditor {
  display: block;
}
.dx-texteditor.dx-texteditor-with-floating-label,
.dx-texteditor.dx-texteditor-with-label {
  position: relative;
}
.dx-placeholder {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;
  color: #667c95;
  font-size: 16px;
  line-height: normal;
}
.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: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dx-texteditor-buttons-container {
  display: flex;
  width: auto;
  flex-grow: 0;
  flex-basis: content;
  align-items: center;
}
.dx-texteditor-input-container {
  display: flex;
  flex-grow: 1;
  position: relative;
  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;
  user-select: text;
  margin: 0;
  background-color: transparent;
  color: #2e3d4c;
  font-size: 16px;
}
.dx-texteditor-input:-webkit-autofill + .dx-placeholder {
  display: none !important;
}
.dx-texteditor-input:autofill + .dx-placeholder {
  display: none !important;
}
.dx-texteditor-input:-moz-ui-invalid {
  box-shadow: none;
}
.dx-texteditor-input::-webkit-input-placeholder {
  color: transparent;
}
.dx-texteditor-input::-moz-placeholder {
  color: transparent;
}
.dx-texteditor-input::placeholder {
  color: transparent;
}
.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-texteditor {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
}
.dx-texteditor::before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: 2;
  transform: scale(0);
}
.dx-texteditor::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: "";
  position: absolute;
}
.dx-texteditor.dx-state-focused .dx-texteditor-label {
  color: #0f6ea8;
  font-size: 12px;
}
.dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label {
  color: #f31642;
}
.dx-texteditor.dx-texteditor-label-outside .dx-texteditor-label {
  color: #2e3d4c;
}
.dx-texteditor.dx-texteditor-label-outside.dx-invalid .dx-texteditor-label {
  color: #f31642;
}
.dx-texteditor.dx-state-active,
.dx-texteditor.dx-state-focused {
  background-color: rgba(46, 61, 76, 0.04);
}
.dx-texteditor.dx-state-active::before,
.dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #0f6ea8;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
}
.dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 62px;
  padding-inline-end: 62px;
}
.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-texteditor.dx-invalid .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-texteditor.dx-validation-pending.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 62px;
  padding-inline-end: 62px;
}
.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  inset-inline-end: 6px;
}
.dx-texteditor.dx-editor-filled .dx-lookup-field,
.dx-texteditor.dx-editor-filled .dx-placeholder::before,
.dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined .dx-lookup-field,
.dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 15px 16px 14px;
}
.dx-texteditor.dx-editor-filled {
  background-color: rgba(46, 61, 76, 0.04);
}
.dx-texteditor.dx-editor-filled::after {
  border-bottom: 1px solid rgba(46, 61, 76, 0.42);
}
.dx-texteditor.dx-editor-filled.dx-state-hover {
  background-color: rgba(46, 61, 76, 0.07);
}
.dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom-color: #2e3d4c;
}
.dx-texteditor.dx-editor-filled.dx-state-disabled,
.dx-texteditor.dx-editor-filled.dx-state-readonly,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
  background-color: rgba(46, 61, 76, 0.12);
}
.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: rgba(0, 0, 0, 0.38);
}
.dx-texteditor.dx-editor-underlined {
  background-color: transparent;
}
.dx-texteditor.dx-editor-underlined::after {
  border-bottom: 1px solid rgba(46, 61, 76, 0.42);
}
.dx-texteditor.dx-editor-underlined.dx-state-hover::after {
  border-bottom: 2px solid #2e3d4c;
}
.dx-texteditor.dx-editor-underlined .dx-placeholder::before,
.dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  padding: 15px 0 14px;
}
.dx-texteditor.dx-editor-underlined.dx-state-disabled::after,
.dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after,
.dx-texteditor.dx-editor-underlined.dx-state-readonly::after {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.dx-texteditor.dx-editor-underlined.dx-invalid::after {
  border-bottom-color: rgba(243, 22, 66, 0.4);
}
.dx-texteditor.dx-editor-outlined {
  background-color: transparent;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(46, 61, 76, 0.42);
}
.dx-texteditor.dx-editor-outlined::before {
  display: none;
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled,
.dx-texteditor.dx-editor-outlined.dx-state-readonly {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input {
  color: rgba(0, 0, 0, 0.38);
}
.dx-texteditor.dx-editor-outlined.dx-state-hover {
  box-shadow: inset 0 0 0 1px #2e3d4c;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused {
  box-shadow: inset 0 0 0 2px #0f6ea8;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
  box-shadow: inset 0 0 0 2px #f31642;
}
.dx-texteditor.dx-editor-outlined.dx-invalid {
  box-shadow: inset 0 0 0 1px rgba(243, 22, 66, 0.4);
}
.dx-show-clear-button .dx-clear-button-area {
  width: 22px;
  min-width: 22px;
  right: 0;
}
.dx-show-clear-button .dx-icon-clear {
  color: #9fb2c5;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.dx-show-clear-button .dx-icon-clear::before {
  position: absolute;
  display: block;
  width: 12px;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 62px;
  padding-inline-end: 62px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 62px;
  padding-inline-end: 62px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  inset-inline-end: 6px;
}
.dx-invalid.dx-texteditor.dx-state-hover::after {
  border-bottom-color: rgba(243, 22, 66, 0.4);
}
.dx-invalid.dx-texteditor.dx-state-active::before,
.dx-invalid.dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #f31642;
}
.dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #f31642;
  color: #fff;
  content: "!";
  border-radius: 50%;
}
.dx-texteditor-label {
  position: absolute;
  font-size: 12px;
  color: #667c95;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: text;
  width: 100%;
  display: flex;
  flex-direction: row;
  top: 0;
  left: 0;
}
.dx-texteditor-label .dx-label {
  display: flex;
}
.dx-texteditor-label .dx-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  display: block;
  margin-bottom: -1px;
}
.dx-invalid .dx-texteditor-label {
  color: #f31642;
}
.dx-editor-outlined .dx-texteditor-label {
  inset: 0;
}
.dx-editor-outlined .dx-label {
  padding: 0 2px;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-inline-width: 0;
  border-style: solid;
  border-top-color: rgba(46, 61, 76, 0.42);
  border-bottom-color: rgba(46, 61, 76, 0.42);
  margin-left: -2px;
  margin-right: -2px;
  border-radius: 1px;
  -webkit-clip-path: inset(-12px 1px -1px 1px);
  clip-path: inset(-12px 1px -1px 1px);
}
.dx-editor-outlined .dx-label span {
  position: relative;
  font-size: 12px;
  top: 0;
  margin-top: 0;
  transform: translate(0, -6.5px);
  height: 14px;
  line-height: normal;
}
.dx-editor-outlined .dx-label-before {
  border-block-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 0;
  border-style: solid;
  border-top-color: rgba(46, 61, 76, 0.42);
  border-bottom-color: rgba(46, 61, 76, 0.42);
  border-inline-start-color: rgba(46, 61, 76, 0.42);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  min-width: 16px;
  -webkit-clip-path: inset(-1px 1px -1px -1px);
  clip-path: inset(-1px 1px -1px -1px);
}
.dx-editor-outlined .dx-label-after {
  flex-grow: 1;
  min-width: 16px;
  border-block-width: 1px;
  border-inline-end-width: 1px;
  border-inline-start-width: 0;
  border-style: solid;
  border-top-color: rgba(46, 61, 76, 0.42);
  border-bottom-color: rgba(46, 61, 76, 0.42);
  border-inline-end-color: rgba(46, 61, 76, 0.42);
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
  -webkit-clip-path: inset(-1px -1px -1px 1px);
  clip-path: inset(-1px -1px -1px 1px);
}
.dx-editor-outlined.dx-rtl .dx-label-before {
  -webkit-clip-path: inset(-1px -1px -1px 1px);
  clip-path: inset(-1px -1px -1px 1px);
}
.dx-editor-outlined.dx-rtl .dx-label-after {
  -webkit-clip-path: inset(-1px 1px -1px -1px);
  clip-path: inset(-1px 1px -1px -1px);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox .dx-label,
.dx-editor-outlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-daterangebox .dx-label {
  position: relative;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox .dx-label::before,
.dx-editor-outlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-daterangebox .dx-label::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 3px;
  top: -0.5px;
  -webkit-margin-start: -2px;
  margin-inline-start: -2px;
  background-color: #fff;
}
.dx-editor-outlined.dx-texteditor-with-floating-label,
.dx-editor-outlined.dx-texteditor-with-label {
  outline: 0;
  margin-top: 6.5px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor:not(.dx-daterangebox),
.dx-editor-outlined.dx-texteditor-with-label.dx-texteditor:not(.dx-daterangebox) {
  border: none;
  box-shadow: none;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before {
  border-style: solid;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before {
  border-color: rgba(0, 0, 0, 0.38);
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-before {
  border-color: rgba(243, 22, 66, 0.4);
  border-bottom-color: rgba(243, 22, 66, 0.4);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-before {
  border-color: #f31642;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-before {
  border-color: #2e3d4c;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
  border-color: #0f6ea8;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label {
  border-top-width: 0;
  border-bottom-width: 2px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
  border-width: 2px;
  border-inline-end-width: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after {
  border-width: 2px;
  border-inline-start-width: 0;
}
.dx-editor-outlined.dx-texteditor-label-outside {
  margin-top: 24px;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-texteditor-label {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-label-after,
.dx-editor-outlined.dx-texteditor-label-outside .dx-label-before {
  -webkit-clip-path: none;
  clip-path: none;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-label {
  margin: 0;
  -webkit-clip-path: none;
  clip-path: none;
  border-top-width: 1px;
  border-radius: 0;
  border-start-end-radius: 1px;
  border-end-end-radius: 1px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  padding: 0;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-label span {
  position: absolute;
  width: 100%;
  cursor: default;
  pointer-events: auto;
  font-size: 14px;
  margin-top: 0;
  top: -24px;
  height: 1.4285714286em;
  line-height: 1.4285714286em;
}
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-placeholder {
  display: none;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
  display: block;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label {
  padding: 0 2px;
  border-top-width: 1px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label span {
  transition:
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -9.5px;
  height: 19px;
  line-height: normal;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label::before {
  background-color: transparent;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-label span {
  top: 15px;
  margin-top: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label {
  border-top-width: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label span {
  transform: translate(0, -6.5px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 14px;
  line-height: normal;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label::before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label::before {
  background-color: #fff;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-textarea .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused.dx-textarea .dx-label span {
  top: 0;
  margin-top: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
  display: none;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label {
  padding: 0 2px;
  border-top-width: 2px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label span {
  transition:
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -9.5px;
  height: 19px;
  line-height: normal;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label::before {
  background-color: transparent;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-textarea .dx-label span {
  top: 15px;
  margin-top: 0;
}
.dx-editor-filled .dx-texteditor-label .dx-label-after,
.dx-editor-filled .dx-texteditor-label .dx-label-before {
  min-width: 16px;
}
.dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field,
.dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder::before,
.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder::before,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-texteditor-input {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder::before,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder::before {
  padding: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-label-outside {
  margin-top: 24px;
}
.dx-editor-filled.dx-texteditor-label-outside .dx-texteditor-label {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
  top: -24px;
}
.dx-editor-filled.dx-texteditor-label-outside .dx-label {
  cursor: default;
}
.dx-editor-filled.dx-texteditor-label-outside .dx-label span {
  width: 100%;
  pointer-events: auto;
  position: absolute;
  margin-bottom: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
  display: none;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label {
  transition:
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  font-size: 16px;
  height: 16px;
  line-height: 17px;
  top: 50%;
  margin-top: -8px;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
  display: block;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label {
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label {
  top: 4px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field,
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before,
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder::before,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-texteditor-input {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder::before,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder::before {
  padding: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-label {
  transform: translate(0, 0);
  height: 12px;
  line-height: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-label-outside {
  margin-top: 24px;
}
.dx-editor-underlined.dx-texteditor-label-outside .dx-texteditor-label {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  top: -24px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-label-outside .dx-label {
  cursor: default;
}
.dx-editor-underlined.dx-texteditor-label-outside .dx-label span {
  width: 100%;
  pointer-events: auto;
  position: absolute;
  margin-bottom: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
  display: none;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label {
  transition:
    font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(0, 0);
  font-size: 16px;
  height: 16px;
  line-height: 17px;
  top: 50%;
  margin-top: -8px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
  display: block;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label {
  transform: translate(0, 0);
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label {
  top: 4px;
  margin-top: 0;
}
.dx-valid.dx-texteditor .dx-texteditor-input-container::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 20px;
  font-weight: 700;
  font-family: DXIcons, sans-serif;
  color: #23c399;
  content: "\f005";
  opacity: 0;
  transform: scale(0);
  animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards dx-valid-badge-frames;
}
.dx-validation-pending.dx-texteditor .dx-texteditor-input-container .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
}
.dx-texteditor .dx-texteditor-buttons-container > .dx-button,
.dx-texteditor .dx-texteditor-buttons-container > .dx-clear-button-area {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.dx-texteditor .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.dx-texteditor .dx-texteditor-buttons-container:first-child > .dx-clear-button-area:first-child {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
.dx-texteditor .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-texteditor .dx-texteditor-buttons-container:first-child > .dx-clear-button-area:last-child {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
}
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-clear-button-area,
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}
.dx-texteditor .dx-texteditor-buttons-container:last-child > div:empty:last-child {
  display: none;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text {
  height: 28px;
  margin-top: 1px;
  margin-bottom: 3px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content {
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon {
  align-self: center;
  margin-top: 1px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon {
  margin-top: 3px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text),
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  min-width: 28px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content {
  padding: 2px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text {
  height: 28px;
  margin-top: 1px;
  margin-bottom: 3px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content {
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon {
  align-self: center;
  margin-top: 1px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon {
  margin-top: 3px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  min-width: 28px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content {
  padding: 2px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.dx-searchbox .dx-icon-search {
  font: 14px/1 DXIcons;
  color: #667c95;
}
.dx-searchbox .dx-icon-search::before {
  content: "\f027";
  color: rgba(46, 61, 76, 0.54);
}
.dx-searchbox.dx-editor-underlined .dx-icon-search {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-position: 4px 4px;
  background-size: 22px 22px;
  padding: 4px;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
}
.dx-searchbox.dx-editor-underlined .dx-placeholder::before,
.dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-start: 30px;
  padding-inline-start: 30px;
}
.dx-searchbox.dx-editor-filled .dx-icon-search,
.dx-searchbox.dx-editor-outlined .dx-icon-search {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background-position: 12px 12px;
  background-size: 22px 22px;
  padding: 12px;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
}
.dx-searchbox.dx-editor-filled .dx-placeholder::before,
.dx-searchbox.dx-editor-filled .dx-texteditor-input,
.dx-searchbox.dx-editor-outlined .dx-placeholder::before,
.dx-searchbox.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-start: 46px;
  padding-inline-start: 46px;
}
.dx-searchbar {
  padding-bottom: 5px;
}
.dx-searchbar .dx-texteditor {
  margin: 0;
}
.dx-dropdowneditor {
  position: relative;
}
.dx-dropdowneditor.dx-dropdowneditor-field-clickable,
.dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-input {
  cursor: pointer;
}
.dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-buttons-container .dx-state-disabled .dx-button,
.dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-buttons-container .dx-state-disabled.dx-button {
  pointer-events: auto;
}
.dx-dropdowneditor-input-wrapper {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  height: 100%;
  display: flex;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor {
  border: none;
  margin: 0;
  display: flex;
  flex-grow: 1;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  text-overflow: ellipsis;
}
.dx-dropdowneditor-field-template-wrapper {
  display: flex;
  flex-grow: 1;
  position: relative;
  align-items: baseline;
}
.dx-dropdowneditor-field-template-wrapper > * {
  flex-grow: 1;
}
.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  opacity: 0.35;
}
.dx-dropdowneditor-button {
  position: relative;
  display: inline-flex;
  float: right;
  height: 100%;
  cursor: pointer;
  width: 24px;
  min-width: 24px;
}
.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 {
  background-position: center;
  background-repeat: no-repeat;
  color: rgba(46, 61, 76, 0.54);
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor {
  cursor: default;
}
.dx-state-disabled .dx-dropdowneditor-button {
  cursor: inherit;
}
.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1;
}
.dx-dropdowneditor-icon::before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor::after,
.dx-dropdowneditor-input-wrapper .dx-texteditor::before {
  content: none;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label-before {
  background-color: transparent;
  box-shadow: none;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 34px;
  padding-inline-end: 34px;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-timeview .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-timeview .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-timeview .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 50px;
  padding-inline-end: 50px;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-start-datebox .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-start-datebox .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-start-datebox .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-start-datebox .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled .dx-start-datebox .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-start-datebox .dx-texteditor-input {
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-timeview .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-timeview .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-timeview .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-timeview .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled .dx-timeview .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-timeview .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  color: rgba(46, 61, 76, 0.54);
  opacity: 1;
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f002";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after,
.dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after {
  inset-inline-end: 30px;
}
.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after,
.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after {
  inset-inline-end: 54px;
}
.dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.dx-dropdowneditor-overlay .dx-list-group-header,
.dx-dropdowneditor-overlay .dx-list-item-content {
  font-size: 14px;
  line-height: 20px;
}
.dx-list {
  margin: 0;
  min-height: 3em;
  border: none;
}
.dx-list .dx-scrollview-content:focus {
  outline: 0;
}
.dx-wrap-item-text > .dx-list-group > .dx-list-group-body > .dx-list-item > .dx-list-item-content,
.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-collapsible-groups .dx-list-group-header {
  cursor: pointer;
}
.dx-list-group-body {
  overflow: hidden;
}
.dx-list-item {
  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;
  text-align: start;
  min-height: 3em;
}
.dx-list-item-badge-container {
  display: table-cell;
  width: 20px;
  text-align: right;
  vertical-align: middle;
}
.dx-list-item-badge {
  float: right;
  position: relative;
}
.dx-list-item-icon-container {
  display: inline-block;
}
.dx-list-item-chevron {
  transform: rotate(0);
  opacity: 1;
}
.dx-rtl .dx-list-item-chevron {
  transform: rotate(180deg);
}
.dx-list-item-response-wait {
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
.dx-list-slide-menu-content {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.dx-list-item-after-bag,
.dx-list-item-before-bag {
  height: 100%;
  vertical-align: middle;
}
.dx-list-item-before-bag .dx-list-select-checkbox {
  float: left;
  transition: 0.1s linear;
}
.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;
  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;
  transform: translateZ(0);
}
.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;
  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 {
  transform: rotate(-90deg);
}
.dx-list-slide-menu-buttons-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.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;
  bottom: 1px;
}
.dx-list-static-delete-button .dx-button-content {
  overflow: visible;
}
.dx-list-next-button {
  padding: 5px;
  text-align: center;
}
.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-select-all-checkbox,
.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-select-all-checkbox,
.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-select-all-checkbox {
  float: right;
}
.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-list-item-chevron {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  -webkit-margin-start: -5px;
  margin-inline-start: -5px;
  color: rgba(46, 61, 76, 0.54);
}
.dx-list-item-chevron::before {
  content: "\f010";
}
.dx-list-item-icon-container {
  width: 40px;
  height: 24px;
  vertical-align: bottom;
}
.dx-list-item-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-list-search {
  margin-bottom: 5px;
  padding-top: 4px;
}
.dx-list-search.dx-searchbox .dx-placeholder::before {
  font-size: 16px;
}
.dx-list-search.dx-searchbox .dx-clear-button-area {
  width: 23px;
}
.dx-list-group-header,
.dx-list-item,
.dx-list-select-all {
  position: relative;
}
.dx-list-group-header .dx-inkripple,
.dx-list-item .dx-inkripple,
.dx-list-select-all .dx-inkripple {
  overflow: hidden;
}
.dx-list-collapsible-groups .dx-list-group-header::before {
  content: none;
}
.dx-list-item-after-bag,
.dx-list-item-before-bag {
  display: table-cell;
  width: 0;
}
.dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 57px);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon {
  border-color: #0a4970;
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton .dx-radiobutton-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton .dx-radiobutton-icon::after {
  background-color: rgba(46, 61, 76, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon::after {
  background-color: rgba(15, 110, 168, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox .dx-checkbox-icon::after {
  background-color: rgba(46, 61, 76, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after {
  background-color: rgba(15, 110, 168, 0.1);
  transform: scale(1);
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.12);
  color: #2e3d4c;
}
.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.14);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.18);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #ccc;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.12);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(0, 0, 0, 0.14);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-focused.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.18);
  color: #2e3d4c;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-active,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-active .dx-list-slide-item-content {
  background-color: #ccc;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #2e3d4c;
}
.dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-list-group:not(.dx-list-group-collapsed) + .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
  border-top-color: transparent;
}
.dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
}
.dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator::before {
  content: "\f016";
}
.dx-list-group.dx-list-group-collapsed .dx-list-group-header {
  color: #2e3d4c;
}
.dx-list-group .dx-list-item:first-of-type {
  margin-top: 0;
}
.dx-list-group .dx-list-item:last-of-type {
  margin-bottom: 0;
}
.dx-list-group-header {
  font-weight: 500;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0);
  color: #2e3d4c;
  border-top: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.dx-list-group-header .dx-list-group-header-indicator {
  color: rgba(46, 61, 76, 0.54);
  order: 1;
  position: absolute;
  inset-inline-end: 16px;
}
.dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
}
.dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator::before {
  content: "\f014";
}
.dx-list-group-header .dx-inkripple {
  height: auto;
  top: -1px;
  bottom: 0;
}
.dx-list-group-header::before {
  content: none;
}
.dx-list-items:not(:first-of-type) .dx-list-item {
  margin-top: 0;
}
.dx-list-item .dx-icon-toggle-delete {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200\)%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%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%0D%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3Argba%2846,%2061,%2076,%200.54%29%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  background-size: 100%;
}
.dx-list-item.dx-state-active,
.dx-list-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #2e3d4c;
}
.dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper,
.dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-list-item:first-of-type {
  border-top: none;
  margin-top: 8px;
}
.dx-list-item:last-of-type {
  border-bottom: none;
  margin-bottom: 8px;
}
.dx-list-item .dx-icon {
  color: rgba(46, 61, 76, 0.54);
}
.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  color: #889fb7;
  background: #fff;
  border-top: 1px solid rgba(15, 110, 168, 0.5);
  border-bottom: 1px solid rgba(15, 110, 168, 0.5);
  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 {
  color: #2e3d4c;
}
.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-item-content {
  font-size: 16px;
  padding: 14px 16px 13px;
}
.dx-list .dx-empty-message {
  padding: 8px 16px 7px;
  color: rgba(46, 61, 76, 0.54);
  font-size: 12px;
}
.dx-list-next-button .dx-button {
  margin-top: 20px;
  padding: 0;
}
.dx-list-next-button .dx-button .dx-button-content {
  padding-block: 6px;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
  padding-left: 58px;
  padding-right: 58px;
}
.dx-list-next-button .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 9px;
  margin-inline-end: 9px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-list-item-chevron-container {
  display: table-cell;
  vertical-align: middle;
  width: 27px;
  padding-top: 7px;
}
.dx-list-border-visible {
  border: 1px solid #e0e0e0;
}
.dx-list-item-before-bag .dx-list-toggle-delete-switch {
  display: block;
  float: left;
  padding: 3px 0;
}
.dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 46px;
}
.dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 56px;
}
.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  padding: 0;
  height: 24px;
  width: 24px;
  -webkit-margin-start: 15px;
  margin-inline-start: 15px;
  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-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
  display: none;
}
.dx-list-item-before-bag .dx-icon-toggle-delete {
  transition: 0.1s linear;
  width: 23px;
  height: 23px;
}
.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  -webkit-margin-start: 16px;
  margin-inline-start: 16px;
}
.dx-list-toggle-delete-switch-container + .dx-list-item-content {
  padding-left: 34px;
}
.dx-list-select-all {
  white-space: nowrap;
  padding: 13px 0;
  font-size: 16px;
  position: relative;
}
.dx-list-select-all::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #e0e0e0;
}
.dx-list-select-all-checkbox {
  margin-top: -1px;
  margin-bottom: -3px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 16px;
  margin-inline-start: 16px;
}
.dx-list-select-all-label {
  line-height: 17px;
  padding: 0 35px;
  margin-top: 2px;
}
.dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 37px;
}
.dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 44.8px;
}
.dx-list-item-after-bag .dx-list-reorder-handle {
  font: 24px/24px DXIcons;
  color: rgba(46, 61, 76, 0.27);
  width: 38.4px;
  height: 38.4px;
  background-position: 7px 7px;
  background-size: 24px 24px;
  padding: 7px;
  text-align: center;
}
.dx-list-item-after-bag .dx-list-reorder-handle::before {
  content: "\f038";
}
.dx-list-slide-menu-button-delete {
  font: 24px/1 DXIcons;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-right-color: transparent;
  background-color: #f31642;
  display: table-cell;
  vertical-align: middle;
  padding: 0 16px;
  width: 56px;
  box-shadow:
    inset 3px 0 5px -3px rgba(0, 0, 0, 0.24),
    inset 0 3px 5px -3px rgba(0, 0, 0, 0.24),
    inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
}
.dx-list-slide-menu-button-delete::before {
  content: "\f03e";
}
.dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #0f6ea8;
}
.dx-list-static-delete-button {
  -webkit-margin-end: 16px;
  margin-inline-end: 16px;
  padding: 0;
  border-radius: 50%;
  height: 34px;
  margin-top: -2px;
}
.dx-list-static-delete-button.dx-button {
  box-shadow: none;
  background-color: transparent;
}
.dx-list-static-delete-button.dx-button .dx-button-content {
  z-index: 1;
}
.dx-list-switchable-delete-button-inner-wrapper {
  -webkit-padding-end: 6px;
  padding-inline-end: 6px;
  background-color: #fff;
}
.dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  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: 0.6;
}
.dx-list-item-badge-container {
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-textarea {
  height: auto;
  font-size: 16px;
}
.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-textarea .dx-texteditor-input-container {
  align-items: stretch;
  margin: 2px;
}
.dx-textarea .dx-placeholder::before,
.dx-textarea .dx-texteditor-input {
  line-height: 24px;
}
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-texteditor-input {
  padding-top: 0;
}
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-texteditor-container {
  padding-top: 15px;
}
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-texteditor-container {
  padding-top: 21px;
}
.dx-textarea .dx-icon-clear {
  top: 0;
  margin-top: 0;
}
.dx-numberbox {
  position: relative;
  -webkit-user-select: none;
  -moz-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 {
  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-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: 0.2;
  opacity: 1;
}
.dx-numberbox-spin-container {
  overflow: hidden;
  width: 24px;
}
.dx-numberbox-spin-up-icon {
  font: 14px/1 DXIcons;
  color: rgba(46, 61, 76, 0.54);
}
.dx-numberbox-spin-up-icon::before {
  content: "\f002";
}
.dx-numberbox-spin-down-icon {
  font: 14px/1 DXIcons;
  color: rgba(46, 61, 76, 0.54);
}
.dx-numberbox-spin-down-icon::before {
  content: "\f001";
}
.dx-numberbox-spin-down-icon,
.dx-numberbox-spin-up-icon {
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-numberbox-spin-down-icon::before,
.dx-numberbox-spin-up-icon::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-numberbox-spin-button {
  padding: 1px;
  height: 50%;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-filled .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-filled .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 62px;
  padding-inline-end: 62px;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-valid .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 62px;
  padding-inline-end: 62px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  width: 74px;
  -webkit-border-start: none;
  border-inline-start: 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-calendar {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  position: relative;
  display: flex;
  direction: ltr;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
  width: 272px;
  height: 264px;
  background-color: #fff;
  gap: 8px;
}
.dx-calendar.dx-rtl {
  direction: rtl;
}
.dx-calendar-views-wrapper {
  position: relative;
  display: flex;
  flex: auto;
  outline: 0;
}
.dx-calendar-navigator {
  display: flex;
  justify-content: space-between;
}
.dx-calendar-navigator .dx-calendar-caption-button {
  flex-grow: 1;
  overflow: hidden;
}
.dx-calendar-navigator .dx-button .dx-button-text {
  text-transform: none;
}
.dx-calendar-navigator .dx-button.dx-state-active,
.dx-calendar-navigator .dx-button.dx-state-hover {
  z-index: 1;
}
.dx-calendar-body {
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
}
.dx-calendar-body .dx-widget {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dx-calendar-body table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-spacing: 0;
  line-height: normal;
}
.dx-calendar-body td,
.dx-calendar-body th {
  padding: 0;
}
.dx-calendar-body thead th {
  font-weight: 500;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #667c95;
}
.dx-calendar-week-number-cell.dx-calendar-week-selection {
  cursor: pointer;
}
.dx-calendar-week-number-cell {
  position: relative;
  color: rgba(46, 61, 76, 0.56);
  width: 2em;
}
.dx-calendar-week-number-cell span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2em;
  inset: 0;
  background-color: rgba(224, 224, 224, 0.4);
  inset-inline-start: 0;
}
.dx-calendar-cell {
  cursor: pointer;
  position: relative;
  text-align: center;
  font-size: 14px;
  color: #2e3d4c;
}
.dx-calendar-cell span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 2em;
  height: 2em;
}
.dx-calendar-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-calendar-multiview .dx-calendar-caption-button .dx-button-content {
  justify-content: space-between;
  align-items: center;
}
.dx-calendar-multiview .dx-calendar-body .dx-widget,
.dx-calendar-multiview .dx-calendar-caption-button .dx-button-text {
  width: 50%;
}
.dx-calendar-multiview .dx-calendar-body table {
  padding: 0 10px;
}
.dx-calendar.dx-calendar-with-footer {
  height: 308px;
}
.dx-calendar.dx-calendar-multiview {
  width: 544px;
}
.dx-calendar.dx-invalid {
  border-color: rgba(243, 22, 66, 0.4);
}
.dx-calendar.dx-invalid.dx-state-focused {
  border-color: #f31642;
}
.dx-calendar-navigator-next-view,
.dx-calendar-navigator-previous-view {
  min-width: 36px;
  flex-shrink: 0;
}
.dx-calendar-navigator-next-view .dx-button-content,
.dx-calendar-navigator-previous-view .dx-button-content {
  padding-block: 5px;
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
  -webkit-padding-end: 5px;
  padding-inline-end: 5px;
}
.dx-calendar-navigator-next-view .dx-icon,
.dx-calendar-navigator-previous-view .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-calendar-navigator .dx-button,
.dx-calendar-navigator .dx-button .dx-icon {
  color: #0f6ea8;
}
.dx-calendar-body thead tr {
  height: 2em;
}
.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
}
.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
  border-end-start-radius: 4px;
  border-end-end-radius: 4px;
}
.dx-calendar-body .dx-week-number-header {
  font-size: 14px;
  width: 2.5em;
}
.dx-calendar-view-century .dx-calendar-cell span,
.dx-calendar-view-decade .dx-calendar-cell span,
.dx-calendar-view-year .dx-calendar-cell span {
  width: 4em;
  height: 4em;
  border-radius: 4px;
  word-spacing: 4em;
  line-height: 1em;
}
.dx-calendar-cell.dx-calendar-today span {
  border: 2px solid #0f6ea8;
}
.dx-calendar-cell.dx-state-hover span {
  background-color: rgba(15, 110, 168, 0.24);
  color: #2e3d4c;
}
.dx-calendar-cell.dx-state-active span {
  background-color: rgba(15, 110, 168, 0.4);
}
.dx-calendar-cell.dx-calendar-selected-date span {
  color: #fff;
  background-color: #0f6ea8;
}
.dx-calendar-cell.dx-calendar-contoured-date span {
  box-shadow: 0 0 0 2px rgba(15, 110, 168, 0.5);
}
.dx-calendar-cell.dx-calendar-empty-cell,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view,
.dx-calendar-cell.dx-calendar-other-view.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-state-hover span {
  color: rgba(46, 61, 76, 0.38);
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-calendar-selected-date span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
  color: #fff;
}
.dx-calendar-cell.dx-calendar-other-view::after,
.dx-calendar-cell.dx-calendar-other-view::before {
  content: none;
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
  color: rgba(46, 61, 76, 0.38);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
  background-color: rgba(15, 110, 168, 0.24);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span {
  background-color: rgba(15, 110, 168, 0.4);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date span {
  color: rgba(46, 61, 76, 0.38);
  background-color: transparent;
}
.dx-calendar-cell.dx-calendar-empty-cell {
  cursor: default;
  color: rgba(46, 61, 76, 0.24);
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span {
  background-color: transparent;
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
  background-color: #0f6ea8;
}
.dx-calendar-cell-in-range::before {
  content: "";
  position: absolute;
  z-index: 1;
  height: 2em;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  background-color: rgba(15, 110, 168, 0.24);
  border-width: 0;
  border-style: dashed;
  border-color: rgba(15, 110, 168, 0.6) transparent;
}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before,
.dx-calendar-cell-in-range.dx-calendar-cell-end::before,
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before,
.dx-calendar-cell-in-range.dx-calendar-cell-start::before,
.dx-calendar-cell-in-range.dx-calendar-range-end-date::before,
.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
  width: calc(50% + 1em);
}
.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
  content: none;
}
.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before,
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover::after {
  content: "";
  position: absolute;
  z-index: 1;
  height: 2em;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  background-color: inherit;
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(15, 110, 168, 0.6) transparent;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-end::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
  width: calc(50% + 1em);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
  content: none;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(15, 110, 168, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.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-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;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22182%22%20height%3D%22182%22%20viewBox%3D%220%200%20182%20182%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20filter%3D%22url(%23a)%22%3E%0D%0A%3Ccircle%20cx%3D%2291%22%20cy%3D%2291%22%20r%3D%2285%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%3Cpath%20d%3D%22M88.835%2015.442v7.828h-1.682v-5.927c-.093.082-.203.16-.331.235a3.796%203.796%200%200%201-.4.198%204.92%204.92%200%200%201-.444.15%203.725%203.725%200%200%201-.454.085v-1.42a7.15%207.15%200%200%200%202.291-1.149h1.02Zm4.138%206.429h3.247v1.4h-5.094v-.578c0-.391.066-.742.197-1.052.132-.313.298-.592.497-.838.2-.249.416-.468.651-.657.239-.192.465-.364.678-.518.225-.16.42-.313.588-.459.17-.146.313-.29.427-.432.117-.146.205-.292.262-.438.057-.15.085-.308.085-.475%200-.328-.093-.575-.278-.743-.185-.167-.468-.25-.849-.25-.658%200-1.288.261-1.89.784v-1.484a4.065%204.065%200%200%201%202.254-.646c.387%200%20.735.052%201.04.155.31.1.572.244.786.432.213.189.375.419.486.689.114.267.17.566.17.897a2.5%202.5%200%200%201-.165.94%202.78%202.78%200%200%201-.433.747%203.902%203.902%200%200%201-.619.62c-.235.185-.479.365-.732.54-.17.12-.336.241-.496.362a4.299%204.299%200%200%200-.417.353%201.841%201.841%200%200%200-.288.336.585.585%200%200%200-.107.315Zm.364%20143.931c0%20.377-.066.729-.198%201.057a2.616%202.616%200%200%201-.55.854%202.595%202.595%200%200%201-1.9.769%202.71%202.71%200%200%201-1.16-.24%202.354%202.354%200%200%201-.859-.694%203.286%203.286%200%200%201-.54-1.122%205.522%205.522%200%200%201-.186-1.5c0-.659.08-1.255.24-1.789a4.19%204.19%200%200%201%20.694-1.378%203.131%203.131%200%200%201%202.537-1.196c.59%200%201.05.07%201.377.209v1.409a2.534%202.534%200%200%200-1.27-.331c-.285%200-.543.055-.775.166-.231.11-.43.267-.598.47a2.333%202.333%200%200%200-.39.737%203.294%203.294%200%200%200-.15.955h.033c.363-.502.899-.753%201.607-.753.317%200%20.604.057.86.171.256.114.475.276.657.486.181.207.322.456.421.748.1.292.15.616.15.972Zm-1.65.106c0-.822-.336-1.233-1.01-1.233a.99.99%200%200%200-.416.085.92.92%200%200%200-.32.241%201.129%201.129%200%200%200-.208.368c-.047.139-.07.294-.07.465%200%20.188.025.365.075.528.05.164.12.308.208.433.093.121.201.217.326.288a.827.827%200%200%200%20.416.107.9.9%200%200%200%20.412-.091.934.934%200%200%200%20.315-.261c.089-.114.156-.25.203-.406.046-.16.069-.335.069-.524Zm34.027-10.579c0%20.374-.065.712-.193%201.015a2.196%202.196%200%200%201-.55.779%202.399%202.399%200%200%201-.854.502%203.341%203.341%200%200%201-1.116.177c-.712%200-1.241-.107-1.586-.321v-.929c.52.335%201.052.502%201.597.502.277%200%20.527-.041.747-.123.224-.082.415-.196.572-.342.156-.146.275-.322.357-.528a1.75%201.75%200%200%200%20.128-.678c0-.499-.167-.889-.501-1.17-.335-.285-.821-.427-1.458-.427a12.509%2012.509%200%200%200-.668.021%206.259%206.259%200%200%200-.63.043l.262-3.839h3.54v.79h-2.782l-.155%202.248c.114-.007.235-.012.363-.016a6.41%206.41%200%200%201%20.342-.011c.406%200%20.769.054%201.089.161.321.106.591.26.812.459.224.196.393.438.507.726.118.285.177.605.177.961ZM124.405%2033.95h-.875v-6.615a2.152%202.152%200%200%201-.299.235c-.129.085-.275.17-.438.256-.16.086-.331.166-.513.24a3.605%203.605%200%200%201-.523.177v-.887a5.19%205.19%200%200%200%20.609-.213%207.948%207.948%200%200%200%201.228-.657c.185-.125.345-.246.48-.363h.331v7.828Zm28.265%2089.359v5.057h.982v.801h-.982v1.799h-.865v-1.799h-3.599v-.758a28.127%2028.127%200%200%200%201.992-2.515c.313-.442.601-.881.865-1.319.267-.442.491-.863.672-1.266h.935Zm-3.476%205.057h2.611v-3.748a24.073%2024.073%200%200%201-2.056%203.059l-.555.689Zm3.059-76.033c0-.235-.037-.44-.112-.614a1.148%201.148%200%200%200-.299-.433%201.174%201.174%200%200%200-.443-.261%201.832%201.832%200%200%200-1.057-.016c-.164.046-.324.11-.481.192a3.13%203.13%200%200%200-.849.673v-.94c.246-.239.52-.42.822-.545.307-.128.679-.192%201.116-.192.314%200%20.604.046.871.139.267.089.498.22.694.395.196.174.349.39.459.646.114.256.171.55.171.881%200%20.303-.036.577-.107.822a2.407%202.407%200%200%201-.315.695%203.29%203.29%200%200%201-.528.624c-.214.2-.465.402-.753.609-.36.256-.657.475-.892.657a3.991%203.991%200%200%200-.555.512%201.496%201.496%200%200%200-.289.476c-.053.156-.08.338-.08.544h3.813v.785h-4.726v-.379c0-.327.036-.616.107-.865.071-.25.189-.486.352-.71.164-.224.378-.449.641-.673.267-.224.593-.477.977-.758.278-.2.509-.39.694-.572a2.91%202.91%200%200%200%20.454-.544%201.93%201.93%200%200%200%20.241-.55%202.37%202.37%200%200%200%20.074-.598Zm10.071%2043.671v-1.469c.513.374%201.111.56%201.794.56.431%200%20.766-.092%201.004-.277.242-.185.363-.443.363-.774a.879.879%200%200%200-.448-.79c-.296-.186-.703-.278-1.223-.278h-.71v-1.292h.657c.996%200%201.495-.331%201.495-.993%200-.624-.383-.935-1.148-.935-.513%200-1.011.166-1.496.497v-1.378c.538-.27%201.165-.406%201.88-.406.783%200%201.392.176%201.826.529.438.352.657.81.657%201.372%200%201-.507%201.627-1.522%201.88v.026c.541.068.968.266%201.282.593.313.324.47.723.47%201.196%200%20.716-.262%201.282-.785%201.698-.524.417-1.246.625-2.168.625-.791%200-1.433-.128-1.928-.385ZM19.815%2092.057c0%20.68-.075%201.29-.225%201.827a3.878%203.878%200%200%201-.656%201.356%202.89%202.89%200%200%201-1.047.854%203.239%203.239%200%200%201-1.404.294c-.627%200-1.166-.1-1.618-.3v-1.387c.402.263.886.395%201.452.395.58%200%201.034-.198%201.362-.593.327-.395.493-.966.497-1.714l-.033-.01c-.338.501-.852.752-1.543.752-.313%200-.603-.059-.87-.176a2.143%202.143%200%200%201-.689-.486%202.322%202.322%200%200%201-.454-.748%202.717%202.717%200%200%201-.16-.95c0-.402.066-.769.198-1.1.131-.331.315-.616.55-.854a2.42%202.42%200%200%201%20.854-.55%202.951%202.951%200%200%201%201.1-.198c.416%200%20.79.082%201.121.246.331.16.613.393.844.7a3.2%203.2%200%200%201%20.534%201.126c.124.445.187.95.187%201.516Zm-1.704-.897c0-.195-.024-.379-.074-.55a1.45%201.45%200%200%200-.209-.448.987.987%200%200%200-.325-.294.875.875%200%200%200-.828-.016.98.98%200%200%200-.315.267c-.089.11-.158.244-.208.4-.05.157-.075.326-.075.508%200%20.2.025.377.075.534.05.153.119.283.208.39a.937.937%200%200%200%20.331.245%201.1%201.1%200%200%200%20.833-.005.979.979%200%200%200%20.31-.24c.089-.1.156-.217.203-.353.05-.135.074-.281.074-.438Zm7.951%2036.781c0-.203.032-.406.096-.609a2.26%202.26%200%200%201%20.272-.577%202.172%202.172%200%200%201%201.047-.833%202.282%202.282%200%200%201-.79-.71%201.699%201.699%200%200%201-.294-.967c0-.281.053-.541.16-.779.11-.239.262-.445.454-.62.192-.174.42-.309.683-.405.264-.1.548-.15.855-.15.31%200%20.596.05.86.15a2.1%202.1%200%200%201%20.683.411%201.845%201.845%200%200%201%20.608%201.393c0%20.353-.097.675-.293.967a2.31%202.31%200%200%201-.78.71c.221.086.418.201.593.347.174.146.32.308.438.486a2.153%202.153%200%200%201%20.374%201.186c0%20.334-.06.64-.182.918a2.054%202.054%200%200%201-.513.715%202.352%202.352%200%200%201-.784.46%202.92%202.92%200%200%201-1.004.165c-.364%200-.696-.055-.999-.165a2.425%202.425%200%200%201-.785-.46%202.116%202.116%200%200%201-.518-.715%202.276%202.276%200%200%201-.181-.918Zm.95-.075c0%20.238.036.454.107.646.075.192.178.356.31.491.135.135.297.24.486.315.192.071.404.107.635.107.224%200%20.43-.037.62-.112.188-.075.35-.18.485-.315a1.34%201.34%200%200%200%20.32-.491c.079-.193.118-.406.118-.641%200-.214-.037-.413-.112-.598a1.467%201.467%200%200%200-.31-.497%201.474%201.474%200%200%200-.486-.336%201.579%201.579%200%200%200-.635-.123c-.22%200-.425.039-.614.117a1.447%201.447%200%200%200-.806.812%201.616%201.616%200%200%200-.118.625Zm.273-3.551c0%20.181.032.351.096.507.067.153.158.289.272.406a1.261%201.261%200%200%200%20.897.368%201.294%201.294%200%200%200%20.897-.373c.114-.118.205-.253.272-.406.068-.157.102-.324.102-.502%200-.185-.034-.356-.102-.513a1.229%201.229%200%200%200-.267-.406%201.249%201.249%200%200%200-.405-.267%201.225%201.225%200%200%200-.497-.101c-.189%200-.361.034-.518.101a1.278%201.278%200%200%200-.4.278c-.11.114-.196.249-.257.406-.06.157-.09.324-.09.502Zm29.501%2027.983a28.493%2028.493%200%200%200-.95%201.778%2035.01%2035.01%200%200%200-.567%201.218c-.192.434-.372.883-.539%201.346-.167.462-.315.932-.443%201.409-.125.474-.216.94-.273%201.399h-.94c.065-.455.163-.92.294-1.393a19.884%2019.884%200%200%201%20.994-2.724c.188-.423.371-.813.55-1.169a28.662%2028.662%200%200%201%20.844-1.581h-3.84v-.79h4.87v.507ZM29.447%2060.652h-.876v-6.616a2.087%202.087%200%200%201-.299.235%205.733%205.733%200%200%201-.95.497%203.617%203.617%200%200%201-.523.176v-.886c.192-.054.395-.125.608-.214a8.022%208.022%200%200%200%201.228-.657%204.77%204.77%200%200%200%20.481-.363h.331v7.828Zm7.476-3.86c0%20.64-.06%201.208-.177%201.703-.114.495-.28.913-.502%201.255a2.261%202.261%200%200%201-.806.774%202.21%202.21%200%200%201-1.084.262c-.384%200-.728-.084-1.03-.251a2.184%202.184%200%200%201-.759-.742%203.75%203.75%200%200%201-.47-1.191%207.416%207.416%200%200%201-.16-1.623c0-.67.056-1.26.166-1.773.114-.513.28-.942.496-1.287.218-.349.486-.61.807-.785a2.268%202.268%200%200%201%201.11-.267c1.606%200%202.409%201.308%202.409%203.925Zm-.898.085c0-2.178-.517-3.268-1.553-3.268-1.093%200-1.64%201.11-1.64%203.327%200%202.068.536%203.102%201.608%203.102%201.057%200%201.586-1.053%201.586-3.16ZM57.039%2033.95h-.876v-6.615a2.087%202.087%200%200%201-.299.235%205.665%205.665%200%200%201-.95.497%203.613%203.613%200%200%201-.524.176v-.887c.193-.053.395-.124.609-.213a8.009%208.009%200%200%200%201.228-.657%204.94%204.94%200%200%200%20.48-.363h.332v7.828Zm5.895%200h-.876v-6.615a2.087%202.087%200%200%201-.299.235%205.665%205.665%200%200%201-.95.497%203.613%203.613%200%200%201-.524.176v-.887c.193-.053.395-.124.609-.213a8.023%208.023%200%200%200%201.228-.657c.185-.125.345-.246.48-.363h.332v7.828Z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.54%29%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3Cfilter%20id%3D%22a%22%20x%3D%222%22%20y%3D%224%22%20width%3D%22178%22%20height%3D%22178%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0D%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0D%0A%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%0D%0A%3CfeOffset%20dy%3D%222%22%2F%3E%0D%0A%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%0D%0A%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%0D%0A%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.05%200%22%2F%3E%0D%0A%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%0D%0A%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%0D%0A%3C%2Ffilter%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E");
  min-width: 182px;
  min-height: 182px;
  max-height: 182px;
  background-size: 182px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 10px;
}
.dx-timeview-hourarrow,
.dx-timeview-minutearrow {
  position: absolute;
  left: 50%;
  width: 10px;
  margin-left: -5px;
  height: 50%;
  background-position: bottom;
  background-repeat: no-repeat;
  transform-origin: 50% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dx-timeview-hourarrow {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%2248%22%20viewBox%3D%220%200%206%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20width%3D%226%22%20height%3D%2244%22%20rx%3D%223%22%20fill%3D%22%230f6ea8%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-timeview-minutearrow {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2266%22%20viewBox%3D%220%200%2010%2066%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20x%3D%223%22%20width%3D%224%22%20height%3D%2264%22%20rx%3D%222%22%20fill%3D%22%230f6ea8%22%2F%3E%0D%0A%3Ccircle%20cx%3D%225%22%20cy%3D%2261%22%20r%3D%223.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%230f6ea8%22%20stroke-width%3D%223%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-timeview {
  height: auto;
  width: auto;
}
.dx-timeview .dx-texteditor .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
}
.dx-timeview .dx-texteditor .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.dx-timeview-format12 {
  width: 64px;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}
.dx-timeview-time-separator {
  margin: 0 5px;
}
.dx-timeview-field {
  min-height: 35px;
}
.dx-timeview-field .dx-numberbox {
  width: 64px;
}
.dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  width: 110px;
}
.dx-dateview-item {
  margin: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  color: #2e3d4c;
}
.dx-dateview-rollers {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  flex-flow: row nowrap;
}
.dx-dateview-item-selected-border,
.dx-dateviewroller-day .dx-dateview-name-formatter,
.dx-dateviewroller-month .dx-dateview-value-formatter {
  display: none;
}
.dx-dateview-rollers {
  width: auto;
  text-align: center;
  display: block;
}
.dx-dateviewroller-current .dx-dateview-item {
  transition: font-size 0.2s ease-out;
}
.dx-dateviewroller {
  position: relative;
  vertical-align: top;
  cursor: pointer;
  flex: 1 1 auto;
  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;
  inset-inline-end: -9%;
  font-weight: 700;
  top: 37%;
  color: #2e3d4c;
}
.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  padding-left: 20%;
}
.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  width: 80%;
}
.dx-dateview-item-selected {
  font-size: 1.8em;
  color: #0f6ea8;
}
.dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%;
}
.dx-dateview-item-selected-frame::after,
.dx-dateview-item-selected-frame::before {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 71px;
}
.dx-dateview-item-selected-frame::before {
  top: -71px;
  background-repeat: no-repeat;
  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;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.8) 60%);
}
.dx-device-phone .dx-dateview-rollers,
.dx-device-tablet .dx-dateview-rollers {
  display: flex;
  flex-flow: row nowrap;
}
.dx-device-phone .dx-dateviewroller-month,
.dx-device-tablet .dx-dateviewroller-month {
  min-width: 4em;
}
.dx-device-phone .dx-dateview-item,
.dx-device-tablet .dx-dateview-item {
  font-size: 1.1em;
}
.dx-device-phone .dx-dateview-item-selected,
.dx-device-tablet .dx-dateview-item-selected {
  font-size: 1.4em;
}
.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 {
  width: auto;
}
.dx-datebox-datetime-time-side {
  background-color: rgba(221, 221, 221, 0.2);
}
.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-time .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-time .dx-dropdowneditor-icon::before {
  content: "\f01d";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-time.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-time.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f01d";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-date .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-date .dx-dropdowneditor-icon::before {
  content: "\f026";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-date.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-date.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f026";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-datetime .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-datetime .dx-dropdowneditor-icon::before {
  content: "\f043";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-datetime.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-datetime.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f043";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled {
  background: rgba(46, 61, 76, 0.07);
}
.dx-datebox-wrapper-calendar .dx-popup-content {
  padding: 0;
}
.dx-datebox-wrapper-calendar .dx-calendar {
  border: none;
  margin: 16px;
}
.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  margin-right: 16px;
  margin-bottom: 16px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  padding: 16px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  margin-top: -1px;
  margin-right: 16px;
}
@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-wrapper-list .dx-popup-content {
  padding: 0;
}
.dx-datebox input[type=date] {
  line-height: normal;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-end: 34px;
  padding-inline-end: 34px;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-timeview .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-timeview .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
  -webkit-padding-end: 50px;
  padding-inline-end: 50px;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-start-datebox .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-start-datebox .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-start-datebox .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-start-datebox .dx-texteditor-input {
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-timeview .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-timeview .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-timeview .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-timeview .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  min-height: 33px;
}
.dx-texteditor.dx-datebox-native .dx-texteditor-input {
  padding-right: 8px;
}
.dx-daterangebox {
  display: flex;
}
.dx-daterangebox .dx-texteditor-with-floating-label,
.dx-daterangebox .dx-texteditor-with-label {
  margin-top: 0;
}
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-label,
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-label-after,
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-label-before,
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-label,
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-label-after,
.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-label-before {
  margin: 0;
  border: 0;
  -webkit-clip-path: none;
  clip-path: none;
  box-shadow: none;
}
.dx-daterangebox .dx-datebox {
  width: 100%;
}
.dx-daterangebox .dx-datebox.dx-editor-underlined {
  border-bottom: 0;
  background-color: transparent;
}
.dx-daterangebox .dx-datebox.dx-editor-underlined::before {
  margin-left: 0;
}
.dx-daterangebox .dx-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-container .dx-texteditor-input {
  padding-right: 0;
}
.dx-daterangebox .dx-datebox.dx-editor-filled {
  background-color: transparent;
  border: 0;
}
.dx-daterangebox .dx-datebox.dx-editor-filled.dx-state-readonly,
.dx-daterangebox .dx-datebox.dx-editor-filled.dx-state-readonly.dx-state-hover {
  background-color: transparent;
}
.dx-daterangebox.dx-texteditor-empty .dx-clear-button-area {
  display: block;
  visibility: hidden;
}
.dx-daterangebox-separator {
  display: flex;
  align-items: center;
  padding-left: 16px;
  color: rgba(0, 0, 0, 0.38);
}
.dx-rtl .dx-daterangebox-separator {
  transform: scale(-1, 1);
}
.dx-daterangebox .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-daterangebox .dx-dropdowneditor-icon::before {
  content: "\f043";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-daterangebox.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-daterangebox.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f043";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-daterangebox .dx-editor-outlined::before {
  display: block;
  bottom: 1px;
}
.dx-daterangebox .dx-editor-filled::before,
.dx-daterangebox .dx-editor-outlined::before {
  width: calc(100% - 30px);
  margin: 0 15px;
}
.dx-daterangebox.dx-editor-filled.dx-state-focused.dx-invalid::before,
.dx-daterangebox.dx-editor-filled.dx-state-hover::after,
.dx-daterangebox.dx-editor-filled::before,
.dx-daterangebox.dx-editor-underlined.dx-state-focused.dx-invalid::before,
.dx-daterangebox.dx-editor-underlined.dx-state-hover::after,
.dx-daterangebox.dx-editor-underlined::before {
  border-bottom-width: 1px;
  transition: none;
}
.dx-daterangebox.dx-editor-filled .dx-datebox::before,
.dx-daterangebox.dx-editor-underlined .dx-datebox::before {
  bottom: 1px;
}
.dx-daterangebox.dx-editor-filled .dx-datebox::after,
.dx-daterangebox.dx-editor-underlined .dx-datebox::after {
  border-color: transparent;
  bottom: 1px;
}
.dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
  padding-right: 16px;
}
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-button,
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-clear-button-area {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-button:first-child,
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-clear-button-area:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-button:last-child,
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
}
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-dropdowneditor-button:last-child {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-clear-button-area + div:empty:last-child,
.dx-daterangebox.dx-texteditor > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child {
  -webkit-margin-end: 12px;
  margin-inline-end: 12px;
}
.dx-daterangebox .dx-datebox.dx-start-datebox.dx-texteditor .dx-texteditor-input {
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-daterangebox .dx-datebox.dx-end-datebox.dx-texteditor.dx-invalid .dx-texteditor-input {
  -webkit-padding-end: 46px;
  padding-inline-end: 46px;
}
.dx-daterangebox-separator .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
  margin: 0;
}
.dx-dropdownlist-popup-wrapper {
  height: 100%;
}
.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  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: 48px;
}
.dx-dropdownlist-popup-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.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-autocomplete.dx-invalid .dx-texteditor-buttons-container::after,
.dx-autocomplete.dx-valid .dx-texteditor-buttons-container::after,
.dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-loadindicator {
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  border: none;
  background-color: transparent;
  line-height: 100%;
}
.dx-loadindicator-wrapper {
  width: 100%;
  height: 100%;
  font-size: 32px;
  margin: auto;
}
.dx-loadindicator-image {
  background-size: contain;
  transform-origin: 50% 50%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.dx-loadindicator-icon-custom {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  transform-origin: 50% 50%;
  animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate;
}
@keyframes dx-loadindicator-icon-custom-rotate {
  from {
    transform: rotate(0);
  }
  to {
    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 {
  position: relative;
  height: 100%;
  width: 100%;
  animation: 1568ms linear infinite dx-content-rotation;
}
.dx-loadindicator-image .dx-loadindicator-content {
  animation: none;
}
.dx-loadindicator-icon {
  direction: ltr;
  position: absolute;
  height: 100%;
  width: 100%;
  animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both dx-icon-rotation;
}
.dx-loadindicator-segment {
  height: 100%;
  width: 100%;
  position: absolute;
}
.dx-loadindicator-segment-inner {
  position: relative;
  height: 100%;
  border-color: #0f6ea8 #0f6ea8 transparent;
  border-width: 0.12em;
  border-style: solid;
  animation: none;
  border-radius: 50%;
}
.dx-loadindicator-segment0,
.dx-loadindicator-segment2 {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.dx-loadindicator-segment0 .dx-loadindicator-segment-inner,
.dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
  width: 200%;
}
.dx-loadindicator-segment2 {
  left: 0;
}
.dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
  border-right-color: transparent;
  transform: rotate(-129deg);
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both dx-left-segment-rotation;
}
.dx-loadindicator-segment0 {
  right: 0;
}
.dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
  left: -100%;
  border-left-color: transparent;
  transform: rotate(129deg);
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both dx-right-segment-rotation;
}
.dx-loadindicator-segment1 {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.dx-loadindicator-segment1 .dx-loadindicator-segment-inner {
  width: 1000%;
  left: -450%;
}
@keyframes dx-content-rotation {
  to {
    transform: rotate(360deg);
  }
}
@keyframes dx-icon-rotation {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@keyframes dx-left-segment-rotation {
  from, to {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
}
@keyframes dx-right-segment-rotation {
  from, to {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
.dx-treeview-loadindicator-wrapper {
  text-align: center;
}
.dx-treeview {
  height: 100%;
}
.dx-treeview .dx-scrollable:focus,
.dx-treeview :focus {
  outline: 0;
}
.dx-treeview .dx-empty-message {
  line-height: normal;
}
.dx-treeview .dx-treeview-node.dx-treeview-root-node {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.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 a {
  text-decoration: none;
}
.dx-treeview-node .dx-checkbox {
  order: 1;
  margin: 0;
}
.dx-treeview-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dx-treeview-item .dx-treeview-item-content {
  flex: 1 1 auto;
  order: 2;
}
.dx-treeview-item .dx-treeview-item-content .dx-icon {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  vertical-align: bottom;
}
.dx-treeview-item .dx-treeview-item-content .dx-button-has-icon .dx-icon {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.dx-treeview-item .dx-item-content .dx-item-url {
  display: flex;
  align-items: center;
}
.dx-treeview-item.dx-state-disabled {
  opacity: 0.5;
}
.dx-treeview-custom-collapse-icon,
.dx-treeview-custom-expand-icon,
.dx-treeview-toggle-item-visibility {
  cursor: pointer;
  order: 0;
}
.dx-treeview-custom-collapse-icon.dx-state-disabled,
.dx-treeview-custom-expand-icon.dx-state-disabled,
.dx-treeview-toggle-item-visibility.dx-state-disabled {
  cursor: default;
}
.dx-rtl .dx-treeview-custom-collapse-icon,
.dx-rtl .dx-treeview-custom-expand-icon,
.dx-rtl .dx-treeview-toggle-item-visibility {
  transform: scaleX(-1);
}
.dx-treeview-custom-collapse-icon,
.dx-treeview-custom-expand-icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-treeview-item .dx-checkbox .dx-checkbox-icon::after {
  background-color: rgba(46, 61, 76, 0.1);
  transform: scale(1);
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-treeview-item .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after,
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-treeview-item .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after {
  background-color: rgba(15, 110, 168, 0.1);
  transform: scale(1);
}
.dx-treeview-item {
  gap: 12px;
  padding: 12px 16px;
  margin: 0;
}
.dx-treeview-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 0;
  color: #2e3d4c;
}
.dx-state-selected > .dx-treeview-item {
  color: #2e3d4c;
  border-radius: 0;
}
.dx-treeview-node {
  list-style-type: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-padding-start: 18px;
  padding-inline-start: 18px;
}
.dx-treeview-toggle-item-visibility {
  font: 24px/1 DXIcons;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: rgba(46, 61, 76, 0.54);
}
.dx-treeview-toggle-item-visibility::before {
  content: "\f010";
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 24px/1 DXIcons;
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
  content: "\f016";
}
.dx-treeview-expander-icon-stub {
  display: flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
}
.dx-treeview-item-with-checkbox .dx-treeview-item {
  color: #2e3d4c;
}
.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  color: #2e3d4c;
  background-color: rgba(0, 0, 0, 0.12);
}
.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  background-color: rgba(0, 0, 0, 0.04);
  color: #2e3d4c;
  border-radius: 0;
}
.dx-treeview-search {
  margin-bottom: 8px;
}
.dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 56px);
}
.dx-treeview-select-all-item {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 55px;
}
.dx-treeview-select-all-item .dx-checkbox-container {
  display: flex;
  align-items: center;
}
.dx-treeview-select-all-item .dx-checkbox-text {
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
}
.dx-treeview-node-loadindicator {
  width: 24px;
  height: 24px;
}
.dx-treeview-border-visible {
  border: 1px solid #e0e0e0;
}
.dx-treeview-border-visible .dx-treeview-select-all-item {
  -webkit-padding-start: 26px;
  padding-inline-start: 26px;
}
.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding: 1px 1px 1px 8px;
}
.dx-menu-base .dx-menu-item-wrapper,
.dx-menu-base .dx-menu-items-container {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  height: 100%;
}
.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-menu-item-content {
  white-space: nowrap;
  height: 100%;
  width: 100%;
  line-height: 18px;
}
.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-text-with-url {
  vertical-align: baseline;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon-with-url {
  vertical-align: top;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-item-url {
  vertical-align: middle;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  position: absolute;
  top: 0;
  inset-inline-end: 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-menu-item .dx-submenu {
  box-sizing: content-box;
}
.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout {
  transform: scaleX(-1);
}
.dx-menu-base.dx-overlay-content .dx-scrollable {
  overflow: visible;
}
.dx-menu-base.dx-overlay-content .dx-scrollable .dx-scrollable-content {
  min-height: auto;
  transform: none !important;
}
.dx-menu-base.dx-overlay-content .dx-scrollable .dx-scrollable-container {
  overscroll-behavior: contain;
}
.dx-menu-item {
  color: #9fb2c5;
}
.dx-menu-item a {
  color: #0f6ea8;
}
.dx-menu-item.dx-state-disabled {
  opacity: 0.5;
}
.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-menu-item-selected {
  background-color: #fff;
  color: #2e3d4c;
}
.dx-menu-item-selected.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.7);
}
.dx-menu-item-expanded,
.dx-menu-item-expanded.dx-state-focused,
.dx-menu-item-expanded.dx-state-hover {
  color: #9fb2c5;
  background-color: #fff;
}
.dx-menu-base {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-align: start;
  box-sizing: content-box;
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-menu-base input,
.dx-menu-base textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.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 .dx-menu-item-content .dx-menu-item-popout {
  min-width: 7px;
  min-height: 7px;
}
.dx-menu {
  position: relative;
  color: #9fb2c5;
}
.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;
  vertical-align: middle;
}
.dx-menu-horizontal .dx-menu-separator {
  display: inline-block;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
}
.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-bottom: 15px;
}
.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-item {
  cursor: pointer;
}
.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  padding: 1px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  -webkit-padding-start: 15px;
  padding-inline-start: 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: flex;
  flex-flow: row wrap;
}
.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
  display: flex;
}
.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
  height: auto;
  flex: 1 1 auto;
}
.dx-context-menu-container-border,
.dx-context-menu-content-delimiter {
  background-color: transparent;
}
.dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
  content: "\f001";
}
.dx-menu .dx-menu-vertical .dx-menu-item-popout {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-menu .dx-menu-vertical .dx-menu-item-popout::before {
  content: "\f04e";
}
.dx-menu .dx-menu-item {
  font-size: 14px;
  border-radius: 4px;
}
.dx-menu .dx-menu-item .dx-menu-item-content {
  display: flex;
  padding: 12px 16px;
}
.dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-text {
  flex: 1 1 auto;
}
.dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}
.dx-menu-adaptive-mode {
  background-color: #fff;
}
.dx-menu-adaptive-mode .dx-treeview {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.dx-menu-adaptive-mode .dx-treeview,
.dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  order: 3;
  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-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-selectbox-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-selectbox-popup-wrapper .dx-popup-content {
  padding: 0;
}
.dx-selectbox-popup-wrapper .dx-list {
  background-color: #fff;
}
.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  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: flex;
  align-items: center;
  flex: 0 1 auto;
  height: 56px;
}
.dx-toolbar.dx-state-disabled {
  opacity: 1;
}
.dx-toolbar .dx-button .dx-icon {
  box-sizing: content-box;
}
.dx-toolbar-items-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dx-toolbar-item {
  padding: 0 5px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: content-box;
}
.dx-toolbar-item img {
  display: block;
}
.dx-toolbar-menu-container {
  display: table-cell;
  vertical-align: middle;
  box-sizing: content-box;
}
.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,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content {
  padding: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content > .dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content > .dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content.dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content.dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide > .dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide > .dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide.dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide.dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content > .dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content > .dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content.dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content.dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content > .dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content > .dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content.dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content.dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide > .dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide > .dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide.dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide.dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content > .dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content > .dx-buttongroup .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content.dx-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content.dx-buttongroup .dx-button-content {
  justify-content: flex-start;
}
.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
  border-bottom: none;
}
.dx-toolbar-menu-section .dx-list-item-content::before {
  content: none;
}
.dx-toolbar-menu-section .dx-list-item-content,
.dx-toolbar-menu-section .dx-list-item-content.dx-list,
.dx-toolbar-menu-section .dx-list-item-content > .dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-content,
.dx-toolbar-menu-section .dx-toolbar-item-content.dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-content > .dx-list {
  padding: 0;
}
.dx-toolbar-menu-section .dx-list-item-content > .dx-button,
.dx-toolbar-menu-section .dx-list-item-content.dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-content > .dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-content.dx-button {
  width: 100%;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  width: 100%;
  margin: 0;
  box-shadow: none;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-buttongroup {
  width: 100%;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper {
  flex-direction: column;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
  box-shadow: none;
}
.dx-toolbar-text-auto-hide .dx-button .dx-button-text {
  display: none;
}
.dx-list-item-content > .dx-texteditor,
.dx-list-item-content.dx-texteditor,
.dx-toolbar-item-content > .dx-texteditor,
.dx-toolbar-item-content.dx-texteditor {
  width: 150px;
}
.dx-toolbar-item-invisible {
  display: none;
}
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  min-height: 0;
  min-width: 100px;
  border-radius: 8px;
}
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-dropdownmenu-popup-wrapper .dx-popup-content {
  padding: 1px;
}
.dx-dropdownmenu-popup-wrapper .dx-list-item {
  display: block;
  border-top: 0;
}
.dx-dropdownmenu-popup-wrapper .dx-list-item-content {
  display: block;
}
.dx-dropdownmenu-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-toolbar {
  width: 100%;
  background-color: #fff;
  color: #2e3d4c;
  padding: 0;
  overflow: visible;
}
.dx-toolbar .dx-toolbar-before {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}
.dx-toolbar .dx-toolbar-after {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
}
.dx-toolbar .dx-toolbar-after:empty,
.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;
}
.dx-toolbar .dx-toolbar-menu-container {
  padding: 0;
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
}
.dx-toolbar .dx-toolbar-item {
  padding: 0;
  -webkit-padding-end: 5px;
  padding-inline-end: 5px;
}
.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.dx-toolbar-after .dx-toolbar-item {
  padding: 0;
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
}
.dx-toolbar-after .dx-toolbar-item:last-child {
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
}
.dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0;
}
.dx-toolbar-background {
  background-color: #fff;
}
.dx-toolbar-menu-section {
  border-bottom: 1px solid #e0e0e0;
}
.dx-toolbar-menu-section .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  padding: 14px 16px 13px;
}
.dx-toolbar-menu-section .dx-list-item-content {
  font-size: 14px;
  vertical-align: middle;
}
.dx-toolbar-menu-section .dx-list-item-content .dx-list-item-icon-container {
  height: 18px;
  width: 18px;
  -webkit-margin-end: 9px;
  margin-inline-end: 9px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-toolbar-menu-section .dx-list-item-content .dx-list-item-icon-container .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-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide {
  padding: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
  border: none;
  border-radius: 0;
  height: 48px;
  padding: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-text,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-text {
  text-transform: none;
  font-weight: 400;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-content {
  padding: 0 16px;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal {
  background-color: transparent;
  color: #2e3d4c;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal .dx-icon {
  color: #2e3d4c;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal.dx-state-selected,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal.dx-state-selected .dx-icon {
  color: #2e3d4c;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal.dx-state-focused,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal .dx-inkripple-wave {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default {
  background-color: transparent;
  color: #0f6ea8;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default .dx-icon {
  color: #0f6ea8;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-selected {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-selected,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-selected .dx-icon {
  color: #0f6ea8;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-focused,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-active {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger {
  background-color: transparent;
  color: #f31642;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger .dx-icon {
  color: #f31642;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-selected {
  background-color: rgba(243, 22, 66, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-selected,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-selected .dx-icon {
  color: #f31642;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-focused,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-hover {
  background-color: rgba(243, 22, 66, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-active {
  background-color: rgba(243, 22, 66, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger .dx-inkripple-wave {
  background-color: rgba(243, 22, 66, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success {
  background-color: transparent;
  color: #23c399;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success .dx-icon {
  color: #23c399;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-selected {
  background-color: rgba(35, 195, 153, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-selected,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-selected .dx-icon {
  color: #23c399;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-focused,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-hover {
  background-color: rgba(35, 195, 153, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-active {
  background-color: rgba(35, 195, 153, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success .dx-inkripple-wave {
  background-color: rgba(35, 195, 153, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group {
  margin-top: 0;
  margin-bottom: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group:first-of-type {
  margin-top: 8px;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group:last-of-type {
  margin-bottom: 8px;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button {
  min-width: 36px;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  padding-block: 8px;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button-has-icon.dx-button-has-text {
  border-radius: 50%;
}
.dx-toolbar-button .dx-menu .dx-menu-item {
  color: #2e3d4c;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
}
.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 24px;
}
.dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  -webkit-margin-end: 6px;
  margin-inline-end: 6px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-active,
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-focused,
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-hover {
  background-color: #ebebeb;
}
.dx-toolbar-button .dx-switch {
  display: block;
  line-height: 0;
}
.dx-toolbar .dx-tab {
  padding: 4px;
}
.dx-popup-draggable .dx-popup-title {
  cursor: move;
  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 {
  box-sizing: content-box;
}
.dx-popup-flex-height {
  display: flex;
  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 {
  box-sizing: border-box;
  height: auto;
  flex: 1;
  max-width: 100%;
  flex-basis: 100%;
}
.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-scrollable,
.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-scrollable,
.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-popup-content-scrollable {
  overflow: auto;
  overscroll-behavior: contain;
}
.dx-dialog-root .dx-overlay-shader {
  background-color: #444;
}
.dx-prevent-safari-scrolling {
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
}
.dx-popup-wrapper > .dx-overlay-content {
  background: #fff;
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.dx-popup-wrapper > .dx-popup-fullscreen {
  border-radius: 0;
}
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  box-shadow: 0 8px 40px 6px rgba(0, 0, 0, 0.4);
}
.dx-popup-title {
  padding: 10px;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  white-space: normal;
  position: relative;
  min-height: 28px;
  border-bottom: 1px solid #e0e0e0;
  background: 0 0;
  color: #2e3d4c;
}
.dx-popup-title.dx-toolbar {
  padding: 0 24px;
  overflow: visible;
  box-shadow: none;
}
.dx-popup-title.dx-toolbar .dx-toolbar-before {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-after {
  -webkit-padding-start: 15px;
  padding-inline-start: 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: 64px;
  overflow: visible;
}
.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item {
  padding: 0;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
}
.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-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.dx-popup-content {
  -webkit-user-drag: none;
  padding: 24px;
}
.dx-popup-content > .dx-button {
  margin: 0 8px;
}
.dx-popup-bottom {
  background: 0 0;
  color: #2e3d4c;
}
.dx-popup-bottom.dx-toolbar {
  padding: 0 20px;
  overflow: visible;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  -webkit-padding-start: 15px;
  padding-inline-start: 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: 52px;
  overflow: visible;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0;
  -webkit-padding-end: 8px;
  padding-inline-end: 8px;
}
.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-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.dx-popup-content.dx-dialog-content {
  min-width: 172px;
  padding: 24px;
}
.dx-dialog-message {
  padding: 0;
}
.dx-dropdownbutton {
  display: inline-block;
  vertical-align: middle;
}
.dx-dropdownbutton-action {
  min-width: 0;
}
.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 {
  flex: 0 0 auto;
  min-width: 0;
}
.dx-dropdownbutton-toggle .dx-button-content {
  padding-inline: 0;
}
.dx-dropdownbutton-toggle .dx-icon-spindown {
  width: 24px;
  height: 24px;
}
.dx-dropdownbutton-action.dx-button-has-icon:not(.dx-button-has-text) .dx-button-content {
  padding-inline: 12px;
}
.dx-dropdownbutton-action.dx-button-has-icon .dx-icon.dx-icon-right,
.dx-dropdownbutton-action.dx-button-has-text .dx-icon.dx-icon-right {
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.dx-dropdownbutton-has-arrow .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button-has-text .dx-button-content {
  -webkit-padding-end: 12px;
  padding-inline-end: 12px;
}
.dx-dropdownbutton-popup-wrapper {
  height: 100%;
}
.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  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: 48px;
}
.dx-dropdownbutton-popup-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.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-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-actionsheet-container .dx-actionsheet-item:not(:last-child) {
  margin: 0 0 20px;
}
.dx-actionsheet-container .dx-button {
  margin: 0;
}
.dx-button.dx-actionsheet-cancel {
  margin: 20px 0 0;
}
.dx-tileview div.dx-scrollable-container {
  overflow-y: hidden;
}
.dx-tile {
  position: absolute;
  color: #2e3d4c;
  background-color: #fff;
  border: 1px solid rgba(224, 224, 224, 0.6);
  text-align: left;
}
.dx-tile-content {
  padding: 0;
  width: 100%;
  height: 100%;
}
.dx-tileview-wrapper {
  position: relative;
  height: 1px;
}
.dx-tile.dx-state-focused,
.dx-tile.dx-state-hover {
  background-color: #fff;
  border-color: rgba(15, 110, 168, 0.4);
}
.dx-tile.dx-state-active {
  transform: scale(0.96);
  transition: transform 0.1s linear;
  background-color: rgba(96, 96, 96, 0.2);
  color: #2e3d4c;
  border-color: transparent;
}
.dx-toast-content {
  display: flex;
  align-items: center;
}
.dx-toast-message {
  display: inline-flex;
}
.dx-rtl .dx-toast-icon {
  margin-left: 10px;
  margin-right: 0;
}
.dx-toast-stack {
  position: fixed;
  display: flex;
  gap: 3px;
  align-items: center;
  z-index: 9500;
}
.dx-toast-stack .dx-toast-wrapper {
  transform: translate(0) !important;
  position: static !important;
  height: auto !important;
  width: auto !important;
}
.dx-toast-stack .dx-toast-wrapper .dx-toast-content {
  position: static !important;
}
.dx-toast-stack-down-push-direction {
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.dx-toast-stack-up-push-direction {
  flex-direction: column;
  justify-content: flex-end;
}
.dx-toast-stack-left-push-direction {
  flex-direction: row;
  justify-content: flex-end;
}
.dx-toast-stack-right-push-direction {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.dx-toast-stack-down-stack-direction {
  flex-direction: column;
  justify-content: flex-start;
}
.dx-toast-stack-up-stack-direction {
  flex-direction: column-reverse;
  justify-content: flex-start;
}
.dx-toast-stack-left-stack-direction {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.dx-toast-stack-right-stack-direction {
  flex-direction: row;
  justify-content: flex-start;
}
.dx-toast-content {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  font-weight: 400;
  padding: 0 16px;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  min-height: 48px;
  display: flex;
  align-items: center;
}
.dx-toast-icon {
  background-size: contain;
  width: 35px;
  height: 35px;
  background-position: left center;
  background-repeat: no-repeat;
  margin-right: 10px;
  display: none;
}
.dx-toast-message {
  padding: 0;
}
.dx-toast-info {
  background-color: rgba(0, 0, 0, 0.87);
}
.dx-toast-warning {
  background-color: #fc7c64;
}
.dx-toast-error {
  background-color: #f31642;
}
.dx-toast-success {
  background-color: #23c399;
}
.dx-popover-wrapper .dx-popover-arrow::after {
  width: 14.1422712488px;
  height: 14.1422712488px;
}
.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: " ";
  transform: rotate(-45deg);
}
.dx-popover-wrapper.dx-position-top .dx-popover-arrow::after {
  top: 0;
  left: 0;
  transform-origin: top left;
}
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow::after {
  right: 0;
  bottom: 0;
  transform-origin: bottom right;
}
.dx-popover-wrapper.dx-position-left .dx-popover-arrow::after {
  bottom: 0;
  left: 0;
  transform-origin: bottom left;
}
.dx-popover-wrapper.dx-position-right .dx-popover-arrow::after {
  top: 0;
  right: 0;
  transform-origin: top right;
}
.dx-popover-wrapper .dx-overlay-content {
  overflow: visible;
}
.dx-popover-wrapper .dx-popup-content {
  overflow: hidden;
}
.dx-popover-wrapper .dx-popup-content-scrollable {
  overflow: auto;
}
.dx-popover-wrapper .dx-popup-title {
  margin: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.dx-popover-wrapper .dx-popover-arrow {
  display: none;
}
.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;
  padding-top: 0;
}
.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;
  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;
  padding-top: 8px;
  color: #2e3d4c;
}
.dx-progressbar-animating-segment {
  display: none;
}
.dx-rtl .dx-progressbar .dx-progressbar-wrapper,
.dx-rtl.dx-progressbar .dx-progressbar-wrapper {
  direction: rtl;
}
.dx-progressbar-container {
  height: 4px;
  background-color: rgba(15, 110, 168, 0.3);
}
.dx-progressbar-range {
  position: relative;
  background-color: #0f6ea8;
  margin-top: -1px;
  box-sizing: content-box;
}
.dx-progressbar-animating-container {
  width: 100%;
  height: 4px;
  background-color: rgba(15, 110, 168, 0.3);
  background-size: 90% 5px;
  animation: 2s linear infinite dx-loader;
  background-image:
    linear-gradient(
      -90deg,
      transparent 5%,
      #0f6ea8,
      transparent 95%);
  background-repeat: repeat;
}
.dx-state-disabled .dx-progressbar-range {
  background-color: rgba(15, 110, 168, 0.6);
}
.dx-state-disabled .dx-progressbar-animating-container {
  animation: none;
  background-position-x: 45%;
}
.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  animation: 2s linear infinite dx-loader-rtl;
  background-image:
    linear-gradient(
      -90deg,
      transparent 5%,
      #0f6ea8,
      transparent 95%);
  background-repeat: repeat;
}
@keyframes dx-loader {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 900%;
  }
}
@keyframes dx-loader-rtl {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -900%;
  }
}
.dx-tooltip-wrapper .dx-overlay-content {
  min-width: 34px;
  text-align: center;
  line-height: 0;
  background-color: #616161;
  color: #fff;
  box-shadow: none;
  border-radius: 4px;
  min-height: auto;
}
.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;
  line-height: normal;
  white-space: nowrap;
  padding: 6px 8px;
  font-size: 12px;
}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
  display: none;
}
.dx-slider-label {
  position: absolute;
  font-size: 0.85em;
}
.dx-slider-label:last-child {
  inset-inline-end: 0;
}
.dx-slider-label-position-bottom {
  padding-bottom: 14px;
}
.dx-slider-label-position-top {
  padding-top: 14px;
}
.dx-slider {
  -webkit-user-select: none;
  -moz-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.8995898741px;
  height: 9.8995898741px;
}
.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;
  height: 32px;
}
.dx-slider-bar {
  position: relative;
  margin-right: 18px;
  margin-left: 18px;
  background: rgba(15, 110, 168, 0.24);
}
.dx-slider-range {
  position: absolute;
  pointer-events: none;
  -webkit-user-drag: none;
}
.dx-slider-handle {
  position: absolute;
  top: 0;
  inset-inline-end: 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-slider-tooltip-visible-on-hover .dx-tooltip {
  visibility: hidden;
}
.dx-slider-tooltip-visible-on-hover.dx-state-active .dx-tooltip,
.dx-slider-tooltip-visible-on-hover.dx-state-hover .dx-tooltip {
  visibility: visible;
}
.dx-slider-bar,
.dx-slider-range {
  margin-top: 15px;
  height: 2px;
}
.dx-slider-range {
  top: -15px;
}
.dx-slider-range.dx-slider-range-visible {
  background: #0f6ea8;
}
.dx-slider-handle {
  margin-top: -15px;
  -webkit-margin-end: -16px;
  margin-inline-end: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.dx-slider-handle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  background: #0f6ea8;
  content: "";
  border-radius: 50%;
}
.dx-slider-handle .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
  display: block;
}
.dx-slider-handle .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow::after {
  background: #616161;
  border: none;
}
.dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content {
  border: 1px solid transparent;
  opacity: 0.6;
}
.dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  line-height: normal;
  color: #fff;
  padding: 5px 7px;
}
.dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  padding-top: 6px;
}
.dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
  padding-top: 17px;
}
.dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
  padding-top: 6px;
  padding-bottom: 17px;
}
.dx-slider-handle .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.24);
}
.dx-slider-tooltip-position-top {
  padding-top: 40px;
}
.dx-slider-tooltip-position-bottom {
  padding-bottom: 40px;
}
.dx-slider-label-position-bottom .dx-slider-label {
  bottom: -18px;
}
.dx-slider-label-position-top .dx-slider-label {
  top: -15px;
}
.dx-state-disabled .dx-slider,
.dx-state-disabled .dx-slider .dx-slider-handle,
.dx-state-disabled.dx-slider,
.dx-state-disabled.dx-slider .dx-slider-handle {
  opacity: 1;
}
.dx-state-disabled .dx-slider-bar,
.dx-state-disabled .dx-slider-range.dx-slider-range-visible {
  background: rgba(46, 61, 76, 0.24);
}
.dx-state-disabled .dx-slider-handle {
  width: 12px;
  height: 12px;
  margin-top: -5px;
  margin-right: -5px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.dx-state-disabled .dx-slider-handle::after {
  margin-top: -4px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  background: grey;
}
.dx-state-disabled .dx-slider-handle .dx-overlay-content {
  margin-top: -12px;
}
.dx-invalid .dx-slider-handle::after {
  background-color: #f31642;
}
.dx-invalid .dx-slider-range-visible {
  background-color: #f31642;
  border-color: #f31642;
}
.dx-invalid .dx-slider-bar {
  background-color: rgba(243, 22, 66, 0.4);
}
.dx-rtl.dx-state-disabled .dx-slider-handle {
  margin-left: -5px;
  margin-right: 0;
}
.dx-rtl.dx-state-disabled .dx-overlay-content {
  margin-left: -13px;
}
.dx-rangeslider-start-handle {
  top: 0;
  inset-inline-start: 0;
  -webkit-margin-start: -14px;
  margin-inline-start: -14px;
}
.dx-state-disabled .dx-rangeslider-start-handle {
  -webkit-margin-start: -5px;
  margin-inline-start: -5px;
}
.dx-gallery {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pinch-zoom pan-y;
}
.dx-gallery.dx-gallery-indicator-visible {
  border-width: 0;
}
.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%;
  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%;
  align-self: flex-start;
  flex-shrink: 0;
  height: auto;
  margin: auto;
}
.dx-gallery-item-content {
  width: 100%;
  height: 100%;
  display: flex;
  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;
  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;
  pointer-events: none;
  text-align: center;
}
.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;
  transform: scaleX(-1);
}
.dx-rtl .dx-gallery-nav-button-next {
  right: auto;
  left: 0;
  transform: scaleX(-1);
}
.dx-gallery .dx-gallery-nav-button-next,
.dx-gallery .dx-gallery-nav-button-prev {
  position: absolute;
  top: 0;
  width: 34%;
  height: 100%;
  background: 0 0;
  cursor: pointer;
  text-align: center;
}
.dx-gallery .dx-gallery-nav-button-next.dx-state-active::after,
.dx-gallery .dx-gallery-nav-button-next.dx-state-hover::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-active::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover::after {
  background-color: #0f6ea8;
}
.dx-gallery .dx-gallery-nav-button-next::before,
.dx-gallery .dx-gallery-nav-button-prev::before {
  display: block;
  width: 32px;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -16px;
  position: absolute;
  z-index: 10;
  clear: both;
  font-size: 32px;
  color: #fff;
}
.dx-gallery .dx-gallery-nav-button-next::after,
.dx-gallery .dx-gallery-nav-button-prev::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: rgba(46, 61, 76, 0.54);
  border-radius: 50%;
  top: 50%;
  margin-top: -16px;
}
.dx-gallery .dx-gallery-nav-button-prev {
  font: 14px/1 DXIcons;
}
.dx-gallery .dx-gallery-nav-button-prev::after {
  left: 8px;
}
.dx-gallery .dx-gallery-nav-button-prev::before {
  content: "\f012";
  left: 7px;
  right: auto;
  margin-left: 0;
}
.dx-gallery .dx-gallery-nav-button-next {
  font: 14px/1 DXIcons;
}
.dx-gallery .dx-gallery-nav-button-next::after {
  right: 8px;
}
.dx-gallery .dx-gallery-nav-button-next::before {
  content: "\f010";
  right: 7px;
  left: auto;
}
.dx-gallery-indicator-item {
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  margin: 1px 6px;
  width: 8px;
  height: 8px;
  background: #fff;
}
.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
  width: 12px;
  height: 12px;
  background: #0f6ea8;
  border: 2px solid rgba(255, 255, 255, 0.8);
  margin: -1px 6px;
}
.dx-state-focused.dx-gallery {
  border-color: #0f6ea8;
}
.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
  background: #0f6ea8;
}
.dx-lookup {
  margin: 0;
}
.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-field {
  outline: 0;
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: normal;
  padding-top: 15px;
  padding-bottom: 14px;
}
.dx-lookup-field::before {
  content: ".";
  color: transparent;
  display: inline-block;
  width: 0;
  float: left;
  line-height: normal;
}
.dx-lookup-empty .dx-lookup-field {
  display: flex;
  align-items: center;
}
.dx-lookup-empty .dx-lookup-field .dx-placeholder::before {
  padding: 0;
}
.dx-lookup-empty .dx-placeholder {
  position: relative;
  display: flex;
}
.dx-state-disabled .dx-lookup-field {
  cursor: default;
}
.dx-lookup-popup-wrapper .dx-list-item {
  cursor: pointer;
  border-top: none;
}
.dx-lookup-popup-search .dx-list {
  height: 90%;
  height: calc(100% - 66px);
}
.dx-lookup-search-wrapper {
  width: 100%;
  padding: 20px 20px 14px;
}
.dx-lookup .dx-lookup-arrow {
  inset-inline-end: 8px;
}
.dx-lookup.dx-editor-filled .dx-lookup-field,
.dx-lookup.dx-editor-outlined .dx-lookup-field {
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
}
.dx-lookup.dx-editor-filled.dx-invalid .dx-lookup-field,
.dx-lookup.dx-editor-outlined.dx-invalid .dx-lookup-field {
  -webkit-padding-end: 64px;
  padding-inline-end: 64px;
}
.dx-lookup.dx-editor-underlined .dx-lookup-field {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 32px;
  padding-inline-end: 32px;
}
.dx-lookup.dx-editor-underlined.dx-invalid .dx-lookup-field {
  -webkit-padding-end: 56px;
  padding-inline-end: 56px;
}
.dx-lookup.dx-invalid {
  border-bottom-color: rgba(243, 22, 66, 0.4);
}
.dx-lookup.dx-invalid .dx-lookup-arrow::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #f31642;
  color: #fff;
  content: "!";
  border-radius: 50%;
  inset-inline-end: 24px;
}
.dx-lookup.dx-valid .dx-lookup-arrow::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 20px;
  font-weight: 700;
  font-family: DXIcons, sans-serif;
  color: #23c399;
  content: "\f005";
  opacity: 0;
  transform: scale(0);
  animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards dx-valid-badge-frames;
  inset-inline-end: 24px;
}
.dx-lookup.dx-validation-pending .dx-lookup-field-wrapper .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  inset-inline-end: 24px;
}
.dx-lookup-field .dx-texteditor {
  border: none;
}
.dx-lookup-field .dx-texteditor::after,
.dx-lookup-field .dx-texteditor::before {
  content: none;
}
.dx-lookup-field .dx-texteditor,
.dx-lookup-field .dx-texteditor.dx-state-active,
.dx-lookup-field .dx-texteditor.dx-state-disabled,
.dx-lookup-field .dx-texteditor.dx-state-focused,
.dx-lookup-field .dx-texteditor.dx-state-hover,
.dx-lookup-field .dx-texteditor.dx-state-readonly,
.dx-lookup-field .dx-texteditor.dx-state-readonly.dx-state-hover {
  background-color: transparent;
}
.dx-lookup-arrow {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  height: 100%;
  font: 24px/24px DXIcons;
  width: 24px;
  color: rgba(46, 61, 76, 0.54);
  text-align: center;
}
.dx-lookup-arrow::before,
.dx-rtl .dx-lookup-arrow::before {
  content: "\f001";
}
.dx-dropdowneditor-active .dx-lookup-arrow {
  color: rgba(46, 61, 76, 0.54);
}
.dx-lookup-arrow::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-lookup-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-lookup-popup-wrapper .dx-popup-content {
  top: 0;
  padding: 0;
}
.dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
  top: 49px;
}
.dx-lookup-empty .dx-lookup-field {
  color: #667c95;
}
.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;
  display: none;
}
.dx-loadpanel-content.dx-loadpanel-pane-hidden {
  box-shadow: none;
  border: none;
  background: 0 0;
}
@keyframes dx-loadpanel-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dx-loadpanel-content {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 13px;
  border-radius: 50%;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
.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: 0.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;
  background-color: #adadad;
}
.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
  flex-wrap: wrap;
  align-items: stretch;
}
.dx-tag {
  max-width: calc(100% - 1px);
  display: inline-flex;
  align-self: flex-start;
}
.dx-tag-container.dx-texteditor-input-container {
  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;
  text-align: center;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  -webkit-padding-end: 30px;
  padding-inline-end: 30px;
  min-width: 40px;
  background-color: #e0e0e0;
  color: rgba(46, 61, 76, 0.6);
  border-radius: 2em;
}
.dx-tag-remove-button {
  position: absolute;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 100%;
  font: 10px/1 DXIcons;
}
.dx-tagbox .dx-tag-container {
  height: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  gap: 4px;
}
.dx-tagbox .dx-tag-container .dx-texteditor-input {
  padding: 0;
}
.dx-tagbox .dx-texteditor-input {
  width: auto;
  height: 26px;
}
.dx-tagbox.dx-editor-filled .dx-tag-container,
.dx-tagbox.dx-editor-outlined .dx-tag-container {
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder::before,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-tag-container,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder::before,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-tag-container,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-tag-container,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder::before,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-tag-container {
  padding-top: 18px;
  padding-bottom: 4px;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-tag,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label .dx-tag,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-tag,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label .dx-tag {
  margin: 0;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label .dx-texteditor-input,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-input {
  padding: 0;
}
.dx-tagbox.dx-state-disabled .dx-tag-content .dx-tag-remove-button::before {
  color: #adadad;
}
.dx-tagbox-single-line .dx-tag-container {
  padding-right: 0;
}
.dx-tag-remove-button::before {
  content: "\f008";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.36);
  border-radius: 50%;
  transform: none;
}
.dx-tag:hover .dx-tag-content {
  background-color: #d9d9d9;
  color: #2e3d4c;
}
.dx-tag.dx-state-focused .dx-tag-content {
  background-color: #adadad;
  color: #2e3d4c;
}
.dx-tagbox.dx-invalid .dx-texteditor-container::after,
.dx-tagbox.dx-valid .dx-texteditor-container::after,
.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-tagbox-popup-wrapper .dx-list-select-all {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 12px;
  margin-bottom: 3px;
}
.dx-tagbox-popup-wrapper .dx-list-select-all::after {
  background-color: transparent;
}
.dx-radio-value-container {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
}
.dx-radiogroup-horizontal .dx-collection {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 17px;
  column-gap: 17px;
}
.dx-radiobutton {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dx-radiobutton.dx-state-disabled {
  cursor: default;
  opacity: 0.38;
}
.dx-state-disabled .dx-radiobutton.dx-state-disabled {
  opacity: 1;
}
.dx-radiobutton-icon .dx-radiobutton-icon-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
  border: 0 solid #fff;
}
.dx-radiobutton-icon::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  z-index: 1;
  transform: scale(0.5);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  border-width: 3px;
  transform: scale(1);
  background-color: #0f6ea8;
}
.dx-radiobutton-icon {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(46, 61, 76, 0.54);
  background-color: #fff;
}
.dx-radiobutton-icon-checked {
  border-color: #0f6ea8;
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon::after,
.dx-radiobutton.dx-state-focused .dx-radiobutton-icon::after {
  background-color: rgba(46, 61, 76, 0.1);
  transform: scale(1);
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon-checked::after,
.dx-radiobutton.dx-state-focused .dx-radiobutton-icon-checked::after {
  background-color: rgba(15, 110, 168, 0.1);
  transform: scale(1);
}
.dx-invalid .dx-radiobutton-icon {
  border-color: rgba(243, 22, 66, 0.4);
}
.dx-invalid .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: rgba(243, 22, 66, 0.4);
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon {
  border-color: #f31642;
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot {
  background-color: #f31642;
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon::after,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon::after {
  background-color: rgba(243, 22, 66, 0.1);
  transform: scale(1);
}
.dx-state-disabled .dx-radiobutton-icon,
.dx-state-readonly .dx-radiobutton-icon {
  border-color: rgba(46, 61, 76, 0.54);
}
.dx-state-disabled .dx-radiobutton-icon-dot,
.dx-state-readonly .dx-radiobutton-icon-dot {
  background-color: rgba(46, 61, 76, 0.54);
}
.dx-radiogroup .dx-radiobutton {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dx-radiogroup .dx-radiobutton-icon {
  margin-top: 0;
  margin-bottom: 0;
}
.dx-accordion-item-title {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  min-height: 48px;
  padding: 6px 16px;
  background-color: #fff;
}
.dx-accordion-item-body {
  overflow: hidden;
  padding: 16px;
}
.dx-accordion-item-closed .dx-accordion-item-body {
  visibility: hidden;
}
.dx-accordion-item {
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  transition: margin 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: margin, height;
  border-top: 1px solid #e0e0e0;
}
.dx-accordion-item-opened .dx-accordion-item-body {
  visibility: visible;
}
.dx-state-disabled .dx-accordion-item-title {
  cursor: default;
}
.dx-accordion {
  background-color: #fff;
  color: #2e3d4c;
  margin: 3px 3px 5px;
}
.dx-accordion-item:first-child {
  border-top: none;
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
}
.dx-accordion-item:last-child {
  border-end-start-radius: 4px;
  border-end-end-radius: 4px;
}
.dx-accordion-item.dx-state-active > .dx-accordion-item-title,
.dx-accordion-item.dx-state-focused > .dx-accordion-item-title {
  color: #2e3d4c;
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-accordion-item.dx-state-hover + .dx-accordion-item-closed {
  border-top-color: #d1d1d1;
}
.dx-accordion-item-opened {
  margin-block: 16px;
  border-top: none;
  border-radius: 4px;
}
.dx-accordion-item-opened:first-child {
  margin-top: 0;
}
.dx-accordion-item-opened > .dx-accordion-item-title::before {
  content: "\f014";
}
.dx-accordion-item-opened + .dx-accordion-item {
  border-top: none;
}
.dx-accordion-item-title::before {
  content: "\f016";
  position: absolute;
  font-weight: 400;
  font-size: 18px;
  inset-inline-end: 16px;
  font-family: DXIcons;
  line-height: 100%;
}
.dx-accordion-item-title .dx-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-accordion-item-title-caption {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  height: 100%;
  color: #2e3d4c;
  font-size: 14px;
  font-weight: 500;
  -webkit-margin-end: 18px;
  margin-inline-end: 18px;
}
.dx-accordion-item-title-caption .dx-icon {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-state-disabled.dx-accordion-item {
  opacity: 0.38;
}
.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  border: none;
}
.dx-colorbox-input-container .dx-placeholder {
  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;
  inset-inline-start: 14px;
}
.dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container::before {
  background: 0 0;
}
.dx-colorbox .dx-texteditor-label .dx-label-before {
  min-width: 40px;
}
.dx-colorbox-overlay .dx-popup-content {
  overflow: hidden;
  padding: 20px;
}
.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-colorview-container label {
  overflow: hidden;
  font-weight: 400;
  margin: 0 0 10px;
  white-space: normal;
  line-height: normal;
  display: flex;
  align-items: center;
  color: #667c95;
}
.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-cell {
  float: left;
}
.dx-colorview-palette-handle {
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  cursor: crosshair;
  border-radius: 100%;
  z-index: 5;
  position: absolute;
}
.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;
  background-repeat: no-repeat;
  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:
    linear-gradient(
      270deg,
      rgba(255, 255, 255, 0),
      #fff);
}
.dx-colorview-palette-gradient-black {
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0),
      #000);
}
.dx-colorview-palette {
  position: relative;
  overflow: hidden;
  cursor: crosshair;
}
.dx-colorview-palette-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dx-colorview-alpha-channel-scale {
  height: 20px;
  position: relative;
}
.dx-colorview-hue-scale-cell {
  margin-left: 19px;
  position: relative;
}
.dx-colorview-controls-container {
  position: relative;
  margin-left: 27px;
}
.dx-colorview-alpha-channel-cell {
  margin: 6px 0;
  position: relative;
}
.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-colorview-palette-handle {
  background:
    radial-gradient(
      transparent 5px,
      rgba(0, 0, 0, 0.2) 6px,
      #fff 7px,
      #fff 12px,
      rgba(0, 0, 0, 0.2) 13px);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.dx-colorview-hue-scale-handle {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow:
    inset -5px 0 0 3px #fff,
    inset 5px 0 0 3px #fff,
    inset -6px 0 1px 4px rgba(0, 0, 0, 0.2),
    inset 6px 0 1px 4px rgba(0, 0, 0, 0.2);
}
.dx-colorview-alpha-channel-handle {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow:
    inset 0 -5px 0 3px #fff,
    inset 0 5px 0 3px #fff,
    inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2),
    inset 0 6px 1px 4px rgba(0, 0, 0, 0.2);
}
.dx-colorview-container {
  overflow: hidden;
  width: 450px;
}
.dx-colorview-container label.dx-colorview-label-hex {
  margin: 20px 0 0;
}
.dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin: 0;
  -webkit-margin-start: 43px;
  margin-inline-start: 43px;
  width: 115px;
}
.dx-colorview-container label .dx-texteditor {
  float: right;
  width: 69px;
  margin: 0 0 0 10px;
}
.dx-colorview-hue-scale-cell {
  -webkit-margin-start: 19px;
  margin-inline-start: 19px;
}
.dx-colorview-palette {
  width: 288px;
  height: 299px;
}
.dx-colorview-alpha-channel-scale {
  width: 288px;
}
.dx-colorview-container-row.dx-colorview-alpha-channel-row {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.dx-colorview-hue-scale {
  width: 18px;
  height: 299px;
}
.dx-colorview-alpha-channel-cell {
  width: 292px;
}
.dx-colorview-hue-scale-wrapper {
  height: 301px;
}
.dx-colorview-color-preview {
  width: 100%;
  height: 40px;
}
.dx-colorview-controls-container {
  width: 90px;
  -webkit-margin-start: 27px;
  margin-inline-start: 27px;
}
.dx-colorview-alpha-channel-border,
.dx-colorview-color-preview-container,
.dx-colorview-hue-scale-wrapper,
.dx-colorview-palette-cell {
  padding: 1px;
  margin: 0 1px 1px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #e0e0e0;
}
.dx-colorview-color-preview-container {
  margin-bottom: 34px;
}
.dx-colorbox .dx-colorbox-input-container .dx-colorbox-input,
.dx-colorbox .dx-colorbox-input-container .dx-placeholder::before {
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
}
.dx-colorbox .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat;
}
.dx-colorbox .dx-colorbox-input-container::after {
  left: 14px;
}
.dx-colorbox.dx-texteditor .dx-texteditor-label .dx-label-before {
  min-width: 40px;
}
.dx-colorbox-color-result-preview {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  inset-inline-start: 13px;
  border: 1px solid #e0e0e0;
  left: 13px;
}
.dx-colorbox-overlay {
  padding: 0;
}
.dx-colorbox-overlay.dx-overlay-content {
  background-color: #fff;
}
.dx-pager,
.dx-pagination {
  overflow: hidden;
  width: 100%;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  padding: 13px 16px;
}
.dx-pager .dx-pages,
.dx-pagination .dx-pages {
  white-space: nowrap;
  float: right;
}
.dx-pager .dx-pages .dx-page-indexes,
.dx-pagination .dx-pages .dx-page-indexes {
  display: inline-block;
}
.dx-pager .dx-pages .dx-page,
.dx-pagination .dx-pages .dx-page {
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 1px;
}
.dx-pager .dx-pages .dx-separator,
.dx-pagination .dx-pages .dx-separator {
  display: inline-block;
}
.dx-pager .dx-pages .dx-info,
.dx-pagination .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: 0.7;
}
.dx-pager .dx-pages .dx-navigate-button,
.dx-pagination .dx-pages .dx-navigate-button {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  box-sizing: content-box;
}
.dx-pager .dx-pages .dx-navigate-button.dx-button-disable,
.dx-pagination .dx-pages .dx-navigate-button.dx-button-disable {
  opacity: 0.3;
  cursor: inherit;
}
.dx-pager .dx-page-sizes,
.dx-pagination .dx-page-sizes {
  float: left;
}
.dx-pager .dx-page-sizes .dx-page-size,
.dx-pagination .dx-page-sizes .dx-page-size {
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 1px;
}
.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection,
.dx-pagination .dx-page-sizes .dx-selection,
.dx-pagination .dx-pages .dx-selection {
  cursor: inherit;
  text-shadow: none;
}
.dx-pager .dx-light-pages,
.dx-pagination .dx-light-pages {
  display: inline-block;
}
.dx-pager .dx-light-pages .dx-page-index,
.dx-pagination .dx-light-pages .dx-page-index {
  width: 40px;
}
.dx-pager .dx-light-pages .dx-pages-count,
.dx-pagination .dx-light-pages .dx-pages-count {
  cursor: pointer;
}
.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-pages-count,
.dx-pagination .dx-light-pages .dx-info-text,
.dx-pagination .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,
.dx-pagination .dx-light-pages .dx-info-text,
.dx-pagination .dx-light-pages .dx-page-index,
.dx-pagination .dx-light-pages .dx-pages-count {
  display: table-cell;
}
.dx-pager.dx-rtl .dx-pages,
.dx-pagination.dx-rtl .dx-pages,
.dx-rtl .dx-pager .dx-pages,
.dx-rtl .dx-pagination .dx-pages {
  float: left;
  direction: ltr;
}
.dx-pager.dx-rtl .dx-pages .dx-page,
.dx-pagination.dx-rtl .dx-pages .dx-page,
.dx-rtl .dx-pager .dx-pages .dx-page,
.dx-rtl .dx-pagination .dx-pages .dx-page {
  direction: ltr;
}
.dx-pager.dx-rtl .dx-pages .dx-page:first-child,
.dx-pagination.dx-rtl .dx-pages .dx-page:first-child,
.dx-rtl .dx-pager .dx-pages .dx-page:first-child,
.dx-rtl .dx-pagination .dx-pages .dx-page:first-child {
  margin-left: 1px;
}
.dx-pager.dx-rtl .dx-pages .dx-info,
.dx-pagination.dx-rtl .dx-pages .dx-info,
.dx-rtl .dx-pager .dx-pages .dx-info,
.dx-rtl .dx-pagination .dx-pages .dx-info {
  direction: rtl;
  margin-left: 9px;
  margin-right: 0;
}
.dx-pager.dx-rtl .dx-page-sizes,
.dx-pagination.dx-rtl .dx-page-sizes,
.dx-rtl .dx-pager .dx-page-sizes,
.dx-rtl .dx-pagination .dx-page-sizes {
  float: right;
}
.dx-pager.dx-light-mode .dx-page-sizes,
.dx-pagination.dx-light-mode .dx-page-sizes {
  min-width: 62px;
}
.dx-pager.dx-light-mode .dx-page-index,
.dx-pagination.dx-light-mode .dx-page-index {
  min-width: 32px;
}
.dx-pager.dx-light-mode .dx-pages .dx-light-pages,
.dx-pager.dx-light-mode .dx-pages .dx-navigate-button,
.dx-pager.dx-light-mode .dx-pages .dx-page-indexes,
.dx-pagination.dx-light-mode .dx-pages .dx-light-pages,
.dx-pagination.dx-light-mode .dx-pages .dx-navigate-button,
.dx-pagination.dx-light-mode .dx-pages .dx-page-indexes {
  vertical-align: middle;
}
.dx-pager .dx-pages .dx-page,
.dx-pagination .dx-pages .dx-page {
  padding: 9px 12px;
  line-height: 12px;
}
.dx-pager .dx-pages .dx-separator,
.dx-pagination .dx-pages .dx-separator {
  padding-left: 8px;
  padding-right: 8px;
}
.dx-pager .dx-pages .dx-navigate-button,
.dx-pagination .dx-pages .dx-navigate-button {
  width: 9px;
  height: 12px;
  padding: 9px 12px;
}
.dx-pager .dx-pages .dx-prev-button,
.dx-pagination .dx-pages .dx-prev-button {
  font: 14px/1 DXIcons;
}
.dx-pager .dx-pages .dx-prev-button::before,
.dx-pagination .dx-pages .dx-prev-button::before {
  content: "\f012";
}
.dx-pager .dx-pages .dx-next-button,
.dx-pagination .dx-pages .dx-next-button {
  font: 14px/1 DXIcons;
}
.dx-pager .dx-pages .dx-next-button::before,
.dx-pagination .dx-pages .dx-next-button::before {
  content: "\f010";
}
.dx-pager .dx-pages .dx-next-button,
.dx-pager .dx-pages .dx-prev-button,
.dx-pagination .dx-pages .dx-next-button,
.dx-pagination .dx-pages .dx-prev-button {
  position: relative;
  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,
.dx-pagination .dx-pages .dx-next-button::before,
.dx-pagination .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,
.dx-pagination .dx-page,
.dx-pagination .dx-page-size {
  font-size: 12px;
  border-radius: 20px;
}
.dx-pager .dx-page-size:hover,
.dx-pager .dx-page:hover,
.dx-pagination .dx-page-size:hover,
.dx-pagination .dx-page:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-pager .dx-page-sizes .dx-page-size,
.dx-pagination .dx-page-sizes .dx-page-size {
  padding: 9px 12px;
  line-height: 12px;
}
.dx-pager .dx-page-sizes .dx-page-size.dx-first-child,
.dx-pager .dx-page-sizes .dx-page-size:first-child,
.dx-pagination .dx-page-sizes .dx-page-size.dx-first-child,
.dx-pagination .dx-page-sizes .dx-page-size:first-child {
  margin-left: 0;
}
.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection,
.dx-pagination .dx-page-sizes .dx-selection,
.dx-pagination .dx-pages .dx-selection {
  font-weight: 500;
  background-color: #0f6ea8;
  color: #fff;
}
.dx-gridbase-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
.dx-gridbase-container > * {
  flex: 0 0 auto;
}
.dx-gridbase-a11y-status-container {
  position: fixed;
  left: 0;
  top: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0 0);
  clip-path: polygon(0 0);
}
.dx-datagrid-checkbox-size {
  vertical-align: middle;
}
.dx-datagrid-important-margin {
  margin-right: 5px !important;
}
.dx-datagrid-table {
  background-color: transparent;
}
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-top: 0;
}
.dx-datagrid-borders > .dx-datagrid-header-panel {
  border-bottom: 0;
}
.dx-datagrid-borders > .dx-pager {
  margin-top: -1px;
}
.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2),
.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-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;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.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-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-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 {
  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;
  user-select: initial;
}
.dx-datagrid .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-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-datagrid .dx-datagrid-sticky-column,
.dx-datagrid .dx-datagrid-sticky-column-left,
.dx-datagrid .dx-datagrid-sticky-column-right {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  background-color: #fff;
}
.dx-datagrid .dx-datagrid-sticky-column-left.dx-datagrid-sticky-column-right,
.dx-datagrid .dx-datagrid-sticky-column-right.dx-datagrid-sticky-column-right,
.dx-datagrid .dx-datagrid-sticky-column.dx-datagrid-sticky-column-right {
  z-index: 3;
}
.dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: grabbing;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  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.dx-datagrid-drag-action {
  opacity: 1;
  cursor: pointer;
  touch-action: pinch-zoom;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-draggable-column {
  opacity: 0.5;
}
.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-list .dx-treeview-node .dx-treeview-item,
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-treeview-item {
  -webkit-padding-start: 4px;
  padding-inline-start: 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;
  box-sizing: content-box;
}
.dx-datagrid-drag-header.dx-drag-command-cell {
  padding: 0;
}
.dx-datagrid-columns-separator {
  position: absolute;
  z-index: 4;
  width: 3px;
}
.dx-datagrid-columns-separator-transparent {
  border-left: 0;
  border-right: 0;
}
.dx-datagrid-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 4;
  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-draggable-column {
  opacity: 0.5;
}
.dx-datagrid-content {
  position: relative;
}
.dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message {
  visibility: visible;
}
.dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content,
.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 {
  max-width: none !important;
}
.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.dx-first-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-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-last-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-last-child {
  border-right: 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-datagrid-invalid .dx-invalid-message.dx-overlay {
  position: static;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  max-width: 0;
  vertical-align: middle;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell:not(.dx-datagrid-cell-expandable) {
  padding-left: 0;
}
.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-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;
  white-space: nowrap;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
}
.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 {
  display: inline-block;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
  padding: 0;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  z-index: 1;
  -webkit-user-select: none;
  -moz-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-data-row .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap;
}
.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-cell-modified,
.dx-datagrid-invalid,
.dx-highlight-outline {
  position: relative;
  padding: 7px;
}
.dx-cell-modified::after,
.dx-datagrid-invalid::after,
.dx-highlight-outline::after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-cell-modified.dx-hidden,
.dx-datagrid-invalid.dx-hidden,
.dx-highlight-outline.dx-hidden {
  display: block !important;
}
.dx-cell-modified.dx-hidden::after,
.dx-datagrid-invalid.dx-hidden::after,
.dx-highlight-outline.dx-hidden::after {
  display: none;
}
.dx-editor-cell .dx-highlight-outline,
.dx-editor-cell.dx-cell-modified,
.dx-editor-cell.dx-datagrid-invalid {
  padding: 0;
}
.dx-column-lines .dx-cell-modified::after,
.dx-column-lines .dx-datagrid-invalid::after,
.dx-column-lines .dx-highlight-outline::after {
  left: 0;
}
.dx-datagrid-headers {
  position: relative;
  outline: 0;
  min-height: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-header-row > td > .dx-datagrid-text-content {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.dx-header-row > td > .dx-datagrid-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
  max-width: 100%;
}
.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-cell-modified,
.dx-datagrid-filter-range-overlay .dx-editor-container.dx-datagrid-invalid {
  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-cell-modified::after,
.dx-datagrid-filter-row .dx-datagrid-invalid::after {
  pointer-events: none;
}
.dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after,
.dx-datagrid-filter-row .dx-focused.dx-cell-modified::after,
.dx-datagrid-filter-row .dx-focused.dx-datagrid-invalid::after {
  border-color: transparent;
}
.dx-datagrid-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
  overflow: visible;
}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
  display: flex;
  height: 100%;
}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container,
.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;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  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 {
  flex: auto;
  height: auto;
}
.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  display: flex;
}
.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  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 .dx-datagrid-content.dx-scrollable-container {
  width: auto;
}
.dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container {
  height: auto;
}
.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:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell.dx-datagrid-sticky-column-left {
  display: inline-block;
  overflow: hidden;
  left: 0;
  right: 0;
}
.dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
  border-color: transparent;
}
.dx-datagrid-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  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 > .dx-datagrid-content .dx-row > td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.dx-datagrid-summary-item {
  font-weight: 700;
}
.dx-datagrid-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: 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-notouch-action {
  touch-action: none;
}
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
}
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table {
  border-collapse: separate;
}
.dx-datagrid .dx-datagrid-sticky-columns .dx-focused-fixed-element {
  z-index: 3;
}
.dx-datagrid .dx-datagrid-sticky-columns .dx-scrollable-scrollbar {
  z-index: 4;
}
.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 {
  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-datagrid-scrollable-simulated,
.dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated {
  direction: ltr;
}
.dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated .dx-datagrid-table,
.dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated .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: flex;
  justify-content: space-between;
  flex-direction: row;
  min-width: 0;
}
.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: flex;
  white-space: nowrap;
  width: 100%;
  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;
  white-space: nowrap;
}
.dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
  margin-left: 6px;
}
.dx-datagrid-group-panel .dx-block-separator {
  position: relative;
  border-radius: 3px;
}
.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 {
  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;
}
.dx-rtl .dx-datagrid-group-panel .dx-sort {
  margin-left: 0;
  margin-right: 6px;
}
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers {
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview {
  border-color: rgba(15, 110, 168, 0.5);
}
.dx-datagrid > .dx-datagrid-headers,
.dx-datagrid > .dx-datagrid-rowsview,
.dx-datagrid > .dx-datagrid-total-footer {
  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-toolbar {
  background-color: transparent;
}
.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: #3f8bb9 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: #3f8bb9 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: rgba(46, 61, 76, 0.6);
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-header-filter::before {
  content: "\f050";
}
.dx-datagrid .dx-header-filter-empty {
  color: rgba(46, 61, 76, 0.72);
}
.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 #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.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: #3f8bb9 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:not(.dx-datagrid-sticky-column, .dx-datagrid-sticky-column-left, .dx-datagrid-sticky-column-right) {
  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,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
  background-repeat: no-repeat repeat;
}
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]::before {
  transform: scaleX(-1);
}
.dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  color: #2e3d4c;
}
.dx-datagrid .dx-error-row td {
  color: #fff;
  padding: 0;
}
.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 .dx-datagrid-sticky-columns .dx-column-lines > td {
  border-right: none;
}
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-column-no-border,
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row.dx-column-lines > td.dx-datagrid-first-header {
  border-left: none;
}
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content.dx-sortable {
  overflow: visible;
}
.dx-header-multi-row.dx-datagrid-sticky-columns .dx-column-lines > td:first-child {
  border-left: 1px solid #e0e0e0;
}
.dx-datagrid-filter-panel {
  color: #2e3d4c;
  border-top: 1px solid #e0e0e0;
}
.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;
}
.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: #3f8bb9 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: #f8738e;
  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 #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.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 {
  transform: scaleX(-1);
}
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]::before {
  transform: scale(1);
}
.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-datagrid .dx-column-lines > td:last-child,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-column-lines > td {
  border-left: none;
}
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-column-lines:not(.dx-datagrid-group-footer) > td {
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-column-lines:not(.dx-datagrid-group-footer) > td:first-child,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-column-no-border,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row.dx-column-lines > td.dx-datagrid-first-header {
  border-right: none;
}
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-column-no-border.dx-datagrid-sticky-column-border-left,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row.dx-column-lines > td.dx-datagrid-first-header.dx-datagrid-sticky-column-border-left {
  border-left: 2px solid #e0e0e0;
}
.dx-rtl .dx-header-multi-row.dx-datagrid-sticky-columns .dx-datagrid-table .dx-column-lines > td:first-child {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}
.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 .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-right,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-right {
  border-right: 2px solid #e0e0e0;
}
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left {
  border-left: 2px solid #e0e0e0;
}
.dx-datagrid-cell-updated-animation {
  animation: 1s dx-datagrid-highlight-change;
}
@keyframes dx-datagrid-highlight-change {
  50%, from {
    background-color: rgba(46, 61, 76, 0.08);
  }
}
.dx-datagrid-total-footer tr {
  outline: 0;
}
.dx-datagrid-total-footer:focus-within {
  outline: #3f8bb9 solid 2px;
  outline-offset: -2px;
}
.dx-datagrid .dx-menu,
.dx-datagrid-container .dx-menu {
  background-color: transparent;
  height: 100%;
}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 11px 4px;
}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin: 0 3px;
}
.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: rgba(120, 147, 174, 0.54);
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-menu-item-content,
.dx-datagrid-container .dx-datagrid-filter-row .dx-editor-with-menu .dx-menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-datagrid-container .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-datagrid-container .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-left: 40px;
}
.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: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  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: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  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-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-fix-column {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column::before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-fix-column::before {
  content: "\f16f";
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left::before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left::before {
  content: "\f17b";
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right::before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right::before {
  content: "\f17d";
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-stick-column,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-stick-column {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-stick-column::before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-stick-column::before {
  content: "\f17c";
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column::before,
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column::before {
  content: "\f17a";
}
.dx-datagrid .dx-header-filter,
.dx-datagrid .dx-sort-down,
.dx-datagrid .dx-sort-up,
.dx-datagrid-container .dx-header-filter,
.dx-datagrid-container .dx-sort-down,
.dx-datagrid-container .dx-sort-up {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
.dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
  color: #0f6ea8;
}
.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: 14px/1 DXIcons;
}
.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 .dx-column-indicators,
.dx-datagrid-container .dx-column-indicators {
  height: 16px;
}
.dx-datagrid .dx-column-indicators .dx-sort-index-icon,
.dx-datagrid-container .dx-column-indicators .dx-sort-index-icon {
  padding-right: 4px;
  margin-left: -1px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.dx-datagrid .dx-column-indicators > div,
.dx-datagrid-container .dx-column-indicators > div {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.dx-datagrid .dx-placeholder::before,
.dx-datagrid-container .dx-placeholder::before {
  font-size: 14px;
}
.dx-datagrid {
  color: #2e3d4c;
  line-height: inherit;
}
.dx-datagrid .dx-row-alt {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.dx-datagrid .dx-row-alt > td {
  background-color: #f5f5f5;
}
.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.dx-datagrid .dx-link {
  text-decoration: underline;
  cursor: pointer;
  color: #0f6ea8;
}
.dx-datagrid .dx-row-lines > td {
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid .dx-column-lines > td {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-datagrid .dx-error-row .dx-closebutton {
  float: right;
  margin: 16px;
  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 {
  background-color: #f8738e;
  white-space: normal;
  word-wrap: break-word;
  padding: 14px 35px 14px 14px;
}
.dx-datagrid .dx-row > td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
}
.dx-datagrid .dx-datagrid-table .dx-header-row > td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) {
  vertical-align: middle;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select {
  overflow: visible;
  width: 50px;
  min-width: 50px;
  line-height: 1;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit {
  width: 115px;
  min-width: 115px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-link:not(.dx-link-icon),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-link:not(.dx-link-icon),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-link:not(.dx-link-icon) {
  margin: 0 2px;
  min-width: 20px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons {
  width: 93px;
  min-width: 93px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.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 4px;
  vertical-align: middle;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon) {
  width: auto;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-state-disabled.dx-link,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-state-disabled.dx-link,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-state-disabled.dx-link {
  opacity: 0.38;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-state-disabled.dx-link-icon,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-state-disabled.dx-link-icon,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-state-disabled.dx-link-icon {
  opacity: 0.6;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-datagrid-group-space,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand {
  padding: 0 4px 0 8px;
  line-height: 0;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select) {
  padding-right: 0;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable) {
  padding-left: 0;
}
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  background-position-y: 49px;
}
.dx-datagrid .dx-command-drag {
  width: 56px;
  min-width: 56px;
}
.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datagrid .dx-datagrid-drop-highlight > td {
  background-color: #0f6ea8;
  color: #fff;
}
.dx-datagrid .dx-datagrid-drop-highlight > td .dx-header-filter {
  color: #fff;
}
.dx-datagrid .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  background-color: #fff;
  color: #0f6ea8;
}
.dx-datagrid-edit-popup .dx-popup-content {
  padding: 0;
}
.dx-datagrid-edit-popup .dx-error-message {
  padding: 14px 16px;
}
.dx-datagrid-edit-popup-form {
  padding: 24px;
}
.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
  min-height: 16px;
}
.dx-datagrid-headers .dx-lookup,
.dx-datagrid-rowsview .dx-lookup {
  height: auto;
}
.dx-datagrid-headers .dx-lookup .dx-lookup-field,
.dx-datagrid-rowsview .dx-lookup .dx-lookup-field {
  padding-left: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
  padding-right: 0;
}
.dx-datagrid-column-chooser-list .dx-empty-message {
  color: #607f9f;
  padding: 0 24px;
}
.dx-datagrid-column-chooser {
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  padding: 16px 24px 9px;
}
.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: 16px 24px 9px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-list .dx-treeview-select-all-item,
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-select-all-item {
  -webkit-padding-start: 43px;
  padding-inline-start: 43px;
}
.dx-datagrid-column-chooser .dx-overlay-content {
  background-color: #fff;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 20px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: 0.5;
  margin: 2px 2px 8px;
  background-color: #fff;
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  font-size: 14px;
  padding: 14px;
  line-height: 16px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-datagrid-drag-header {
  border-color: rgba(15, 110, 168, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}
.dx-datagrid-columns-separator {
  background-color: #0f6ea8;
}
.dx-datagrid-columns-separator-transparent {
  background-color: transparent;
}
.dx-datagrid-focus-overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #3f8bb9;
  left: 0;
  right: 1px;
}
.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: #f5f5f5;
  color: #2e3d4c;
}
.dx-datagrid-headers {
  color: rgba(46, 61, 76, 0.6);
  touch-action: pinch-zoom;
}
.dx-datagrid-headers::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-bottom: 1px solid #e0e0e0;
}
.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 #e0e0e0;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
  color: #2e3d4c;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
  color: rgba(46, 61, 76, 0.38);
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
  background-color: #f5f5f5;
}
.dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row .dx-command-select {
  padding-bottom: 19px;
}
.dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: bottom;
}
.dx-datagrid-headers.dx-header-multi-row:not(.dx-datagrid-sticky-columns) .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-datagrid-headers.dx-header-multi-row:not(.dx-datagrid-sticky-columns) .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td:first-child {
  border-left: none;
}
.dx-datagrid-headers.dx-header-multi-row:not(.dx-datagrid-sticky-columns) .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td:last-child {
  border-right: none;
}
.dx-datagrid-filter-row,
.dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column,
.dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column-left,
.dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column-right {
  background-color: #fafafa;
}
.dx-datagrid-filter-row .dx-menu {
  margin-left: 0;
}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  height: 100%;
  position: absolute;
}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
  height: 100%;
}
.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  color: #9fb2c5;
}
.dx-datagrid-filter-row .dx-filter-modified {
  background-color: rgba(35, 195, 153, 0.32);
}
.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 14px 16px 14px 40px;
}
.dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content {
  overflow: inherit;
  background-color: #fafafa;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after,
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover::after {
  top: auto;
  bottom: 0;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  font-size: 14px;
  height: 49px;
  padding-right: 12px;
  padding-left: 12px;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder::before {
  padding-left: 12px;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
  display: none;
}
.dx-cell-modified,
.dx-datagrid-invalid {
  padding: 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-datagrid-header-panel {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 16px;
}
.dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  border-radius: 50%;
}
.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  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: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  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: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-save-button .dx-icon-edit-button-save::before {
  content: "\f041";
}
.dx-datagrid-adaptive-more {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(46, 61, 76, 0.54);
}
.dx-row.dx-row-focused .dx-datagrid-adaptive-more {
  color: inherit;
}
.dx-datagrid-rowsview {
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-headers + .dx-datagrid-rowsview,
.dx-datagrid-rowsview.dx-datagrid-after-headers {
  border-top: none;
}
.dx-datagrid-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.dx-datagrid-rowsview .dx-row:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 16px;
}
.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell:not(.dx-row-lines),
.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.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-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified,
.dx-datagrid-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.dx-datagrid-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: rgba(35, 195, 153, 0.32);
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid,
.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-invalid,
.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-invalid,
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid,
.dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid,
.dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid {
  background-color: rgba(243, 22, 66, 0.32);
}
.dx-datagrid-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px;
  background-color: #f31642;
  color: #fff;
}
.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: rgba(46, 61, 76, 0.6);
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  padding-top: 0;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  line-height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
  padding: 0;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::after,
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::before {
  content: none;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
  box-shadow: none;
}
.dx-datagrid-rowsview .dx-item-modified {
  background-color: rgba(35, 195, 153, 0.32);
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid) {
  background-color: #cfe2ee;
  color: #2e3d4c;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid) .dx-datagrid-group-opened {
  color: #2e3d4c;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #0f6ea8;
}
.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 #3f8bb9;
  border-bottom: 1px solid #3f8bb9;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-invalid),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-invalid) {
  background-color: #fff;
  color: #2e3d4c;
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #cfe2ee;
  color: #2e3d4c;
}
.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 {
  color: #2e3d4c;
}
.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: #e7f1f6;
  color: #2e3d4c;
}
.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: #e7f1f6;
}
.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: #e0e0e0;
  border-right-color: #e0e0e0;
}
.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 #e7f1f6;
  border-top: 1px solid #e7f1f6;
}
.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):hover.dx-row-lines > td {
  border-bottom-color: #e0e0e0;
}
.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-datagrid-invalid,
.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified {
  padding: 14px 46px 14px 16px;
}
.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified {
  padding-left: 46px;
  padding-right: 16px;
}
.dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  inset-inline-end: 6px;
  right: 22px;
  background-color: transparent;
}
.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: 22px;
}
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row:not(.dx-row-lines, .dx-group-row, .dx-datagrid-group-footer, .dx-edit-row, .dx-selection, .dx-row-focused) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
  padding-top: 15px;
}
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row-focused.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell),
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-selection.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
  padding-bottom: 13px;
}
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-edit-row > td.dx-command-edit {
  padding-top: 13px;
  padding-bottom: 13px;
}
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-edit-row > td:not(.dx-master-detail-cell) .dx-texteditor-input {
  height: 47px;
  line-height: 47px;
}
.dx-row.dx-group-row + .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-data-row td:not(.dx-command-expand, .dx-editor-cell),
.dx-row.dx-master-detail-row + .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-data-row td:not(.dx-command-expand, .dx-editor-cell) {
  padding-top: 14px;
}
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-row-lines.dx-edit-row > td {
  border-top-width: 0;
}
.dx-datagrid-search-text {
  color: #fff;
  background-color: #0f6ea8;
}
.dx-datagrid-nodata {
  color: rgba(46, 61, 76, 0.54);
  font-size: 17px;
}
.dx-datagrid-bottom-load-panel {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
.dx-datagrid-summary-item {
  color: rgba(46, 61, 76, 0.7);
}
.dx-datagrid-total-footer {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-total-footer > .dx-datagrid-content {
  padding: 0;
}
.dx-datagrid-revert-tooltip .dx-overlay-content {
  background-color: transparent;
  min-width: inherit;
}
.dx-datagrid-revert-tooltip .dx-revert-button {
  border-radius: 4px;
  background-color: #f31642;
  color: #fff;
  margin: 0 0 0 1px;
  height: 48px;
  box-shadow: none;
  min-width: inherit;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content {
  padding-block: 2px;
  -webkit-padding-start: 2px;
  padding-inline-start: 2px;
  -webkit-padding-end: 2px;
  padding-inline-end: 2px;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  color: #fff;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #f31642;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected,
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active,
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused,
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #f31642;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 2px;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  box-shadow: none;
}
.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: #f5f5f5;
  border-right-color: transparent;
}
.dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
.dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px;
}
.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: #e0e0e0;
}
.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: #e7f1f6;
}
.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: #e0e0e0;
}
.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-form-buttons-container .dx-button {
  background-color: transparent;
  color: #0f6ea8;
}
.dx-datagrid-form-buttons-container .dx-button .dx-icon {
  color: #0f6ea8;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected,
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected .dx-icon {
  color: #0f6ea8;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.2);
}
.dx-datagrid-filter-panel {
  padding: 18px 16px;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  color: #0f6ea8;
  font-size: 14px;
  line-height: 18px;
}
.dx-datagrid-filter-panel .dx-icon-filter {
  color: #0f6ea8;
}
.dx-adaptive-item-text.dx-cell-modified,
.dx-adaptive-item-text.dx-datagrid-invalid {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-datagrid-sticky-columns .dx-datagrid-draggable-column {
  opacity: 1;
  color: rgba(46, 61, 76, 0.38);
}
.dx-datagrid-group-panel {
  font-size: 14px;
  touch-action: pinch-zoom;
}
.dx-datagrid-group-panel .dx-group-panel-message {
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  padding: 7px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  line-height: normal;
}
.dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 10px;
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  background: #e0e0e0;
  border-radius: 16px;
  padding: 8px 10px;
}
.dx-datagrid-group-panel .dx-block-separator {
  margin-right: 10px;
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  background-color: #0f6ea8;
}
.dx-datagrid-group-panel .dx-sort {
  color: rgba(46, 61, 76, 0.6);
}
.dx-datagrid-rowsview .dx-datagrid-group-row-container {
  padding-left: 16px;
  padding-right: 16px;
  text-overflow: ellipsis;
  display: inline-block;
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff;
  max-width: 100%;
  overflow: clip;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  border-top: none;
}
.dx-datagrid-rowsview .dx-row.dx-group-row {
  font-size: 14px;
  font-weight: 700;
}
.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column,
.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-left,
.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-right {
  padding-left: 0;
  padding-right: 0;
  overflow: initial;
  overflow-x: clip;
  background-color: transparent;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  color: rgba(46, 61, 76, 0.54);
  background-color: #fff;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column,
.dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-left,
.dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-right {
  background-color: #fff;
}
.dx-datagrid-group-opened {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  color: rgba(136, 159, 183, 0.54);
}
.dx-datagrid-group-opened::before {
  content: "\f016";
}
.dx-datagrid-group-closed {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  color: rgba(136, 159, 183, 0.54);
}
.dx-datagrid-group-closed::before {
  content: "\f010";
}
.dx-row.dx-datagrid-group-footer.dx-column-lines {
  border-bottom: 1px solid #e0e0e0;
}
.dx-row.dx-datagrid-group-footer > td {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
  border-left-width: 0;
  border-right-width: 0;
}
.dx-datagrid-sticky-columns .dx-row.dx-datagrid-group-footer > td {
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-datagrid-group-footer td,
.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-edit-row td,
.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-master-detail-row td,
.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-row.dx-group-row td,
.dx-datagrid-sticky-columns .dx-edit-row + .dx-datagrid-group-footer td,
.dx-datagrid-sticky-columns .dx-edit-row + .dx-edit-row td,
.dx-datagrid-sticky-columns .dx-edit-row + .dx-master-detail-row td,
.dx-datagrid-sticky-columns .dx-edit-row + .dx-row.dx-group-row td,
.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-datagrid-group-footer td,
.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-edit-row td,
.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-master-detail-row td,
.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-row.dx-group-row td,
.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-datagrid-group-footer td,
.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-edit-row td,
.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-master-detail-row td,
.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-row.dx-group-row td {
  border-top: none;
}
.dx-datagrid-sticky-columns .dx-row.dx-group-row:first-child td {
  padding-top: 14px;
}
.dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-left: 10px;
}
.dx-treelist-important-margin {
  margin-right: 5px !important;
}
.dx-treelist-table {
  background-color: transparent;
}
.dx-treelist-borders > .dx-treelist-total-footer {
  border-top: 0;
}
.dx-treelist-borders > .dx-treelist-header-panel {
  border-bottom: 0;
}
.dx-treelist-borders > .dx-pager {
  margin-top: -1px;
}
.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2),
.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-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;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.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-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 {
  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;
  user-select: initial;
}
.dx-treelist .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-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-treelist .dx-treelist-sticky-column,
.dx-treelist .dx-treelist-sticky-column-left,
.dx-treelist .dx-treelist-sticky-column-right {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  background-color: #fff;
}
.dx-treelist .dx-treelist-sticky-column-left.dx-treelist-sticky-column-right,
.dx-treelist .dx-treelist-sticky-column-right.dx-treelist-sticky-column-right,
.dx-treelist .dx-treelist-sticky-column.dx-treelist-sticky-column-right {
  z-index: 3;
}
.dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: grabbing;
}
.dx-sortable-without-handle .dx-data-row {
  cursor: pointer;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  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.dx-treelist-drag-action {
  opacity: 1;
  cursor: pointer;
  touch-action: pinch-zoom;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-draggable-column {
  opacity: 0.5;
}
.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-list .dx-treeview-node .dx-treeview-item,
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-treeview-item {
  -webkit-padding-start: 4px;
  padding-inline-start: 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;
  box-sizing: content-box;
}
.dx-treelist-drag-header.dx-drag-command-cell {
  padding: 0;
}
.dx-treelist-columns-separator {
  position: absolute;
  z-index: 4;
  width: 3px;
}
.dx-treelist-columns-separator-transparent {
  border-left: 0;
  border-right: 0;
}
.dx-treelist-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 4;
  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-treelist-draggable-column {
  opacity: 0.5;
}
.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-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message {
  visibility: visible;
}
.dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message .dx-overlay-content,
.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 {
  max-width: none !important;
}
.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.dx-first-child,
.dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-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-last-child,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-last-child {
  border-right: 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-treelist-invalid .dx-invalid-message.dx-overlay {
  position: static;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  max-width: 0;
  vertical-align: middle;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell:not(.dx-treelist-cell-expandable) {
  padding-left: 0;
}
.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-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;
  white-space: nowrap;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
}
.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 {
  display: inline-block;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
  padding: 0;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  z-index: 1;
  -webkit-user-select: none;
  -moz-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-data-row .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap;
}
.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-cell-modified,
.dx-highlight-outline,
.dx-treelist-invalid {
  position: relative;
  padding: 7px;
}
.dx-cell-modified::after,
.dx-highlight-outline::after,
.dx-treelist-invalid::after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-cell-modified.dx-hidden,
.dx-highlight-outline.dx-hidden,
.dx-treelist-invalid.dx-hidden {
  display: block !important;
}
.dx-cell-modified.dx-hidden::after,
.dx-highlight-outline.dx-hidden::after,
.dx-treelist-invalid.dx-hidden::after {
  display: none;
}
.dx-editor-cell .dx-texteditor-input {
  margin: 0;
}
.dx-editor-cell .dx-highlight-outline,
.dx-editor-cell.dx-cell-modified,
.dx-editor-cell.dx-treelist-invalid {
  padding: 0;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  display: inline-block;
  content: "\200b";
  vertical-align: middle;
}
.dx-column-lines .dx-cell-modified::after,
.dx-column-lines .dx-highlight-outline::after,
.dx-column-lines .dx-treelist-invalid::after {
  left: 0;
}
.dx-treelist-headers {
  position: relative;
  outline: 0;
  min-height: 1px;
  -webkit-user-select: none;
  -moz-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 {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right,
.dx-header-row > td > .dx-treelist-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
  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-cell-modified,
.dx-treelist-filter-range-overlay .dx-editor-container.dx-treelist-invalid {
  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-cell-modified::after,
.dx-treelist-filter-row .dx-treelist-invalid::after {
  pointer-events: none;
}
.dx-treelist-filter-row .dx-focused .dx-highlight-outline::after,
.dx-treelist-filter-row .dx-focused.dx-cell-modified::after,
.dx-treelist-filter-row .dx-focused.dx-treelist-invalid::after {
  border-color: transparent;
}
.dx-treelist-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
  overflow: visible;
}
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
  display: flex;
  height: 100%;
}
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container,
.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;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  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 {
  flex: auto;
  height: auto;
}
.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
  display: flex;
}
.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  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 .dx-treelist-content.dx-scrollable-container {
  width: auto;
}
.dx-treelist-rowsview .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container {
  height: auto;
}
.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:focus {
  outline: 0;
}
.dx-treelist-rowsview .dx-row > .dx-master-detail-cell.dx-treelist-sticky-column-left {
  display: inline-block;
  overflow: hidden;
  left: 0;
  right: 0;
}
.dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
  border-color: transparent;
}
.dx-treelist-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  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 > .dx-treelist-content .dx-row > td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.dx-treelist-summary-item {
  font-weight: 700;
}
.dx-treelist-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: 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-notouch-action {
  touch-action: none;
}
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
}
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-table {
  border-collapse: separate;
}
.dx-treelist .dx-treelist-sticky-columns .dx-focused-fixed-element {
  z-index: 3;
}
.dx-treelist .dx-treelist-sticky-columns .dx-scrollable-scrollbar {
  z-index: 4;
}
.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 {
  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-treelist-scrollable-simulated,
.dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated {
  direction: ltr;
}
.dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated .dx-treelist-table,
.dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated .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: flex;
  justify-content: space-between;
  flex-direction: row;
  min-width: 0;
}
.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;
  color: #2e3d4c;
}
.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-block;
  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-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-borders > .dx-treelist-filter-panel,
.dx-treelist-borders > .dx-treelist-headers {
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-borders > .dx-treelist-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview {
  border-color: rgba(15, 110, 168, 0.5);
}
.dx-treelist .dx-column-lines > td:first-child {
  border-left: none;
}
.dx-treelist .dx-column-lines > td:last-child {
  border-right: none;
}
.dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-command-drag .dx-treelist-drag-icon::before {
  content: "\f038";
}
.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td {
  border-right: none;
}
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border,
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header {
  border-left: none;
}
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content.dx-sortable {
  overflow: visible;
}
.dx-header-multi-row.dx-treelist-sticky-columns .dx-column-lines > td:first-child {
  border-left: 1px solid #e0e0e0;
}
.dx-treelist-container > .dx-treelist-headers,
.dx-treelist-container > .dx-treelist-rowsview {
  background-color: #fff;
}
.dx-treelist-container .dx-sort-up {
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-sort-up::before {
  content: "\f051";
}
.dx-treelist-container .dx-sort-down {
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-sort-down::before {
  content: "\f052";
}
.dx-treelist-container .dx-sort-down,
.dx-treelist-container .dx-sort-up {
  font-family: inherit;
}
.dx-treelist-container .dx-sort-down::before,
.dx-treelist-container .dx-sort-up::before {
  font-family: DXIcons, sans-serif;
}
.dx-treelist-container .dx-treelist-header-panel .dx-toolbar {
  background-color: transparent;
}
.dx-treelist-container .dx-treelist-headers .dx-header-filter,
.dx-treelist-container .dx-treelist-headers .dx-header-row > td {
  outline: 0;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  outline: #3f8bb9 solid 2px;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  outline-offset: 2px;
}
.dx-treelist-container .dx-header-filter {
  position: relative;
  color: rgba(46, 61, 76, 0.6);
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-header-filter::before {
  content: "\f050";
}
.dx-treelist-container .dx-header-filter-empty {
  color: rgba(46, 61, 76, 0.72);
}
.dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
  background-color: #fff;
}
.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none;
}
.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell {
  border-right: none;
}
.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  outline: #3f8bb9 solid 2px;
  outline-offset: 2px;
}
.dx-treelist-container .dx-treelist-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-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  background-color: #fff;
}
.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:not(.dx-treelist-sticky-column, .dx-treelist-sticky-column-left, .dx-treelist-sticky-column-right) {
  position: relative;
}
.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before {
  display: block;
  height: 100%;
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
  background-repeat: no-repeat repeat;
}
.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]::before {
  transform: scaleX(-1);
}
.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  color: #2e3d4c;
}
.dx-treelist-container .dx-error-row td {
  color: #fff;
  padding: 0;
}
.dx-treelist-container .dx-error-row .dx-error-message {
  background-color: #f8738e;
  white-space: normal;
  word-wrap: break-word;
}
.dx-treelist-filter-panel {
  color: #2e3d4c;
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  outline: 0;
}
.dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus,
.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus {
  outline: #3f8bb9 solid 2px;
}
.dx-treelist-form-buttons-container {
  float: right;
}
.dx-treelist-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px;
}
.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}
.dx-treelist-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons;
}
.dx-treelist-adaptive-more::before {
  content: "\f06c";
}
.dx-treelist-edit-popup .dx-error-message {
  background-color: #f8738e;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px;
}
.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  border-left: none;
}
.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td:first-child,
.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border,
.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header {
  border-right: none;
}
.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border.dx-treelist-sticky-column-border-left,
.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header.dx-treelist-sticky-column-border-left {
  border-left: 2px solid #e0e0e0;
}
.dx-rtl .dx-header-multi-row.dx-treelist-sticky-columns .dx-column-lines > td:first-child {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none;
}
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell {
  border-left: none;
}
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before {
  transform: scaleX(-1);
}
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]::before {
  transform: scale(1);
}
.dx-rtl .dx-treelist-form-buttons-container {
  float: left;
}
.dx-rtl .dx-treelist-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-table .dx-row td.dx-treelist-sticky-column-border-right {
  border-right: 2px solid #e0e0e0;
}
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-table .dx-row td.dx-treelist-sticky-column-border-left {
  border-left: 2px solid #e0e0e0;
}
.dx-treelist-cell-updated-animation {
  animation: 1s dx-treelist-highlight-change;
}
@keyframes dx-treelist-highlight-change {
  50%, from {
    background-color: rgba(46, 61, 76, 0.08);
  }
}
.dx-treelist .dx-menu,
.dx-treelist-container .dx-menu {
  background-color: transparent;
  height: 100%;
}
.dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content,
.dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 11px 4px;
}
.dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin: 0 3px;
}
.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: rgba(120, 147, 174, 0.54);
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-treelist .dx-treelist-filter-row .dx-editor-with-menu .dx-menu-item-content,
.dx-treelist-container .dx-treelist-filter-row .dx-editor-with-menu .dx-menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dx-treelist .dx-treelist-filter-row .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-treelist .dx-treelist-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-treelist-container .dx-treelist-filter-row .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-treelist-container .dx-treelist-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-left: 40px;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before {
  content: "\f053";
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before {
  content: "\f054";
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-fix-column {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-fix-column::before {
  content: "\f16f";
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-left::before {
  content: "\f17b";
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-fix-column-right::before {
  content: "\f17d";
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-stick-column,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-stick-column {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-stick-column::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-stick-column::before {
  content: "\f17c";
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column::before,
.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-unfix-column::before {
  content: "\f17a";
}
.dx-treelist .dx-header-filter,
.dx-treelist .dx-sort-down,
.dx-treelist .dx-sort-up,
.dx-treelist-container .dx-header-filter,
.dx-treelist-container .dx-sort-down,
.dx-treelist-container .dx-sort-up {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.dx-treelist .dx-header-filter:not(.dx-header-filter-empty),
.dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) {
  color: #0f6ea8;
}
.dx-treelist .dx-icon-filter-operation-equals,
.dx-treelist-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-equals::before,
.dx-treelist-container .dx-icon-filter-operation-equals::before {
  content: "\f044";
}
.dx-treelist .dx-icon-filter-operation-default,
.dx-treelist-container .dx-icon-filter-operation-default {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-default::before,
.dx-treelist-container .dx-icon-filter-operation-default::before {
  content: "\f027";
}
.dx-treelist .dx-icon-filter-operation-not-equals,
.dx-treelist-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-not-equals::before,
.dx-treelist-container .dx-icon-filter-operation-not-equals::before {
  content: "\f045";
}
.dx-treelist .dx-icon-filter-operation-less,
.dx-treelist-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-less::before,
.dx-treelist-container .dx-icon-filter-operation-less::before {
  content: "\f046";
}
.dx-treelist .dx-icon-filter-operation-less-equal,
.dx-treelist-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-less-equal::before,
.dx-treelist-container .dx-icon-filter-operation-less-equal::before {
  content: "\f048";
}
.dx-treelist .dx-icon-filter-operation-greater,
.dx-treelist-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-greater::before,
.dx-treelist-container .dx-icon-filter-operation-greater::before {
  content: "\f047";
}
.dx-treelist .dx-icon-filter-operation-greater-equal,
.dx-treelist-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-greater-equal::before,
.dx-treelist-container .dx-icon-filter-operation-greater-equal::before {
  content: "\f049";
}
.dx-treelist .dx-icon-filter-operation-contains,
.dx-treelist-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-contains::before,
.dx-treelist-container .dx-icon-filter-operation-contains::before {
  content: "\f063";
}
.dx-treelist .dx-icon-filter-operation-not-contains,
.dx-treelist-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-not-contains::before,
.dx-treelist-container .dx-icon-filter-operation-not-contains::before {
  content: "\f066";
}
.dx-treelist .dx-icon-filter-operation-starts-with,
.dx-treelist-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-starts-with::before,
.dx-treelist-container .dx-icon-filter-operation-starts-with::before {
  content: "\f064";
}
.dx-treelist .dx-icon-filter-operation-ends-with,
.dx-treelist-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-ends-with::before,
.dx-treelist-container .dx-icon-filter-operation-ends-with::before {
  content: "\f065";
}
.dx-treelist .dx-icon-filter-operation-between,
.dx-treelist-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-between::before,
.dx-treelist-container .dx-icon-filter-operation-between::before {
  content: "\f06a";
}
.dx-treelist .dx-column-indicators,
.dx-treelist-container .dx-column-indicators {
  height: 16px;
}
.dx-treelist .dx-column-indicators .dx-sort-index-icon,
.dx-treelist-container .dx-column-indicators .dx-sort-index-icon {
  padding-right: 4px;
  margin-left: -1px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.dx-treelist .dx-column-indicators > div,
.dx-treelist-container .dx-column-indicators > div {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.dx-treelist .dx-placeholder::before,
.dx-treelist-container .dx-placeholder::before {
  font-size: 14px;
}
.dx-treelist {
  line-height: inherit;
}
.dx-treelist .dx-row-alt {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.dx-treelist .dx-row-alt > td {
  background-color: #f5f5f5;
}
.dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.dx-treelist .dx-link {
  color: #0f6ea8;
}
.dx-treelist .dx-row-lines > td {
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist .dx-column-lines > td {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-treelist .dx-error-row .dx-closebutton {
  float: right;
  margin: 16px;
  font: 14px/14px DXIcons;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  text-align: center;
}
.dx-treelist .dx-error-row .dx-closebutton::before {
  content: "\f00a";
}
.dx-treelist .dx-error-row .dx-error-message {
  padding: 14px 35px 14px 14px;
}
.dx-treelist .dx-row > td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
}
.dx-treelist .dx-treelist-table .dx-header-row > td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all) {
  vertical-align: middle;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-select,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-select {
  overflow: visible;
  width: 50px;
  min-width: 50px;
  line-height: 1;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit {
  width: 115px;
  min-width: 115px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-link:not(.dx-link-icon),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-link:not(.dx-link-icon),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-link:not(.dx-link-icon) {
  margin: 0 2px;
  min-width: 20px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons {
  width: 93px;
  min-width: 93px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.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 4px;
  vertical-align: middle;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon) {
  width: auto;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-state-disabled.dx-link,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-state-disabled.dx-link,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-state-disabled.dx-link {
  opacity: 0.38;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-state-disabled.dx-link-icon,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-state-disabled.dx-link-icon,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-state-disabled.dx-link-icon {
  opacity: 0.6;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-treelist-group-space,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all) .dx-treelist-group-space,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-expand,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all) .dx-treelist-group-space,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-expand {
  padding: 0 4px 0 8px;
  line-height: 0;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select) {
  padding-right: 0;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select):not(.dx-treelist-cell-expandable),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-treelist-cell-expandable),
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-treelist-cell-expandable) {
  padding-left: 0;
}
.dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  background-position-y: 49px;
}
.dx-treelist .dx-command-drag {
  width: 56px;
  min-width: 56px;
}
.dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-treelist .dx-treelist-drop-highlight > td {
  background-color: #0f6ea8;
  color: #fff;
}
.dx-treelist .dx-treelist-drop-highlight > td .dx-header-filter {
  color: #fff;
}
.dx-treelist .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  background-color: #fff;
  color: #0f6ea8;
}
.dx-treelist-edit-popup .dx-popup-content {
  padding: 0;
}
.dx-treelist-edit-popup .dx-error-message {
  padding: 14px 16px;
}
.dx-treelist-edit-popup-form {
  padding: 24px;
}
.dx-treelist-headers .dx-texteditor-input,
.dx-treelist-rowsview .dx-texteditor-input {
  min-height: 16px;
}
.dx-treelist-headers .dx-lookup,
.dx-treelist-rowsview .dx-lookup {
  height: auto;
}
.dx-treelist-headers .dx-lookup .dx-lookup-field,
.dx-treelist-rowsview .dx-lookup .dx-lookup-field {
  padding-left: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
  padding-right: 0;
}
.dx-editor-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.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-state-active,
.dx-editor-cell .dx-texteditor.dx-state-focused,
.dx-editor-cell .dx-texteditor.dx-state-hover {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
}
.dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input {
  background: rgba(255, 255, 255, 0);
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  margin-top: 0;
}
.dx-editor-cell .dx-texteditor .dx-placeholder::before {
  padding-right: 16px;
  padding-left: 16px;
}
.dx-editor-cell .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-texteditor-input {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-tag-container {
  min-height: 48px;
  padding: 0;
}
.dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container,
.dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
  margin-top: 0;
}
.dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  right: 0;
}
.dx-editor-cell .dx-texteditor::after,
.dx-editor-cell .dx-texteditor::before {
  content: none;
}
.dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
.dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  left: 0;
}
.dx-editor-cell .dx-dropdowneditor {
  background-color: rgba(255, 255, 255, 0);
}
.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  border-radius: 0;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 14px;
  padding-bottom: 14px;
}
.dx-treelist-column-chooser-list .dx-empty-message {
  color: #607f9f;
  padding: 0 24px;
}
.dx-treelist-column-chooser {
  color: #2e3d4c;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-treelist-column-chooser input,
.dx-treelist-column-chooser textarea {
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
  padding: 16px 24px 9px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  margin-bottom: 10px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  padding-left: 20px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
  padding: 16px 24px 9px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-list .dx-treeview-select-all-item,
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-select-all-item {
  -webkit-padding-start: 43px;
  padding-inline-start: 43px;
}
.dx-treelist-column-chooser .dx-overlay-content {
  background-color: #fff;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 20px;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: 0.5;
  margin: 2px 2px 8px;
  background-color: #fff;
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  font-size: 14px;
  padding: 14px;
  line-height: 16px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-treelist-drag-header {
  border-color: rgba(15, 110, 168, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: rgba(46, 61, 76, 0.6);
  font-weight: 500;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}
.dx-treelist-columns-separator {
  background-color: #0f6ea8;
}
.dx-treelist-columns-separator-transparent {
  background-color: transparent;
}
.dx-treelist-focus-overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #3f8bb9;
  left: 0;
  right: 1px;
}
.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 {
  color: #2e3d4c;
}
.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: #f5f5f5;
}
.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-treelist-readonly .dx-texteditor .dx-texteditor-input {
  background-color: #f5f5f5;
  color: #2e3d4c;
}
.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-treelist-headers {
  color: rgba(46, 61, 76, 0.6);
  touch-action: pinch-zoom;
}
.dx-treelist-headers::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
  border-bottom-width: 1px;
}
.dx-treelist-headers .dx-treelist-table .dx-row > td {
  border-bottom: 1px solid #e0e0e0;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
}
.dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort,
.dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator,
.dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-treelist-text-content {
  color: #2e3d4c;
}
.dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort {
  color: rgba(46, 61, 76, 0.38);
}
.dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) {
  background-color: #f5f5f5;
}
.dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row .dx-command-select {
  padding-bottom: 19px;
}
.dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td {
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: bottom;
}
.dx-treelist-headers.dx-header-multi-row:not(.dx-treelist-sticky-columns) .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td {
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-treelist-headers.dx-header-multi-row:not(.dx-treelist-sticky-columns) .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td:first-child {
  border-left: none;
}
.dx-treelist-headers.dx-header-multi-row:not(.dx-treelist-sticky-columns) .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td:last-child {
  border-right: none;
}
.dx-treelist-filter-row,
.dx-treelist-headers.dx-treelist-sticky-columns .dx-treelist-filter-row > td.dx-treelist-sticky-column,
.dx-treelist-headers.dx-treelist-sticky-columns .dx-treelist-filter-row > td.dx-treelist-sticky-column-left,
.dx-treelist-headers.dx-treelist-sticky-columns .dx-treelist-filter-row > td.dx-treelist-sticky-column-right {
  background-color: #fafafa;
}
.dx-treelist-filter-row .dx-menu {
  margin-left: 0;
}
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  height: 100%;
  position: absolute;
}
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
  height: 100%;
}
.dx-treelist-filter-row .dx-menu .dx-overlay-content {
  color: #9fb2c5;
}
.dx-treelist-filter-row .dx-filter-modified {
  background-color: rgba(35, 195, 153, 0.32);
}
.dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 14px 16px 14px 40px;
}
.dx-treelist .dx-treelist-table .dx-treelist-filter-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-treelist-filter-range-overlay .dx-overlay-content {
  overflow: inherit;
  background-color: #fafafa;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after,
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover::after {
  top: auto;
  bottom: 0;
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  font-size: 14px;
  height: 49px;
  padding-right: 12px;
  padding-left: 12px;
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder::before {
  padding-left: 12px;
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
  display: none;
}
.dx-cell-modified,
.dx-treelist-invalid {
  padding: 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-treelist-header-panel {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 16px;
}
.dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  border-radius: 50%;
}
.dx-icon-column-chooser {
  font: 14px/1 DXIcons;
}
.dx-icon-column-chooser::before {
  content: "\f04d";
}
.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.dx-treelist-addrow-button .dx-icon-edit-button-addrow::before {
  content: "\f00b";
}
.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.dx-treelist-cancel-button .dx-icon-edit-button-cancel::before {
  content: "\f04c";
}
.dx-treelist-save-button .dx-icon-edit-button-save {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.dx-treelist-save-button .dx-icon-edit-button-save::before {
  content: "\f041";
}
.dx-apply-button .dx-icon-apply-filter {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.dx-apply-button .dx-icon-apply-filter::before {
  content: "\f050";
}
.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected,
.dx-datagrid-export-menu .dx-menu-item .dx-icon-xlsxfile {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-treelist-adaptive-more {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(46, 61, 76, 0.54);
}
.dx-row.dx-row-focused .dx-treelist-adaptive-more {
  color: inherit;
}
.dx-treelist-rowsview {
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-headers + .dx-treelist-rowsview,
.dx-treelist-rowsview.dx-treelist-after-headers {
  border-top: none;
}
.dx-treelist-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.dx-treelist-rowsview .dx-row:focus {
  outline: 0;
}
.dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 16px;
}
.dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell:not(.dx-row-lines),
.dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell,
.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space {
  background-color: #fafafa;
}
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: rgba(35, 195, 153, 0.32);
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-treelist-invalid {
  background-color: rgba(243, 22, 66, 0.32);
}
.dx-treelist-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px;
  background-color: #f31642;
  color: #fff;
}
.dx-treelist-rowsview .dx-row-removed > td {
  background-color: #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: rgba(46, 61, 76, 0.6);
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  padding-top: 0;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  line-height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
  padding: 0;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::after,
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::before {
  content: none;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
  box-shadow: none;
}
.dx-treelist-rowsview .dx-item-modified {
  background-color: rgba(35, 195, 153, 0.32);
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-treelist-invalid) {
  background-color: #cfe2ee;
  color: #2e3d4c;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-treelist-invalid) .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-treelist-invalid) .dx-treelist-group-opened {
  color: #2e3d4c;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #0f6ea8;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid #3f8bb9;
  border-bottom: 1px solid #3f8bb9;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select):not(.dx-treelist-invalid),
.dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select):not(.dx-treelist-invalid) {
  background-color: #fff;
  color: #2e3d4c;
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row {
  background-color: #cfe2ee;
  color: #2e3d4c;
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened {
  color: #2e3d4c;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #e7f1f6;
  color: #2e3d4c;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space {
  border-right-color: #e7f1f6;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #e7f1f6;
  border-top: 1px solid #e7f1f6;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td {
  border-bottom-color: #e0e0e0;
}
.dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-right: 0;
}
.dx-treelist-rowsview td.dx-validation-pending {
  position: relative;
  padding: 0;
}
.dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified {
  padding: 14px 46px 14px 16px;
}
.dx-rtl .dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.dx-rtl .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified,
.dx-rtl.dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.dx-rtl.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified {
  padding-left: 46px;
  padding-right: 16px;
}
.dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  inset-inline-end: 6px;
  right: 22px;
  background-color: transparent;
}
.dx-rtl .dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator,
.dx-rtl.dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator {
  left: 22px;
}
.dx-treelist-rowsview.dx-treelist-sticky-columns .dx-row:not(.dx-row-lines, .dx-group-row, .dx-datagrid-group-footer, .dx-edit-row, .dx-selection, .dx-row-focused) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
  padding-top: 15px;
}
.dx-treelist-rowsview.dx-treelist-sticky-columns .dx-row-focused.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell),
.dx-treelist-rowsview.dx-treelist-sticky-columns .dx-selection.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
  padding-bottom: 13px;
}
.dx-treelist-rowsview.dx-treelist-sticky-columns .dx-row.dx-edit-row > td.dx-command-edit {
  padding-top: 13px;
  padding-bottom: 13px;
}
.dx-treelist-rowsview.dx-treelist-sticky-columns .dx-row.dx-edit-row > td:not(.dx-master-detail-cell) .dx-texteditor-input {
  height: 47px;
  line-height: 47px;
}
.dx-row.dx-group-row + .dx-treelist-rowsview.dx-treelist-sticky-columns .dx-data-row td:not(.dx-command-expand, .dx-editor-cell),
.dx-row.dx-master-detail-row + .dx-treelist-rowsview.dx-treelist-sticky-columns .dx-data-row td:not(.dx-command-expand, .dx-editor-cell) {
  padding-top: 14px;
}
.dx-treelist-rowsview.dx-treelist-sticky-columns .dx-row.dx-row-lines.dx-edit-row > td {
  border-top-width: 0;
}
.dx-treelist-search-text {
  color: #fff;
  background-color: #0f6ea8;
}
.dx-treelist-nodata {
  color: rgba(46, 61, 76, 0.54);
  font-size: 17px;
}
.dx-treelist-bottom-load-panel {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
.dx-treelist-summary-item {
  color: rgba(46, 61, 76, 0.7);
}
.dx-treelist-total-footer {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-total-footer > .dx-treelist-content {
  padding: 0;
}
.dx-treelist-revert-tooltip .dx-overlay-content {
  background-color: transparent;
  min-width: inherit;
}
.dx-treelist-revert-tooltip .dx-revert-button {
  border-radius: 4px;
  background-color: #f31642;
  color: #fff;
  margin: 0 0 0 1px;
  height: 48px;
  box-shadow: none;
  min-width: inherit;
}
.dx-treelist-revert-tooltip .dx-revert-button .dx-button-content {
  padding-block: 2px;
  -webkit-padding-start: 2px;
  padding-inline-start: 2px;
  -webkit-padding-end: 2px;
  padding-inline-end: 2px;
}
.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  color: #fff;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #f31642;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected,
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active,
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused,
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #f31642;
}
.dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 2px;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  box-shadow: none;
}
.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-treelist-group-space {
  border-left-color: #f5f5f5;
  border-right-color: transparent;
}
.dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
.dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px;
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: #e0e0e0;
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: #e7f1f6;
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  border-left-color: #e0e0e0;
}
.dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-left: 0;
}
.dx-header-filter-menu .dx-popup-content {
  padding: 12px 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-form-buttons-container .dx-button {
  background-color: transparent;
  color: #0f6ea8;
}
.dx-treelist-form-buttons-container .dx-button .dx-icon {
  color: #0f6ea8;
}
.dx-treelist-form-buttons-container .dx-button.dx-state-selected {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-treelist-form-buttons-container .dx-button.dx-state-selected,
.dx-treelist-form-buttons-container .dx-button.dx-state-selected .dx-icon {
  color: #0f6ea8;
}
.dx-treelist-form-buttons-container .dx-button.dx-state-focused,
.dx-treelist-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-treelist-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.2);
}
.dx-command-adaptive {
  width: 56px;
  min-width: 56px;
}
.dx-treelist-filter-panel {
  padding: 18px 16px;
}
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  color: #0f6ea8;
  font-size: 14px;
  line-height: 18px;
}
.dx-treelist-filter-panel .dx-icon-filter {
  color: #0f6ea8;
}
.dx-adaptive-item-text {
  padding-left: 16px;
  padding-right: 16px;
}
.dx-adaptive-item-text.dx-cell-modified,
.dx-adaptive-item-text.dx-treelist-invalid {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-treelist-sticky-columns .dx-treelist-draggable-column {
  opacity: 1;
  color: rgba(46, 61, 76, 0.38);
}
.dx-treelist-rowsview .dx-treelist-empty-space {
  position: relative;
  top: -2px;
  display: inline-block;
  font: 14px/1 DXIcons;
  width: 24px;
}
.dx-treelist-rowsview .dx-treelist-empty-space::before {
  content: "\f014";
  visibility: hidden;
}
.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  color: rgba(136, 159, 183, 0.54);
}
.dx-treelist-rowsview .dx-treelist-expanded span {
  font: 24px/24px DXIcons;
  text-align: center;
  cursor: pointer;
}
.dx-treelist-rowsview .dx-treelist-expanded span::before {
  content: "\f016";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  left: 0;
  margin-left: -5px;
  margin-top: -12px;
}
.dx-treelist-rowsview .dx-treelist-collapsed span {
  font: 24px/24px DXIcons;
  text-align: center;
  cursor: pointer;
}
.dx-treelist-rowsview .dx-treelist-collapsed span::before {
  content: "\f010";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  left: 0;
  margin-left: -6px;
  margin-top: -12px;
}
.dx-treelist-rowsview .dx-header-filter,
.dx-treelist-rowsview .dx-sort-down,
.dx-treelist-rowsview .dx-sort-up {
  vertical-align: middle;
}
.dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
  color: rgba(136, 159, 183, 0.54);
}
.dx-treelist-rowsview .dx-treelist-cell-expandable {
  white-space: nowrap;
}
.dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: normal;
}
.dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: nowrap;
}
.dx-treelist-checkbox-size {
  vertical-align: middle;
  line-height: 0;
}
.dx-treelist-cell-expandable .dx-checkbox,
.dx-treelist-select-all .dx-checkbox {
  position: absolute;
}
.dx-treelist-icon-container {
  max-height: 20px;
}
.dx-treelist-icon-container.dx-editor-inline-block {
  position: relative;
  padding-right: 34px;
}
.dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  top: 50%;
  margin-top: -9px;
}
.dx-treelist-select-all {
  position: relative;
}
.dx-treelist-select-all .dx-checkbox {
  left: 40px;
}
.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
  padding-left: 74px;
}
.dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed,
.dx-rtl .dx-treelist-rowsview .dx-treelist-expanded {
  transform: scaleX(-1);
}
.dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: right;
}
.dx-rtl .dx-treelist-select-all .dx-checkbox {
  left: calc(100% - 58px);
}
.dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
  padding-right: 74px;
  padding-left: 16px;
}
.dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  padding-left: 34px;
  padding-right: 0;
}
.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;
  vertical-align: bottom;
}
.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;
  transform: translate(-50%, -50%);
}
.dx-pivotgrid {
  cursor: default;
  width: 100%;
  position: relative;
  background-color: #fff;
}
.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;
  box-sizing: content-box;
}
.dx-pivotgrid .dx-area-description-cell {
  position: relative;
  background-clip: padding-box;
  white-space: nowrap;
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
  position: absolute;
  bottom: 0;
}
.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;
  box-sizing: content-box;
}
.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: inline-flex;
}
.dx-pivotgridfieldchooser {
  position: relative;
  background-color: #fff;
}
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0,
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
  flex-direction: column;
}
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:first-child {
  flex-grow: 3;
}
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 4;
}
.dx-pivotgridfieldchooser .dx-col {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.dx-pivotgridfieldchooser .dx-row {
  display: flex;
  flex-direction: row;
  height: 0;
}
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:first-child {
  flex-grow: 2;
}
.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
  flex-grow: 1;
}
.dx-pivotgrid-action {
  cursor: pointer;
}
.dx-pivotgrid-drag-action {
  touch-action: pinch-zoom;
}
.dx-pivotgrid-scrollbar-measure-element {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
.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: rgba(46, 61, 76, 0.54);
  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: rgba(46, 61, 76, 0.6);
  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(46, 61, 76, 0.72);
}
.dx-pivotgrid-fields-container .dx-area-field {
  cursor: pointer;
}
.dx-pivotgrid-fields-container.dx-drag {
  opacity: 0.8;
}
.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(15, 110, 168, 0.5);
}
.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  margin-bottom: 4px;
  border: 1px solid #e0e0e0;
  padding: 7px 10px;
}
.dx-pivotgrid-fields-container .dx-drag-source {
  opacity: 0.5;
}
.dx-pivotgrid-fields-container .dx-column-indicators {
  vertical-align: bottom;
  margin-left: 6px;
  line-height: 12px;
}
.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-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  margin-top: 10px;
}
.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-head tr > td:first-child {
  padding-left: 0;
}
.dx-pivotgrid .dx-filter-header .dx-area-field-container {
  border-spacing: 8px 12px;
  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 #e0e0e0;
}
.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 #e0e0e0;
}
.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;
  box-shadow: none;
}
.dx-pivotgrid .dx-area-column-cell,
.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-bottom-border {
  border-bottom: 1px solid #e0e0e0;
}
.dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  position: relative;
  border: none;
  padding: 14px 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: 5px 0;
  border: 1px solid transparent;
  color: rgba(0, 0, 0, 0.3);
}
.dx-pivotgrid .dx-group-connector {
  position: absolute;
  width: 2px;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #e0e0e0;
}
.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: #2e3d4c;
  white-space: nowrap;
  border-left: 1px solid #e0e0e0;
}
.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 #e0e0e0;
}
.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 #e0e0e0;
}
.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 #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.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 #e0e0e0;
}
.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  text-align: center;
  border: 1px solid #e0e0e0;
}
.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-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: rgba(0, 0, 0, 0.04);
}
.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 #e0e0e0;
}
.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 #e0e0e0;
}
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-top: 1px solid #e0e0e0;
}
.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 #e0e0e0;
}
.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-pivotgrid.dx-context-menu .dx-pivotgrid.dx-submenu {
  width: auto;
}
.dx-pivotgridfieldchooser .dx-area-fields {
  overflow: hidden;
}
.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  vertical-align: middle;
}
.dx-pivotgridfieldchooser .dx-treeview-search {
  margin: 5px;
}
.dx-pivotgridfieldchooser .dx-area-icon {
  display: inline-block;
  vertical-align: middle;
}
.dx-pivotgridfieldchooser .dx-area {
  padding: 5px;
  display: flex;
  flex-grow: 1;
  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: flex;
  flex-grow: 1;
  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 {
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  height: 0;
  margin-top: 8px;
}
.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  align-self: center;
}
.dx-pivotgridfieldchooser .dx-area-fields[group] {
  padding: 5px;
  background-color: rgba(221, 221, 221, 0.2);
  display: flex;
}
.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  border-color: #0f6ea8;
}
.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-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 #e0e0e0;
  border-right: 0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data.dx-scrollable-native .dx-scrollable-content {
  float: none;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  border-left: 0;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  border-left: 1px solid #e0e0e0;
  border-right: 0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  border-right: 0;
  border-left: 1px solid #e0e0e0;
}
.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 #e0e0e0;
}
.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 #e0e0e0;
  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 {
  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: 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 #e0e0e0;
}
.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 #e0e0e0;
}
.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-fields-container.dx-drag .dx-area-field.dx-area-box {
  background-color: rgba(224, 224, 224, 0.9);
  border: none;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}
.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  color: rgba(46, 61, 76, 0.54);
  background-color: #e0e0e0;
  border-radius: 16px;
  border: none;
  font-size: 12px;
  font-weight: 500;
}
.dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter {
  color: #0f6ea8;
}
.dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty {
  color: rgba(46, 61, 76, 0.54);
}
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data {
  font-size: 13px;
}
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers,
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers {
  font-size: 12px;
}
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td,
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td {
  font-weight: 500;
}
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal,
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total,
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal,
.dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total {
  color: #2e3d4c;
}
.dx-pivotgrid .dx-pivotgrid-area td {
  color: rgba(46, 61, 76, 0.54);
  padding: 10px 16px;
}
.dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-collapsed,
.dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-expanded {
  padding: 10px 14px 10px 19px;
}
.dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-collapsed > span,
.dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-expanded > span {
  padding: 0 5px 0 10px;
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar {
  padding-left: 8px;
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  background-color: transparent;
  color: #2e3d4c;
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon {
  color: #2e3d4c;
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-selected,
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-selected .dx-icon {
  color: #2e3d4c;
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-pivotgrid .dx-grandtotal.dx-last-cell,
.dx-pivotgrid .dx-row-total.dx-last-cell {
  padding-left: 22px;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  background-color: transparent;
  color: #2e3d4c;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon {
  color: #2e3d4c;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-selected,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-selected,
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-selected .dx-icon,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-selected,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-selected .dx-icon {
  color: #2e3d4c;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
  background-color: rgba(46, 61, 76, 0.2);
}
.dx-pivotgrid .dx-expand-icon-container {
  width: 14px;
  margin: 0;
  font: 12px/1 DXIcons;
}
.dx-pivotgrid .dx-expand-icon-container::before {
  content: "\f010";
  visibility: hidden;
}
.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
  font: 20px/20px DXIcons;
  text-align: center;
  color: rgba(46, 61, 76, 0.54);
}
.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand::before {
  content: "\f010";
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  font: 20px/20px DXIcons;
  text-align: center;
  color: rgba(46, 61, 76, 0.54);
}
.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand::before {
  content: "\f016";
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
.dx-pivotgridfieldchooser .dx-area-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.dx-pivotgridfieldchooser .dx-area .dx-area-caption {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: rgba(46, 61, 76, 0.54);
  vertical-align: bottom;
}
.dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding-right: 8px;
}
.dx-pivotgridfieldchooser .dx-treeview-item {
  min-height: 36px;
  padding: 9px 8px;
  line-height: normal;
}
.dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox {
  top: 9px;
}
.dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item .dx-icon {
  margin: 0 5px 2px 0;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility {
  height: 36px;
}
.dx-pivotgrid-fields-container .dx-position-indicator {
  background-color: gray;
}
.dx-context-menu.dx-overlay-content {
  overflow: inherit;
  position: absolute;
}
.dx-context-menu .dx-menu-item .dx-submenu {
  position: fixed;
  z-index: 1003;
}
.dx-context-menu .dx-menu-item {
  font-size: 14px;
  color: #2e3d4c;
}
.dx-context-menu .dx-menu-item .dx-menu-item-content {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  inset-inline-end: 16px;
  width: 24px;
  display: flex;
  align-items: center;
}
.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  display: flex;
  align-items: center;
  color: rgba(46, 61, 76, 0.54);
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout::before {
  content: "\f04e";
}
.dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
  -webkit-padding-end: 64px;
  padding-inline-end: 64px;
}
.dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}
.dx-context-menu .dx-menu-items-container {
  padding: 8px 0;
}
.dx-context-menu.dx-overlay-content.dx-state-focused {
  box-shadow: none;
}
.dx-context-menu .dx-submenu {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-context-menu .dx-menu-separator {
  height: 1px;
  margin: 5px 0;
  background-color: #e0e0e0;
}
.dx-multiview-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  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;
  left: 0;
  right: 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;
  left: -9999px;
  visibility: hidden;
}
.dx-multiview-item-hidden .dx-accordion-item-opened .dx-accordion-item-body {
  visibility: hidden;
}
.dx-tabpanel {
  display: flex;
  flex-direction: column;
}
.dx-tabpanel .dx-tabs-vertical .dx-tabs-wrapper {
  min-height: 100%;
}
.dx-tabpanel .dx-tabs-vertical .dx-tabpanel-tab {
  flex-grow: 0;
}
.dx-tabpanel-tab {
  flex-basis: unset;
}
.dx-tabpanel-tabs-position-right {
  flex-direction: row-reverse;
}
.dx-tabpanel-tabs-position-right.dx-rtl {
  flex-direction: row;
}
.dx-tabpanel-tabs-position-bottom {
  flex-direction: column-reverse;
}
.dx-tabpanel-tabs-position-left {
  flex-direction: row;
}
.dx-tabpanel-tabs-position-left.dx-rtl {
  flex-direction: row-reverse;
}
.dx-tabpanel .dx-tabpanel-tabs .dx-tabs {
  height: 100%;
}
.dx-tabpanel-container {
  flex-grow: 1;
  min-height: 0;
  min-width: 0;
}
.dx-tabpanel .dx-tabpanel-tab {
  min-width: 72px;
  flex-basis: unset;
  flex-grow: 0;
  flex-shrink: 0;
}
.dx-tabpanel .dx-tabs-scrollable .dx-tab {
  flex-basis: auto;
}
.dx-tabpanel .dx-tabs-nav-button {
  height: auto;
}
.dx-tabpanel-tabs-position-top .dx-tabs {
  border-bottom: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-top .dx-tabs {
  border-bottom: none;
}
.dx-tabpanel-tabs-position-bottom .dx-tabs {
  border-top: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-bottom .dx-tabs {
  border-top: none;
}
.dx-tabpanel-tabs-position-left .dx-tabs {
  border-right: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-left .dx-tabs {
  border-right: none;
}
.dx-tabpanel-tabs-position-right .dx-tabs {
  border-left: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-right .dx-tabs {
  border-left: none;
}
.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::-webkit-file-upload-button {
  cursor: pointer;
}
.dx-fileuploader-dragover .dx-fileuploader-input::-webkit-file-upload-button {
  width: 100%;
}
.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-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-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-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;
  color: #f31642;
}
.dx-fileuploader-invalid .dx-fileuploader-file-status-message span {
  display: block;
  margin-bottom: 2px;
}
.dx-fileuploader-wrapper {
  padding: 7px;
}
.dx-fileuploader-content > .dx-fileuploader-upload-button {
  margin-left: 3px;
  margin-right: 3px;
}
.dx-fileuploader-input-wrapper {
  padding: 7px 0;
  border: 3px dashed transparent;
}
.dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
  position: relative;
}
.dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
  border: none;
  padding: 0;
}
.dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
  display: none;
}
.dx-fileuploader-dragover .dx-fileuploader-input-container {
  display: block;
  width: 100%;
}
.dx-fileuploader-dragover .dx-fileuploader-input {
  display: block;
  width: 100%;
  padding: 17px 3px 18px;
  box-sizing: content-box;
}
.dx-fileuploader-dragover .dx-fileuploader-input-label {
  text-align: center;
  padding: 14px 9px;
  border: 3px dashed #e0e0e0;
}
.dx-fileuploader-file-size,
.dx-fileuploader-file-status-message {
  color: #8ca3ba;
}
.dx-fileuploader-input {
  padding: 7px 0;
}
.dx-fileuploader-input-label {
  padding: 8px 9px;
  color: #2e3d4c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  padding: 14px 3px 0;
}
.dx-fileuploader-empty .dx-fileuploader-files-container {
  padding: 0;
}
.dx-invalid .dx-fileuploader-files-container {
  padding-top: 50px;
}
.dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
  padding: 0;
}
.dx-fileuploader-files-container .dx-fileuploader-file-container {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 5px 8px;
  margin-bottom: 4px;
}
.dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
  margin-right: 15px;
}
.dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
  margin-left: 15px;
  margin-right: 0;
}
.dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
  height: 36px;
  width: 36px;
  margin-right: 5px;
}
.dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
  margin-left: 5px;
  margin-right: 0;
}
.dx-fileuploader-file {
  display: table-cell;
  width: 100%;
  white-space: nowrap;
  padding-top: 5px;
  line-height: 13px;
}
.dx-fileuploader-file-name {
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 3.5px;
  color: #2e3d4c;
  font-weight: 500;
}
.dx-fileuploader-file-size {
  margin-left: 4px;
  float: left;
  vertical-align: super;
  font-size: 10px;
  padding-bottom: 3.5px;
}
.dx-fileuploader-invalid .dx-fileuploader-file-status-message span:first-child {
  margin-top: 2px;
}
.dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
  margin-bottom: 2px;
}
.dx-fileuploader-invalid .dx-fileuploader-button-container {
  vertical-align: middle;
}
.dx-fileuploader-invalid .dx-fileuploader-cancel-button {
  margin-top: 0;
}
.dx-scheduler-appointment-popup .dx-popup-content {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-scheduler-appointment-popup .dx-scrollable-content {
  padding-top: 20px;
}
.dx-scheduler-appointment-popup .dx-form.dx-recurrence-editor-container .dx-scrollable-content {
  padding-top: 0;
}
.dx-scheduler .dx-empty-message {
  line-height: normal;
}
.dx-scheduler-all-day-panel td {
  padding: 0;
}
.dx-scheduler-appointment-collector {
  display: block;
  height: 20px;
  cursor: pointer;
  margin: 3px 0 0 3px;
}
.dx-scheduler-appointment-collector .dx-button-content,
.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 4px;
  padding: 0;
}
.dx-scheduler-appointment-collector .dx-button-content::after,
.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content::after {
  display: inline-block;
  position: relative;
  height: 100%;
  content: "";
  vertical-align: text-top;
  font-size: 0;
}
.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-all-day-appointments,
.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 {
  line-height: 1.3;
  white-space: nowrap;
}
.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
  margin: 0;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content,
.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-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-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content {
  padding: 5px;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler-overlay-panel .dx-overlay-content {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item,
.dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
  display: flex;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
.dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
  margin-top: 7px;
  margin-left: 5px;
  background: #0f6ea8;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon,
.dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon {
  color: #2e3d4c;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content,
.dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content {
  flex-basis: 100%;
  margin: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2e3d4c;
}
.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-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: 0.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-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
  text-align: left;
  font-size: 12px;
  opacity: 0.8;
  margin-top: 10px;
}
.dx-scheduler-overlay-panel .dx-overlay-content {
  position: relative;
  background: #fff;
}
.dx-scheduler-appointment-content-date {
  opacity: 0.7;
  display: inline-block;
  white-space: pre-wrap;
}
.dx-scheduler-appointment-content-details {
  margin-top: 2px;
}
.dx-scheduler-appointment-content-allday {
  display: none;
}
.dx-scheduler-appointment {
  border-bottom: 1px solid transparent;
  background-clip: padding-box;
  position: absolute;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background-color: #0f6ea8;
  color: #fff;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  left: 0;
  min-width: 4px;
  min-height: 4px;
}
.dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-appointment.dx-state-active {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment .dx-scheduler-appointment,
.dx-scheduler-appointment.dx-state-focused {
  box-shadow: none;
}
.dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0.98;
}
.dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
  height: 5px;
}
.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
  width: 5px;
}
.dx-scheduler-appointment.dx-resizable-resizing {
  z-index: 1000;
  opacity: 0.7;
}
.dx-scheduler-appointment .dx-resizable-handle-left {
  left: -1px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon {
  font: 18px/1 DXIcons;
  top: 3px;
  position: absolute;
  right: 5px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon::before {
  content: "\f069";
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  font: 18px/1 DXIcons;
  top: 3px;
  position: absolute;
  right: 5px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before {
  content: "\f15a";
}
.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  right: auto;
  left: 3px;
}
.dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
  display: none;
}
.dx-scheduler-appointment.dx-state-disabled {
  cursor: default;
  opacity: 0.6;
  pointer-events: auto;
}
.dx-scheduler-appointment.dx-scheduler-appointment-drag-source {
  opacity: 0.7;
}
.dx-scheduler-fixed-appointments {
  z-index: 100;
  position: absolute;
}
.dx-scheduler-fixed-appointments .dx-draggable-dragging {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment,
.dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused {
  box-shadow: none;
}
.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0.98;
}
.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment {
  box-shadow:
    7px 7px 15px 0 rgba(50, 50, 50, 0.2),
    inset 0 -2px 0 0 rgba(0, 0, 0, 0.3),
    inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-agenda .dx-scheduler-appointment {
  background-color: transparent;
  color: #2e3d4c;
  padding: 10px;
  border-radius: 5px;
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused {
  color: #2e3d4c;
  background-color: rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused::before {
  background: 0 0;
}
.dx-scheduler-agenda .dx-scheduler-appointment-recurrence-icon {
  position: static;
  color: #fff;
}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-left-layout {
  overflow: visible;
}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-right-layout {
  margin-left: 10px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content,
.dx-scheduler-agenda .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content {
  display: flex;
  flex-direction: row;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-date {
  opacity: 1;
  white-space: nowrap;
}
.dx-scheduler-agenda .dx-scheduler-appointment-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-details {
  display: flex;
  font-size: 12px;
  opacity: 0.7;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  display: flex;
  padding-right: 5px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-resource-item,
.dx-scheduler-agenda .dx-scheduler-appointment-resource-list {
  display: flex;
}
.dx-scheduler-agenda .dx-scheduler-appointment-resource-item {
  margin-left: 15px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-resource-item-value {
  margin-left: 3px;
}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0f6ea8;
}
.dx-scheduler-agenda .dx-rtl .dx-scheduler-agenda-appointment-right-layout {
  margin-left: 0;
  margin-right: 10px;
}
.dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-content,
.dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped):not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-panel-container {
  display: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell {
  border: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell {
  border-right: none;
  border-left: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  border-top: none;
  border-left: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel-container {
  display: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-panel-empty-cell {
  margin-top: 0;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
  margin-top: 1px;
}
.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
  border-left: none;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  width: 100%;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-cell {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:first-child,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:first-child {
  border-left: none;
}
.dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border: none;
}
.dx-rtl .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:first-child,
.dx-rtl .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:first-child,
.dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell,
.dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler-work-space-month .dx-scheduler-header-panel {
  width: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table {
  width: 100%;
  height: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable-content {
  height: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  height: 50px;
  vertical-align: top;
  text-align: right;
  font-size: 16px;
  color: rgba(46, 61, 76, 0.54);
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell .dx-scheduler-date-table-cell-text {
  padding-right: 6px;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
  height: 75px;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
  color: #0f6ea8;
  background-color: rgba(15, 110, 168, 0.15);
  font-weight: 700;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-sidebar-scrollable {
  display: block;
  float: left;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
  box-shadow: 0 -2px 0 #e0e0e0;
  border-bottom: none;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell {
  height: 75px;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  border-bottom: none;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 160px;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 80px;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 240px;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 80px;
}
.dx-scheduler-timeline-day .dx-scheduler-date-table-container,
.dx-scheduler-timeline-day .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-timeline-month .dx-scheduler-date-table-container,
.dx-scheduler-timeline-month .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-timeline-week .dx-scheduler-date-table-container,
.dx-scheduler-timeline-week .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-timeline-work-week .dx-scheduler-date-table-container,
.dx-scheduler-timeline-work-week .dx-scheduler-date-table-scrollable-content {
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel,
.dx-scheduler-timeline-month .dx-scheduler-header-panel,
.dx-scheduler-timeline-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-month .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.dx-scheduler-timeline-day .dx-scheduler-header-row,
.dx-scheduler-timeline-month .dx-scheduler-header-row,
.dx-scheduler-timeline-week .dx-scheduler-header-row,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell {
  flex-basis: 0;
}
.dx-scheduler-timeline-day .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell,
.dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  width: 200px;
}
.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
  display: none;
}
.dx-scheduler-timeline .dx-scheduler-date-table {
  border-spacing: 0;
  border-collapse: separate;
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-date-table tbody {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100px;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  flex: 1 1 auto;
  height: inherit;
  min-height: 50px;
}
.dx-scheduler-timeline .dx-scheduler-group-table {
  border-spacing: 0;
  border-collapse: separate;
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-group-table tbody {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.dx-scheduler-timeline .dx-scheduler-group-header {
  min-height: 50px;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content {
  overflow: visible;
  flex-grow: 1;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content div {
  white-space: normal;
  line-height: normal;
}
.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  width: 200px;
}
.dx-scheduler-timeline .dx-scheduler-date-table,
.dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-group-table,
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  height: 100%;
  min-height: 100px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  height: auto;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  border-top-color: transparent;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  display: block;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
  border: none;
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-last-group-cell {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell:first-child {
  border-left: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell:first-child {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler:not(.dx-scheduler-native) .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  flex: 1;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell::after {
  display: none;
}
.dx-scheduler-agenda .dx-scheduler-group-table {
  border-spacing: 0;
  margin-top: 0;
  height: 100%;
  float: left;
}
.dx-scheduler-agenda .dx-scheduler-time-panel {
  margin-top: 0;
  width: 70px;
  border: none;
}
.dx-scheduler-agenda .dx-scheduler-date-table-cell,
.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  border: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  float: right;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content::before {
  border-bottom: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell::after {
  display: none;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
  vertical-align: top;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 700;
  padding: 0;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  width: 40px;
  font-size: 14px;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content {
  width: 80px;
  overflow: hidden;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content div {
  white-space: normal;
}
.dx-scheduler-agenda-nodata {
  text-align: center;
  opacity: 0.5;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel {
  border: none;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-time-panel {
  width: 70px;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  min-height: 100%;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  display: flex;
  flex-direction: column;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-container,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table > tbody {
  flex-grow: 1;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row {
  height: 50px;
  flex-shrink: 0;
  flex-grow: 1;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-cell {
  height: auto;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-virtual .dx-scheduler-date-table-row {
  height: 50px;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-container,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-tables-container {
  width: 100%;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-tables-container {
  flex-shrink: 1;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable .dx-scrollable-content {
  min-width: 100%;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-cell,
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-cell {
  flex-shrink: 0;
}
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline:not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table .dx-scheduler-date-table-row {
  flex: 1;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  color: #0f6ea8;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
  position: absolute;
  top: 37px;
  right: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #eb5757;
}
.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 65px;
}
.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 97.5px;
}
.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 48.75px;
}
.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 130px;
}
.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 43.3333333333px;
}
.dx-scheduler-work-space-day .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-empty-cell {
  width: 65px;
}
.dx-scheduler-work-space-day.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 130px;
}
.dx-scheduler-work-space-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 162.5px;
}
.dx-scheduler-work-space-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 195px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  border-top: none;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell::after {
  background-color: #e0e0e0;
}
.dx-scheduler-work-space {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-top: none;
  float: left;
}
.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  border-right: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel-empty-cell {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline).dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline).dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell {
  border-bottom: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-header-panel-container {
  display: flex;
  flex-shrink: 0;
}
.dx-scheduler-header-panel-empty-cell {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  width: 0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-header-tables-container {
  overflow: hidden;
  width: 100%;
}
.dx-scheduler-date-table-container {
  position: relative;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-container {
  height: 100%;
}
.dx-scheduler-date-table-scrollable {
  width: 100%;
  overflow: hidden;
}
.dx-scheduler-date-table-scrollable .dx-scrollable-content {
  overflow: hidden;
}
.dx-scheduler-date-table-scrollable-content,
.dx-scheduler-side-bar-scrollable-content {
  display: flex;
  align-items: flex-start;
}
.dx-scheduler-date-table-scrollable-content {
  position: relative;
  float: left;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-group-header,
.dx-scheduler-header-panel-cell,
.dx-scheduler-time-panel-cell {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  cursor: default;
}
.dx-scheduler-date-table-current-date {
  font-weight: 700;
}
.dx-scheduler-date-table-other-month {
  opacity: 0.5;
}
.dx-scheduler-work-space-flex-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  min-height: 0;
}
.dx-scheduler-group-flex-container {
  flex: 0 0 100%;
  min-height: 100%;
  display: flex;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  min-width: 0;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row:last-child .dx-scheduler-group-header {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 0;
  padding: 0 5px;
  height: auto;
  width: 65px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  border-top: none;
}
.dx-scheduler-all-day-table-cell,
.dx-scheduler-date-table-cell {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-scheduler-all-day-table-cell:first-child,
.dx-scheduler-date-table-cell:first-child {
  border-left: none;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-header-panel-cell {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title,
.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-timeline .dx-scheduler-all-day-panel,
.dx-scheduler-timeline .dx-scheduler-all-day-title,
.dx-scheduler-timeline .dx-scheduler-time-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-title,
.dx-scheduler-work-space-month .dx-scheduler-time-panel {
  display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-right: none;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-left: none;
}
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: none;
}
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-left: none;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-left: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-scheduler-header-panel {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-panel-empty-cell {
  border-bottom: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  width: auto;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  float: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  height: auto;
  flex-shrink: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child {
  border-left: none;
}
.dx-scheduler-header-panel-cell {
  position: relative;
  color: rgba(46, 61, 76, 0.54);
  padding: 0;
  font-weight: 400;
  border-left: 1px solid #e0e0e0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-header-panel-cell:first-child {
  border-left: 1px solid transparent;
}
.dx-scheduler-all-day-panel {
  width: 100%;
  position: relative;
}
.dx-scheduler-all-day-title {
  color: rgba(46, 61, 76, 0.54);
  width: 65px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-scheduler-small .dx-scheduler-all-day-title {
  width: 32.5px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
  height: 50px;
  line-height: 50px;
}
.dx-scheduler-all-day-table {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.dx-scheduler-group-header {
  height: 30px;
  text-align: center;
}
.dx-scheduler-time-panel {
  flex: 0 0 auto;
  width: 65px;
  border-collapse: collapse;
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-small .dx-scheduler-time-panel {
  width: 32.5px;
  font-size: 14px;
}
.dx-scheduler-time-panel .dx-scheduler-time-panel-row:first-of-type td > div {
  margin-top: 0;
}
.dx-scheduler-time-panel-cell {
  color: rgba(46, 61, 76, 0.54);
  position: relative;
  width: 100%;
  text-align: right;
  vertical-align: top;
  border-bottom: 1px solid transparent;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-left: 0;
}
.dx-scheduler-time-panel-cell::after {
  position: absolute;
  bottom: -1px;
  width: 10%;
  height: 1px;
  right: 0;
  background-color: #e0e0e0;
  content: none;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
  color: #0f6ea8;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: inherit;
  background-color: #eb5757;
}
.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell::after {
  display: none;
}
.dx-scheduler-time-panel-title-cell {
  padding: 0;
}
.dx-scheduler-date-table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
  background-color: rgba(15, 110, 168, 0.12);
}
.dx-scheduler-all-day-table-cell.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-focused {
  background-color: rgba(15, 110, 168, 0.12);
  opacity: 1;
}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  box-shadow: inset 0 0 0 1px #0f6ea8;
}
.dx-scheduler-all-day-table-cell > div,
.dx-scheduler-date-table-cell > div {
  pointer-events: none;
}
.dx-scheduler-date-table-droppable-cell {
  background-color: #f2f2f2;
}
.dx-scheduler-group-header-content div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
  display: flex;
  height: 40px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content > div {
  margin: auto;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  flex-basis: auto;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
  height: 100%;
  min-height: 100px;
  border-top: 1px solid #e0e0e0;
  border-spacing: 0;
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  top: 0;
  height: 50px !important;
  line-height: 50px !important;
  border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
  display: table-cell;
  position: relative;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
  height: 50px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
  margin-top: 0;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
  border-bottom: none;
  box-shadow: inset 0 -1px 0 #e0e0e0;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  border-bottom: 2px solid #e0e0e0;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  border-top: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-header-panel-empty-cell {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-rtl .dx-scheduler-date-table-scrollable-content,
.dx-rtl .dx-scheduler-side-bar-scrollable-content {
  direction: rtl;
}
.dx-rtl .dx-scheduler-sidebar-scrollable .dx-scheduler-group-row:last-child .dx-scheduler-group-header,
.dx-rtl .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:last-child .dx-scheduler-group-header {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-header-panel {
  left: 0;
  right: inherit;
}
.dx-rtl .dx-scheduler-time-panel,
.dx-rtl .dx-scheduler-work-space-vertical-group-table {
  float: right;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-time-panel-cell {
  padding-left: 10px;
}
.dx-rtl .dx-scheduler-time-panel-cell::after {
  right: auto;
  left: 0;
}
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
  border-right: 1px solid #e0e0e0;
  border-left: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  float: right;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  padding: 0 5px 0 10px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-three .dx-scheduler-group-header:last-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-two .dx-scheduler-group-header:last-child {
  text-align: right;
}
.dx-rtl .dx-scheduler-all-day-table-cell:first-child,
.dx-rtl .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-header-panel-cell:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-empty-cell {
  width: 32.5px;
}
.dx-scheduler-small .dx-scheduler-work-space-day.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 97.5px;
}
.dx-scheduler-small .dx-scheduler-work-space-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 130px;
}
.dx-scheduler-small .dx-scheduler-work-space-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 162.5px;
}
.dx-recurrence-repeat-end-wrapper {
  display: flex;
}
.dx-recurrence-numberbox-interval-wrapper .dx-layout-manager .dx-field-item,
.dx-recurrence-repeat-on .dx-layout-manager .dx-field-item {
  padding-right: 0;
  padding-left: 0;
}
.dx-recurrence-numberbox-interval-wrapper .dx-box-item:first-child:not(:only-child),
.dx-recurrence-repeat-on .dx-box-item:first-child:not(:only-child) {
  flex-grow: 0 !important;
  min-width: auto !important;
}
.dx-recurrence-numberbox-interval-wrapper .dx-field-item-label {
  white-space: nowrap;
}
.dx-layout-manager .dx-field-item.dx-recurrence-repeat-on {
  padding-top: 0;
}
.dx-recurrence-repeat-end-label {
  line-height: 36px;
}
.dx-recurrence-radiogroup-repeat-type .dx-item {
  padding-bottom: 10px;
}
.dx-recurrence-button-group {
  width: 100%;
}
.dx-recurrence-button-group .dx-buttongroup-wrapper > div {
  flex: 1;
  min-width: 0;
}
.dx-recurrence-numberbox-interval {
  margin-right: 11px;
}
.dx-recurrence-numberbox-interval-label {
  font-size: 14px;
  margin-top: 40px;
}
.dx-recurrence-button-group .dx-button-content {
  padding: 6px;
}
.dx-recurrence-radiogroup-repeat-type {
  margin: 15px 0;
}
.dx-recurrence-datebox-until-date {
  margin-left: 23px;
}
.dx-recurrence-numberbox-repeat-count {
  margin: 0 11px;
}
.dx-scheduler-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.dx-scheduler-header {
  border: 1px solid #e0e0e0;
  position: relative;
  z-index: 1;
  width: 100%;
  flex-shrink: 0;
}
.dx-scheduler-header .dx-toolbar {
  height: 100%;
  background-color: transparent;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
  height: 100%;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container .dx-icon::before {
  content: "\f016";
}
.dx-scheduler-view-switcher-dropdown-button-content .dx-list-item {
  display: list-item;
}
.dx-scheduler-date-time-shader-all-day {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  position: absolute;
  pointer-events: none;
}
.dx-scheduler-date-time-indicator {
  background-color: #eb5757;
  position: absolute;
  pointer-events: none;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}
.dx-scheduler-date-time-indicator::before {
  font-size: 30px;
  color: #eb5757;
  position: absolute;
  z-index: 1000;
  margin-top: -14px;
  margin-left: -12px;
  text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0;
}
.dx-scheduler-date-time-shader {
  pointer-events: none;
}
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  padding-right: 40px;
}
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon {
  top: 9px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  margin-left: 65px;
  font: 14px/1 DXIcons;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator::before {
  content: "\f04e";
  display: none;
}
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  margin-left: 32.5px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader {
  margin-left: 65px;
}
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader,
.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader {
  margin-left: 32.5px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top::before {
  width: inherit;
  height: inherit;
  content: "";
  left: inherit;
  position: absolute;
  margin-left: 65px;
  background-color: rgba(0, 0, 0, 0.03);
}
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top::before {
  margin-left: 32.5px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top::before {
  margin-left: 0;
}
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator {
  margin-left: 0;
  font: 14px/1 DXIcons;
}
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator::before {
  content: "\f04f";
  margin-right: -12px;
}
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top::before {
  margin-left: 0;
  margin-right: 65px;
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator {
  width: 1px;
  top: 0;
  font: 14px/1 DXIcons;
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator::before {
  content: "\f001";
  margin-left: -14px;
  margin-top: -12px;
}
.dx-scheduler-timeline .dx-scheduler-date-time-shader {
  height: 100%;
  position: absolute;
}
.dx-scheduler-timeline .dx-scheduler-date-time-shader::before {
  width: inherit;
  height: 100%;
  content: "";
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.03);
}
.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  box-shadow: none;
}
.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #eb5757;
}
.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
  top: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  padding: 0 7px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0 25px 0 7px;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0 7px 0 25px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-month .dx-scheduler-appointment-reduced-icon {
  top: 0;
}
.dx-scheduler-all-day-appointments,
.dx-scheduler-scrollable-appointments {
  position: absolute;
  top: 0;
}
.dx-scheduler-all-day-appointments.dx-rtl,
.dx-scheduler-scrollable-appointments.dx-rtl {
  left: 0;
}
.dx-scheduler-all-day-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment {
  box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-all-day-appointment,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-all-day-appointment.dx-resizable-resizing,
.dx-scheduler-all-day-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-all-day-appointment.dx-state-hover,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-all-day-appointment,
.dx-scheduler-timeline .dx-draggable-dragging .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-draggable-dragging .dx-scheduler-appointment {
  box-shadow:
    inset -2px 0 0 0 rgba(0, 0, 0, 0.3),
    inset 2px 0 0 0 rgba(0, 0, 0, 0.3),
    7px 7px 15px 0 rgba(50, 50, 50, 0.2);
}
.dx-scheduler-appointment.dx-scheduler-appointment-body,
.dx-scheduler-appointment.dx-scheduler-appointment-tail {
  box-shadow: none;
}
.dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  position: absolute;
  top: 15%;
}
.dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  right: 20px;
}
.dx-scheduler-appointment-content {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.99;
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  font-size: 12px;
}
.dx-scheduler-appointment-content > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-title {
  display: none;
}
.dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
.dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
  display: none;
}
.dx-scheduler-appointment-popup .dx-form .dx-field-item.dx-appointment-form-switch > div {
  flex-grow: 0;
  width: auto;
}
.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  margin: 0;
}
.dx-scheduler-appointment-popup .dx-field-item-label-location-left {
  padding-right: 20px;
}
.dx-scheduler-appointment-popup .dx-field {
  min-height: 0;
}
.dx-scheduler-appointment-popup .dx-field-label {
  width: auto;
}
.dx-scheduler-appointment-popup .dx-field-value {
  padding-left: 0;
  padding-right: 0;
}
.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
  float: left;
}
.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  float: right;
}
.dx-scheduler-appointment-collector.dx-button.dx-state-hover::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dx-scheduler-appointment-collector-compact .dx-button-content span:last-child,
.dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
  padding-left: 0;
}
.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  width: 100%;
  height: 0;
}
.dx-scheduler-agenda .dx-scheduler-appointment {
  position: relative;
  box-shadow: none;
  margin-top: 5px;
  margin-bottom: 5px;
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-scheduler-last-in-date-agenda-appointment {
  margin-bottom: 20px;
}
.dx-rtl .dx-scheduler-appointment-recurrence-icon {
  left: 5px;
  right: auto;
}
.dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  left: 20px;
  right: auto;
}
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  padding-right: 5px;
  padding-left: 40px;
}
.dx-rtl .dx-scheduler-all-day-appointments,
.dx-rtl .dx-scheduler-scrollable-appointments {
  left: 0;
}
.dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-top::before {
  margin-right: 32.5px;
}
.dx-scheduler-time-panel-cell {
  height: 38px;
  padding-right: 8px;
}
.dx-scheduler-time-panel-cell > div {
  margin-top: -6px;
  font-size: 12px;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell > div {
  font-size: 11px;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-right: 2px;
}
.dx-rtl .dx-scheduler-time-panel-cell {
  text-align: left;
  padding-left: 8px;
  padding-right: 0;
}
.dx-rtl.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-left: 2px;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before {
  content: none;
}
.dx-scheduler-date-table-cell {
  height: 38px;
}
.dx-scheduler-all-day-title {
  height: 57px;
  line-height: 57px;
  font-size: 12px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-small .dx-scheduler-all-day-title {
  font-size: 9.6px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  height: 19px;
  line-height: 19px;
}
.dx-scheduler-all-day-table {
  height: 57px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  height: 19px;
}
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 5px 25px 5px 7px;
}
.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 5px 7px 5px 25px;
}
.dx-scheduler-appointment-content {
  padding: 5px 7px;
}
.dx-scheduler-appointment-title {
  font-size: 12px;
}
.dx-scheduler-appointment-content-details {
  white-space: pre;
  overflow: hidden;
  font-size: 10px;
}
.dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
.dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
  padding: 5px 7px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  height: 2px;
}
.dx-scheduler-header-panel {
  margin-top: 0;
}
.dx-scheduler-header-panel-cell {
  height: 56px;
  text-align: left;
  vertical-align: bottom;
}
.dx-rtl .dx-scheduler-header-panel-cell {
  text-align: right;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  height: 22px;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  height: 34px;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 11px;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell {
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell {
  align-items: flex-start;
  justify-content: flex-end;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
  align-items: flex-end;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  height: 34px;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
  align-items: flex-start;
  display: flex;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
  border-bottom: 1px solid #e0e0e0;
  flex-flow: column;
  justify-content: flex-end;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
  content: none;
}
.dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  display: block;
  margin: 0 14px;
}
.dx-scheduler-small .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  margin: 0 7px;
}
.dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child {
  font-size: 12px;
  line-height: 7px;
}
.dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
  font-size: 30px;
  line-height: 35px;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
  border-right: none;
  height: 50px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-header-panel {
  margin-top: 0;
}
.dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  border-bottom: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  padding-top: 3px;
  font-size: 12px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel {
  border-bottom: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  min-height: 600px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  font-size: 14px;
  text-align: left;
  height: 100px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  padding: 8px;
}
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  text-align: right;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  font-size: 12px;
  margin-left: 8px;
  line-height: 22px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
  margin-top: 7px;
  margin-left: 52px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date {
  color: #0f6ea8;
}
.dx-scheduler-adaptive .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
  margin: 0;
}
.dx-scheduler-appointment-collector {
  margin-top: 5px;
  position: absolute;
}
.dx-scheduler-appointment-collector.dx-button {
  box-shadow: none;
  border-radius: 12px;
  height: 22px;
  min-width: auto;
  width: auto;
}
.dx-scheduler-appointment-collector.dx-button::before {
  display: none;
}
.dx-scheduler-appointment-collector.dx-button .dx-button-content {
  padding: 4px 0;
  font-size: 12px;
}
.dx-scheduler-header {
  height: 58px;
  background-color: #fff;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-item-content,
.dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 16px;
}
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
  min-width: 180px;
}
.dx-scheduler-adaptive .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
  min-width: 140px;
}
.dx-scheduler-header .dx-toolbar .dx-button.dx-item-selected,
.dx-scheduler-header .dx-toolbar .dx-button.dx-state-focused,
.dx-scheduler-header .dx-toolbar .dx-button.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-buttongroup .dx-button.dx-item-selected {
  background-color: #fff;
}
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-buttongroup .dx-button.dx-item-selected.dx-state-focused,
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-buttongroup .dx-button.dx-item-selected.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-scheduler-header .dx-toolbar .dx-button,
.dx-scheduler-header .dx-toolbar .dx-button .dx-icon {
  color: #0f6ea8;
}
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-buttongroup .dx-button .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-buttongroup .dx-button.dx-item-selected,
.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-buttongroup .dx-button.dx-item-selected .dx-icon {
  color: #0f6ea8;
}
.dx-scheduler-header .dx-button-text {
  text-transform: none;
}
.dx-scheduler-header .dx-scheduler-navigator-next,
.dx-scheduler-header .dx-scheduler-navigator-previous {
  min-width: 36px;
}
.dx-scheduler-header .dx-scheduler-navigator-next .dx-button-content,
.dx-scheduler-header .dx-scheduler-navigator-previous .dx-button-content {
  padding-block: 5px;
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
  -webkit-padding-end: 5px;
  padding-inline-end: 5px;
}
.dx-scheduler-header .dx-scheduler-navigator-next .dx-icon,
.dx-scheduler-header .dx-scheduler-navigator-previous .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
  font-weight: 700;
}
.dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  font-weight: 500;
  font-size: 14px;
  color: rgba(46, 61, 76, 0.87);
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  padding-left: 14px;
}
.dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  padding-left: 8px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-rtl .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  padding-right: 8px;
  padding-left: 0;
}
.dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  padding-left: 0;
}
.dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  vertical-align: top;
}
.dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div,
.dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div {
  top: 8px;
  transform: none;
}
.dx-rtl .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-rtl .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  text-align: right;
}
.dx-scheduler-all-day-panel {
  background-color: #fff;
}
.dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-week):not(.dx-scheduler-work-space-work-week) .dx-scheduler-group-header {
  border-bottom: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
  border: none;
}
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th {
  border-left: none;
  border-right: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel .dx-scheduler-first-group-cell {
  border-left: none;
}
.dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
  border-top: none;
}
.dx-scheduler-all-day-table-cell.dx-state-active,
.dx-scheduler-date-table-cell.dx-state-active {
  background-color: rgba(221, 221, 221, 0.7);
}
.dx-scheduler-all-day-table-cell.dx-state-hover,
.dx-scheduler-date-table-cell.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(46, 61, 76, 0.54);
}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  box-shadow: none;
}
.dx-scheduler-appointment-popup .dx-form {
  padding: 0 10px;
}
.dx-scheduler-appointment-popup .dx-popup-title {
  background-color: #fff;
  border-bottom: none;
}
.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
  margin: 0;
}
.dx-scheduler-appointment-popup .dx-toolbar-after {
  margin-right: 4px;
}
.dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
  margin-left: 4px;
  margin-right: 0;
}
.dx-scheduler-appointment-popup .dx-form-validation-summary {
  padding: 10px 20px;
}
.dx-scheduler-header-panel,
.dx-scheduler-time-panel {
  font-size: 16px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
  border-right: 1px solid #bfbfbf;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
  border-right: none;
}
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
  border-left: none;
}
.dx-rtl .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  box-shadow: none;
  border-radius: 2px;
}
.dx-rtl .dx-scheduler-appointment.dx-state-focused,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
  color: #fff;
}
.dx-rtl .dx-scheduler-appointment.dx-resizable-resizing,
.dx-rtl .dx-scheduler-appointment.dx-state-active,
.dx-rtl .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-appointment.dx-state-active,
.dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: none;
}
.dx-scheduler-dropdown-appointment-date {
  color: rgba(46, 61, 76, 0.54);
}
.dx-scheduler-appointment-strip {
  display: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  background-color: #fff;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-header:first-child {
  border-left: none;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
  font-size: 14px;
  width: 100px;
}
.dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content {
  padding-top: 2px;
  width: 100px;
}
.dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content::before {
  display: none;
}
.dx-scheduler-agenda .dx-scheduler-date-table-row,
.dx-scheduler-agenda .dx-scheduler-time-panel-row {
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  vertical-align: top;
  text-align: left;
  padding-left: 8px;
  padding-right: 0;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  text-align: right;
  padding-right: 8px;
  padding-left: 0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell > span {
  font-size: 12px;
}
.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  padding-top: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row,
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-header,
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-table .dx-scheduler-group-row,
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-row.dx-scheduler-date-table-last-row {
  border-bottom: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(:last-child),
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-table .dx-scheduler-group-row:not(:last-child),
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-row.dx-scheduler-date-table-last-row:not(:last-child) {
  box-shadow: inset 0 -1px 0 0 #bfbfbf;
}
.dx-scheduler-agenda-nodata {
  font-size: 16px;
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button {
  min-width: auto;
  padding: 0;
  background-color: transparent;
  color: #0f6ea8;
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
  color: #0f6ea8;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-selected {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-selected,
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-selected .dx-icon {
  color: #0f6ea8;
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-focused,
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-hover {
  background-color: rgba(15, 110, 168, 0.08);
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-active {
  background-color: rgba(15, 110, 168, 0.36);
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-inkripple-wave {
  background-color: rgba(15, 110, 168, 0.2);
}
.dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-header:first-child {
  border-right: none;
}
.dx-rtl.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell,
.dx-rtl.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler-overlay-panel .dx-overlay-content {
  background-color: #fff;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content {
  padding: 0;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item {
  margin-bottom: 0;
  margin-top: 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:last-of-type,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:first-of-type,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item {
  margin-left: 10px;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
  width: 24px;
  height: 24px;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
  margin-top: 4px;
  font-size: 18px;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
  font-size: 14px;
  opacity: 1;
  margin-top: 4px;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container {
  padding-top: 1px;
}
.dx-scheduler-timeline .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 100px;
}
.dx-scheduler-header-panel-empty-cell {
  margin-top: 0;
}
.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 10px;
}
.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-label-h-align.dx-flex-layout {
  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 {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: auto;
  display: block;
}
.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
  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-label .dx-field-item-custom-label-content {
  display: inline-block;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-custom-label-content .dx-icon {
  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-field-item-label-location-top .dx-field-item-custom-label-content {
  display: inline-block;
}
.dx-field-item-label-location-top .dx-field-item-custom-label-content .dx-icon {
  vertical-align: top;
}
.dx-form-group-content {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.dx-form-group-custom-caption {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.dx-layout-manager-hidden-label {
  position: absolute;
  display: block;
  visibility: hidden;
}
.dx-field-item-label-location-left {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
}
.dx-field-item-label-location-right {
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}
.dx-field-item-optional .dx-label > span::after,
.dx-field-item-required .dx-label > span::after {
  content: attr(data-mark);
}
.dx-rtl .dx-field-item-optional-mark,
.dx-rtl .dx-field-item-required-mark {
  unicode-bidi: embed;
}
.dx-form-group-caption {
  font-size: 20px;
}
.dx-form-group-with-caption > .dx-form-group-content {
  border-top: 1px solid #e0e0e0;
  padding-bottom: 20px;
  padding-top: 19px;
  margin-top: 6px;
}
.dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
  margin-left: -10px;
  padding-left: 10px;
}
.dx-scrollable-content > .dx-layout-manager {
  -webkit-padding-end: 5px;
  padding-inline-end: 5px;
}
.dx-layout-manager .dx-field-item {
  padding-bottom: 10px;
  font-size: 14px;
}
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
}
.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}
.dx-layout-manager .dx-field-item .dx-field-item.dx-last-row {
  padding-bottom: 0;
}
.dx-form > .dx-layout-manager.dx-layout-manager-one-col .dx-field-item .dx-field-item.dx-last-row:not(.dx-last-col) {
  padding-bottom: 10px;
}
.dx-form > .dx-layout-manager.dx-layout-manager-one-col .dx-field-item .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item {
  padding-top: 0;
}
.dx-form > .dx-layout-manager.dx-layout-manager-one-col .dx-field-item .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
  padding-top: 10px;
}
.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) {
  padding-top: 26px;
}
.dx-field-item .dx-switch {
  vertical-align: middle;
}
.dx-field-item .dx-toggle-controls-paddings {
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
}
.dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text {
  color: transparent;
}
.dx-field-item-label-location-top {
  padding: 16px 0 3px;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
.dx-form-styling-mode-underlined .dx-field-item-label-location-top {
  padding-left: 0;
  padding-right: 0;
}
.dx-field-item-label-text {
  color: #667c95;
}
.dx-field-item-help-text {
  white-space: normal;
  color: #667c95;
  padding: 6px 16px 2px;
  font-style: normal;
}
.dx-form-styling-mode-underlined .dx-field-item-help-text {
  padding-left: 0;
  padding-right: 0;
}
.dx-field-item-optional .dx-label > span::after,
.dx-field-item-optional-mark,
.dx-field-item-required .dx-label > span::after,
.dx-field-item-required-mark {
  color: #667c95;
}
.dx-field-item-custom-label-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;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-form-group-custom-caption .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.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: 0.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-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-filterbuilder {
  background-color: #fff;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  color: #2e3d4c;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  background-color: rgba(243, 22, 66, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  background-color: rgba(243, 22, 66, 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: #f31642;
  color: #fff;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  background-color: rgba(15, 110, 168, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  background-color: rgba(15, 110, 168, 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: #0f6ea8;
  color: #fff;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  background-color: rgba(35, 195, 153, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  background-color: rgba(35, 195, 153, 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: #23c399;
  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(224, 224, 224, 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: #e0e0e0;
  color: #fff;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  color: rgba(35, 195, 153, 0.7);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  color: #23c399;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  color: rgba(243, 22, 66, 0.7);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  color: #f31642;
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  color: #2e3d4c;
}
.dx-filterbuilder-overlay.dx-filterbuilder-add-condition .dx-treeview-expander-icon-stub,
.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-expander-icon-stub {
  display: none;
}
.dx-filterbuilder .dx-filterbuilder-action-icon {
  font-size: 21px;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  padding: 8px;
  vertical-align: middle;
}
.dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input,
.dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input {
  padding: 13px 12px;
}
.dx-filterbuilder .dx-filterbuilder-item-value-text,
.dx-filterbuilder .dx-filterbuilder-text {
  border-radius: 5px;
}
.dx-filterbuilder-range-separator {
  color: #2e3d4c;
}
.dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 8px;
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  padding-right: 8px;
}
.dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened {
  margin-left: 8px;
}
.dx-filterbuilder-overlay .dx-treeview-item {
  padding: 8px 24px 8px 8px;
  min-height: 36px;
}
.dx-filterbuilder-overlay .dx-treeview-item .dx-icon {
  margin-right: 10px;
}
.dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility {
  left: 16px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item {
  padding-right: 16px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
  padding-right: 8px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  margin-right: 8px;
  margin-left: 0;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon {
  margin-left: 10px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility {
  right: 16px;
}
.dx-drawer {
  height: 100%;
  width: 100%;
}
.dx-drawer .dx-drawer-wrapper > .dx-drawer-panel-content.dx-drawer-panel-content-hidden {
  visibility: hidden;
}
.dx-drawer-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.dx-drawer-panel-content {
  position: absolute;
  top: 0;
  bottom: 0;
}
.dx-drawer-panel-content .dx-overlay-content {
  overflow: hidden;
}
.dx-drawer-right .dx-drawer-panel-content {
  right: 0;
}
.dx-drawer-left .dx-drawer-panel-content {
  left: 0;
}
.dx-drawer-panel-content-push-top-or-bottom {
  width: 100%;
}
.dx-drawer-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
}
.dx-drawer-shader {
  z-index: 1000;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
  top: auto;
}
.dx-drawer-shrink .dx-drawer-panel-content {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  height: 100%;
}
.dx-drawer-shrink .dx-drawer-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
}
.dx-drawer-shrink .dx-drawer-content {
  position: relative;
  flex: 1 1 auto;
}
.dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper,
.dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper {
  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-drawer-wrapper > .dx-overlay > .dx-overlay-wrapper > .dx-overlay-content,
.dx-drawer-overlap.dx-drawer-right.dx-drawer-slide > .dx-drawer-wrapper > .dx-overlay > .dx-overlay-wrapper > .dx-overlay-content {
  right: 0;
}
.dx-htmleditor {
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
}
.dx-htmleditor:not(.dx-state-disabled) li[data-list=checked],
.dx-htmleditor:not(.dx-state-disabled) li[data-list=unchecked] {
  cursor: pointer;
}
.dx-htmleditor-add-image-popup-with-tabs > .dx-overlay-content > .dx-popup-content {
  padding: 0;
}
.dx-htmleditor-hidden-content {
  display: none;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-multiview-wrapper {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fix-ratio-container .dx-textbox {
  display: inline-block;
  width: calc(100% - 36px - 5px);
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-wrapper {
  padding: 0;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-upload-button {
  display: none;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content .dx-popup-title {
  border-bottom: 0;
}
.dx-quill-container {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  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 {
  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;
  background: rgba(15, 110, 168, 0.15);
}
.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 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,
.dx-htmleditor-content th {
  border: 1px solid #000;
  padding: 2px 5px;
}
.dx-htmleditor-content ol,
.dx-htmleditor-content ul {
  -webkit-padding-start: 1.5em;
  padding-inline-start: 1.5em;
}
.dx-htmleditor-content li {
  list-style-type: none;
  -webkit-padding-start: 1.5em;
  padding-inline-start: 1.5em;
  position: relative;
}
.dx-htmleditor-content li[data-list=bullet]::before {
  content: "\2022";
}
.dx-htmleditor-content li[data-list=checked]::before {
  content: "\2611";
}
.dx-htmleditor-content li[data-list=unchecked]::before {
  content: "\2610";
}
.dx-htmleditor-content li::before {
  display: inline-block;
  -webkit-margin-start: -1.5em;
  margin-inline-start: -1.5em;
  -webkit-margin-end: 0.3em;
  margin-inline-end: 0.3em;
  text-align: end;
  white-space: nowrap;
  width: 1.2em;
}
.dx-htmleditor-content li > .ql-ui {
  visibility: hidden;
}
.dx-htmleditor-content li[data-list=checked] > .ql-ui,
.dx-htmleditor-content li[data-list=unchecked] > .ql-ui {
  visibility: visible;
}
.dx-htmleditor-content li[data-list=ordered] {
  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[data-list=ordered]::before {
  content: counter(list-0, decimal) ". ";
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.dx-htmleditor-content ol li[data-list=ordered].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;
  -webkit-padding-start: 4.5em;
  padding-inline-start: 4.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.dx-htmleditor-content ol li[data-list=ordered].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;
  -webkit-padding-start: 7.5em;
  padding-inline-start: 7.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.dx-htmleditor-content ol li[data-list=ordered].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;
  -webkit-padding-start: 10.5em;
  padding-inline-start: 10.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.dx-htmleditor-content ol li[data-list=ordered].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;
  -webkit-padding-start: 13.5em;
  padding-inline-start: 13.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.dx-htmleditor-content ol li[data-list=ordered].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;
  -webkit-padding-start: 16.5em;
  padding-inline-start: 16.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-6::before {
  content: counter(list-6, decimal) ". ";
}
.dx-htmleditor-content li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
  -webkit-padding-start: 19.5em;
  padding-inline-start: 19.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-7::before {
  content: counter(list-7, lower-alpha) ". ";
}
.dx-htmleditor-content li.ql-indent-7 {
  counter-reset: list-8 list-9;
  -webkit-padding-start: 22.5em;
  padding-inline-start: 22.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-8::before {
  content: counter(list-8, lower-roman) ". ";
}
.dx-htmleditor-content li.ql-indent-8 {
  counter-reset: list-9;
  -webkit-padding-start: 25.5em;
  padding-inline-start: 25.5em;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.dx-htmleditor-content ol li[data-list=ordered].ql-indent-9::before {
  content: counter(list-9, decimal) ". ";
}
.dx-htmleditor-content .ql-indent-1 {
  -webkit-padding-start: 3em;
  padding-inline-start: 3em;
}
.dx-htmleditor-content .ql-indent-2 {
  -webkit-padding-start: 6em;
  padding-inline-start: 6em;
}
.dx-htmleditor-content .ql-indent-3 {
  -webkit-padding-start: 9em;
  padding-inline-start: 9em;
}
.dx-htmleditor-content .ql-indent-4 {
  -webkit-padding-start: 12em;
  padding-inline-start: 12em;
}
.dx-htmleditor-content .ql-indent-5 {
  -webkit-padding-start: 15em;
  padding-inline-start: 15em;
}
.dx-htmleditor-content .ql-indent-6 {
  -webkit-padding-start: 18em;
  padding-inline-start: 18em;
}
.dx-htmleditor-content .ql-indent-7 {
  -webkit-padding-start: 21em;
  padding-inline-start: 21em;
}
.dx-htmleditor-content .ql-indent-8 {
  -webkit-padding-start: 24em;
  padding-inline-start: 24em;
}
.dx-htmleditor-content .ql-indent-9 {
  -webkit-padding-start: 27em;
  padding-inline-start: 27em;
}
.dx-htmleditor-content li.ql-indent-9 {
  -webkit-padding-start: 28.5em;
  padding-inline-start: 28.5em;
}
.dx-htmleditor-content table td,
.dx-htmleditor-content table th {
  outline: 0;
}
.dx-htmleditor-content .ql-code-block-container {
  font-family: monospace;
}
.dx-htmleditor-content .ql-code-block-container,
.dx-htmleditor-content code {
  background-color: rgba(191, 191, 191, 0.15);
  color: rgba(46, 61, 76, 0.8);
}
.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 {
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  color: #667c95;
}
.dx-htmleditor-content.ql-blank::after {
  content: attr(data-placeholder);
  z-index: -1;
  visibility: hidden;
}
.dx-htmleditor-content.ql-blank[data-placeholder] > p {
  height: 0.1px;
}
.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-overlay-content.dx-popup-fullscreen .dx-formdialog-form {
  min-width: 240px;
}
.dx-formdialog-field-target .dx-field-item-content {
  text-align: end;
}
.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;
  box-sizing: content-box;
  border: 1px dashed #778899;
  pointer-events: none;
}
.dx-resize-frame .dx-resizable-handle {
  pointer-events: auto;
}
.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-table-resize-frame {
  position: absolute;
  pointer-events: none;
}
.dx-table-resize-frame > div {
  position: absolute;
  pointer-events: auto;
  background-color: transparent;
}
.dx-table-resize-frame .dx-htmleditor-column-resizer {
  width: 5px;
  top: 0;
  height: 100%;
  cursor: col-resize;
}
.dx-table-resize-frame .dx-htmleditor-highlighted-column {
  width: 3px;
  top: 0;
  height: 100%;
}
.dx-table-resize-frame .dx-htmleditor-row-resizer {
  height: 5px;
  left: 0;
  width: 100%;
  cursor: row-resize;
}
.dx-table-resize-frame .dx-htmleditor-highlighted-row {
  height: 3px;
  left: 0;
  width: 100%;
}
.dx-htmleditor {
  border-color: transparent;
  position: relative;
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper {
  padding: 0 16px;
  position: relative;
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  border-bottom: 1px solid rgba(46, 61, 76, 0.42);
}
.dx-htmleditor.dx-state-readonly .dx-htmleditor-toolbar-wrapper::before {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
  pointer-events: none;
}
.dx-htmleditor.dx-state-readonly .dx-toolbar-button .dx-button.dx-state-disabled {
  opacity: 0.38;
}
.dx-htmleditor.dx-invalid {
  border: 1px solid rgba(243, 22, 66, 0.4);
}
.dx-htmleditor.dx-invalid.dx-state-focused {
  border-color: #f31642;
}
.dx-htmleditor.dx-htmleditor-outlined {
  box-shadow: inset 0 0 0 1px rgba(46, 61, 76, 0.42);
  border-color: transparent;
  border-radius: 4px;
}
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-content {
  margin: 1px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar-wrapper + .dx-quill-container .dx-htmleditor-content {
  margin-top: 0;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-disabled,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly.dx-state-hover {
  box-shadow: inset 0 0 0 1px rgba(46, 61, 76, 0.5);
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-hover {
  box-shadow: inset 0 0 0 1px #2e3d4c;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-active,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
  box-shadow: inset 0 0 0 1px #0f6ea8;
  border-color: #0f6ea8;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-invalid {
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(243, 22, 66, 0.4);
}
.dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-active,
.dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-focused {
  box-shadow: inset 0 0 0 1px #f31642;
  border-color: #f31642;
}
.dx-htmleditor.dx-htmleditor-filled {
  background: rgba(46, 61, 76, 0.04);
  border-radius: 4px;
}
.dx-htmleditor.dx-htmleditor-filled.dx-state-hover {
  background-color: rgba(46, 61, 76, 0.07);
}
.dx-htmleditor.dx-htmleditor-filled.dx-state-hover:not(.dx-invalid) {
  border-bottom: 1px solid #2e3d4c;
}
.dx-htmleditor.dx-htmleditor-filled.dx-state-disabled,
.dx-htmleditor.dx-htmleditor-filled.dx-state-readonly,
.dx-htmleditor.dx-htmleditor-filled.dx-state-readonly.dx-state-hover {
  background-color: rgba(46, 61, 76, 0.12);
}
.dx-htmleditor.dx-htmleditor-underlined {
  border-color: transparent transparent rgba(46, 61, 76, 0.42);
}
.dx-htmleditor.dx-htmleditor-underlined .dx-htmleditor-content {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.dx-htmleditor.dx-htmleditor-underlined.dx-state-hover:not(.dx-state-focused) {
  border-bottom: 2px solid #2e3d4c;
}
.dx-htmleditor.dx-htmleditor-underlined.dx-state-disabled,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-readonly,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-readonly.dx-state-hover {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.dx-htmleditor.dx-htmleditor-underlined.dx-invalid {
  border-bottom-color: rgba(243, 22, 66, 0.4);
}
.dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-active,
.dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-focused {
  border-color: transparent transparent #f31642;
}
.dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-hover:not(.dx-state-focused) {
  border-bottom-color: rgba(243, 22, 66, 0.4);
}
.dx-htmleditor.dx-htmleditor-filled::before,
.dx-htmleditor.dx-htmleditor-underlined::before {
  left: 0;
  right: 0;
  bottom: -1px;
  height: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: 2;
  transform: scale(0);
}
.dx-htmleditor.dx-htmleditor-filled.dx-state-active::before,
.dx-htmleditor.dx-htmleditor-filled.dx-state-focused::before,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-active::before,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-focused::before {
  border-bottom: 2px solid #0f6ea8;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
}
.dx-htmleditor.dx-htmleditor-filled.dx-state-active.dx-invalid::before,
.dx-htmleditor.dx-htmleditor-filled.dx-state-focused.dx-invalid::before,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-active.dx-invalid::before,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-focused.dx-invalid::before {
  border-bottom-color: #f31642;
}
.dx-htmleditor-content blockquote {
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
  -webkit-border-start: 4px solid;
  border-inline-start: 4px solid;
  color: rgba(46, 61, 76, 0.8);
  border-inline-start-color: #e0e0e0;
}
.dx-htmleditor-content td,
.dx-htmleditor-content th {
  border-color: #e0e0e0;
}
.dx-htmleditor-toolbar,
.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
  background-color: transparent;
}
.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled::after {
  border-bottom-color: transparent;
}
.dx-htmleditor-toolbar-format.dx-background-format .dx-button-content,
.dx-htmleditor-toolbar-format.dx-color-format .dx-button-content {
  padding-bottom: 3px;
}
.dx-htmleditor-toolbar-format.dx-size-format {
  width: 120px;
}
.dx-htmleditor-toolbar-separator {
  height: 50%;
  border-inline-start-color: #e0e0e0;
}
.dx-toolbar-multiline .dx-htmleditor-toolbar-separator {
  height: 28px;
}
.dx-htmleditor-toolbar-menu-separator {
  border-top-color: #e0e0e0;
}
.dx-resize-frame {
  border-color: #0f6ea8;
}
.dx-resize-frame .dx-resizable-handle-bottom::after,
.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,
.dx-resize-frame .dx-resizable-handle-left::after,
.dx-resize-frame .dx-resizable-handle-right::after,
.dx-resize-frame .dx-resizable-handle-top::after {
  background-color: #0f6ea8;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-collection .dx-field-item:not(.dx-last-col) {
  -webkit-padding-end: 5px;
  padding-inline-end: 5px;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fix-ratio-container .dx-buttongroup {
  vertical-align: top;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  width: 36px;
  margin-top: 6px;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-collection .dx-field-item:not(.dx-first-col) {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-input-wrapper {
  padding: 50px 40px;
  border: 3px dashed #e0e0e0;
}
.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-label {
  border-width: 0;
}
.dx-htmleditor-add-image-popup .dx-fileuploader-dragover .dx-fileuploader-input {
  padding-top: 7px;
  padding-bottom: 8px;
}
.dx-htmleditor-add-image-popup .dx-fileuploader-dragover .dx-fileuploader-content {
  background-color: rgba(224, 224, 224, 0.8);
}
.dx-mention {
  background-color: #e0e0e0;
}
.dx-suggestion-list-wrapper {
  height: 100%;
}
.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  border-bottom-width: 1px;
}
.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.dx-suggestion-list-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px;
}
.dx-suggestion-list-wrapper .dx-list {
  height: 100%;
  min-height: 48px;
}
.dx-suggestion-list-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.dx-suggestion-list-wrapper .dx-empty-message,
.dx-suggestion-list-wrapper .dx-list-item {
  border-top: 0;
}
.dx-suggestion-list-wrapper .dx-empty-message:last-of-type,
.dx-suggestion-list-wrapper .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-table-resize-frame > .dx-draggable-dragging + .dx-htmleditor-highlighted-column,
.dx-table-resize-frame > .dx-draggable-dragging + .dx-htmleditor-highlighted-row {
  background-color: rgba(15, 110, 168, 0.5);
}
.dx-formdialog.dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.dx-fa-button.dx-fa-button-main .dx-overlay-shader {
  background-color: rgba(0, 0, 0, 0.32);
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content {
  min-width: 56px;
  max-height: 56px;
  background-color: #0f6ea8;
  color: #fff;
  overflow: visible;
  border-radius: 28px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
  background-color: #0b4f79;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover .dx-fa-button-icon {
  background-color: transparent;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
  background-color: #094062;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active .dx-fa-button-icon {
  background-color: transparent;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon,
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
  padding: 16px;
  box-shadow: none;
  background-color: transparent;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper {
  position: static;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
  background: 0 0;
  color: #fff;
  box-shadow: none;
  border-radius: 0;
  margin-right: 0;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-inkripple {
  border-radius: 28px;
}
.dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content {
  display: flex;
  flex-direction: row-reverse;
}
.dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon,
.dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon-close {
  padding: 16px 0 16px 16px;
}
.dx-fa-button.dx-fa-button-main.dx-fa-button-without-icon .dx-fa-button-icon {
  width: 0;
}
.dx-fa-button .dx-fa-button-icon,
.dx-fa-button .dx-fa-button-icon-close {
  padding: 8px;
  width: 24px;
  height: 24px;
  box-sizing: content-box;
}
.dx-fa-button .dx-fa-button-icon .dx-icon,
.dx-fa-button .dx-fa-button-icon-close .dx-icon {
  font-size: 24px;
}
.dx-fa-button .dx-fa-button-icon img,
.dx-fa-button .dx-fa-button-icon-close img {
  width: 100%;
  height: 100%;
}
.dx-fa-button .dx-overlay-content {
  border-radius: 50%;
  cursor: pointer;
  min-width: 40px;
  max-height: 40px;
  background-color: transparent;
  color: #2e3d4c;
  overflow: visible;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse {
  flex-direction: row-reverse;
}
.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper {
  right: auto;
  left: 40px;
}
.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper .dx-fa-button-label {
  margin-left: 16px;
  margin-right: auto;
}
.dx-fa-button .dx-overlay-content.dx-state-hover .dx-fa-button-icon {
  background-color: #ebebeb;
}
.dx-fa-button .dx-overlay-content.dx-state-active .dx-fa-button-icon {
  background-color: #a3a3a3;
}
.dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper {
  position: absolute;
  right: 40px;
}
.dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
  background-color: #fff;
  color: #2e3d4c;
  white-space: nowrap;
  border-radius: 4px;
  padding: 4px 8px;
  margin-right: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
.dx-fa-button .dx-overlay-content .dx-fa-button-icon {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.dx-fa-button .dx-overlay-content .dx-inkripple {
  overflow: hidden;
  border-radius: 20px;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label {
  padding: 0 24px 0 8px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-weight: 500;
}
.dx-filemanager {
  height: 500px;
  border: 1px solid;
}
.dx-filemanager .dx-filemanager-wrapper {
  height: 100%;
  display: flex;
  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: flex;
  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 {
  flex: 1 1 auto;
  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: flex;
  align-items: center;
}
.dx-filemanager .dx-filemanager-progress-box.dx-filemanager-progress-box-without-close-button {
  padding-right: 10px;
}
.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 {
  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-left: 5px;
}
.dx-filemanager .dx-filemanager-progress-box-error {
  border-radius: 2px;
  display: inline-block;
  border-width: 0;
  padding: 2px 8px 3px;
  font-size: 0.85em;
  line-height: normal;
  word-wrap: break-word;
  overflow-y: auto;
  max-height: 150px;
}
.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  width: 1px;
  margin-right: 5px;
}
.dx-filemanager .dx-splitter-wrapper.dx-splitter-inactive,
.dx-filemanager .dx-splitter-wrapper.dx-splitter-initial {
  right: 3px;
}
.dx-filemanager .dx-filemanager-container {
  display: flex;
  height: 100%;
  border-top: 1px solid;
  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-bar.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-container .dx-drawer-panel-content.dx-drawer-panel-content-adaptive {
  max-width: 100%;
}
.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: flex;
  flex-direction: column;
}
.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder {
  position: relative;
  top: 0;
  left: 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1000;
}
.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;
  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;
  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;
  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;
  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: inline-flex;
  align-items: flex-start;
  width: 100%;
}
.dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name {
  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 {
  animation: 1.5s linear infinite dx-filemanager-icon-rotate;
}
@keyframes dx-filemanager-icon-rotate {
  from {
    transform: rotate(0);
  }
  to {
    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;
  box-shadow: none;
}
.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: flex;
  align-items: flex-end;
}
.dx-filemanager-dirs-tree .dx-treeview-item-content > .dx-icon {
  flex: 0 0 auto;
}
.dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text {
  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-name-editor-popup > .dx-overlay-content {
  max-width: 340px;
  min-height: 180px;
  max-height: 180px;
}
.dx-filemanager-dialog-delete-item-popup > .dx-overlay-content {
  max-width: 340px;
  min-height: 180px;
}
.dx-filemanager-dialog-delete-item-popup > .dx-overlay-content .dx-popup-content .dx-filemanager-dialog-delete-item {
  overflow-wrap: break-word;
}
.dx-filemanager-progresspanel {
  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-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-bar {
  height: 100%;
  width: 1px;
  display: block;
  cursor: col-resize;
  z-index: 999;
  margin: auto;
}
.dx-splitter-wrapper .dx-splitter-border .dx-splitter-bar.dx-splitter-inactive {
  z-index: 998;
}
.dx-splitter-wrapper .dx-splitter-border .dx-splitter-bar.dx-state-disabled {
  width: 0;
  cursor: default;
}
.dx-splitter-bar {
  background-color: rgba(15, 110, 168, 0.5);
}
.dx-splitter-bar.dx-splitter-inactive {
  background-color: #e0e0e0;
}
.dx-splitter-border {
  background-color: transparent;
}
.dx-filemanager {
  border-color: #e0e0e0;
}
.dx-filemanager .dx-filemanager-notification-common {
  border-color: #e0e0e0;
  color: #f31642;
}
.dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel {
  border-left-color: #e0e0e0;
}
.dx-filemanager .dx-filemanager-progress-panel {
  background-color: #fff;
}
.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title {
  padding-top: 16px;
  padding-bottom: 16px;
}
.dx-filemanager .dx-filemanager-progress-box-image {
  width: 48px;
  height: 48px;
  font-size: 48px;
}
.dx-filemanager .dx-filemanager-progress-box-error {
  color: #fff;
  background: #f31642;
}
.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button {
  margin-top: 6px;
}
.dx-filemanager .dx-filemanager-toolbar {
  padding: 0 10px;
  background: #fff;
  min-height: 56px;
}
.dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar,
.dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar {
  background: #f7f7f7;
}
.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  height: 36px;
  background: #e0e0e0;
}
.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
  width: 190px;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
  background: 0 0;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active,
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused,
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover {
  background: rgba(46, 61, 76, 0.1);
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
  border-color: transparent;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon {
  background: 0 0;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon {
  background: 0 0;
  border-color: transparent;
}
.dx-filemanager .dx-filemanager-toolbar .dx-toolbar .dx-filemanager-toolbar-viewmode-item .dx-button-content {
  padding-left: 6px;
  padding-right: 6px;
}
.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder {
  border: 2px solid #0f6ea8;
}
.dx-filemanager .dx-filemanager-container {
  border-top-color: #e0e0e0;
}
.dx-filemanager .dx-filemanager-dirs-panel {
  border-right-color: #e0e0e0;
}
.dx-filemanager .dx-filemanager-breadcrumbs {
  border-bottom-color: #e0e0e0;
}
.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
  background: #e0e0e0;
  color: #2e3d4c;
}
.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content {
  padding-top: 7px;
  padding-bottom: 8px;
}
.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
  background: #e0e0e0;
}
.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 {
  background: 0 0;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected {
  color: #fff;
  background: rgba(15, 110, 168, 0.8);
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-hover:not(.dx-state-focused):not(.dx-item-selected) {
  background: rgba(0, 0, 0, 0.04);
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-focused {
  border: 1px solid #0f6ea8;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected.dx-state-focused {
  color: #fff;
  background: rgba(15, 110, 168, 0.7);
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-thumbnail {
  width: 48px;
  height: 48px;
  font-size: 48px;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
  color: #e0e0e0;
}
.dx-filemanager .dx-filemanager-files-view {
  background: #fff;
}
.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-command-select {
  padding: 0;
  width: 49px;
  min-width: 49px;
  max-width: 49px;
}
.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-filemanager-details-item-is-directory {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-row-focused .dx-filemanager-file-actions-button .dx-button .dx-icon {
  color: #fff;
}
.dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper {
  align-items: center;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item {
  padding-top: 11px;
  padding-bottom: 11px;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
  background: 0 0;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover {
  background: #ebebeb;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * {
  color: #2e3d4c;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item {
  background: #ebebeb;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * {
  color: #2e3d4c;
}
.dx-filemanager-view-switcher-popup {
  width: 36px;
}
.dx-filemanager-view-switcher-popup .dx-dropdownbutton-popup-wrapper.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding-left: 5px;
  padding-right: 6px;
  text-overflow: clip;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-filemanager-file-actions-button .dx-button .dx-button-content {
  padding: 0;
}
.dx-filemanager-file-actions-button .dx-button {
  min-width: 28px;
  height: 28px;
}
.dx-filemanager-file-actions-button .dx-button .dx-button-content {
  padding: 2px 6px;
}
.dx-filemanager-context-menu .dx-menu-item-has-text:not(.dx-menu-item-has-icon) .dx-menu-item-text {
  margin-left: 48px;
}
.dx-filemanager-i.dx-filemanager-i-progress,
.dx-filemanager-i.dx-filemanager-i-refresh,
.dx-filemanager-i.dx-icon.dx-filemanager-i-progress,
.dx-filemanager-i.dx-icon.dx-filemanager-i-refresh {
  background: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%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%0D%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%232e3d4c%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x31_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M11%2C4c2.45%2C0%2C4.59%2C1.26%2C5.84%2C3.16L15%2C9l6%2C1l-1-6l-1.73%2C1.73C16.64%2C3.47%2C14%2C2%2C11%2C2%0D%0A%09%09c-4.97%2C0-9%2C4.03-9%2C9h2C4%2C7.13%2C7.13%2C4%2C11%2C4z%22%2F%3E%0D%0A%09%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.92%2C12c-0.49%2C3.39-3.39%2C6-6.92%2C6c-2.19%2C0-4.13-1.01-5.41-2.59L7%2C14l-6-1l1%2C6l2.17-2.17%0D%0A%09%09C5.82%2C18.76%2C8.26%2C20%2C11%2C20c4.63%2C0%2C8.44-3.5%2C8.94-8H17.92z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 22px;
  height: 22px;
}
.dx-filemanager-i.dx-filemanager-i-done,
.dx-filemanager-i.dx-icon.dx-filemanager-i-done {
  background: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%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%0D%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%232e3d4c%3B%7D%0D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2323c399%3B%7D%0D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0D%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0D%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M21.35%2C14.35l-4.71%2C5l-3-3l0.71-0.71l2.15%2C2.15l4.15-4.15L21.35%2C14.35z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 22px;
  height: 22px;
}
.dx-filemanager-i.dx-filemanager-i-danger,
.dx-filemanager-i.dx-icon.dx-filemanager-i-danger {
  background: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%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%0D%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%232e3d4c%3B%7D%0D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23f31642%3B%7D%0D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0D%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0D%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M17%2C20v-1h1v1H17z%20M17%2C13h1v5h-1V13z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 22px;
  height: 22px;
}
.dx-filemanager-i.dx-filemanager-i-cancel,
.dx-filemanager-i.dx-icon.dx-filemanager-i-cancel {
  background: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20fill%3D%22%232e3d4c%22%20d%3D%22M8%2C0c4.42%2C0%2C8%2C3.58%2C8%2C8s-3.58%2C8-8%2C8c-4.42%2C0-8-3.58-8-8S3.58%2C0%2C8%2C0%20M10.87%2C4L8%2C6.87L5.13%2C4L4%2C5.13L6.87%2C8%0D%0A%09L4%2C10.87L5.13%2C12L8%2C9.13L10.87%2C12L12%2C10.87L9.13%2C8L12%2C5.13L10.87%2C4z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 22px;
  height: 22px;
}
.dx-diagram {
  border: 1px solid transparent;
  display: flex;
  flex-flow: column;
  height: 600px;
  min-height: 350px;
}
.dx-diagram .dx-diagram-toolbar-wrapper {
  padding: 5px;
  flex-grow: 0;
}
.dx-diagram .dx-diagram-toolbar-wrapper .dx-diagram-toolbar {
  background-color: transparent;
}
.dx-diagram .dx-diagram-content-wrapper {
  display: flex;
  flex-grow: 1;
  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: 0.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%;
  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: flex;
  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: flex;
  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: flex;
  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%;
  transition: opacity 0.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 {
  display: table;
  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: flex;
  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;
  max-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 {
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
}
.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content {
  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: 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 {
  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 {
  border-color: #e0e0e0;
}
.dx-diagram .dxdi-control .dxdi-canvas {
  background-color: #d9d9d9;
}
.dx-diagram .dxdi-control .dxdi-canvas .connector-multi-selection,
.dx-diagram .dxdi-control .dxdi-canvas .connector-point-mark,
.dx-diagram .dxdi-control .dxdi-canvas .connector-selection,
.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark,
.dx-diagram .dxdi-control .dxdi-canvas .extension-line path,
.dx-diagram .dxdi-control .dxdi-canvas .item-multi-selection-rect,
.dx-diagram .dxdi-control .dxdi-canvas .item-selection-rect,
.dx-diagram .dxdi-control .dxdi-canvas .items-selection-rect,
.dx-diagram .dxdi-control .dxdi-canvas .selection-mark {
  stroke: #0f6ea8;
}
.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark,
.dx-diagram .dxdi-control .dxdi-canvas .extension-line text {
  fill: #0f6ea8;
}
.dx-diagram .dxdi-control .dxdi-canvas .connection-mark:not(.selector),
.dx-diagram .dxdi-control .dxdi-canvas .connection-point:not(.selector),
.dx-diagram .dxdi-control .dxdi-canvas .connection-target,
.dx-diagram .dxdi-control .dxdi-canvas .container-target {
  stroke: #23c399;
}
.dx-diagram .dxdi-control .dxdi-canvas .connection-mark:not(.selector).active,
.dx-diagram .dxdi-control .dxdi-canvas .connection-point:not(.selector).active {
  fill: #23c399;
}
.dx-diagram .dxdi-control .dxdi-canvas .geometry-mark {
  stroke: #f31642;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path {
  stroke: #0f6ea8;
  stroke-opacity: 1;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse {
  stroke: rgba(46, 61, 76, 0.54);
  stroke-opacity: 0.5;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background {
  fill: rgba(46, 61, 76, 0.54);
  opacity: 0.5;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-warning ellipse {
  fill: #f31642;
}
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .geometry-mark,
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .selection-mark {
  stroke: #666;
}
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-selection-rect,
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect {
  fill: transparent;
  stroke: #666;
}
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect {
  fill: rgba(144, 144, 144, 0.02);
}
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-multi-selection-rect {
  fill: rgba(144, 144, 144, 0.02);
  stroke: #666;
}
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-multi-selection,
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-point-mark,
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-selection,
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark {
  stroke: #666;
}
.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark {
  fill: #666;
}
.dx-diagram .dxdi-text-input-container.connector-text .dxdi-text-input {
  border-color: #0f6ea8;
}
.dx-diagram .dx-diagram-toolbar-wrapper {
  border-bottom: 1px solid #e0e0e0;
}
.dx-diagram.dx-diagram-fullscreen {
  background-color: #fff;
}
.dx-diagram-properties-panel,
.dx-diagram-toolbox-panel {
  background: #fff;
}
.dx-diagram-floating-toolbar-container {
  background: #fff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.175);
  border-radius: 4px;
  padding: 4px;
}
.dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container {
  height: 36px;
}
.dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-placeholder::before,
.dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-texteditor-input {
  color: inherit;
  padding: 8px 6px;
}
.dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-button {
  width: auto;
  height: auto;
  min-width: 24px;
  min-height: 24px;
  margin: 2px;
}
.dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-items-container .dx-texteditor .dx-button .dx-button-content {
  padding: 4px;
}
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-item,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-items-container {
  width: 56px;
  height: 56px;
}
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button .dx-button-content,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button-content,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar .dx-button-content,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-item .dx-button-content,
.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-items-container .dx-button-content {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 56px;
}
.dx-diagram-floating-toolbar-container .dx-toolbar-item {
  padding: 0 4px 0 0;
}
.dx-diagram-toolbox-popup > .dx-overlay-content {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.175);
}
.dx-diagram-toolbox-popup .dx-popup-title {
  margin-bottom: 0;
}
.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar {
  font-size: 0.8em;
  min-height: 18px;
}
.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 18px;
}
.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) {
  width: 18px;
  height: 18px;
}
.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input-container,
.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel,
.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel .dx-accordion {
  width: 156px;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input-container {
  border-bottom: 1px solid #e0e0e0;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input {
  margin: 2px;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-placeholder::before,
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-texteditor-input {
  padding: 12px 9px;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input.dx-editor-outlined:not(.dx-state-focused) {
  box-shadow: none;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-right: 0;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button .dx-button-content {
  padding: 6px 4px;
}
.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button .dx-icon {
  font-size: 18px;
}
.dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
}
.dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton .dx-icon {
  width: 14px;
  height: 14px;
  padding: 2px;
  font-size: 12px;
  line-height: 12px;
  background-position: 2px 2px;
  background-size: 12px 12px;
}
.dx-diagram-toolbox-popup.dx-diagram-mobile-popup .dx-popup-content {
  padding-top: 68px;
}
.dx-diagram-toolbox-popup.dx-diagram-mobile-popup .dx-popup-content .dx-diagram-toolbox-input-container {
  border-top: 1px solid #e0e0e0;
}
.dx-diagram-toolbox-panel .dx-accordion {
  margin: 0;
}
.dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e0e0e0;
  border-top: none;
  box-shadow: none;
}
.dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item-opened {
  margin: 0;
}
.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title {
  min-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
}
.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title .dx-accordion-item-title-caption {
  text-transform: uppercase;
}
.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title::before {
  inset-inline-end: 12px;
}
.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-body {
  padding: 8px 12px;
}
.dx-diagram-toolbox-panel .dxdi-toolbox .dxdi-canvas .dxdi-shape-text {
  opacity: 0.25;
}
.dx-diagram-properties-popup .dx-multiview-item,
.dx-diagram-properties-popup.dx-diagram-properties-popup-notabs .dx-popup-content {
  padding: 0;
}
.dx-diagram-properties-popup .dx-diagram-properties-panel-group-title {
  text-transform: uppercase;
  padding: 16px;
}
.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar {
  padding: 0 16px 16px;
}
.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item {
  margin-bottom: 8px;
}
.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item .dx-button {
  height: auto;
}
.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item.dx-diagram-lg-icon-item .dx-diagram-i {
  background-size: 64px 64px;
  width: 64px;
  height: 64px;
}
.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar:first-child {
  padding-top: 16px;
}
.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-popup-title {
  padding: 8px 8px 0 0;
}
.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel .dx-tab-selected::before {
  top: 0;
  bottom: initial;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
  background-color: #e6e6e6;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
  background-color: #1b9877;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
  background-color: #0b4f79;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
  background-color: #cc0a31;
}
.dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled,
.dx-diagram-toolbar .dx-texteditor.dx-editor-filled {
  background-color: transparent;
}
.dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled::after,
.dx-diagram-toolbar .dx-texteditor.dx-editor-filled::after {
  border-bottom-color: transparent;
}
.dx-diagram-toolbar .dx-diagram-toolbar-separator {
  height: 50%;
  border-left-color: #e0e0e0;
}
.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
  border-top-color: #e0e0e0;
}
.dx-diagram-toolbar .dx-diagram-toolbar-text {
  padding: 21px 0 20px 15px;
}
.dx-diagram-toolbar .dx-diagram-lg-edit-item .dx-texteditor {
  width: 280px;
}
.dx-diagram-toolbar .dx-diagram-md-edit-item .dx-texteditor {
  width: 180px;
}
.dx-diagram-toolbar .dx-diagram-sm-edit-item .dx-texteditor {
  width: 100px;
}
.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon {
  margin-left: 12px;
  margin-right: 12px;
}
.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon {
  font-size: 24px;
  color: #2e3d4c;
}
.dx-diagram-contextmenu.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  right: 0;
}
.dx-diagram-contextmenu.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  padding-left: 4px;
}
.dx-diagram-touchbar .dx-menu-item .dx-menu-item-content {
  padding: 10px;
}
.dx-diagram-touchbar .dx-menu-separator {
  width: 1px;
  height: 46px;
  margin: 0;
}
.dx-diagram-i-selectbox-null-icon {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-begin-none {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2C13l9-9l1%2C1l-9%2C9L1%2C13z%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M12%2C8V3H0v12h12v-5h16V8H12z%20M10%2C13H2V5h8V13z%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-begin-arrow {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2016%22%20style%3D%22enable-background%3Anew%200%200%2028%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M8%2C9l4%2C3l1%2C2L0%2C8l13-6l-1%2C2L8%2C7h20v2H8z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-begin-outlined-triangle {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C9l13%2C6v-5h15V8H13V3L0%2C9z%20M11%2C12L3.9%2C9L11%2C6V12z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-begin-filled-triangle {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M13%2C10v5L0%2C9l13-6v5h15v2H13z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-end-none {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17%2C13l9-9l1%2C1l-9%2C9L17%2C13z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C8v2h16v5h12V3H16v5H0z%20M18%2C5h8v8h-8V5z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-end-arrow {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C10l0-2h20l-4-3l-1-2l13%2C6l-13%2C6l1-2l4-3H0z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-end-outlined-triangle {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2016%22%20style%3D%22enable-background%3Anew%200%200%2028%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M28%2C8L15%2C2v5H0v2h15v5L28%2C8z%20M17%2C5l7.1%2C3L17%2C11V5z%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-end-filled-triangle {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C10V8h15V3l13%2C6l-13%2C6v-5H0z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-orthogonal {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C18v-8h3V5H8v3H0V0h8v3h15h2v2v5h3v8H20z%20M6%2C2H2v4h4V2z%20M26%2C12h-4v4h4V12z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-connector-straight {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20d%3D%22M20%2C10v2.2L8%2C2.8V0H0v8h8V5.8l12%2C9.3V18h8v-8H20z%20M6%2C6H2V2h4V6z%20M26%2C16h-4v-4h4V16z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-line-solid {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Crect%20id%3D%22_x32__2_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%2222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-line-dotted {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Crect%20id%3D%22_x32__2_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__1_%22%20x%3D%227%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__3_%22%20x%3D%2211%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__4_%22%20x%3D%2215%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__5_%22%20x%3D%2219%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__6_%22%20x%3D%2223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-line-dashed {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Crect%20id%3D%22_x32__1_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__4_%22%20x%3D%2211%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Crect%20id%3D%22_x32__5_%22%20x%3D%2219%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 37.44px;
  height: 24px;
}
.dx-diagram-i-button-fill,
.dx-diagram-i-menu-fill {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20d%3D%22M7.6%2C1L6.7%2C1.9l1.9%2C1.9L3%2C9.4L9.5%2C16L16%2C9.4L7.6%2C1z%20M5%2C9l4.5-4.5L14%2C9H5z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A%0D%0A);
  width: 24px;
  height: 27px;
}
.dx-diagram-i-button-fullscreen,
.dx-diagram-i-menu-fullscreen {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-lock,
.dx-diagram-i-menu-lock {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20d%3D%22M14%2C5c0-2.8-2.2-5-5-5C6.2%2C0%2C4%2C2.2%2C4%2C5C2.9%2C5%2C2%2C5.9%2C2%2C7v8c0%2C1.1%2C0.9%2C2%2C2%2C2h10c1.1%2C0%2C2-0.9%2C2-2V7%0D%0A%09C16%2C5.9%2C15.1%2C5%2C14%2C5z%20M9%2C13c-1.1%2C0-2-0.9-2-2s0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C11%2C12.1%2C10.1%2C13%2C9%2C13z%20M6%2C5c0-1.7%2C1.3-3%2C3-3%0D%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3H6z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-unlock,
.dx-diagram-i-menu-unlock {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C17H4c-1.1%2C0-2-0.9-2-2V7c0-1.1%2C0.9-2%2C2-2h2h2h4c0-1.7-1.3-3-3-3C8.1%2C2%2C7.3%2C2.4%2C6.8%2C3H4.4%0D%0A%09C5.2%2C1.2%2C7%2C0%2C9%2C0c2.8%2C0%2C5%2C2.2%2C5%2C5c1.1%2C0%2C2%2C0.9%2C2%2C2v8C16%2C16.1%2C15.1%2C17%2C14%2C17z%20M9%2C9c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2%0D%0A%09C11%2C9.9%2C10.1%2C9%2C9%2C9z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-send-to-back,
.dx-diagram-i-menu-send-to-back {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st1%22%20d%3D%22M8%2C12c-1.1%2C0-2-0.9-2-2V4H4C2.9%2C4%2C2%2C4.9%2C2%2C6v8c0%2C1.1%2C0.9%2C2%2C2%2C2h8c1.1%2C0%2C2-0.9%2C2-2v-2H8z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-bring-to-front,
.dx-diagram-i-menu-bring-to-front {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3Cpath%20id%3D%22_x30_%22%20class%3D%22st1%22%20d%3D%22M4%2C4h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H4c-1.1%2C0-2-0.9-2-2V6C2%2C4.9%2C2.9%2C4%2C4%2C4z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-select-all,
.dx-diagram-i-menu-select-all {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.75%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M8.5%2C6c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.1%2C0.2-0.3%2C0.2l-1.9%2C0.3%0D%0A%09l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9c-0.1%2C0-0.2%2C0.1-0.3%2C0.1c-0.2%2C0-0.4-0.1-0.5-0.3l-1.3-2.6l-1.5%2C1.1%0D%0A%09c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.3%2C0-0.6-0.2-0.6-0.5V6.6C7.9%2C6.3%2C8.2%2C6%2C8.5%2C6z%22%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3Cg%20id%3D%22_x33_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpolygon%20id%3D%22_x31__1_%22%20class%3D%22st0%22%20points%3D%2212%2C6%2014%2C8%2016%2C8%2016%2C6%20%09%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2211.6%22%20y%3D%222%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%201.6862%2010.071)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%228%22%20y%3D%221%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%223.6%22%20y%3D%2210%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-6.3137%206.7573)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%224%22%20y%3D%221.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.6569%204.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%222%22%20y%3D%226%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%22%20%20fill%3D%22%232e3d4c%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-image-delete,
.dx-diagram-i-menu-image-delete {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M17%2C15.4L15.5%2C17l-2-2l-2%2C2L10%2C15.4l2-2l-2-2l1.5-1.4l2%2C2l2-2l1.5%2C1.5l-2%2C2L17%2C15.4z%20M12%2C6l-4%2C6%0D%0A%09l-2-2l-3%2C5h5v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L12%2C6z%20M5.5%2C5C4.7%2C5%2C4%2C5.6%2C4%2C6.5S4.7%2C8%2C5.5%2C8%0D%0A%09S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-image-edit,
.dx-diagram-i-menu-image-edit {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M15%2C9l-3-3l-4%2C6l-2-2l-3%2C5h6v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L15%2C9z%0D%0A%09%20M5.5%2C5C4.7%2C5%2C4%2C5.7%2C4%2C6.5S4.7%2C8%2C5.5%2C8S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%20M17%2C12.5L12.5%2C17H11v-1.5l4.5-4.5L17%2C12.5z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-image-insert,
.dx-diagram-i-menu-image-insert {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M15%2C9l-3-3l-4%2C7l-2-3l-3%2C5h6v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L15%2C9z%0D%0A%09%20M5.5%2C5C4.7%2C5%2C4%2C5.7%2C4%2C6.5S4.7%2C8%2C5.5%2C8S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%20M13%2C11h2v2h2v2h-2v2h-2v-2h-2v-2h2V11z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-layered-bt {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M60%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C59.1%2C18%2C60%2C18.9%2C60%2C20z%20M58%2C20%0D%0A%09%09h-8v8h8V20z%20M46%2C6v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8C45.1%2C4%2C46%2C4.9%2C46%2C6z%20M44%2C6h-8v8h8V6z%20M46%2C34v8%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C32%2C46%2C32.9%2C46%2C34z%20M44%2C34h-8v8h8V34z%20M46%2C50v8c0%2C1.1-0.9%2C2-2%2C2h-8%0D%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C48%2C46%2C48.9%2C46%2C50z%20M44%2C50h-8v8h8V50z%20M32%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2%0D%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8C31.1%2C18%2C32%2C18.9%2C32%2C20z%20M30%2C20h-8v8h8V20z%20M12%2C4l6%2C6h-5v50h-2V10H6L12%2C4z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C9v2v7h-2v-7h-7V9h7H55z%20M53%2C30h2v7v2h-2h-7v-2h7V30z%20M39%2C44h2v4h-2V44z%20M27%2C9h7v2h-7v7h-2v-7V9%0D%0A%09%09H27z%20M27%2C37h7v2h-7h-2v-2v-7h2V37z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-layered-lr {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M45%2C59h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C58.1%2C46.1%2C59%2C45%2C59z%20M45%2C57%0D%0A%09%09v-8h-8v8H45z%20M59%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C61%2C44.1%2C60.1%2C45%2C59%2C45z%20M59%2C43v-8h-8v8H59z%0D%0A%09%09%20M31%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C33%2C44.1%2C32.1%2C45%2C31%2C45z%20M31%2C43v-8h-8v8H31z%20M15%2C45H7%0D%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C17%2C44.1%2C16.1%2C45%2C15%2C45z%20M15%2C43v-8H7v8H15z%20M45%2C31h-8c-1.1%2C0-2-0.9-2-2%0D%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C30.1%2C46.1%2C31%2C45%2C31z%20M45%2C29v-8h-8v8H45z%20M61%2C11l-6%2C6v-5H5v-2h50V5L61%2C11z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M56%2C54h-2h-7v-2h7v-7h2v7V54z%20M35%2C52v2h-7h-2v-2v-7h2v7H35z%20M21%2C38v2h-4v-2H21z%20M56%2C26v7h-2v-7h-7%0D%0A%09%09v-2h7h2V26z%20M28%2C26v7h-2v-7v-2h2h7v2H28z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-layered-rl {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M19%2C57v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C59%2C19%2C58.1%2C19%2C57z%20M29%2C57%0D%0A%09%09v-8h-8v8H29z%20M5%2C43v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H7C5.9%2C45%2C5%2C44.1%2C5%2C43z%20M15%2C43v-8H7v8H15z%20M33%2C43v-8%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C33.9%2C45%2C33%2C44.1%2C33%2C43z%20M43%2C43v-8h-8v8H43z%20M49%2C43v-8c0-1.1%2C0.9-2%2C2-2h8%0D%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C49.9%2C45%2C49%2C44.1%2C49%2C43z%20M59%2C43v-8h-8v8H59z%20M19%2C29v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C31%2C19%2C30.1%2C19%2C29z%20M29%2C29v-8h-8v8H29z%20M11%2C5v5h50v2H11v5l-6-6L11%2C5z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M10%2C52v-7h2v7h7v2h-7h-2V52z%20M38%2C52v-7h2v7v2h-2h-7v-2H38z%20M49%2C38v2h-4v-2H49z%20M10%2C24h2h7v2h-7v7%0D%0A%09%09h-2v-7V24z%20M31%2C26v-2h7h2v2v7h-2v-7H31z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-layered-tb {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C46h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C60%2C45.1%2C59.1%2C46%2C58%2C46z%20M58%2C36%0D%0A%09%09h-8v8h8V36z%20M44%2C60h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C59.1%2C45.1%2C60%2C44%2C60z%20M44%2C50h-8v8h8V50z%20M44%2C32%0D%0A%09%09h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C31.1%2C45.1%2C32%2C44%2C32z%20M44%2C22h-8v8h8V22z%20M44%2C16h-8%0D%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C15.1%2C45.1%2C16%2C44%2C16z%20M44%2C6h-8v8h8V6z%20M30%2C46h-8c-1.1%2C0-2-0.9-2-2v-8%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C32%2C45.1%2C31.1%2C46%2C30%2C46z%20M30%2C36h-8v8h8V36z%20M6%2C54h5V4h2v50h5l-6%2C6L6%2C54z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C55h-7v-2h7v-7h2v7v2H53z%20M53%2C27h-7v-2h7h2v2v7h-2V27z%20M39%2C16h2v4h-2V16z%20M25%2C55v-2v-7h2v7h7v2%0D%0A%09%09h-7H25z%20M27%2C34h-2v-7v-2h2h7v2h-7V34z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-tree-bt {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M59%2C6v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C4%2C59%2C4.9%2C59%2C6z%20M57%2C6h-6v6%0D%0A%09%09h6V6z%20M59%2C26v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C24%2C59%2C24.9%2C59%2C26z%20M57%2C26h-6v6h6V26z%20M49%2C38v6%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C36%2C49%2C36.9%2C49%2C38z%20M47%2C38h-6v6h6V38z%20M49%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6%0D%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C50%2C49%2C50.9%2C49%2C52z%20M47%2C52h-6v6h6V52z%20M39%2C32c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V32z%20M37%2C26h-6v6h6V26z%20M30%2C14h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0D%0A%09%09C32%2C13.1%2C31.1%2C14%2C30%2C14z%20M24%2C12h6V6h-6V12z%20M17%2C10h-5v50h-2V10H5l6-6L17%2C10z%20M36%2C12V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C14%2C36%2C13.1%2C36%2C12z%20M38%2C12h6V6h-6V12z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C14v10h-2V14H55z%20M53%2C34h2v6v2h-2h-4v-2h4V34z%20M43%2C46h2v4h-2V46z%20M40%2C14h2v6h-7v4h-2v-4h-7v-6h2%0D%0A%09%09v4h5h2h4.9L40%2C14z%20M35%2C40h4v2h-4h-2v-2v-6h2V40z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-tree-lr {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C60%2C58.1%2C59.1%2C59%2C58%2C59z%20M58%2C57%0D%0A%09%09v-6h-6v6H58z%20M38%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C40%2C58.1%2C39.1%2C59%2C38%2C59z%20M38%2C57v-6h-6v6H38z%0D%0A%09%09%20M26%2C49h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C28%2C48.1%2C27.1%2C49%2C26%2C49z%20M26%2C47v-6h-6v6H26z%20M12%2C49H6%0D%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C14%2C48.1%2C13.1%2C49%2C12%2C49z%20M12%2C47v-6H6v6H12z%20M32%2C39c-1.1%2C0-2-0.9-2-2v-6%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H32z%20M38%2C37v-6h-6v6H38z%20M50%2C30v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C32%2C50%2C31.1%2C50%2C30z%20M52%2C24v6h6v-6H52z%20M54%2C17v-5H4v-2h50V5l6%2C6L54%2C17z%20M52%2C36h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C50%2C36.9%2C50.9%2C36%2C52%2C36z%20M52%2C38v6h6v-6H52z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M50%2C55H40v-2h10V55z%20M30%2C53v2h-6h-2v-2v-4h2v4H30z%20M18%2C43v2h-4v-2H18z%20M50%2C40v2h-6v-7h-4v-2h4v-7h6%0D%0A%09%09v2h-4v5v2v4.9L50%2C40z%20M24%2C35v4h-2v-4v-2h2h6v2H24z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-tree-rl {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M4%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H6C4.9%2C59%2C4%2C58.1%2C4%2C57z%20M12%2C57v-6H6%0D%0A%09%09v6H12z%20M24%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C24.9%2C59%2C24%2C58.1%2C24%2C57z%20M32%2C57v-6h-6v6H32z%20M36%2C47v-6%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C49%2C36%2C48.1%2C36%2C47z%20M44%2C47v-6h-6v6H44z%20M50%2C47v-6c0-1.1%2C0.9-2%2C2-2h6%0D%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C49%2C50%2C48.1%2C50%2C47z%20M58%2C47v-6h-6v6H58z%20M26%2C39c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6%0D%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H26z%20M32%2C37v-6h-6v6H32z%20M12%2C32H6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0D%0A%09%09C14%2C31.1%2C13.1%2C32%2C12%2C32z%20M6%2C24v6h6v-6H6z%20M4%2C11l6-6v5h50v2H10v5L4%2C11z%20M14%2C38v6c0%2C1.1-0.9%2C2-2%2C2H6c-1.1%2C0-2-0.9-2-2v-6%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C13.1%2C36%2C14%2C36.9%2C14%2C38z%20M6%2C38v6h6v-6H6z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M14%2C53h10v2H14V53z%20M40%2C53v-4h2v4v2h-2h-6v-2H40z%20M50%2C43v2h-4v-2H50z%20M18%2C39.9V35v-2v-5h-4v-2h6v7%0D%0A%09%09h4v2h-4v7h-6v-2L18%2C39.9z%20M34%2C35v-2h6h2v2v4h-2v-4H34z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-toolbox-open {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M13.5%2C17c-1.9%2C0-3.5-1.6-3.5-3.5s1.6-3.5%2C3.5-3.5s3.5%2C1.6%2C3.5%2C3.5S15.4%2C17%2C13.5%2C17z%20M9%2C1l5%2C7H4L9%2C1z%0D%0A%09%20M8%2C17H1v-7h7V17z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-toolbox-close {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x32_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M8%2C14v-2h8v2H8z%20M6.7%2C12.3l-1.4%2C1.4L1%2C9l4.3-4.7l1.4%2C1.4L4.4%2C8H16v2H4.4L6.7%2C12.3z%20M8%2C4h8v2H8V4z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-i-button-layout-tree-tb {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x34_%22%3E%0D%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M57%2C60h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C59.1%2C58.1%2C60%2C57%2C60z%20M57%2C52%0D%0A%09%09h-6v6h6V52z%20M57%2C40h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C39.1%2C58.1%2C40%2C57%2C40z%20M57%2C32h-6v6h6V32z%20M47%2C28%0D%0A%09%09h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C27.1%2C48.1%2C28%2C47%2C28z%20M47%2C20h-6v6h6V20z%20M47%2C14h-6%0D%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C13.1%2C48.1%2C14%2C47%2C14z%20M47%2C6h-6v6h6V6z%20M39%2C38c0%2C1.1-0.9%2C2-2%2C2h-6%0D%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V38z%20M37%2C32h-6v6h6V32z%20M32%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0D%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C31.1%2C50%2C32%2C50.9%2C32%2C52z%20M24%2C58h6v-6h-6V58z%20M11%2C60l-6-6h5V4h2v50h5L11%2C60z%20M38%2C50h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0D%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C36%2C50.9%2C36.9%2C50%2C38%2C50z%20M38%2C58h6v-6h-6V58z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0D%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C50V40h2v10H53z%20M53%2C24h-4v-2h4h2v2v6h-2V24z%20M43%2C14h2v4h-2V14z%20M39.9%2C46H35h-2h-5v4h-2v-6h7v-4%0D%0A%09%09h2v4h7v6h-2L39.9%2C46z%20M35%2C30h-2v-6v-2h2h4v2h-4V30z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-diagram-toolbox-popup .dx-button-has-icon .dx-icon.dx-icon-diagram-toolbox-drag {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2012%2012%22%20style%3D%22enable-background%3Anew%200%200%2012%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20id%3D%22_x32_%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C8h1V3H0V8z%20M2%2C8h1V3H2V8z%20M4%2C8h1V3H4V8z%20M6%2C8h1V3H6V8z%20M8%2C8h1V3H8V8z%20M10%2C3v5h1V3H10z%22%20fill%3D%22%232e3d4c%22%20%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-size: 18px 18px;
}
.dx-diagram-i-button-properties-panel-open {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Benable-background%3Anew%20%20%20%20%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M17.8%2C10.3l-1%2C1l-2.1-2.1l1-1C15.8%2C8.1%2C15.9%2C8%2C16.1%2C8c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.2l1.3%2C1.3%0D%0A%09C18%2C9.7%2C18%2C10.1%2C17.8%2C10.3z%20M14%2C2H4v13h2v2H4c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h10c1.1%2C0%2C2%2C0.9%2C2%2C2v3l-2%2C2V2z%20M16.1%2C11.9l-6%2C6.1H8%0D%0A%09v-2.1l6.1-6.1L16.1%2C11.9z%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M5%2C3h8v5l-6%2C6H5V3z%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  width: 24px;
  height: 24px;
}
.dx-gantt {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.dx-gantt .dx-gantt-main-wrapper {
  display: flex;
  position: relative;
  flex-direction: row;
  height: 100%;
}
.dx-gantt .dx-toolbar .dx-toolbar-items-container {
  height: auto;
}
.dx-gantt .dx-gantt-toolbar-separator {
  display: table;
  height: 100%;
  border-left: 1px solid transparent;
}
.dx-gantt .dx-gantt-treelist-wrapper {
  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-bar {
  width: 2px;
}
.dx-gantt .dx-gantt-view {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  min-width: 1px;
  background-color: #fff;
}
.dx-gantt .dx-gantt-view .dx-gantt-tac-hb {
  margin-top: -1px;
}
.dx-gantt .dx-gantt-view .dx-scrollable-scrollbar {
  z-index: 100;
}
.dx-gantt .dx-gantt-view .dx-gantt-parent::before {
  border-left-color: inherit;
  border-top-color: inherit;
}
.dx-gantt .dx-gantt-view .dx-gantt-parent::after {
  border-right-color: inherit;
  border-top-color: inherit;
}
.dx-gantt {
  border: 1px solid #e0e0e0;
}
.dx-gantt .dx-gantt-toolbar-wrapper {
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-gantt .dx-gantt-toolbar-wrapper .dx-gantt-toolbar-separator {
  border-left-color: #e0e0e0;
}
.dx-gantt .dx-gantt-toolbar-wrapper .dx-toolbar .dx-toolbar-items-container {
  min-height: 42px;
}
.dx-gantt .dx-header-row,
.dx-gantt .dx-treelist-filter-row {
  height: 57px;
}
.dx-gantt .dx-gantt-header {
  color: rgba(46, 61, 76, 0.6);
  font-size: 14px;
}
.dx-gantt .dx-gantt-header .dx-gantt-hb,
.dx-gantt .dx-gantt-header .dx-gantt-tsa,
.dx-gantt .dx-gantt-header .dx-gantt-tsac,
.dx-gantt .dx-gantt-header .dx-gantt-vb {
  border-color: #e0e0e0;
  background-color: #fff;
}
.dx-gantt .dx-gantt-si {
  text-align: center;
  vertical-align: middle;
  padding-left: 16px;
  padding-right: 16px;
}
.dx-gantt .dx-gantt-tsa,
.dx-gantt .dx-gantt-tsac {
  border-bottom: 1px solid #e0e0e0;
}
.dx-gantt .dx-gantt-hb {
  border-top: 1px solid #e0e0e0;
}
.dx-gantt .dx-gantt-vb {
  border-left: 1px solid #e0e0e0;
}
.dx-gantt .dx-gantt-taskWrapper {
  padding-top: 0;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut {
  height: 27px;
  line-height: 27px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task {
  background-color: #0f6ea8;
  border-radius: 4px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task .dx-gantt-tPrg {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask {
  border-radius: 4px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask .dx-gantt-titleIn {
  padding: 0 2px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent {
  height: 25px;
  line-height: 25px;
  background-color: #8bc34a;
  border-left-color: #8bc34a;
  border-right-color: #8bc34a;
  border-top-color: #8bc34a;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask).dx-gantt-cmpl .dx-gantt-tPrg::after,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask)::after,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask)::before,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask):not(.dx-gantt-noPrg) .dx-gantt-tPrg::before {
  content: "";
  position: absolute;
  bottom: -8px;
  border-width: 4px;
  border-style: solid;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent::before,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before {
  left: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before {
  border-left-color: rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.2);
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl .dx-gantt-tPrg::after,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent::after {
  right: 0;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl::after {
  border-right-color: rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.2);
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl .dx-gantt-tPrg::after {
  border-right-color: #8bc34a;
  border-top-color: #8bc34a;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent .dx-gantt-task-edit-frame {
  height: 25px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleIn {
  color: #fff;
  padding: 0 11px;
}
.dx-gantt .dx-gantt-taskRes {
  height: 27px;
  line-height: 27px;
  color: #fff;
  background-color: #999;
  border-radius: 4px;
  margin-left: 21px;
  padding-left: 4px;
  padding-right: 4px;
}
.dx-gantt .dx-gantt-titleOut {
  padding-right: 20px;
}
.dx-gantt .dx-gantt-milestone {
  background-color: #2e3d4c;
  width: 17px;
  height: 17px;
}
.dx-gantt .dx-gantt-task-edit-wrapper {
  padding-top: 0;
  padding-left: 1px;
}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame {
  height: 100%;
  border: 1px solid #0b4f79;
  border-radius: 4px;
}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress {
  border-color: transparent transparent #0b4f79;
}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress::before {
  width: 12px;
  height: 6px;
  bottom: -14px;
  border: 1px solid #0b4f79;
}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress-status {
  border-radius: 4px;
}
.dx-gantt .dx-gantt-task-edit-wrapper-successor {
  padding-top: 0;
}
.dx-gantt .dx-gantt-task-edit-wrapper-successor .dx-gantt-task-edit-frame-successor {
  height: 27px;
}
.dx-gantt .dx-gantt-task-edit-dependency-l,
.dx-gantt .dx-gantt-task-edit-dependency-r,
.dx-gantt .dx-gantt-task-edit-successor-dependency-l,
.dx-gantt .dx-gantt-task-edit-successor-dependency-r {
  background: #fff;
  border: 1px solid #0b4f79;
  width: 12px;
  height: 12px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.dx-gantt .dx-gantt-task-edit-dependency-r,
.dx-gantt .dx-gantt-task-edit-successor-dependency-r {
  left: -13px;
}
.dx-gantt .dx-gantt-task-edit-dependency-l,
.dx-gantt .dx-gantt-task-edit-successor-dependency-l {
  right: -13px;
}
.dx-gantt .dx-gantt-task-edit-dependency-line {
  background-color: #2e3d4c;
}
.dx-gantt .dx-gantt-sel {
  background-color: #e7f1f6;
}
.dx-gantt .dx-gantt-conn-v {
  border-left-color: #2e3d4c;
}
.dx-gantt .dx-gantt-conn-h {
  border-top-color: #2e3d4c;
}
.dx-gantt .dx-gantt-arrow {
  border: 5px solid #2e3d4c;
}
.dx-gantt .dx-gantt-tm {
  border-left: 1px dashed #0f6ea8;
}
.dx-gantt .dx-gantt-ti {
  border-left: 1px dashed #0f6ea8;
  border-right: 1px dashed #0f6ea8;
  background-color: rgba(15, 110, 168, 0.15);
}
.dx-gantt .dx-gantt-altRow,
.dx-gantt .dx-gantt-collapsable-row {
  background-color: #f2f2f2;
}
.dx-gantt-i.dx-gantt-i-add {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C15h-3v3h-2v-3H9v-2h3v-3h2v3h3V15z%20M12%2C4l-2-2H3v12h4v2H1V0h10l3%2C3v5h-2V4z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-add-sub-task {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M14%2C6H6v3h2.3c0.3-0.6%2C1-1%2C1.7-1h5c1.1%2C0%2C2%2C0.9%2C2%2C2s-0.9%2C2-2%2C2h-5c-0.7%2C0-1.4-0.4-1.7-1H6v4h2.3%0D%0A%09c0.3-0.6%2C1-1%2C1.7-1h5c1.1%2C0%2C2%2C0.9%2C2%2C2s-0.9%2C2-2%2C2h-5c-0.7%2C0-1.4-0.4-1.7-1H4v-2v-4V9V6l0%2C0C2.3%2C6%2C1%2C4.7%2C1%2C3s1.3-3%2C3-3h10%0D%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3S15.7%2C6%2C14%2C6z%20M14%2C2H4C3.4%2C2%2C3%2C2.4%2C3%2C3s0.4%2C1%2C1%2C1h10c0.6%2C0%2C1-0.4%2C1-1S14.6%2C2%2C14%2C2z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-add-task {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C13H8v-3H5V8h3V5h2v3h3v2h-3V13z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M9%2C1.1c-4.4%2C0-8%2C3.6-8%2C8c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C17%2C4.6%2C13.4%2C1.1%2C9%2C1.1z%20M9%2C15c-3.3%2C0-6-2.7-6-6s2.7-6%2C6-6%0D%0A%09s6%2C2.7%2C6%2C6S12.3%2C15%2C9%2C15z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-collapse {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M9%2C7l7%2C6.8L14.8%2C15L9%2C9.3L3.2%2C15L2%2C13.8L9%2C7z%20M3.2%2C10L2%2C8.8L9%2C2l7%2C6.8L14.8%2C10L9%2C4.3L3.2%2C10z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-delete {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C10H9c-0.6%2C0-1-0.4-1-1s0.4-1%2C1-1h2c0-0.6%2C0.4-1%2C1-1h2c0.6%2C0%2C1%2C0.4%2C1%2C1h2c0.6%2C0%2C1%2C0.4%2C1%2C1%0D%0A%09S17.6%2C10%2C17%2C10z%20M12%2C4l-2-2H3v12h4v2H1V0h10l3%2C3v3h-2V4z%20M17%2C16c0%2C1.1-0.9%2C2-2%2C2h-4c-1.1%2C0-2-0.9-2-2v-5h8V16z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-delete-dependency {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C10H9c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1h2c0-0.6%2C0.4-1%2C1-1h2c0.6%2C0%2C1%2C0.4%2C1%2C1h2c0.6%2C0%2C1%2C0.4%2C1%2C1%0D%0A%09C18%2C9.6%2C17.6%2C10%2C17%2C10z%20M8%2C13H5V5H3.7C3.4%2C5.6%2C2.7%2C6%2C2%2C6C0.9%2C6%2C0%2C5.1%2C0%2C4s0.9-2%2C2-2c0.7%2C0%2C1.4%2C0.4%2C1.7%2C1H7v8h1V13z%20M17%2C16%0D%0A%09c0%2C1.1-0.9%2C2-2%2C2h-4c-1.1%2C0-2-0.9-2-2v-5h8V16z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-expand {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M2%2C3.2L3.2%2C2L9%2C7.7L14.8%2C2L16%2C3.2L9%2C10L2%2C3.2z%20M9%2C12.7L14.8%2C7L16%2C8.2L9%2C15L2%2C8.2L3.2%2C7L9%2C12.7z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-full-screen {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpolygon%20id%3D%22_x34_%22%20class%3D%22st0%22%20points%3D%221%2C7%203%2C7%203%2C3%207%2C3%207%2C1%201%2C1%20%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Cpolygon%20id%3D%22_x33_%22%20class%3D%22st0%22%20points%3D%223%2C11%201%2C11%201%2C17%207%2C17%207%2C15%203%2C15%20%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Cpolygon%20id%3D%22_x32_%22%20class%3D%22st0%22%20points%3D%2211%2C1%2011%2C3%2015%2C3%2015%2C7%2017%2C7%2017%2C1%20%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Cpolygon%20id%3D%22_x31_%22%20class%3D%22st0%22%20points%3D%2215%2C15%2011%2C15%2011%2C17%2017%2C17%2017%2C11%2015%2C11%20%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-redo {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M1%2C9c0-4.4%2C3.6-8%2C8-8c2.2%2C0%2C4.2%2C0.9%2C5.6%2C2.4L17%2C1v6h-6l2.2-2.2C12.1%2C3.7%2C10.7%2C3%2C9%2C3C5.7%2C3%2C3%2C5.7%2C3%2C9%0D%0A%09s2.7%2C6%2C6%2C6v2C4.6%2C17%2C1%2C13.4%2C1%2C9z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-task-details {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M12.5%2C18C10%2C18%2C7.9%2C15.5%2C7%2C13.5c0.9-2%2C3-4.5%2C5.5-4.5s4.6%2C2.5%2C5.5%2C4.5C17.1%2C15.5%2C15%2C18%2C12.5%2C18z%0D%0A%09%20M12.5%2C11c-1.4%2C0-2.5%2C1.1-2.5%2C2.5s1.1%2C2.5%2C2.5%2C2.5s2.5-1.1%2C2.5-2.5S13.9%2C11%2C12.5%2C11z%20M12.5%2C15c-0.8%2C0-1.5-0.7-1.5-1.5%0D%0A%09s0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5S13.3%2C15%2C12.5%2C15z%20M12%2C4l-2-2H3v12h2l1%2C2H1V0h10l3%2C3v4h-2V4z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-undo {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M9%2C17v-2c3.3%2C0%2C6-2.7%2C6-6s-2.7-6-6-6C7.3%2C3%2C5.9%2C3.7%2C4.8%2C4.8L7%2C7H1V1l2.4%2C2.4C4.8%2C1.9%2C6.8%2C1%2C9%2C1%0D%0A%09c4.4%2C0%2C8%2C3.6%2C8%2C8S13.4%2C17%2C9%2C17z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-zoom-in {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0D%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M9%2C11H7V9H5V7h2V5h2v2h2v2H9V11z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-zoom-out {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0D%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M5%2C9V7h6v2H5z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-resource-manager {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M12%2C9h4v4h-4%20M8%2C5H0v2h8%20M12%2C5h4V1h-4%20M0%2C1v2h10V1%20M0%2C15h8v-2H0%20M0%2C11h10V9H0%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.dx-gantt-i.dx-gantt-i-toggle-resources {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200\)%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M14%2C15H2c-1.1%2C0-2-0.9-2-2v-2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v2C16%2C14.1%2C15.1%2C15%2C14%2C15z%20M9%2C11H2%0D%0A%09v2h7V11z%20M14%2C7H2C0.9%2C7%2C0%2C6.1%2C0%2C5V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v2C16%2C6.1%2C15.1%2C7%2C14%2C7z%20M12%2C3H2v2h10V3z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A%0D%0A%0D%0A%0D%0A);
}
.dx-gantt-i.dx-gantt-i-toggle-dependencies {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%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%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0D%0A%09.st2%7B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M7%2C11c-2.3%2C0-4.2-1.7-5-4c0.8-2.3%2C2.7-4%2C5-4s4.2%2C1.7%2C5%2C4C11.2%2C9.3%2C9.3%2C11%2C7%2C11z%20M7%2C5%0D%0A%09C5.9%2C5%2C5%2C5.9%2C5%2C7s0.9%2C2%2C2%2C2s2-0.9%2C2-2S8.1%2C5%2C7%2C5z%20M7%2C8C6.4%2C8%2C6%2C7.6%2C6%2C7s0.4-1%2C1-1s1%2C0.4%2C1%2C1S7.6%2C8%2C7%2C8z%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C10%206%2C14%2013%2C14%2013%2C16%2016%2C13%2013%2C10%2013%2C12%208%2C12%208%2C10%20%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C4%206%2C2%200%2C2%200%2C0%208%2C0%208%2C4%20%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Crect%20x%3D%229.4%22%20y%3D%222.1%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%200.8934%209.1569)%22%20class%3D%22st2%22%20width%3D%224.2%22%20height%3D%222.8%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3Crect%20x%3D%221.2%22%20y%3D%229.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-6.6066%206.0503)%22%20class%3D%22st2%22%20width%3D%225.7%22%20height%3D%222.8%22%20fill%3D%22rgba%2846,%2061,%2076,%200.6%29%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A%0D%0A");
}
.dx-sortable {
  overflow: hidden;
}
.dx-sortable-dragging.dx-sortable-clone {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0.9;
  z-index: 2147483647;
}
.dx-sortable-dragging.dx-sortable-clone .dx-inkripple {
  overflow: hidden;
}
.dx-sortable-dragging.dx-sortable-clone * {
  cursor: pointer;
  cursor: grabbing;
}
.dx-sortable-source {
  opacity: 0.5;
}
.dx-sortable-source-hidden {
  opacity: 0;
}
.dx-sortable-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #0f6ea8;
  box-sizing: border-box;
  z-index: 2147483647;
}
.dx-sortable-placeholder-inside {
  border-width: 2px;
}
.dx-sortable-dragging > * {
  border-color: rgba(15, 110, 168, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}
.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;
}
.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: 0.01;
  pointer-events: all;
}
.dx-map-marker {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.dx-map-marker-tooltip {
  margin: 10px;
}
.dx-widget.ng-invalid.ng-touched {
  box-shadow: inset 0 0 0 2px #df1642 !important;
}
.dx-widget.warning {
  box-shadow: inset 0 0 0 2px #fc7c64 !important;
}
.ng-invalid-comment {
  display: block;
  line-height: 1.3em;
  margin-top: 3px;
  font-size: 12px;
  color: #df1642;
}
dx-drop-down-box .dx-texteditor.dx-editor-outlined {
  background-color: transparent;
}
dx-drop-down-box .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 11px;
  background-color: transparent;
}
dx-drop-down-box .dx-texteditor.dx-editor-outlined .dx-placeholder:before {
  padding: 11px;
}
.dx-texteditor.dx-editor-outlined {
  background-color: #fff;
}
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 11px;
}
.dx-texteditor.dx-editor-outlined .dx-placeholder:before {
  padding: 11px;
}
.dx-texteditor.inner-field {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
.dx-show-clear-button .dx-clear-button-area {
  position: absolute;
  right: 36px;
}
.dx-scheduler-cell-sizes-vertical {
  height: 20px;
}
.dx-scheduler-header-panel-cell {
  color: #8f7496;
}
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator {
  margin-left: 85px;
  background-color: #0f6ea8;
}
html:not(.dxTouchUI) .dx-datebox-calendar .dx-dropdowneditor-icon:before,
html:not(.dxTouchUI) .dx-datebox-datetime .dx-dropdowneditor-icon:before {
  font-family: "fontello";
  content: "\e97c" !important;
  color: #0f6ea8;
}
html.dxTouchUI .dx-datebox-calendar .dx-texteditor-buttons-container,
html.dxTouchUI .dx-datebox-datetime .dx-texteditor-buttons-container {
  display: none;
}
html.dxTouchUI .dx-datebox-calendar .dx-dropdowneditor-icon,
html.dxTouchUI .dx-datebox-datetime .dx-dropdowneditor-icon {
  display: none;
}
.dx-datebox-calendar input::-webkit-calendar-picker-indicator,
.dx-datebox-datetime input::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 10px;
  background-color: transparent;
  -webkit-appearance: none;
}
.dx-datebox-time .dx-dropdowneditor-icon:before {
  font-family: "fontello";
  content: "\e97c" !important;
  color: #0f6ea8;
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled {
  min-width: 36px;
  height: 100%;
  background-color: #fff;
  border-bottom: 1px solid #c9d7e6;
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) {
  min-width: 36px;
  height: 100%;
  background-color: #fff;
  border-bottom: 1px solid #c9d7e6;
}
.dx-textbox:not(.dx-selectbox)[ng-reflect-placeholder*=Search] .dx-texteditor-container {
  position: relative;
}
.dx-textbox:not(.dx-selectbox)[ng-reflect-placeholder*=Search] .dx-texteditor-container:before {
  position: absolute;
  z-index: 100;
  right: 11px;
  top: 0;
  bottom: 0;
  line-height: 25px;
  height: 25px;
  font-size: 20px;
  margin: auto;
  font-family: "fontello";
  content: "\e968" !important;
  color: #a8aec5;
  pointer-events: none;
}
dx-select-box .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
dx-select-box .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: #42304d;
}
.dx-list-search .dx-texteditor-input {
  padding-left: 35px !important;
}
.dx-list-search .dx-placeholder {
  left: 25px;
}
.dx-dropdownbutton .dx-button-content .dx-button-text {
  text-transform: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cell-height-5 .dx-scheduler-cell-sizes-vertical {
  height: 25px;
}
.cell-height-10 .dx-scheduler-cell-sizes-vertical {
  height: 25px;
}
.cell-height-15 .dx-scheduler-cell-sizes-vertical {
  height: 30px;
}
.cell-height-20 .dx-scheduler-cell-sizes-vertical {
  height: 40px;
}
.cell-height-25 .dx-scheduler-cell-sizes-vertical {
  height: 40px;
}
.cell-height-30 .dx-scheduler-cell-sizes-vertical {
  height: 50px;
}
.cell-height-35 .dx-scheduler-cell-sizes-vertical {
  height: 50px;
}
.cell-height-40 .dx-scheduler-cell-sizes-vertical {
  height: 65px;
}
.cell-height-45 .dx-scheduler-cell-sizes-vertical {
  height: 60px;
}
.cell-height-50 .dx-scheduler-cell-sizes-vertical {
  height: 65px;
}
.cell-height-55 .dx-scheduler-cell-sizes-vertical {
  height: 70px;
}
.cell-height-60 .dx-scheduler-cell-sizes-vertical {
  height: 70px;
}
.cell-height-90 .dx-scheduler-cell-sizes-vertical {
  height: 100px;
}
.cell-height-120 .dx-scheduler-cell-sizes-vertical {
  height: 130px;
}
.resource-scheduler .dx-scheduler-header-panel-cell {
  padding-bottom: 5px;
}
.resource-scheduler .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child,
.resource-scheduler .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.resource-scheduler .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
  font-size: 14px;
  font-weight: 500;
}
.dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  border-bottom: none;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
  border-right: none;
}
.dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
.dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 15px;
}
.dx-scheduler-header-panel .dx-scheduler-group-row:before {
  padding-left: 0;
  border-right: none;
}
.dx-scheduler-group-header-content div .dx-dropdownbutton {
  display: inline-flex;
}
.dx-scheduler-time-panel-cell {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 0;
}
.dx-scheduler-time-panel-cell > div {
  font-size: 14px;
  text-align: left;
  color: #42304d;
}
.dx-scheduler-date-table-cell {
  padding: 0;
}
.dx-scheduler-appointment {
  border-bottom: none;
  background-color: transparent;
  border-radius: 4px;
}
.dx-scheduler-appointment.dx-state-focused:before {
  background-color: transparent;
}
.dx-accordion-item {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: none;
  border-top: 1px solid #c9d7e6;
}
.dx-accordion-item-title {
  height: auto;
  padding: 12px;
}
.dx-accordion-item-title:before {
  top: 14px;
  right: 14px;
  line-height: 24px;
}
.dx-accordion-item-opened > .dx-accordion-item-title {
  position: relative;
  height: auto;
}
.dx-accordion-item-opened > .dx-accordion-item-title:before {
  top: 13px;
}
.dx-accordion-item-opened {
  margin: 0;
}
.dx-accordion-item-body {
  flex: 1;
  overflow: hidden;
  padding: 0 10px 10px;
}
.dx-list-item-content {
  padding: 5px 16px;
  font-size: 15px;
}
.dx-list-item-badge-container {
  width: 45px;
  padding-right: 10px;
}
.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 9px 10px;
}
.dx-dropdownbutton {
  height: auto;
}
.dx-dropdownbutton .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: stretch;
}
.dx-dropdownbutton .dx-button-content .dx-button-text {
  flex: 1;
  text-align: left;
}
.dx-dropdownbutton .dx-button-content {
}
.dx-button {
  height: 41px;
  text-transform: uppercase;
}
.dx-button [class*=icon-] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  color: inherit;
  vertical-align: middle;
}
.dx-button .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-button {
}
.dx-button.dx-button-has-icon {
  min-width: 41px;
}
.dx-button.btn-md {
  height: 41px;
  line-height: 41px;
  font-size: 16px;
}
.dx-button.btn-md:not(.dx-button-has-text) {
  width: 41px;
}
.dx-button.btn-lg {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.dx-button.btn-lg:not(.dx-button-has-text) {
  width: 48px;
}
.dx-button.btn-xl {
  height: 51px;
  line-height: 51px;
  font-size: 18px;
}
.dx-button.btn-xl:not(.dx-button-has-text) {
  width: 51px;
}
.dx-button.btn-xl:not(.dx-button-has-text) [class*=icon-] {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
}
.dx-button.btn-hovered {
  background-color: #f6f7f9;
}
.dx-button.btn-rounded {
  border-radius: 26px;
}
.dx-button.bigger-side-pads {
  padding-left: 20px;
  padding-right: 20px;
}
.dx-button.dx-button-text {
  display: inline-block;
}
.dx-button.dx-button-default {
  background-color: #0f6ea8;
}
.dx-button.dx-button-default.dx-state-hover,
.dx-button.dx-button-default.dx-state-focused,
.dx-button.dx-button-default.dx-state-active {
  background-color: #23c399;
}
.dx-button.dx-button-default.active {
  background-color: #23c399;
}
.dx-button.dx-button-default.dx-button-mode-outlined {
  border: 2px solid #0f6ea8;
}
.dx-button.dx-button-mode-text {
  color: #0f6ea8;
}
.dx-button.dx-button-mode-text.dx-button-has-text {
  color: #fff;
}
.dx-button.dx-button-normal {
  font-weight: 500;
}
.dx-button.dx-button-normal [class*=icon-] {
  color: #8f7496;
}
.dx-button.dx-button-normal.dx-button-mode-text {
  color: #8f7496;
}
.dx-button.dx-button-normal.dx-button-mode-text.active {
  color: #1b222a;
}
.dx-button.dx-button-normal.dx-button-mode-text.active [class*=icon-] {
  color: #1b222a;
}
.dx-button.dx-button-mode-outlined {
  background: #fff;
}
.dx-overlay-wrapper {
}
.dx-overlay-wrapper .dx-popup-content {
  box-sizing: border-box;
  max-width: 100%;
}
.dx-overlay-wrapper .dx-popup-content.full-screen {
  padding: 0;
  height: 100% !important;
}
.dx-overlay-wrapper .dx-popup-content.full-screen .dx-scrollview-content .app-form-panel:first-child {
  margin-top: 30px;
  padding-bottom: 80px;
}
.dx-overlay-wrapper .dx-popup-content.full-screen .dx-scrollview-content .app-form-panel:last-child {
  margin-bottom: 80px;
}
.dx-scheduler-appointment-collector {
  z-index: 10;
}
.dx-tooltip-wrapper .dx-overlay-content {
  max-width: 430px;
  text-align: left;
  background-color: #fff;
  color: #1b222a;
  box-shadow: 0 8px 24px 0 rgba(27, 34, 42, 0.1);
}
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  padding: 10px 20px 20px;
  white-space: normal;
}
.dx-tooltip-wrapper .actions {
  margin-right: -10px;
  text-align: right;
}
dx-select-box.dx-texteditor.dx-editor-outlined {
  margin-left: 1px;
}
dx-select-box.dx-texteditor.dx-editor-outlined.dx-state-focused {
  box-shadow: inset 0 0 0 1px #a3b0bf;
}
.dx-texteditor-input {
  min-width: 50px;
}
.dx-datagrid-rowsview .dx-row {
  border-top: none;
  border-bottom: none;
}
.dx-datagrid-rowsview .dx-row > td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.dx-datagrid-rowsview .dx-row.dx-group-row > td {
  font-weight: 500;
  border-top: none;
  border-bottom: none;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  color: #42304d;
  background-color: #c9d7e6;
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
}
.dx-datagrid-rowsview .dx-row .dx-datagrid-group-opened {
  color: #8f7496;
}
.dx-datagrid-rowsview .dx-row.dx-data-row.dx-row-lines {
}
.dx-datagrid-rowsview .dx-row.dx-data-row.dx-row-lines + .dx-row-lines:not(.dx-master-detail-row) {
  border-top: 1px solid rgba(168, 174, 197, 0.5);
}
.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
  border-top: 0;
}
.dx-datagrid-group-closed {
  color: inherit;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select {
  padding-left: 8px;
}
.dx-checkbox-checked .dx-checkbox-icon {
  background-color: #0f6ea8;
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background: #0f6ea8;
}
.dx-radiobutton-icon-checked:before {
  border-color: #0f6ea8;
}
.dx-tab {
  padding: 11px 16px;
  color: #817588;
}
.dx-tab.dx-tab-selected {
  color: #0f6ea8;
}
.dx-tab.dx-tab-selected::before {
  background-color: #0f6ea8;
  height: 3px;
}
.dx-tab.dx-state-hover,
.dx-tab.dx-state-focused,
.dx-tab.dx-state-active {
  color: #0f6ea8;
}
.dx-tabpanel .dx-tabs-wrapper {
  background-color: #fff;
}
dx-file-uploader .dx-fileuploader-wrapper {
  padding: 0;
}
dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper {
  padding: 0;
}
dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper:before,
dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper:after {
  content: none;
}
dx-file-uploader {
}
dx-file-uploader .dx-fileuploader-file-name {
  max-width: 300px;
}
dx-file-uploader .dx-button {
  height: 38px;
  padding: 0 10px;
  font-size: 14px;
  border: 2px solid transparent;
  border-radius: 30px;
  color: #fff;
  background-color: #0f6ea8;
  box-shadow: 0 2px 4px 0 rgba(27, 34, 42, 0.05);
}
dx-file-uploader .dx-button:hover {
  color: #fff;
  background-color: #23c399;
}
dx-file-uploader .dx-button.dx-state-focused {
  background-color: #0f6ea8;
  box-shadow: 0 2px 4px 0 rgba(27, 34, 42, 0.05);
}
.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
  height: 60%;
  margin: auto;
  top: 0;
  bottom: 0;
}
.dx-scrollable-scroll-content {
  background-color: #8f7496;
}
.dx-list-item-bb .dx-list-item + .dx-list-item {
  border-top: 1px solid #e5e7ee;
}
.dx-list-item-noplr .dx-list-item .dx-template-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 10px;
}
.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 10px;
}
.dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 10px;
}
.dx-treeview .dx-empty-message {
  line-height: normal;
  position: fixed;
}
.dx-scheduler-cell-sizes-horizontal {
  min-width: 150px;
}
.dx-popup-wrapper {
}
.dx-popup-wrapper .dx-popup-bottom.dx-toolbar {
  padding: 0 8px;
}
.dx-popup-wrapper .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: auto !important;
  min-height: 55px;
}
.dx-popup-wrapper .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  display: inline-block;
}
.dx-scrollable-scrollbar {
  z-index: 1000;
}
.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
  opacity: 0.35;
  filter: grayscale(90%);
  pointer-events: none;
}
.dx-dropdownbutton.dx-state-disabled {
  opacity: 0.5;
}
.dx-radio-value-container {
  vertical-align: top;
}
.dx-radiogroup .dx-radiobutton {
  margin-top: 5px;
  margin-bottom: 5px;
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: rgba(46, 61, 76, 0.6);
}
.dx-texteditor.dx-editor-outlined.dx-state-hover,
dx-select-box.dx-texteditor.dx-editor-outlined.dx-state-hover {
  box-shadow: inset 0 0 0 1px #42304d;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused,
dx-select-box.dx-texteditor.dx-editor-outlined.dx-state-focused {
  box-shadow: inset 0 0 0 2px #0f6ea8;
}
.dx-switch-on-value .dx-switch-container:before {
  background-color: rgba(15, 110, 168, 0.5);
}
.dx-switch-on-value .dx-switch-handle:before {
  background-color: #0f6ea8;
}
app-case-plan .dx-switch.dx-state-readonly .dx-switch-handle:before,
app-case-plan .dx-switch.dx-state-disabled .dx-switch-handle:before {
  background-color: #0f6ea8 !important;
}
app-case-plan .dx-switch.dx-state-readonly .dx-switch-container:before,
app-case-plan .dx-switch.dx-state-disabled .dx-switch-container:before {
  background-color: rgba(15, 110, 168, 0.5) !important;
}
.dx-list-search {
  padding-top: 0;
}
.dx-searchbox.dx-editor-filled .dx-icon-search,
.dx-searchbox.dx-editor-outlined .dx-icon-search {
  margin-top: -11px;
  width: 22px;
  height: 22px;
  padding: 0px;
  color: #a8aec5;
}
.dx-searchbox .dx-icon-search:before {
  color: #a8aec5;
}
.dx-list-search.dx-searchbox .dx-clear-button-area .dx-icon-clear {
  font-size: 14px;
  color: #a8aec5;
}
.dx-textbox.dx-show-clear-button .dx-clear-button-area {
  right: 0px;
}
.interface-header .dx-textbox.dx-show-clear-button .dx-clear-button-area {
  right: 35px;
}
.dx-dropdowneditor .dx-clear-button-area {
  right: 40px !important;
}
.dx-calendar-navigator .dx-button {
  color: #0f6ea8;
}
.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
  background-color: #0f6ea8;
}
*:not(.dx-template-wrapper) > .dx-texteditor.dx-editor-outlined.dx-state-disabled,
*:not(.dx-template-wrapper) > .dx-texteditor.dx-editor-outlined.dx-state-readonly,
*:not(.dx-template-wrapper) > .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
  box-shadow: none;
  outline: 1px dotted rgba(46, 61, 76, 0.6);
}
.dx-dropdownbutton-popup-wrapper .dx-overlay-content {
  min-width: 320px;
}
.dx-button-group-simple {
  display: inline-flex;
  flex-wrap: nowrap;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.dx-button-group-simple .dx-button,
.dx-button-group-simple .dx-dropdownbutton {
  box-shadow: none;
}
.dx-button-group-simple .dx-button + .dx-button,
.dx-button-group-simple .dx-button + .dx-dropdownbutton,
.dx-button-group-simple .dx-dropdownbutton + .dx-button,
.dx-button-group-simple .dx-dropdownbutton + .dx-dropdownbutton {
  margin-left: 1px;
}
.dx-button-group-simple .dx-button:first-child,
.dx-button-group-simple .dx-dropdownbutton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dx-button-group-simple .dx-button:last-child,
.dx-button-group-simple .dx-button:not(.dx-button-has-text):not(.dx-shape-standard):last-child,
.dx-button-group-simple .dx-dropdownbutton:last-child,
.dx-button-group-simple .dx-dropdownbutton:not(.dx-button-has-text):not(.dx-shape-standard):last-child {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dx-button-group-simple .dx-button:not(:first-child):not(:last-child),
.dx-button-group-simple .dx-dropdownbutton:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.dx-button-group-simple .dx-button.active,
.dx-button-group-simple .dx-dropdownbutton.active {
  font-weight: 500;
  color: #fff;
  background-color: #0f6ea8;
}
.dx-grid-wrapper {
  position: relative;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.dx-grid-item-details {
  display: flex;
  align-items: center;
  margin: -30px -18px;
  padding: 20px 20px 25px 0px;
  font-size: 14px;
  color: #42304d;
  background-color: #f6f7f9;
}
@media (max-width: 1000px) {
  .dx-grid-item-details {
    padding-left: 20px;
  }
}
.dx-grid-item-details table {
  width: 600px;
  max-width: 100%;
}
.dx-grid-item-details table th,
.dx-grid-item-details table td {
  padding: 0 15px 10px;
}
.dx-grid-item-details table th {
  font-weight: 500;
  text-align: left;
}
.dx-grid-item-details table td {
  font-size: 15px;
}
.dx-grid-selected-items-actions {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 54px;
  right: 0;
  height: 56px;
  background-color: #fff;
}
.dx-grid-selected-items-actions > * {
  height: 100%;
}
.dx-grid-selected-items-actions .actions > * {
  padding-left: 40px;
}
@media (max-width: 768px) {
  .dx-grid-selected-items-actions .actions > * {
    padding-left: 5px;
  }
}
.dx-grid-selected-items-actions .actions > *:first-child {
  padding-left: 0;
}
dx-chart svg {
  max-width: 100% !important;
  overflow: hidden;
}
dx-chart svg rect {
  max-width: 100%;
}
dx-chart.dx-chart-disabled-legend svg .dxc-legend {
  display: none;
}
.dxc-tooltip {
  z-index: 2000 !important;
}
.dx-row.dx-row-success {
  background-color: rgba(35, 195, 153, 0.06);
}
.dx-row.dx-row-warning {
  background-color: rgba(252, 124, 100, 0.06);
}
.dx-row.dx-row-danger {
  background-color: rgba(223, 22, 66, 0.06);
}
.dx-row.dx-row-info {
  background-color: rgba(143, 116, 150, 0.06);
}
.dx-row.dx-row-primary {
  background-color: rgba(15, 110, 168, 0.06);
}
.dx-grid-compact-mode table colgroup {
  display: none;
}
.dx-grid-compact-mode .dx-data-row {
  display: block;
}
.dx-grid-compact-mode .dx-data-row:nth-child(2n+1) {
  background-color: #f6f7f9;
}
.dx-grid-compact-mode .dx-data-row:not(:first-child) {
  border-top-width: 5px !important;
}
.dx-grid-compact-mode .dx-data-row {
  clear: both;
}
.dx-grid-compact-mode .dx-data-row .captions {
  float: left;
  width: calc(35% + 32px);
  margin: -10px -14px -10px -18px;
}
.dx-grid-compact-mode .dx-data-row .captions .caption {
  padding: 10px 14px 10px 18px;
  font-weight: 500;
}
.dx-grid-compact-mode .dx-data-row .captions .caption:not(:first-child) {
  border-top: 1px solid #e5e7ee;
}
.dx-grid-compact-mode .dx-data-row .captions .caption:first-child {
  padding-top: 30px;
}
.dx-grid-compact-mode .dx-data-row .captions .caption:last-child {
  padding-bottom: 30px;
}
.dx-grid-compact-mode .dx-data-row td:not(.captions) {
  display: block;
  margin-left: 35%;
  text-align: left !important;
}
.dx-grid-compact-mode .dx-data-row td:not(.captions):nth-child(n+3) {
  border-top: 1px solid #e5e7ee;
}
.dx-grid-compact-mode .dx-data-row td:not(.captions):nth-child(2) {
  padding-top: 30px;
}
.dx-grid-compact-mode .dx-data-row td:not(.captions):last-child {
  padding-bottom: 30px;
}
.data-grid-with-caption-values td[role=columnheader] .dx-datagrid-text-content {
  overflow: visible;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td:first-child .captionValueWrapper,
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child .captionValueWrapper {
  margin: -20px -18px;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td:first-child .captionValueWrapper .captionText,
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child .captionValueWrapper .captionText {
  padding: 20px 18px;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td:first-child .captionValueWrapper .captionValue,
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child .captionValueWrapper .captionValue {
  padding: 14px 18px;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td .captionValueWrapper {
  margin: -20px -14px;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td .captionValueWrapper .captionText {
  padding: 20px 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td .captionValueWrapper .captionValue {
  padding: 14px 14px;
  color: #42304d;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-grid-with-caption-values .dx-datagrid-headers .dx-datagrid-table .dx-row > td .captionValue.filled {
  font-size: 16px;
  font-weight: 500;
}
.dx-in-tab-scroll .dx-multiview-item {
  padding: 0;
}
.dx-in-tab-scroll dx-scroll-view > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding: 30px;
}
@media (max-width: 992px) {
  .dx-in-tab-scroll dx-scroll-view > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding: 15px;
  }
}
.dx-dropdown-tab {
  margin: -10px -10px;
  padding: 10px 10px;
}
.dx-checkbox.rounded .dx-checkbox-icon {
  width: 24px;
  height: 24px;
  border-width: 2px;
  border-radius: 20px;
}
.dx-checkbox.rounded {
}
.dx-checkbox.color1.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color1);
}
.dx-checkbox.color1 .dx-checkbox-icon {
  border-color: var(--color1);
}
.dx-checkbox.color2.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color2);
}
.dx-checkbox.color2 .dx-checkbox-icon {
  border-color: var(--color2);
}
.dx-checkbox.color3.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color3);
}
.dx-checkbox.color3 .dx-checkbox-icon {
  border-color: var(--color3);
}
.dx-checkbox.color4.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color4);
}
.dx-checkbox.color4 .dx-checkbox-icon {
  border-color: var(--color4);
}
.dx-checkbox.color5.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color5);
}
.dx-checkbox.color5 .dx-checkbox-icon {
  border-color: var(--color5);
}
.dx-checkbox.color6.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color6);
}
.dx-checkbox.color6 .dx-checkbox-icon {
  border-color: var(--color6);
}
.dx-checkbox.color7.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color7);
}
.dx-checkbox.color7 .dx-checkbox-icon {
  border-color: var(--color7);
}
.dx-checkbox.color8.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color8);
}
.dx-checkbox.color8 .dx-checkbox-icon {
  border-color: var(--color8);
}
.dx-checkbox.color9.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color9);
}
.dx-checkbox.color9 .dx-checkbox-icon {
  border-color: var(--color9);
}
.dx-checkbox.color10.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--color10);
}
.dx-checkbox.color10 .dx-checkbox-icon {
  border-color: var(--color10);
}
.dx-texteditor-lg.dx-texteditor .dx-texteditor-input {
  font-size: 30px;
}
.dx-editor-outlined.dx-texteditor-success {
  box-shadow: inset 0 0 0 2px #23c399;
}
.dx-editor-outlined.dx-texteditor-danger {
  box-shadow: inset 0 0 0 2px #df1642;
}
.dx-editor-outlined.dx-texteditor-warning {
  box-shadow: inset 0 0 0 2px #fc7c64;
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) {
  padding-left: 15px;
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-toggle-item-visibility {
  left: 15px;
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-toggle-item-visibility:before {
  background-color: #e5e7ee;
  border-radius: 50px;
  color: #0f6ea8;
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-item {
  padding-left: 30px;
  padding-right: 0;
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-item .tree-name {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #1b222a;
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) {
}
.cm-dx-treeview .dx-treeview-node[aria-level="1"].dx-treeview-node-is-leaf {
  padding-left: 15px;
}
.cm-dx-treeview .dx-treeview-node[aria-level="2"]:not(.dx-treeview-node-is-leaf) .dx-treeview-toggle-item-visibility:before {
  color: #42304d;
}
.cm-dx-treeview .dx-treeview-node[aria-level="2"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-item .tree-name {
  font-weight: 500;
  color: #42304d;
}
.cm-dx-treeview .dx-treeview-node[aria-level="3"]:not(.dx-treeview-node-is-leaf) .dx-treeview-toggle-item-visibility:before {
  color: #8f7496;
}
.cm-dx-treeview .dx-treeview-node[aria-level="3"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-item .tree-name {
  font-weight: 500;
  color: #8f7496;
}
.cm-dx-treeview .dx-treeview-node.dx-state-selected > .dx-treeview-item,
.cm-dx-treeview .dx-treeview-node.dx-state-hover > .dx-treeview-item,
.cm-dx-treeview .dx-treeview-node.dx-state-focused > .dx-treeview-item {
  color: inherit;
  background: none;
}
.cm-dx-treeview .dx-treeview-item.dx-state-hover,
.cm-dx-treeview .dx-treeview-item.dx-state-focused {
  color: inherit;
  background: none;
}
.cm-dx-treeview .dx-treeview-item {
  display: flex;
  align-items: center;
  min-height: 48px;
}
.cm-dx-treeview .dx-treeview-item .dx-treeview-item-content {
  flex: 1;
}
.cm-dx-treeview .dx-treeview-node.dx-treeview-node-is-leaf {
  padding-left: 0;
}
.cm-dx-treeview .dx-treeview-node.dx-treeview-node-is-leaf .dx-treeview-item {
  padding-left: 0;
  padding-right: 0;
}
.cm-dx-treeview .dx-treeview-node:not(:first-child) {
  border-top: 1px solid #e5e7ee;
}
.cm-dx-treeview .tree-view-item-cont {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 8px 13px 8px;
  margin: -13px -8px;
  font-size: 15px;
  width: 100%;
}
.cm-dx-treeview .tree-view-item-cont.selected {
  background-color: #f6f7f9;
}
.cm-dx-treeview .tree-view-item-cont .left-action {
  flex: 0 0 32px;
}
.cm-dx-treeview .tree-view-item-cont .left-action .action {
  margin: -2px;
}
.cm-dx-treeview .tree-view-item-cont .tree-name {
  flex: 1 1 auto;
}
.cm-dx-treeview .tree-view-item-cont .title {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cm-dx-treeview .tree-view-item-cont .actions-cont {
  flex: 0 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.cm-dx-treeview .tree-view-item-cont .action {
  font-size: 21px;
  color: #8f7496;
}
.cm-dx-treeview .tree-view-item-cont .action:hover {
  color: #42304d;
}
.cm-dx-treeview .tree-view-item-cont .action.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cm-dx-treeview .tree-view-item-cont .action.active_red {
  color: #df1642;
}
.cm-dx-treeview .tree-view-item-cont .action + dx-drop-down-button .action {
  margin-left: 8px;
}
.dx-dark-caret .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  color: #667c95;
}
.dx_tab_panel_transparent .dx-tabpanel-tabs {
  border-bottom: solid 1px #a8aec5;
}
.dx_tab_panel_transparent .dx-tabpanel-tabs .dx-tabs-wrapper {
  background-color: transparent;
}
.dx_tab_panel_transparent {
}
.dx_tab_panel_center_tabs .dx-tabs-wrapper {
  display: flex;
  justify-content: center;
}
.dx_tab_panel_icons_only .dx-tabpanel-tabs {
  border-bottom: solid 1px #a8aec5;
}
.dx_tab_panel_icons_only_stretch .dx-tabpanel-tabs .dx-tabs-wrapper {
  justify-content: normal;
}
.dx_tab_panel_icons_only_stretch .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab {
  flex: 1;
}
.dx_tab_panel_icons_only .dx-tab .dx-icon {
  margin: 0;
}
.quick_forms_type_selector .dx-accordion-item {
  display: flex;
  flex-direction: column;
}
.quick_forms_type_selector .dx-accordion-item .dx-accordion-item-body {
  overflow: hidden;
}
.dx-treeview .dx-treeview-search {
  margin-bottom: 10px;
}
.dx-treeview .dx-treeview-search.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
.dx-treeview .dx-treeview-search.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input,
.dx-treeview .dx-treeview-search.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-placeholder:before,
.dx-treeview .dx-treeview-search.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-placeholder:before {
  padding: 11px 11px 11px 40px;
}
.dx-treeview .dx-treeview-item-with-checkbox .dx-checkbox {
  top: 5px;
}
.dx-treeview .dx-treeview-item-with-checkbox .dx-treeview-item {
  padding: 3px 8px 3px 40px;
  min-height: 29px;
  font-size: 15px;
}
.dx-treeview .dx-treeview-item-with-checkbox .dx-treeview-toggle-item-visibility {
  height: 29px;
}
.dx-treeview .dx-treeview-select-all-item {
  margin-bottom: 8px;
  font-size: 15px;
  padding: 15px 0 13px 35px;
}
.dx-treeview .dx-treeview-select-all-item:hover,
.dx-treeview .dx-treeview-select-all-item:active {
  background-color: #f6f7f9;
}
.dx-treeview .dx-empty-message {
  position: static;
  padding: 8px 16px 7px;
  color: rgba(66, 48, 77, 0.54);
  font-size: 12px;
  transform: none;
}
.dx-list .dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 30px;
  vertical-align: text-top;
}
.dx-list .dx-list-item-before-bag.dx-list-select-checkbox-container .dx-list-select-checkbox,
.dx-list .dx-list-item-before-bag.dx-list-select-checkbox-container .dx-list-select-radiobutton,
.dx-list .dx-list-item-before-bag.dx-list-select-radiobutton-container .dx-list-select-checkbox,
.dx-list .dx-list-item-before-bag.dx-list-select-radiobutton-container .dx-list-select-radiobutton {
  margin-bottom: -5px;
}
.dx-list .dx-list-select-all {
  padding: 16px 0 7px;
  margin-bottom: 6px;
  cursor: pointer;
}
.dx-list .dx-list-select-all-label {
  padding: 0 13px;
  font-size: 15px;
}
.dx-list .dx-list-select-all:after {
  bottom: 0;
}
.dx-list .dx-list-select-all:hover,
.dx-list .dx-list-select-all:active {
  background-color: #f6f7f9;
}
.dx-list .dx-list-item-content {
  padding: 9px 10px;
}
.dx-textbox.dx-show-clear-button .dx-clear-button-area {
  right: 0px;
}
.popup-modal .dx-treelist-headers .dx-treelist-table .dx-row > td {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 20px;
}
.popup-modal .dx-treelist-rowsview {
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
}
.popup-modal .dx-treelist-rowsview .dx-treelist-expanded span {
  color: #8f7496;
}
.popup-modal .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: normal;
}
.popup-modal .dx-treelist .dx-row > td {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 15px;
}
.popup-modal .dx-treelist .dx-treelist-content {
  margin-top: 7px;
}
.popup-modal .dx-treelist .dx-treelist-select-all .dx-checkbox {
  top: 13px;
}
.dx-calendar .dx-calendar-navigator .dx-button {
  border-color: transparent !important;
  color: #42304d;
  font-weight: normal;
}
.dx-calendar .dx-calendar-navigator .dx-button .dx-icon {
  line-height: 26px;
  margin: 0 auto;
}
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin: 0;
}
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default {
  background-color: #e5e7ee;
  box-shadow: none;
  margin: 0 10px;
}
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default:hover,
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default:focus,
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default:active,
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default.active {
  background-color: #0f6ea8;
  color: #fff;
}
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default:hover .dx-button-content .dx-icon,
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default:focus .dx-button-content .dx-icon,
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default:active .dx-button-content .dx-icon,
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default.active .dx-button-content .dx-icon {
  color: #fff;
}
.dx-calendar .dx-calendar-navigator .dx-button.dx-button-default .dx-button-content .dx-icon {
  color: #42304d;
}
.dx-calendar .dx-calendar-navigator .dx-button-text {
  line-height: 30px;
}
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date,
.dx-calendar .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-empty-cell),
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today,
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar .dx-calendar-cell.dx-state-hover,
.dx-calendar .dx-calendar-cell.dx-state-active {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date span,
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
  background-color: #0f6ea8;
}
.dx-calendar .dx-calendar-cell.dx-calendar-today span,
.dx-calendar .dx-calendar-cell.dx-calendar-contoured-date span {
  border-color: #0f6ea8;
  box-shadow: none;
}
.dx-calendar .dx-calendar-cell span {
  width: auto;
  height: auto;
  display: block;
  border: 2px solid transparent;
  border-radius: 4px;
}
.ng-warning-comment {
  border-radius: 4px;
  background-color: #fc7c64;
  color: #fff;
  padding: 5px 10px;
  margin-top: 1px;
}
.dx-tabpanel .dx-tabs .dx-tab-text .dx-tab-text-span,
.dx-tabpanel .dx-tabs .dx-tab-text .dx-tab-text-span-pseudo {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-tabpanel .dx-tabs .dx-tab-text .dx-tab-text-span-pseudo {
  display: none;
}
.dx-tabpanel .dx-tabpanel-container {
  margin-top: -47.6354px;
  padding-top: 47.6354px;
}
.dx-texteditor .dx-texteditor-input::placeholder {
  color: transparent;
}
.dx-datagrid .dx-texteditor-input-container .dx-placeholder::before {
  font-size: 16px !important;
}
.dx-textarea .dx-texteditor-container {
  display: block;
  overflow: inherit;
}
.dx-placeholder {
  color: #a8aec5;
}
.dx-pager .dx-pages,
.dx-pagination .dx-pages {
  font-size: 12px;
}
.dx-checkbox-icon {
  background-color: #fff;
}
.dx-widget.ng-invalid.ng-touched {
  box-shadow: 0 0 0 2px #df1642 !important;
}
.dx-widget.warning {
  box-shadow: 0 0 0 2px #fc7c64 !important;
}
.dx-texteditor.dx-editor-outlined {
  -webkit-box-shadow: 0 0 0 1px #a8aec5;
  box-shadow: 0 0 0 1px #a8aec5;
  margin: 2px;
}
.dx-texteditor.dx-editor-outlined.dx-state-hover,
dx-select-box.dx-texteditor.dx-editor-outlined.dx-state-hover {
  -webkit-box-shadow: 0 0 0 1px #42304d;
  box-shadow: 0 0 0 1px #42304d;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused,
dx-select-box.dx-texteditor.dx-editor-outlined.dx-state-focused {
  -webkit-box-shadow: 0 0 0 2px #0f6ea8;
  box-shadow: 0 0 0 2px #0f6ea8;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled,
.dx-colorbox.dx-texteditor.dx-editor-filled {
  -webkit-box-shadow: 0 0 0 1px #a8aec5;
  box-shadow: 0 0 0 1px #a8aec5;
  background-color: #fff;
  border-radius: 4px;
  margin: 2px 0;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled::after,
.dx-colorbox.dx-texteditor.dx-editor-filled::after {
  border: none;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled.dx-state-hover,
.dx-colorbox.dx-texteditor.dx-editor-filled.dx-state-hover {
  -webkit-box-shadow: 0 0 0 1px #42304d;
  box-shadow: 0 0 0 1px #42304d;
  background-color: #fff;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled.dx-state-hover::after,
.dx-colorbox.dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border: none;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled.dx-state-focused,
.dx-colorview-container label .dx-texteditor.dx-editor-filled.dx-state-active,
.dx-colorbox.dx-texteditor.dx-editor-filled.dx-state-focused,
.dx-colorbox.dx-texteditor.dx-editor-filled.dx-state-active {
  -webkit-box-shadow: 0 0 0 2px #0f6ea8;
  box-shadow: 0 0 0 2px #0f6ea8;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled.dx-state-focused::before,
.dx-colorview-container label .dx-texteditor.dx-editor-filled.dx-state-active::before,
.dx-colorbox.dx-texteditor.dx-editor-filled.dx-state-focused::before,
.dx-colorbox.dx-texteditor.dx-editor-filled.dx-state-active::before {
  border: none;
  transform: none;
}
.dx-colorview-container label .dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-colorbox.dx-texteditor.dx-editor-filled .dx-texteditor-input {
  padding: 11px;
  padding-left: 40px;
}
.dx-colorview-container label .dx-texteditor {
  margin: 2px 2px 2px 5px !important;
}
.dx-colorview-container label .dx-texteditor .dx-texteditor-input {
  padding: 11px 5px !important;
}
.dx-htmleditor.dx-htmleditor-outlined {
  margin: 2px;
  -webkit-box-shadow: 0 0 0 1px #a8aec5;
  box-shadow: 0 0 0 1px #a8aec5;
  background-color: #fff;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-disabled,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-readonly.dx-state-hover {
  box-shadow: none;
  outline: 1px dotted rgba(46, 61, 76, 0.6);
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-hover {
  -webkit-box-shadow: 0 0 0 1px #42304d;
  box-shadow: 0 0 0 1px #42304d;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-state-active,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
  -webkit-box-shadow: 0 0 0 2px #0f6ea8;
  box-shadow: 0 0 0 2px #0f6ea8;
  border-color: transparent;
}
.dx-htmleditor.dx-htmleditor-outlined.dx-invalid,
.dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-active,
.dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-focused {
  -webkit-box-shadow: 0 0 0 1px #df1642;
  box-shadow: 0 0 0 1px #df1642;
}
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text {
  width: 40px;
  height: 40px;
}
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar .dx-button.dx-button-mode-text.dx-state-hover {
  background-color: #e5e7ee;
}
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar .dx-button.dx-button-mode-text.dx-state-focused,
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar .dx-button.dx-button-mode-text.dx-state-active {
  background-color: #a8aec5;
}
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined,
.dx-htmleditor.dx-htmleditor-outlined .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text {
  background-color: #e5e7ee;
}
.dx-formdialog .dx-popup-fullscreen {
  bottom: 10px !important;
  right: 10px !important;
  width: calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
  border-radius: 4px;
}
.dx-formdialog.dx-popup-wrapper > .dx-overlay-content {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.dx-formdialog .dx-popup-title {
  padding: 15px 20px;
  margin: 0;
  background-color: #e5e7ee;
  border: 0;
}
.dx-formdialog .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 30px;
}
.dx-formdialog .dx-popup-content .dx-layout-manager .dx-field-item {
  padding: 0;
}
.dx-formdialog .dx-popup-content .dx-colorview-container {
  margin: 0 !important;
}
.dx-formdialog .dx-popup-bottom {
  padding: 3px 20px !important;
  background-color: #e5e7ee;
}
.dx-formdialog .dx-popup-bottom .dx-toolbar-items-container .dx-toolbar-after {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .dx-formdialog .dx-popup-bottom .dx-toolbar-items-container .dx-toolbar-after {
    right: auto;
    padding: 0 !important;
  }
}
@media (max-width: 576px) {
  .dx-formdialog .dx-popup-bottom .dx-toolbar-items-container {
    display: flex;
    justify-content: center;
  }
}
.dx-formdialog .dx-colorview-container {
  margin: 20px;
}
@media (max-width: 576px) {
  .dx-formdialog .dx-colorview-container .dx-colorview-palette-cell {
    float: none;
    width: 290px;
  }
}
.dx-formdialog .dx-colorview-container .dx-colorview-controls-container {
  width: 105px;
  margin-left: 10px;
}
.dx-formdialog .dx-colorview-container .dx-colorview-controls-container label .dx-texteditor {
  width: auto;
}
@media (max-width: 576px) {
  .dx-formdialog .dx-colorview-container .dx-colorview-controls-container {
    width: 200px;
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .dx-formdialog .dx-colorview-container .dx-colorview-hue-scale-cell {
    margin-top: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 576px) {
  .dx-formdialog .dx-colorview-container {
    width: auto;
  }
}
.dx-formdialog .dx-button {
  border-radius: 26px;
  padding: 0 15px;
  min-width: 100px;
}
dx-tab-panel .interface-content > dx-scroll-view .dx-scrollview-content {
  padding: 30px 10px;
}
td .aright a.simple-btn.simple-btn-icon i[class*=icon-],
.expandable-info-block .actions a.simple-btn.simple-btn-icon i[class*=icon-],
.panel .right a.simple-btn.simple-btn-icon i[class*=icon-] {
  background-color: #f6f7f9;
}
.dx-texteditor .dx-texteditor {
  box-shadow: none !important;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.dx-dialog .dx-popup-content.dx-dialog-content {
  padding: 50px 30px;
}
.dx-dialog .dx-popup-bottom {
  background: #e5e7ee;
  padding-top: 15px !important;
}
.dx-dialog .dx-button.dx-button-default {
  border-radius: 20px;
  padding: 0 25px;
}
.dropdown-menu .divider {
  margin: 5px 0 !important;
}
.dx-dropdowneditor-overlay .dx-list-group-header,
.dx-dropdowneditor-overlay .dx-list-item-content,
.dx-widget,
.dx-datagrid .dx-row > td,
.dx-treelist .dx-row > td {
  font-size: 15px;
}
a.simple-btn.simple-btn-md i.icon-down-open {
  font-size: 17px !important;
}
ngx-extended-pdf-viewer #viewerContainer {
  background: #e5e7ee !important;
}
app-ng2-pdf-viewer .interface-header {
  padding: 5px;
  background: #e5e7ee;
}
app-ng2-pdf-viewer .interface-header .grid-row {
  margin: 0 !important;
  align-items: center !important;
}
app-ng2-pdf-viewer pdf-viewer {
  width: 100%;
  height: 100%;
  min-height: 500px;
}
app-ng2-pdf-viewer pdf-viewer .pdfViewer .page {
  border: none !important;
  box-shadow: 0 0 0 1px #a8aec5;
  margin: 10px auto !important;
}
.loader-overlay.loading:before,
.popup.active:last-of-type,
.dx-overlay-shader {
  background-color: rgba(168, 174, 197, 0.7) !important;
}
.grid-icon-ok {
  font-size: 13px;
  color: #23c399;
}
.grid-icon-minus {
  font-size: 12px;
  color: #8f7496;
}
a.simple-btn.simple-btn-secondary {
  background-color: transparent !important;
}
.interface-header .left,
.interface-header .right {
  flex: none !important;
}
.interface-header .right.buttons > * {
  margin-left: 10px;
}
.interface-header .right.buttons > dx-check-box {
  margin-right: 20px;
}
@media (max-width: 992px) {
  .interface-header .right.buttons {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .interface-header.interface-toolbar {
    display: block !important;
  }
}
.border-right {
  border-right: 1px solid #a8aec5;
  padding-right: 15px;
}
.adda-form-manager-editor .app-form-panel-content .interface-header.no_bb {
  margin-top: 30px;
}
.adda-form-manager-editor .app-form-panel-content .interface-content {
  overflow: hidden;
}
.adda-form-manager-editor .app-form-panel-content .interface-content .dx-list .dx-list-item-content {
  padding: 5px 16px;
}
.adda-form-manager-editor .app-form-panel-content .interface-content .dx-list-group-header {
  font-weight: 500;
}
.fill_stroke_picker {
  position: relative;
}
.fill_stroke_picker.is_mobile_active .fill_picker {
  top: 50px;
  left: 0;
  width: 45px !important;
  height: 45px !important;
}
.fill_stroke_picker.is_mobile_active .fill_picker .color_box {
  width: 45px;
  height: 45px;
}
.fill_stroke_picker.is_mobile_active .stroke_picker:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  height: auto;
  width: auto;
  border-radius: 2px;
  background: var(--adda-css-var-color-xlight);
  pointer-events: none;
}
.fill_stroke_picker .fill_picker {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease;
}
.fill_stroke_picker .fill_picker .color_box {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 25px;
  border-radius: 4px;
}
.fill_stroke_picker .fill_picker .color_input {
  position: absolute;
  z-index: 1;
  opacity: 0;
  display: none;
}
.fill_stroke_picker .stroke_picker {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease;
}
.fill_stroke_picker .stroke_picker .color_box {
  position: absolute;
  z-index: 2;
  width: 45px;
  height: 45px;
  border-radius: 4px;
}
.fill_stroke_picker .stroke_picker .color_input {
  position: absolute;
  z-index: 1;
  opacity: 0;
  display: none;
}
.dx-popover-wrapper.dx-popup-wrapper:not(.dx-tooltip-wrapper) {
  background-color: rgba(168, 174, 197, 0.7) !important;
}
.dx-popover-wrapper.dx-popup-wrapper:not(.dx-tooltip-wrapper) > .dx-overlay-content {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1) !important;
  max-width: 650px !important;
}
.dx-popover-wrapper.dx-popup-wrapper:not(.dx-tooltip-wrapper) > .dx-overlay-content .app-modal-header {
  padding: 15px 60px 15px 20px;
  background-color: #e5e7ee;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  flex: 0 0 auto;
}
.dx-popover-wrapper.dx-popup-wrapper:not(.dx-tooltip-wrapper) > .dx-overlay-content .app-modal-header h1 {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
}
.dx-popover-wrapper.dx-popup-wrapper:not(.dx-tooltip-wrapper) > .dx-overlay-content .app-modal-header .app-modal-close-icon {
  top: 13px;
  right: 20px;
}
.dashboard-page-wrapper {
  display: flex;
  align-items: stretch;
  height: 100%;
}
@media (max-width: 768px) {
  .dashboard-page-wrapper {
    display: block;
    overflow-y: auto;
  }
}
.dashboard-page-wrapper .dashboard-left {
  flex: 0 0 480px;
  background-color: #fff;
}
@media (max-width: 992px) {
  .dashboard-page-wrapper .dashboard-left {
    flex: 0 0 380px;
  }
}
.dashboard-page-wrapper .dashboard-left h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #42304d;
}
.dashboard-page-wrapper .dashboard-left dx-scroll-view .dx-scrollview-content {
  padding: 10px 20px 30px 15px;
}
@media (max-width: 768px) {
  .dashboard-page-wrapper .dashboard-left dx-scroll-view .dx-scrollview-content {
    padding: 10px 10px 20px 10px;
  }
}
.dashboard-page-wrapper .dashboard-right {
  flex: 1 1 auto;
  border-left: solid 1px #cad5de;
}
@media (max-width: 768px) {
  .dashboard-page-wrapper .dashboard-right {
  }
}
.dashboard-page-wrapper .dashboard-right h3 {
  margin: 0 0 25px;
  font-size: 22px;
  font-weight: 500;
  color: #42304d;
}
.dashboard-page-wrapper .dashboard-right dx-scroll-view .dx-scrollview-content {
  padding: 25px 20px 30px 25px;
}
@media (max-width: 768px) {
  .dashboard-page-wrapper .dashboard-right dx-scroll-view .dx-scrollview-content {
    padding: 10px 10px 20px 10px;
  }
}
.dashboard-page-wrapper .rating {
  line-height: 1.3em;
  color: #42304d;
}
.dashboard-page-wrapper .rating i {
  color: #a8aec5;
}
.dashboard-page-wrapper .clinic-closed-txt {
  font-size: 17px;
  color: #fc7c64;
}
.dashboard-page-wrapper .clinic-closed-txt img {
  margin: 130px auto 0;
  max-width: 100%;
}
.dashboard-page-wrapper .no-tasks {
  font-size: 17px;
  color: #8f7496;
}
.dashboard-page-wrapper .no-tasks img {
  margin: 15px auto;
  max-width: 100%;
}
.control-conter-toolbar {
  display: flex;
  justify-content: space-between;
  padding: 15px 6px 15px 20px;
}
.control-conter-toolbar .left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.control-conter-toolbar .middle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.control-conter-toolbar .middle .dx-datebox {
  width: 0;
}
.control-conter-toolbar .middle .selected-date {
  display: flex;
  align-items: center;
  min-width: 155px;
  margin-left: 8px;
  font-size: 18px;
  line-height: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .control-conter-toolbar .middle .selected-date {
    min-width: 100px;
    font-size: 15px;
  }
}
.rightSidebarIsOpen .control-conter-toolbar .middle .selected-date {
  font-size: 15px;
}
.control-conter-toolbar .middle > *:not(:last-child) {
  margin-right: 8px;
}
.control-conter-toolbar .right {
  display: flex;
  align-items: center;
}
.control-conter-toolbar .right > *:not(:last-child) {
  margin-right: 8px;
}
.calendar-groups {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 20px;
}
.calendar-groups .toolbar-dropdown-tab-cont dx-drop-down-button + dx-drop-down-button {
  margin-left: 8px;
}
.calendar-groups .toolbar-dropdown-tab {
  display: flex;
  align-items: center;
}
.calendar-groups .toolbar-dropdown-tab .name,
.calendar-groups .toolbar-dropdown-tab .dropdown {
  display: inline-block;
  padding: 12px 15px;
  font-size: 15px;
  background-color: rgba(168, 174, 197, 0.5);
}
.calendar-groups .toolbar-dropdown-tab.active .name {
  font-weight: 500;
  background-color: #fff;
}
.calendar-groups .toolbar-dropdown-tab .name {
  border-radius: 4px 0 0 0;
  color: #42304d;
}
.calendar-groups .toolbar-dropdown-tab .name:last-child {
  border-radius: 4px 4px 0 0;
}
.calendar-groups .toolbar-dropdown-tab .dropdown {
  position: relative;
  width: 25px;
  padding-left: 0;
  padding-right: 8px;
  border-radius: 0 4px 0 0;
}
.calendar-groups .toolbar-dropdown-tab .dropdown i {
  position: relative;
  display: inline-block;
  height: auto;
  line-height: inherit;
  vertical-align: middle;
  color: #8f7496;
}
.calendar-groups .toolbar-dropdown-tab .dropdown i:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 15px;
  margin: auto;
}
app-appointment-card {
  display: block;
}
app-appointment-card + app-appointment-card {
  margin-top: 10px;
}
.appointment {
  position: relative;
  padding: 10px 10px 10px;
  border: 2px solid #ccc;
  border-left: 8px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.appointment.absence,
.appointment.break {
  border-color: transparent;
  background-color: #e5e7ee;
}
.appointment.freetime {
  padding-left: 18px;
  border-left-width: 2px;
  border-color: #a8aec5;
  background-color: #EEF2F7;
}
.appointment.freetime .overview {
  color: #42304d;
}
.appointment.freetime .overview .date_details,
.appointment.freetime .overview .name {
  color: #42304d;
}
.appointment .date {
  top: 15px;
  left: 7px;
  position: absolute;
  width: 45px;
  height: 45px;
  font-weight: 500;
  text-align: center;
  color: #1b222a;
}
.appointment .date i {
  display: block;
  font-size: 15px;
  line-height: 15px;
  font-style: normal;
  text-transform: uppercase;
}
.appointment .date b {
  display: block;
  font-size: 26px;
  line-height: 32px;
}
.appointment .overview {
  margin-left: 50px;
}
.appointment .overview .actions {
  display: flex;
  align-items: center;
  height: 35px;
  float: right;
  padding-right: 8px;
}
.appointment .overview .actions > a,
.appointment .overview .actions > span {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  vertical-align: middle;
  color: #667c95;
}
.appointment .overview .actions > a:hover {
  color: #42304d;
}
.appointment .overview .date_details {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  color: #42304d;
}
.appointment .overview .name {
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
  color: #42304d;
}
.appointment .overview .param {
  font-size: 14px;
}
.appointment .overview .param b {
  font-weight: normal;
  color: #8f7496;
}
.appointment .overview .param span {
  color: #42304d;
}
.appointment .overview .param span a {
  font-weight: 500;
  color: #0f6ea8;
}
.appointment .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}
.appointment .bottom .status {
  font-size: 14px;
  color: #1b222a;
}
.appointment .bottom .price,
.appointment .bottom .more-actions {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}
.today-appointments-list > *:not(:first-child) {
  margin-top: 8px;
}
.today-appointments-list > * .overview {
  margin-left: 0;
}
.appointments-list-item-wrapper {
  display: flex;
  align-items: flex-start;
}
.appointments-list-item-wrapper .time-line {
  flex: 0 1 100px;
  position: relative;
  line-height: 1.5em;
  margin-top: -15px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .appointments-list-item-wrapper .time-line {
    flex: 0 1 85px;
  }
}
.appointments-list-item-wrapper .time-line > span {
  font-size: 14px;
  color: #42304d;
}
.appointments-list-item-wrapper .time-line > span:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 20px;
  height: 1px;
  margin: auto;
  background-color: #c9d7e6;
}
@media (max-width: 768px) {
  .appointments-list-item-wrapper .time-line > span:after {
    width: 10px;
  }
}
.appointments-list-item-wrapper .appointment-wrapper {
  flex: 1;
}
.appointments-list-item-wrapper .appointment-wrapper .appointment {
  box-shadow: none;
}
@media (max-width: 576px) {
  .appointment-tooltip > [role=tooltip] {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    transform: translate(0, 0) !important;
  }
  .appointment-tooltip > [role=tooltip]:before {
    height: 0;
  }
  .appointment-tooltip > [role=tooltip] .dx-popup-content {
    box-sizing: border-box !important;
    width: 100% !important;
  }
}
.practitioner {
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.practitioner.practitioner-sm b {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.practitioner.practitioner-sm span {
  font-size: 15px;
}
.practitioner.practitioner-lg b {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
}
.practitioner.practitioner-lg span {
  padding: 0 15px;
  font-size: 30px;
  font-weight: normal;
}
.practitioner > * {
  overflow: hidden;
}
.practitioner b {
  flex: 0 0 41px;
  width: 41px;
  height: 41px;
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  border-radius: 40px;
  color: #8f7496;
  background-size: cover;
  background-color: #e5e7ee;
}
.practitioner span {
  flex: 0 1 auto;
  padding: 0 10px;
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #42304d;
}
.practitioner i:not([class*=icon-]) {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  border-radius: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  background-color: #8f7496;
}
.profile-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.profile-card > .icon {
  top: 0;
  left: 0;
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 40px;
  text-align: center;
  font-size: 27px;
  font-weight: normal;
  color: #8f7496;
  background-color: #e5e7ee;
  cursor: pointer;
}
.profile-card .overview {
  min-height: 60px;
  margin-left: 75px;
}
.profile-card .overview .icons {
  display: inline-block;
}
.profile-card .overview .icons i {
  line-height: 1em;
  font-size: 27px;
  color: #df1642;
}
.profile-card .overview .icons i + i {
  margin-left: 5px;
}
.profile-card .overview .name {
  line-height: 28px;
  font-size: 28px;
  font-weight: normal;
  color: #42304d;
}
.profile-card .overview .stats {
  margin-top: 3px;
  font-size: 16px;
  color: #8f7496;
}
.client {
  padding: 10px 15px 10px;
  overflow: hidden;
  transition: all 0.2s ease;
  background-color: #fff;
  cursor: pointer;
}
.client.no_bg {
  background-color: transparent;
}
.client.no_bg .card {
  background-color: transparent;
}
.client.selected {
  cursor: default;
  padding: 0;
}
.client.selected .card {
  border-radius: 0;
}
.client.selected .card:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.client.client-sm > .card > .overview .name {
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
}
.client {
}
.client .card {
  position: relative;
  padding: 15px 10px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.client .card .client-icon {
  top: 15px;
  left: 13px;
  position: absolute;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 23px;
  text-align: center;
  font-weight: normal;
  color: #8f7496;
  background-color: #e5e7ee;
}
.client .card .overview {
  margin-left: 63px;
}
.client .card .overview .icons {
  float: right;
}
.client .card .overview .icons i {
  line-height: 1em;
  font-size: 22px;
  color: #df1642;
}
.client .card .overview .icons i + i {
  margin-left: 5px;
}
.client .card .overview .name {
  line-height: 18px;
  font-size: 18px;
  font-weight: 500;
}
.client .card .overview .stats {
  font-size: 14px;
  color: #8f7496;
}
.client .card .overview table {
  margin-top: 10px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}
.client .card .overview table th,
.client .card .overview table td {
  padding: 0;
  text-align: left;
  color: #1b222a;
}
.client .card .overview table th i[class*=icon-],
.client .card .overview table td i[class*=icon-] {
  color: #8f7496;
}
.client .card .overview table th {
  padding-right: 10px;
  color: #8f7496;
  font-weight: normal;
}
.client .details .info-panel {
  max-height: 600px;
  overflow: hidden;
  transition: all 0.3s ease;
  border-top: 0 solid transparent;
}
.client .details .info-panel + .info-panel {
  border-top: 1px solid #e5e7ee;
}
.client .details .info-panel.collapsed .top .info-panel-toggle i:before {
  transform: rotate(0);
}
.client .details .info-panel.collapsed .top {
  padding-bottom: 10px;
}
.client .details .info-panel.collapsed .info {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
}
.client .details .info-panel .top {
  display: flex;
  padding-bottom: 0;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  transition: all 0.3s ease;
}
.client .details .info-panel .top > * {
  padding: 7px 15px 0;
}
.client .details .info-panel .top .info-panel-toggle {
  display: inline-block;
  margin-right: 5px;
  color: #0f6ea8;
}
.client .details .info-panel .top .info-panel-toggle i:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 0;
  font-size: 20px;
  border-radius: 15px;
  vertical-align: middle;
  text-align: center;
  background-color: #e5e7ee;
  transform: rotate(90deg);
  transition: all 0.3s ease;
}
.client .details .info-panel .top b {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.client .details .info-panel .top .tools {
  display: flex;
  align-items: center;
}
.client .details .info-panel .top .tools a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  border-radius: 20px;
  vertical-align: middle;
  text-align: center;
  color: #8f7496;
  background-color: transparent;
}
.client .details .info-panel .top .tools a:hover {
  background-color: #f6f7f9;
}
.client .details .info-panel .top .tools a:before {
  margin: 0;
}
.client .details .info-panel .top .tools a + a {
  margin-left: 10px;
}
.client .details .info-panel .info {
  max-height: 600px;
  padding: 13px 15px 15px;
  overflow: hidden;
  transition: all 0.3s ease;
}
app-case-plan .dx-switch.dx-state-readonly .dx-switch-container:before,
app-case-plan .dx-switch.dx-state-disabled .dx-switch-container:before {
  background-color: rgba(33, 114, 205, 0.5);
}
app-case-plan .dx-switch.dx-state-readonly .dx-switch-handle:before,
app-case-plan .dx-switch.dx-state-disabled .dx-switch-handle:before {
  background-color: #2172cd;
}
.task_list .task {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px 15px 10px;
  font-size: 15px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(27, 34, 42, 0.05);
  background-color: #fff;
}
.task_list .task .check-area {
  flex: 0 1 35px;
}
.task_list .task.no-shadow + .task {
  margin-top: 0;
  border-top: 1px solid #e5e7ee;
}
.task_list .task .info-area {
  flex: 1;
  line-height: 1.4;
  font-size: 14px;
}
.task_list .task .info-area .name {
  font-size: 15px;
  color: #42304d;
}
.task_list .task .info-area .date {
  color: #8f7496;
}
.task_list .task .info-area .related {
  display: block;
  font-size: 14px;
  color: #8f7496;
}
.task_list .task .info-area a {
  font-weight: 500;
  color: #0f6ea8;
}
.task_list .task .stats-area {
  flex: 1;
  color: #8f7496;
  text-align: right;
}
.task_list .task .stats-area.success {
  color: #23c399;
}
.task_list .task .stats-area.warning-medium {
  color: #eec300;
}
.task_list .task .stats-area.warning {
  color: #fc7c64;
}
.task_list .task .stats-area.danger {
  color: #df1642;
}
.task_list .task + .task {
  margin-top: 10px;
}
.action-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 24px;
  font-size: 16px;
  border-radius: 15px;
  text-align: center;
  color: #2172cd;
  background-color: #dee7ed;
}
.simple-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  padding: 0 10px;
  font-size: 16px;
  border: 2px solid transparent;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  color: #0f6ea8;
  background-color: #e5e7ee;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(27, 34, 42, 0.05);
}
@media (max-width: 768px) {
  .simple-btn {
    font-size: 14px;
  }
}
.simple-btn.disabled {
  opacity: 0.35;
  filter: grayscale(90%);
  pointer-events: none;
}
.simple-btn.text-transform-none {
  text-transform: none;
}
.simple-btn.no-shadow {
  box-shadow: none;
}
.simple-btn {
}
.simple-btn.simple-btn-icon {
  text-align: center;
  box-shadow: none;
  padding: 0;
  color: #8f7496;
  background-color: transparent;
}
.simple-btn.simple-btn-icon i[class*=icon-] {
  width: 41px;
  height: 41px;
  border-radius: 60px;
}
.simple-btn.simple-btn-icon.active,
.simple-btn.simple-btn-icon:hover,
.simple-btn.simple-btn-icon:focus,
.simple-btn.simple-btn-icon:active {
  color: #2d1939;
}
.simple-btn.simple-btn-icon.simple-btn-md i[class*=icon-] {
  width: 41px;
  height: 41px;
}
.simple-btn.simple-btn-icon.simple-btn-lg i[class*=icon-] {
  width: 48px;
  height: 48px;
}
.simple-btn.simple-btn-icon.simple-btn-xl i[class*=icon-] {
  width: 51px;
  height: 51px;
}
.simple-btn.simple-btn-icon.simple-btn-xxl i[class*=icon-] {
  width: 60px;
  height: 60px;
}
.simple-btn.simple-btn-icon.icon-bg i[class*=icon-] {
  background-color: #f6f7f9;
}
.simple-btn.simple-btn-icon.icon-bg-medium i[class*=icon-] {
  color: #fff;
  background-color: #0f6ea8;
}
.simple-btn.simple-btn-icon.icon-bg-medium i[class*=icon-].active,
.simple-btn.simple-btn-icon.icon-bg-medium i[class*=icon-]:hover,
.simple-btn.simple-btn-icon.icon-bg-medium i[class*=icon-]:focus,
.simple-btn.simple-btn-icon.icon-bg-medium i[class*=icon-]:active {
  color: #fff;
  background-color: #23c399;
}
.simple-btn.simple-btn-icon.simple-btn-rounded {
  padding: 0 !important;
}
.simple-btn i[class*=icon-] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 41px;
  height: 41px;
  line-height: inherit;
}
.simple-btn i[class*=icon-].rounded-icon:before {
  padding: 5px;
  border-radius: 20px;
  background-color: #e5e7ee;
}
.simple-btn i[class*=icon-]:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.simple-btn + .simple-btn {
  margin-left: 8px;
}
dx-drop-down-button + .simple-btn .simple-btn {
  margin-left: 8px;
}
.simple-btn + dx-drop-down-button .simple-btn {
  margin-left: 8px;
}
.simple-btn.simple-btn-xs {
  height: 22px;
  font-size: 12px;
}
.simple-btn.simple-btn-xs i[class*=icon-] {
  width: 22px;
  height: 22px;
  font-size: 17px;
}
.simple-btn.simple-btn-xs i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -7px;
}
.simple-btn.simple-btn-xs.simple-btn-rounded {
  padding-left: 10px;
  padding-right: 10px;
}
.simple-btn.simple-btn-xs.simple-btn-rounded.bigger-side-pads i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -9px;
}
.simple-btn.simple-btn-sm {
  height: 36px;
  font-size: 14px;
}
.simple-btn.simple-btn-sm i[class*=icon-] {
  width: 36px;
  height: 36px;
  font-size: 19px;
}
.simple-btn.simple-btn-sm i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -7px;
}
.simple-btn.simple-btn-sm.simple-btn-rounded {
  padding-left: 15px;
  padding-right: 15px;
}
.simple-btn.simple-btn-sm.simple-btn-rounded.bigger-side-pads i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -13px;
}
.simple-btn.simple-btn-md {
  height: 41px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .simple-btn.simple-btn-md {
    font-size: 15px;
  }
}
.simple-btn.simple-btn-md i[class*=icon-] {
  width: 41px;
  height: 41px;
  font-size: 21px;
}
.simple-btn.simple-btn-md i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -7px;
}
.simple-btn.simple-btn-md i[class*=icon-]:last-child:not(:first-child) {
  margin-left: -7px;
}
.simple-btn.simple-btn-md.simple-btn-rounded {
  padding-left: 15px;
  padding-right: 15px;
}
.simple-btn.simple-btn-md.simple-btn-rounded.bigger-side-pads i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -17px;
}
.simple-btn.simple-btn-md.simple-btn-rounded.bigger-side-pads i[class*=icon-]:last-child:not(:first-child) {
  margin-right: -17px;
}
.simple-btn.simple-btn-lg {
  height: 48px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .simple-btn.simple-btn-lg {
    font-size: 15px;
  }
}
.simple-btn.simple-btn-lg i[class*=icon-] {
  width: 48px;
  height: 48px;
  font-size: 21px;
}
.simple-btn.simple-btn-lg.simple-btn-rounded.bigger-side-pads i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -20px;
}
.simple-btn.simple-btn-xl {
  height: 51px;
  font-size: 18px;
}
@media (max-width: 992px) {
  .simple-btn.simple-btn-xl {
    font-size: 16px;
  }
}
.simple-btn.simple-btn-xl i[class*=icon-] {
  width: 51px;
  height: 51px;
  font-size: 23px;
}
.simple-btn.simple-btn-xl.simple-btn-rounded.bigger-side-pads i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -20px;
}
.simple-btn.simple-btn-xxl {
  height: 60px;
  font-size: 20px;
}
.simple-btn.simple-btn-xxl i[class*=icon-] {
  width: 60px;
  height: 60px;
  font-size: 25px;
}
.simple-btn.simple-btn-xxl.simple-btn-rounded.bigger-side-pads i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -20px;
}
.simple-btn.simple-btn-vertical {
  flex-direction: column;
  width: auto !important;
  height: auto;
  box-shadow: none;
}
.simple-btn.simple-btn-vertical > span {
  display: block;
  margin: 3px 0 0 0 !important;
}
.simple-btn.simple-btn-rounded {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 26px;
}
.simple-btn.simple-btn-rounded i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -3px;
}
.simple-btn.simple-btn-rounded i[class*=icon-]:last-child:not(:first-child) {
  margin-right: -5px;
}
.simple-btn.simple-btn-rounded.simple-btn-md i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -7px;
}
.simple-btn.simple-btn-rounded.simple-btn-md i[class*=icon-]:last-child:not(:first-child) {
  margin-right: -5px;
}
.simple-btn.simple-btn-rounded.simple-btn-sm i[class*=icon-]:first-child:not(:last-child) {
  margin-left: -2px;
}
.simple-btn.simple-btn-rounded.simple-btn-sm i[class*=icon-]:last-child:not(:first-child) {
  margin-right: -5px;
}
.simple-btn.no-pads {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 992px) {
  .simple-btn.btn-no-text-md {
    padding-left: 0;
    padding-right: 0;
  }
  .simple-btn.btn-no-text-md > i[class*=icon-]:first-child:not(:last-child) {
    margin-left: auto;
  }
  .simple-btn.btn-no-text-md > i[class*=icon-]:first-child:not(:last-child) + span:not(.text-label) {
    display: none;
  }
}
.simple-btn.bigger-side-pads {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 992px) {
  .simple-btn.bigger-side-pads {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.simple-btn.bigger-side-pads.simple-btn-rounded {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 992px) {
  .simple-btn.bigger-side-pads.simple-btn-rounded {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.simple-btn.simple-btn-link {
  line-height: inherit;
  padding: 0;
  color: #0f6ea8;
  background-color: transparent;
  box-shadow: none;
}
.simple-btn.simple-btn-link.active,
.simple-btn.simple-btn-link:hover,
.simple-btn.simple-btn-link:focus,
.simple-btn.simple-btn-link:active {
  color: #8f7496;
}
.simple-btn.simple-btn-text {
  color: #0f6ea8;
  background-color: transparent;
  box-shadow: none;
}
.simple-btn.simple-btn-text.active,
.simple-btn.simple-btn-text:hover,
.simple-btn.simple-btn-text:focus,
.simple-btn.simple-btn-text:active {
  color: #8f7496;
  background-color: #e5e7ee;
}
.app-modal-simple .simple-btn.simple-btn-text.active,
.app-modal-simple .simple-btn.simple-btn-text:hover,
.app-modal-simple .simple-btn.simple-btn-text:focus,
.app-modal-simple .simple-btn.simple-btn-text:active {
  background-color: #f6f7f9;
}
.simple-btn.simple-btn-text-grey {
  color: #8f7496;
  background-color: transparent;
  box-shadow: none;
}
.simple-btn.simple-btn-text-grey.active,
.simple-btn.simple-btn-text-grey:hover,
.simple-btn.simple-btn-text-grey:focus,
.simple-btn.simple-btn-text-grey:active {
  color: #8f7496;
  background-color: #e5e7ee;
}
.app-modal-simple .simple-btn.simple-btn-text-grey.active,
.app-modal-simple .simple-btn.simple-btn-text-grey:hover,
.app-modal-simple .simple-btn.simple-btn-text-grey:focus,
.app-modal-simple .simple-btn.simple-btn-text-grey:active {
  background-color: #f6f7f9;
}
.simple-btn.simple-btn-text-white {
  color: #fff;
  background-color: transparent;
  box-shadow: none;
}
.simple-btn.simple-btn-text-white.active,
.simple-btn.simple-btn-text-white:hover,
.simple-btn.simple-btn-text-white:focus,
.simple-btn.simple-btn-text-white:active {
  color: #8f7496;
  background-color: #e5e7ee;
}
.simple-btn.simple-btn-text-white-grey-contour {
  color: #8f7496;
  box-shadow: none;
  border: 1px solid #a8aec5;
  background-color: #fff;
}
.simple-btn.simple-btn-text-white-grey-contour.active,
.simple-btn.simple-btn-text-white-grey-contour:hover,
.simple-btn.simple-btn-text-white-grey-contour:focus,
.simple-btn.simple-btn-text-white-grey-contour:active {
  color: #8f7496;
  background-color: #fff;
}
.simple-btn.simple-btn-text-dark {
  color: #42304d;
  background-color: transparent;
  box-shadow: none;
}
.simple-btn.simple-btn-text-dark.active,
.simple-btn.simple-btn-text-dark:hover,
.simple-btn.simple-btn-text-dark:focus,
.simple-btn.simple-btn-text-dark:active {
  color: #8f7496;
  background-color: #e5e7ee;
}
.simple-btn.simple-btn-light {
  color: #8f7496;
  background-color: #f6f7f9;
  border-color: #fff;
}
.simple-btn.simple-btn-light.active,
.simple-btn.simple-btn-light:hover,
.simple-btn.simple-btn-light:focus,
.simple-btn.simple-btn-light:active {
  color: #0f6ea8;
  background-color: #e5e7ee;
}
.simple-btn.simple-btn-white {
  color: #8f7496;
  background-color: #fff;
}
.simple-btn.simple-btn-white.active,
.simple-btn.simple-btn-white:hover,
.simple-btn.simple-btn-white:focus,
.simple-btn.simple-btn-white:active {
  color: #fff;
  background-color: #0f6ea8;
}
.simple-btn.simple-btn-white-light-hover {
  color: #42304d;
  background-color: #fff;
}
.simple-btn.simple-btn-white-light-hover.active,
.simple-btn.simple-btn-white-light-hover:hover,
.simple-btn.simple-btn-white-light-hover:focus,
.simple-btn.simple-btn-white-light-hover:active {
  color: #42304d;
  background-color: #f6f7f9;
}
.simple-btn.simple-btn-default {
  color: #8f7496;
  background-color: #f6f7f9;
}
.simple-btn.simple-btn-default.active,
.simple-btn.simple-btn-default:hover,
.simple-btn.simple-btn-default:focus,
.simple-btn.simple-btn-default:active {
  color: #0f6ea8;
  background-color: #e5e7ee;
}
.simple-btn.simple-btn-primary {
  color: #fff;
  background-color: #0f6ea8;
}
.simple-btn.simple-btn-primary.active,
.simple-btn.simple-btn-primary:hover,
.simple-btn.simple-btn-primary:focus,
.simple-btn.simple-btn-primary:active {
  color: #fff;
  background-color: #23c399;
}
.simple-btn.simple-btn-primary-grey {
  color: #fff;
  background-color: #0f6ea8;
}
.simple-btn.simple-btn-primary-grey.active,
.simple-btn.simple-btn-primary-grey:hover,
.simple-btn.simple-btn-primary-grey:focus,
.simple-btn.simple-btn-primary-grey:active {
  border: 2px solid #23c399;
  color: #23c399;
  background-color: #fff;
}
.simple-btn.simple-btn-secondary {
  color: #0f6ea8;
  border: 2px solid #0f6ea8;
  box-shadow: none;
  background-color: #fff;
}
.simple-btn.simple-btn-secondary.active,
.simple-btn.simple-btn-secondary:hover,
.simple-btn.simple-btn-secondary:focus,
.simple-btn.simple-btn-secondary:active {
  color: #23c399;
  border-color: #23c399;
}
.simple-btn.simple-btn-secondary-grey {
  color: #8f7496;
  border: 2px solid #8f7496;
  background-color: #fff;
}
.simple-btn-group {
  display: inline-flex;
  flex-wrap: nowrap;
  border-radius: 4px;
}
.simple-btn-group.simple-btn-group-flexible {
  width: 100%;
  max-width: 100%;
}
.simple-btn-group.simple-btn-group-flexible > .simple-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  line-height: 1.2em;
  padding: 10px 15px;
  white-space: normal;
  text-align: center;
}
.simple-btn-group.simple-btn-group-rounded {
  border-radius: 50px;
}
.simple-btn-group.simple-btn-group-rounded > *:first-child {
  border-radius: 50px 0 0 50px;
}
.simple-btn-group.simple-btn-group-rounded > *:last-child,
.simple-btn-group.simple-btn-group-rounded > *:last-child .simple-btn {
  border-radius: 0 50px 50px 0;
}
.simple-btn-group.simple-btn-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.simple-btn-group.simple-btn-group-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.simple-btn-group.simple-btn-group-separators .simple-btn:not(:first-child) {
  margin-left: 1px;
}
.simple-btn-group .simple-btn {
  margin: 0;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: none;
  border: 1px solid #a8aec5;
}
@media (max-width: 992px) {
  .simple-btn-group .simple-btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.simple-btn-group .simple-btn.icon-left-addon {
  padding: 0 5px 0 0;
  margin-left: 1px !important;
}
.simple-btn-group .simple-btn.no-border {
  border: 0;
}
.simple-btn-group .simple-btn + .simple-btn {
  margin-left: -1px;
}
.simple-btn-group .simple-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.simple-btn-group .simple-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.simple-btn-group .simple-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.simple-btn-group .simple-btn {
}
.simple-btn-group .simple-btn.active {
  color: #fff;
  border-color: #0f6ea8;
  background-color: #0f6ea8;
}
.icon-btn {
  display: inline-flex;
  align-items: center;
}
.icon-btn i[class*=icon-] {
  width: 41px;
  height: 41px;
  line-height: 41px;
  font-size: 16px;
  text-align: center;
  border-radius: 100px;
}
.icon-btn span {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.icon-btn.icon-btn-shadow i[class*=icon-] {
  box-shadow: 0 4px 8px 0 rgba(27, 34, 42, 0.1);
}
.icon-btn.icon-btn-white:hover i[class*=icon-] {
  color: #fff;
  background-color: #8f7496;
}
.icon-btn.icon-btn-white:hover span {
  color: #42304d;
}
.icon-btn.icon-btn-white i[class*=icon-] {
  color: #8f7496;
  background-color: #fff;
}
.icon-btn.icon-btn-white span {
  color: #8f7496;
}
.icon-btn.icon-btn-primary:hover i[class*=icon-] {
  color: #fff;
  background-color: #8f7496;
}
.icon-btn.icon-btn-primary:hover span {
  color: #42304d;
}
.icon-btn.icon-btn-primary i[class*=icon-] {
  color: #fff;
  background-color: #0f6ea8;
}
.icon-btn.icon-btn-primary span {
  color: #0f6ea8;
}
.icon-btn.icon-btn-primary-grey:hover i[class*=icon-] {
  color: #42304d;
  background-color: #e5e7ee;
}
.icon-btn.icon-btn-primary-grey:hover span {
  color: #42304d;
}
.icon-btn.icon-btn-primary-grey i[class*=icon-] {
  color: #fff;
  background-color: #8f7496;
}
.icon-btn.icon-btn-primary-grey span {
  color: #8f7496;
}
.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}
.hollow-contextual-help {
  height: 41px;
}
.dropdown {
  position: relative;
}
.dropdown > * i {
  pointer-events: none;
}
.dropdown.dropdown-up .dropdown-menu {
  top: auto;
  bottom: calc(100% + 3px);
}
.dropdown.open .dropdown-menu {
  display: block;
}
.dropdown .dropdown-menu {
  position: absolute;
  z-index: 1500;
  right: 0;
  top: 100%;
  display: none;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu {
  min-width: 190px;
  margin: 0;
  padding: 5px 0;
  list-style: none;
  font-size: 15px;
  text-align: left;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0 3px;
  overflow: hidden;
  background-color: #e5e7ee;
}
.dropdown-menu > li > * {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 15px;
  clear: both;
  font-weight: normal;
  line-height: 1.2em;
  color: #42304d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu > li > *.disabled,
.dropdown-menu > li > *.disabled:hover,
.dropdown-menu > li > *.disabled:focus {
  color: #8f7496;
  pointer-events: none;
}
.dropdown-menu > li > * > * {
  vertical-align: middle;
}
.dropdown-menu > li > span {
  cursor: default;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #42304d;
  background-color: #e5e7ee;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #42304d;
  text-decoration: none;
  outline: 0;
  background-color: #e5e7ee;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #8f7496;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}
.simple-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.simple-tabs-nav {
  flex: 0 1;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e5e7ee;
}
.simple-tabs-nav a {
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
  line-height: 1.2857;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #fff;
  cursor: pointer;
  color: #42304d;
}
.simple-tabs-nav a i {
  font-size: 18px;
  margin-right: 5px;
}
.simple-tabs-nav .active {
  border-bottom: 2px solid #0f6ea8;
}
.simple-tabs .simple-tabs-content {
  flex: 1;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.simple-tabs .simple-tabs-content .simple-tab-item {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateX(100%);
}
.simple-tabs .simple-tabs-content .simple-tab-item.active {
  position: relative;
  transform: translateX(0);
}
.filter-absolute-wrapper {
  position: absolute;
  z-index: 1000;
  width: 100%;
}
.filters-block {
  max-width: 1000px;
  margin-top: 10px;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(27, 34, 42, 0.1);
}
.filters-block .fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 15px;
  align-items: start;
}
.filters-block .buttons {
  text-align: right;
  margin-top: 25px;
}
.filters-block.compact {
  margin-top: auto;
}
.filters-block.compact .filters-wrapper {
  grid-template-areas: "fields" "buttons";
  grid-template-columns: 1fr;
}
.filters-block.compact .filters-wrapper .fields {
  grid-column: auto;
  grid-template-columns: repeat(2, 1fr);
}
.filters-block.compact .filters-wrapper .buttons {
  grid-column: auto;
  display: block;
  text-align: right;
}
.filters-block.compact .filters-wrapper .buttons > * {
  display: inline-block;
}
.filters-block.compact .filters-wrapper .buttons > *:not(:first-child) {
  padding-left: 20px;
}
.filters-block.compact .filters-wrapper .buttons > * .simple-btn {
  margin-top: 0;
}
.app-edit-chart-note-modal .app-modal-header {
  background-color: transparent;
}
.app-edit-chart-note-modal .app-modal-content {
  padding: 0;
}
.app-edit-chart-note-modal .app-modal-content:after {
  display: none;
}
.app-edit-chart-note-modal .app-modal-footer {
  border-right: 1px solid #e5e7ee;
}
.app-edit-chart-note-modal .preview-image {
  position: absolute;
  z-index: 10000;
  right: 65px;
  top: 20px;
  height: 100%;
  max-height: 90%;
  padding: 10px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 16px 24px 0 rgba(27, 34, 42, 0.1);
}
.app-edit-chart-note-modal .chart-note-attributes-panel {
  display: flex;
  flex-direction: row;
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(48, 49, 51, 0.1);
}
.app-edit-chart-note-modal .chart-note-attributes-panel.expanded .panel-content {
  max-height: 300px;
}
.app-edit-chart-note-modal .chart-note-attributes-panel.expanded .panel-content .summary {
  padding: 0;
  max-height: 0;
  transition: all 0.2s ease;
}
.app-edit-chart-note-modal .chart-note-attributes-panel.expanded .panel-content .attributes-form {
  max-height: 1000px;
  transition: all 0.5s ease;
}
.app-edit-chart-note-modal .chart-note-attributes-panel.expanded .panel-switch .collapsed-icon {
  display: none;
}
.app-edit-chart-note-modal .chart-note-attributes-panel.expanded .panel-switch .expanded-icon {
  display: block;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content {
  flex: 1;
  max-height: 80px;
  transition: all 0.3s ease;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary {
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  max-height: 100px;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary h2 {
  margin: 0;
  font-size: 22px;
  color: #8f7496;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary .values-cont {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary .value + .value {
  padding-left: 50px;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary .value {
  font-size: 14px;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary .value b {
  display: block;
  font-weight: normal;
  color: #8f7496;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .summary .value span {
  color: #42304d;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .attributes-form {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .attributes-form .form-content {
  padding: 20px 30px;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-content .app-form-panel {
  max-width: none;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0 8px 8px 0;
  background: #e5e7ee;
  cursor: pointer;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-switch.error {
  background-color: #df1642;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-switch.error a {
  color: #fff;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-switch a {
  color: #0f6ea8;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-switch i {
  line-height: 0;
  font-size: 32px;
}
.app-edit-chart-note-modal .chart-note-attributes-panel .panel-switch .expanded-icon {
  display: none;
}
.app-edit-chart-note-modal .chart-note-editor-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.app-edit-chart-note-modal .chart-note-editor-container .chart-note-editor-header {
  flex: 0 1;
  padding: 15px 75px 15px 25px;
  background-color: #e5e7ee;
}
.app-edit-chart-note-modal .chart-note-editor-container .chart-note-editor-content {
  position: relative;
  flex: 1;
  border-top: 1px solid #e5e7ee;
  border-right: 1px solid #e5e7ee;
  overflow: hidden;
}
.app-edit-chart-note-modal .chart-note-editor-container .chart-note-editor-content .empty {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 420px;
  height: 420px;
  margin: auto;
  text-align: center;
  font-size: 17px;
  color: #8f7496;
}
.app-edit-chart-note-modal .chart-note-editor-container .chart-note-editor-content .dx-scrollable-content {
  padding: 15px 75px 15px 25px;
}
.app-edit-chart-note-modal .chart-note-editor-container app-formio {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
}
.app-edit-chart-note-modal .chart-note-editor-container app-formio .formio-form-pdf > .btn {
  right: 20px !important;
}
.expandable-info-block {
  position: relative;
  border-radius: 8px;
}
.expandable-info-block + .expandable-info-block {
  margin-top: 25px;
}
.expandable-info-block.expanded .header {
  border-radius: 8px 8px 0 0;
}
.expandable-info-block:not(.expanded) .header {
  border-radius: 8px;
}
.expandable-info-block.compact-mode .header .title {
  font-size: 17px;
}
.expandable-info-block .draggable-handle {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 15px;
  padding: 10px 6px;
  border: 1px dotted #8f7496;
  border-radius: 4px;
  font-size: 20px;
  opacity: 0.7;
  color: #2172cd;
}
.expandable-info-block .draggable-handle ~ * {
  margin-left: 40px;
}
.expandable-info-block .header {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-areas: "toggle title actions" "toggle stats actions";
  grid-template-columns: 70px 1fr minmax(200px, auto);
  grid-auto-rows: auto;
  align-items: start;
  padding: 10px;
  color: #1b222a;
  background-color: #c9d7e6;
}
@media (max-width: 992px) {
  .expandable-info-block .header {
    grid-template-areas: "toggle title actions" "stats stats stats";
    grid-template-columns: 70px 1fr minmax(150px, 1fr);
  }
}
@media (max-width: 768px) {
  .expandable-info-block .header {
    grid-template-areas: "toggle title title" "stats stats stats" "actions actions actions";
  }
}
.expandable-info-block .header .toggle {
  grid-area: toggle;
}
.expandable-info-block .header .title {
  grid-area: title;
  line-height: 1;
  font-size: 22px;
  font-weight: 500;
  color: #1b222a;
  white-space: normal;
}
.expandable-info-block .header .title.cursor-pointer {
  padding-top: 10px;
  padding-bottom: 10px;
}
.expandable-info-block .header .stats_wrapper {
  grid-area: stats;
}
@media (max-width: 768px) {
  .expandable-info-block .header .stats_wrapper {
    margin-top: 10px;
  }
}
.expandable-info-block .header .actions {
  grid-area: actions;
  justify-content: flex-end;
  text-align: right;
  display: flex;
  align-items: center;
  margin: 4px 10px 0 0;
}
.expandable-info-block .header .actions .simple-btn-icon:last-child {
  margin-right: -10px;
}
@media (max-width: 768px) {
  .expandable-info-block .header .actions {
    justify-content: space-between;
    margin-top: 10px;
  }
}
.expandable-info-block .header .stats {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.3;
}
.expandable-info-block .header .stats > b {
  font-weight: normal;
  color: #8f7496;
}
.expandable-info-block .header .stats > span {
  color: #1b222a;
}
.app-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: 54px 1fr;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .app-layout {
    grid-template-areas: "header header header" "content content rightbar";
    grid-template-columns: 1fr 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .app-layout {
    grid-template-areas: "header header" "content rightbar";
    grid-template-columns: 1fr 0;
  }
}
@media (max-width: 992px) {
  .app-layout {
    grid-template-areas: "header" "content";
    grid-template-columns: 1fr 0;
  }
}
@media (min-width: 1200px) {
  .app-layout:not(.app-layout-content-full).navOpen:not(.rightSidebarIsOpen) {
    grid-template-columns: 210px 1fr 0;
  }
}
@media (max-width: 1200px) {
  .app-layout:not(.app-layout-content-full).navOpen:not(.rightSidebarIsOpen) {
    grid-template-columns: 1fr 0;
  }
}
@media (max-width: 768px) {
  .app-layout:not(.app-layout-content-full).navOpen:not(.rightSidebarIsOpen) {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 992px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen:not(.navOpen) {
    grid-template-columns: 64px 1fr 440px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen:not(.navOpen) {
    grid-template-columns: 1fr 440px;
  }
}
@media (max-width: 992px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen:not(.navOpen) {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen:not(.navOpen) {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 992px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen.navOpen {
    grid-template-columns: 210px 1fr 440px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen.navOpen {
    grid-template-columns: 1fr 440px;
  }
}
@media (max-width: 992px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen.navOpen {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .app-layout:not(.app-layout-content-full).rightSidebarIsOpen.navOpen {
    grid-template-columns: 1fr;
  }
}
.app-layout.app-layout-content-full {
  grid-template-areas: "content";
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.app-layout.app-layout-content-full app-content,
.app-layout.app-layout-content-full .app-content {
  align-items: center;
  justify-content: center;
}
.app-layout app-navigation {
  position: relative;
  z-index: 900;
  grid-area: nav;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #1b222a;
}
.app-layout app-navigation dx-scroll-view {
  margin-right: -250px;
  pointer-events: none;
}
.app-layout app-navigation {
}
.navOpen.app-layout app-navigation {
  transform: translateX(0);
}
@media (max-width: 1200px) {
  .app-layout app-navigation {
    position: absolute;
    z-index: 1010;
    top: 0;
    left: 0;
    width: 210px;
    height: 100%;
    transform: translateX(-210px);
  }
}
.app-layout app-navigation .menu-toggle-mobile {
  position: absolute;
  left: calc(100% + 10px);
  top: 5px;
  background-color: #f6f7f9;
}
.app-layout app-navigation .logo {
  flex: 0 1 64px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.navOpen.app-layout app-navigation .logo {
  width: 186px;
}
.app-layout app-navigation .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("./media/cmco-logo-text-peacock-LARRRZWU.svg");
  background-size: auto 37px;
  background-repeat: no-repeat;
  background-position: left center;
}
.app-layout app-navigation .main-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 10px 0;
  padding-right: 250px;
  pointer-events: none;
}
.app-layout app-navigation .main-menu > * {
  pointer-events: auto;
}
.app-layout app-navigation .nav-bottom {
  padding-bottom: 15px;
}
.app-layout app-navigation .menu-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  line-height: 1.3em;
  margin: -5px 0;
  padding: 5px 12px;
  transition: all 0.2s ease-in;
}
.app-layout app-navigation .menu-group .menu-toggle {
  transition: all 0.2s ease-in;
}
.navClose.app-layout app-navigation .menu-group .menu-toggle {
  display: none;
}
.navOpen.app-layout app-navigation .menu-group.expanded {
  margin: 5px 0;
  background-color: #42304d;
}
.navClose.app-layout app-navigation .menu-group.expanded.drop-down .group {
  top: 0;
  bottom: auto;
}
.app-layout app-navigation .menu-group.expanded .menu-item {
  background-color: #42304d;
}
.app-layout app-navigation .menu-group.expanded .group {
  max-height: 400px;
}
.navClose.app-layout app-navigation .menu-group.expanded .group {
  padding: 15px 15px;
}
.app-layout app-navigation .menu-group.expanded .menu-toggle {
  transform: rotate(180deg);
}
.app-layout app-navigation .menu-group .group {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.navClose.app-layout app-navigation .menu-group .group {
  position: absolute;
  z-index: 1000;
  left: calc(100% - 5px);
  bottom: 0;
  min-width: 250px;
  border-radius: 4px;
  background-color: #42304d;
}
.app-layout app-navigation .menu-group .child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 7px 11px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.2s ease;
  background-color: #42304d;
}
.app-layout app-navigation .menu-group .child:hover,
.app-layout app-navigation .menu-group .child:active .app-layout app-navigation .menu-group .child:focus {
  color: #fff;
}
@media (max-width: 768px) {
  .app-layout app-navigation .menu-group .child {
    width: 186px;
  }
}
.navOpen.app-layout app-navigation .menu-group .child {
  width: 186px;
}
.app-layout app-navigation .menu-group .child.active,
.app-layout app-navigation .menu-group .child:hover {
  background-color: #0f6ea8;
}
.app-layout app-navigation .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.app-layout app-navigation .menu-item:hover,
.app-layout app-navigation .menu-item:active .app-layout app-navigation .menu-item:focus {
  color: #fff;
}
@media (max-width: 768px) {
  .app-layout app-navigation .menu-item {
    width: 186px;
  }
}
.navOpen.app-layout app-navigation .menu-item {
  width: 186px;
}
.app-layout app-navigation .menu-item.subactive {
  background-color: #42304d;
}
.app-layout app-navigation .menu-item.active,
.app-layout app-navigation .menu-item:hover {
  background-color: #0f6ea8;
}
.app-layout app-navigation .menu-item.settings {
  justify-self: flex-end;
}
.app-layout app-navigation .menu-item.menu-item-view-more:hover {
  background-color: transparent;
}
.app-layout app-navigation .menu-item.menu-item-view-more:hover .icon {
  background-color: #0f6ea8;
}
.app-layout app-navigation .menu-item.menu-item-view-more .icon {
  flex: 0 0 28px;
  height: 28px;
  margin: 0 6px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.25);
  transition: all 0.2s ease;
}
.app-layout app-navigation .menu-item b {
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-size: 23px;
}
.app-layout app-navigation .menu-item span {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  font-size: 16px;
  overflow: hidden;
}
.app-layout .nav-shade-mobile {
  background-color: transparent;
  transition: all 0.3s ease;
  display: none;
}
@media (max-width: 1200px) {
  .navOpen.app-layout .nav-shade-mobile {
    display: block;
    position: absolute;
    z-index: 1009;
    background-color: rgba(33, 114, 205, 0.5);
    width: 100%;
    height: 100%;
  }
}
.app-layout app-header {
  grid-area: header;
}
.app-layout app-header .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 10px;
  background-color: #2d1939;
}
.app-layout app-header .header-wrapper > * {
  display: flex;
  align-items: center;
}
.app-layout app-header .header-wrapper [class*=icon-] {
  font-size: 21px;
}
.app-layout app-header .dx-button-text,
.app-layout app-header .dx-icon {
  text-transform: none;
  font-weight: normal;
  color: #8f7496;
}
.app-layout app-header .menu-toggle {
  margin-left: -5px;
}
.app-layout app-header .clinic-title {
  font-size: 14px;
}
.app-layout app-header .clinic-title [class*=icon-] {
  vertical-align: middle;
  font-size: 18px;
}
.app-layout app-header .clinic-title .rounded-icon {
  width: 32px;
  height: 32px;
  margin: -10px 0;
  border-radius: 20px;
  vertical-align: middle;
  text-align: center;
  color: #8f7496;
  background-color: #e5e7ee;
}
.app-layout app-header .clinic-title span {
  margin: 0 5px;
}
.app-layout app-header {
}
.app-layout app-header .status-point-btn {
  position: relative;
}
.app-layout app-header .status-point-btn .status-point {
  position: absolute;
  top: 10px;
  left: calc(100% - 15px);
  font-size: 11px;
}
.app-layout app-header .status-point-btn .status-point:before {
  font-size: 13px;
  margin-right: 2px;
}
.app-layout app-header .user {
  display: flex;
  margin-left: 30px;
  align-items: center;
}
.app-layout app-header .user .user_photo {
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.app-layout app-header .user .user_photo img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.app-layout app-content,
.app-layout .app-content {
  position: relative;
  grid-area: content;
  background-color: #e5e7ee;
}
.app-layout app-content h1,
.app-layout .app-content h1 {
  font-weight: normal;
  font-size: 30px;
  color: #42304d;
}
.app-layout .app-rightbar {
  position: relative;
  grid-area: rightbar;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 992px) {
  .app-layout .app-rightbar {
    position: absolute;
    z-index: 1000;
    top: 54px;
    left: 100%;
    width: 440px;
    max-width: 100%;
    height: calc(100% - 54px);
    transform: translateX(0);
  }
  .rightSidebarIsOpen.app-layout .app-rightbar {
    transform: translateX(-100%);
  }
}
@media (max-width: 768px) {
  .app-layout .app-rightbar {
    width: 100%;
  }
}
.app-layout .app-rightbar .rightbar-content {
  width: 100%;
  min-height: 100%;
  background-color: #fff;
}
.app-layout .app-rightbar .rightbar-content .actions {
  float: right;
}
.app-layout .app-rightbar .rightbar-content h3 {
  padding: 0 18px;
  line-height: 51px;
  margin: 0;
  border-bottom: 1px solid #e5e7ee;
  font-size: 18px;
  font-weight: 500;
  color: #42304d;
}
ul.item-cards {
  padding: 0 3px 0 0;
  margin: 0;
  list-style: none;
  min-height: 100px;
}
ul.item-cards li {
  display: inline-block;
  border-radius: 4px;
  padding: 5px;
  margin: 0;
  min-height: 50px;
  background-color: #fff;
  overflow: hidden;
}
ul.item-cards li .header {
  background-color: #e5e7ee;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 5px;
}
ul.item-cards li .header .right {
  text-align: right;
}
ul.item-cards li .header a.simple-btn.simple-btn-md {
  height: 22px;
}
ul.item-cards li .img-cont {
  font-size: 0;
  line-height: 0;
}
ul.item-cards li .img-cont img {
  border-radius: 4px;
  transition: all 0.2s;
}
ul.item-cards li .img-cont.link {
  padding: 1px;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: all 0.2s;
  cursor: pointer;
}
ul.item-cards li .img-cont.link:hover {
  border-color: #a8aec5;
}
ul.item-cards.links {
  padding: 0;
  grid-gap: 0 !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, auto)) !important;
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}
.input-label {
  display: block;
  height: 25px;
  font-size: 15px;
  color: #42304d;
}
.input-label.inline {
  display: inline-block;
  height: auto;
  margin-top: auto;
}
.input-label.required .input-label-help-icon {
  margin-right: -40px;
  margin-left: 20px;
}
.input-label .input-label-help-icon {
  color: #8f7496;
}
.inform-label {
  border-radius: 4px;
  height: auto;
  padding: 5px 10px;
  background-color: #e5e7ee;
}
.inform-label-light {
  border-radius: 4px;
  height: auto;
  padding: 5px 10px;
  background-color: #f6f7f9;
}
.nw {
  white-space: nowrap;
}
.input-control {
  min-height: 15px;
  line-height: 0;
  margin: 1px;
  padding: 10px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #a3b0bf;
  background-color: #fff;
}
.panel {
  padding: 0 20px;
  border-radius: 4px;
  background-color: #fff;
}
.panel + .panel {
  margin-top: 15px;
}
.panel .panel-header {
  display: flex;
  align-items: flex-start;
}
.panel .panel-header .left {
  flex: 1;
  padding: 15px 20px 15px;
}
.panel .panel-header .right {
  flex: 1;
  padding: 15px 20px 15px;
  text-align: right;
}
.panel h2 {
  line-height: 40px;
  font-size: 22px;
  font-weight: 500;
  color: #42304d;
  margin: 0;
}
.panel .panel-row {
  margin: 0 -20px;
}
.panel .panel-row + .panel-row {
  border-top: 1px solid #e5e7ee;
}
.grid-row > .panel {
  height: 100%;
}
.grid-row > .panel + .panel {
  margin-top: 0;
}
.item-list {
  padding: 0;
  list-style: none;
}
.item-list > li + li {
  margin-top: 20px;
}
.item-list > li .link {
  font-size: 16px;
  font-weight: 500;
  color: #0f6ea8;
  cursor: pointer;
}
.item-list > li .link:hover {
  color: #42304d;
}
.item-list > li .description {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  color: #8f7496;
}
.interface {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.interface-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex: 0 0 auto;
  border-bottom: 1px solid #c9d7e6;
}
@media (max-width: 992px) {
  .interface-header-break-lg {
    display: block;
  }
}
.interface-header > * {
  flex: 1;
}
.interface-header.no_bb {
  border-bottom: none;
}
.interface-header .left {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
}
.interface-header .right {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.interface-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #42304d;
}
.interface-header .actions > * {
  margin-left: 10px;
}
.interface-content {
  flex: 1;
  overflow: auto;
}
.interface-footer {
  flex: 0 0 auto;
}
.info-card {
  padding: 15px 20px 20px;
}
@media (max-width: 768px) {
  .info-card {
    padding: 15px;
  }
}
.info-card.compact {
  padding: 15px 20px 15px;
}
.info-card.compact .title {
  font-size: 15px;
  text-transform: none;
}
.info-card.compact table.simple-table {
  font-size: 14px;
}
.info-card.compact table.simple-table th {
  padding: 7px 0;
  vertical-align: top;
}
.info-card.compact table.simple-table td {
  padding: 7px;
  vertical-align: top;
}
.info-card + .info-card {
  margin-top: 5px;
  border-top: 1px solid #e5e7ee;
}
.info-card .title {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 500;
  color: #42304d;
  text-transform: uppercase;
}
.info-card .actions {
  float: right;
  padding-left: 10px;
  white-space: nowrap;
}
.info-card table.simple-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
}
.info-card table.simple-table th {
  width: 170px;
  padding: 5px 0;
  padding-right: 20px;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
  color: #8f7496;
}
.info-card table.simple-table td {
  padding: 4px 0;
  color: #42304d;
}
.info-card .comment {
  display: block;
  font-size: 14px;
  color: #8f7496;
}
.panel-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 5px;
  font-size: 20px;
  border-radius: 30px;
  color: #0f6ea8;
  background-color: #e5e7ee;
}
.panel-toggle-btn i {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -1px;
  width: 100%;
  height: 100%;
  transform: rotate(0);
  transition: all 0.3s ease;
}
.panel-toggle-btn i:before {
  margin: 0;
}
.panel-toggle-btn.expanded i {
  transform: rotate(90deg);
}
.panel-toggle-btn.size_40 {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  font-size: 26px;
}
.panel-toggle-btn.size_40 i {
  margin-right: -3px;
}
.panel-toggle-btn.size_50 {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  font-size: 32px;
}
.panel-toggle-btn.size_50 i {
  margin-right: -3px;
}
.load-more,
.view-all {
  padding: 10px 0 0;
  text-align: center;
}
.load-more > *,
.view-all > * {
  margin: 0 auto;
}
.bill-column {
  padding-bottom: 15px;
}
.bill-column button,
.bill-column dx-button {
  margin-top: 15px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.bill-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  border-radius: 4px;
  background-color: #f6f7f9;
  overflow: hidden;
}
.bill-table th,
.bill-table td {
  padding: 7px 10px;
}
.bill-table th {
  font-weight: 500;
  text-align: left;
}
.bill-table td:first-child {
  color: #8f7496;
}
.bill-table td:last-child {
  font-weight: 500;
  text-align: right;
  color: #42304d;
}
.bill-table tfoot {
  background-color: #e5e7ee;
}
.bill-table tfoot th:first-child,
.bill-table tfoot td:first-child {
  color: #42304d;
  padding: 9px 10px;
}
.payment-types-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 60px;
  grid-gap: 10px;
}
.payment-types-grid > * {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3em;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  background-color: #e5e7ee;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  color: #42304d;
}
.payment-types-grid > *.active,
.payment-types-grid > *:hover,
.payment-types-grid > *:focus {
  color: #fff;
  background-color: #0f6ea8;
}
.stats-row {
  display: flex;
  justify-content: space-between;
  color: #42304d;
  grid-auto-rows: minmax(90px, auto);
}
@media (max-width: 768px) {
  .stats-row {
    grid-auto-rows: auto;
  }
}
.stats-row-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 768px) {
  .stats-row-grid-3 {
    grid-gap: 10px;
  }
}
@media (max-width: 768px) {
  .stats-row-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.stats-row-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 768px) {
  .stats-row-grid-4 {
    grid-gap: 10px;
  }
}
@media (max-width: 768px) {
  .stats-row-grid-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.stats-row-grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
@media (max-width: 768px) {
  .stats-row-grid-5 {
    grid-gap: 10px;
  }
}
@media (max-width: 768px) {
  .stats-row-grid-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.stats-row-grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
@media (max-width: 768px) {
  .stats-row-grid-6 {
    grid-gap: 10px;
  }
}
@media (max-width: 768px) {
  .stats-row-grid-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.stats-row-grid-responsive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 20px;
}
.stats-row.stats-row-compact {
  grid-gap: 10px;
  grid-auto-rows: minmax(70px, auto);
}
@media (max-width: 768px) {
  .stats-row.stats-row-compact {
    grid-gap: 5px;
    grid-auto-rows: minmax(35px, auto);
  }
}
.stats-row.stats-row-compact > *.block {
  padding: 5px;
}
.stats-row > * {
  text-align: center;
}
.stats-row > *.block {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding: 15px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(27, 34, 42, 0.05);
}
@media (max-width: 768px) {
  .stats-row > *.block.sm-to-row {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
  }
  .stats-row > *.block.sm-to-row b {
    display: inline-block;
    min-width: 30px;
  }
  .stats-row > *.block.sm-to-row > span {
    display: inline-block;
    max-width: none !important;
    margin: 0 !important;
  }
}
.stats-row > *.block b {
  line-height: 1.2em;
  font-size: 22px;
}
.stats-row > *.block span {
  max-width: 110px;
  margin: 0 auto;
  line-height: 1.3em;
  font-size: 13px;
  white-space: normal;
}
.stats-row > *.block .img {
  position: relative;
  width: 100%;
}
.stats-row > *.block .img.squared {
  padding-bottom: 100%;
}
.stats-row > *.block .img.squared img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stats-row > *.block .img .img-actions a {
  position: absolute;
  z-index: 100;
}
.stats-row > *.block .img .img-actions a:nth-child(1) {
  right: 50px;
  top: 5px;
}
.stats-row > *.block .img .img-actions a:nth-child(2) {
  right: 5px;
  top: 5px;
}
.stats-row > *.hoverable {
  cursor: pointer;
}
.stats-row > *.hoverable:hover {
  background-color: #e5e7ee;
}
.stats-row > *.active {
  background-color: #e5e7ee;
}
.stats-row > * b {
  display: block;
  font-size: 17px;
  font-weight: 500;
}
.stats-row > * span {
  display: block;
  font-size: 13px;
  color: #8f7496;
}
.text-comment {
  line-height: 1.7;
  font-size: 14px;
  color: #8f7496;
}
.error-message {
  display: block;
  font-size: 15px;
  margin-top: 5px;
  color: #df1642;
}
.status-point {
  line-height: 0;
}
.status-point:before {
  content: " \f111";
  line-height: 0;
  font-size: 10px;
  font-style: normal;
  color: inherit;
  vertical-align: middle;
  font-family: fontello;
}
.status-point-small:before {
  font-size: 8px;
}
.status-point-medium:before {
  font-size: 16px;
}
.status-point-big:before {
  font-size: 20px;
}
.icon-with-status-dot {
  position: relative;
}
.icon-with-status-dot .status-dot {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: translate(13px, -10px);
}
.status-dot {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  vertical-align: middle;
}
.status-dot-small {
  width: 8px;
  height: 8px;
}
.status-dot-medium {
  width: 13px;
  height: 13px;
}
.status-dot-big {
  width: 18px;
  height: 18px;
}
.status-dot-empty:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  border: solid 1px #a8aec5;
}
.status-dot-glow:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -5px;
  border-radius: 20px;
}
.status-dot-primary {
  background-color: #0f6ea8;
}
.status-dot-primary.status-dot-glow:before {
  background-color: rgba(15, 110, 168, 0.3);
}
.status-dot-secondary {
  background-color: #5bc7aa;
}
.status-dot-secondary.status-dot-glow:before {
  background-color: rgba(91, 199, 170, 0.3);
}
.status-dot-success {
  background-color: #23c399;
}
.status-dot-success.status-dot-glow:before {
  background-color: rgba(35, 195, 153, 0.3);
}
.status-dot-warning-medium {
  background-color: #eec300;
}
.status-dot-warning-medium.status-dot-glow:before {
  background-color: rgba(238, 195, 0, 0.3);
}
.status-dot-danger {
  background-color: #df1642;
}
.status-dot-danger.status-dot-glow:before {
  background-color: rgba(223, 22, 66, 0.3);
}
.status-dot-success {
  background-color: #23c399;
}
.status-dot-success.status-dot-glow:before {
  background-color: rgba(35, 195, 153, 0.3);
}
.text-label {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 10px;
  line-height: 1.3em;
  font-size: 13px;
  border-radius: 15px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #8f7496;
}
.text-label-small-radius {
  border-radius: 4px;
}
.text-label-sm {
  min-height: 19px;
  padding: 3px 6px;
}
.text-label-sm > i {
  margin-left: -2px;
  margin-right: 3px;
}
.text-label-lg {
  min-height: 30px;
  padding: 4px 20px;
}
.text-label-lg > i {
  width: 25px;
  margin-left: -9px;
}
.text-label.low {
  background-color: #667c95;
}
.text-label.medium {
  background-color: #8f7496;
}
.text-label.medium-fade {
  color: #42304d;
  background-color: rgba(143, 116, 150, 0.5);
}
.text-label.primary {
  background-color: #0f6ea8;
}
.text-label.primary-fade {
  color: #42304d;
  background-color: rgba(15, 110, 168, 0.5);
}
.text-label.success {
  background-color: #23c399;
}
.text-label.success-fade {
  color: #42304d;
  background-color: rgba(35, 195, 153, 0.5);
}
.text-label.warning-medium {
  background-color: #eec300;
}
.text-label.warning-medium-fade {
  color: #42304d;
  background-color: rgba(238, 195, 0, 0.5);
}
.text-label.warning {
  background-color: #fc7c64;
}
.text-label.warning-fade {
  color: #42304d;
  background-color: rgba(252, 124, 100, 0.5);
}
.text-label.danger {
  background-color: #df1642;
}
.text-label.danger-fade {
  color: #42304d;
  background-color: rgba(223, 22, 66, 0.5);
}
.text-label.aqua {
  background-color: #23c399;
}
.text-label.aqua-fade {
  color: #42304d;
  background-color: rgba(35, 195, 153, 0.5);
}
.text-label.bright-blue {
  background-color: #37baf6;
}
.text-label.bright-blue-fade {
  color: #42304d;
  background-color: rgba(55, 186, 246, 0.5);
}
.text-label.purple {
  background-color: #8f76e5;
}
.text-label.purple-fade {
  color: #42304d;
  background-color: rgba(143, 118, 229, 0.5);
}
.text-label > a {
  color: #fff;
}
.image-preview {
  position: relative;
  display: inline-block;
}
.image-preview-rounded img {
  border-radius: 300px;
}
.image-preview img {
  display: block;
  object-fit: cover;
  background-color: #e5e7ee;
  border: 3px solid #f6f7f9;
  box-shadow: 2px 2px 4px 0 rgba(27, 34, 42, 0.1);
}
.linear-item-list {
  padding: 10px 10px 0 10px;
  border: 1px dashed #a8aec5;
  border-radius: 4px;
}
.linear-item-list > * {
  margin-bottom: 10px;
}
.linear-item-list > * + * {
  margin-left: 10px;
}
.vip {
  position: absolute;
  top: 40px;
  left: 40px;
  color: #8f7496;
}
.alert {
  display: block;
  padding: 6px 10px 6px;
  border-radius: 4px;
  font-size: 16px;
  color: #42304d;
}
.alert-small {
  font-size: 13px;
  line-height: 21px;
  font-weight: 500;
  padding: 3px 5px 2px;
}
.alert-small [class*=icon-] {
  font-size: 16px;
  vertical-align: middle;
  color: #8f7496;
}
.alert [class*=icon-] {
  font-size: 18px;
  color: #8f7496;
}
.alert.low {
  background-color: rgba(102, 124, 149, 0.1);
}
.alert.success {
  background-color: rgba(35, 195, 153, 0.1);
}
.alert.warning-medium {
  background-color: rgba(252, 124, 100, 0.1);
}
.alert.warning {
  background-color: #fbf0bf;
}
.alert.danger {
  color: #df1642;
  font-weight: 500;
  background-color: rgba(223, 22, 66, 0.1);
}
.alert.danger [class*=icon-] {
  color: #df1642;
}
.alert + .alert {
  margin-top: 10px;
}
.image-uploader,
.file-uploader {
  margin-bottom: 15px;
}
.image-uploader .image-uploader-wrapper,
.file-uploader .image-uploader-wrapper {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 5px;
  padding: 0;
  border: 1px dashed #8f7496;
  border-radius: 4px;
}
.image-uploader .image-uploader-wrapper .drop_text,
.file-uploader .image-uploader-wrapper .drop_text {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  text-align: center;
  color: #42304d;
  pointer-events: none;
}
.image-uploader .image-uploader-wrapper .drop_text i,
.file-uploader .image-uploader-wrapper .drop_text i {
  font-size: 23px;
  color: #8f7496;
}
.image-uploader .image-uploader-wrapper dx-file-uploader,
.file-uploader .image-uploader-wrapper dx-file-uploader {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper:before,
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper:after,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper:before,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper:after {
  content: none;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-button,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-button {
  position: absolute;
  top: 95px;
  z-index: 100;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-container,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-container {
  display: block;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-container input,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-container input {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.image-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-container .dx-fileuploader-input-label,
.file-uploader .image-uploader-wrapper dx-file-uploader .dx-fileuploader-wrapper .dx-fileuploader-container .dx-fileuploader-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-container .dx-fileuploader-input-label {
  display: none;
}
.image-uploader .note,
.file-uploader .note {
  line-height: 1.3;
  font-size: 14px;
  color: #8f7496;
}
.image-uploader .note + .note,
.file-uploader .note + .note {
  margin-top: 5px;
}
.image-uploader .note span,
.file-uploader .note span {
  font-weight: 500;
}
.password_mode_btn {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: auto;
  font-size: 20px;
  text-align: center;
  color: #0f6ea8;
}
label.required:after {
  color: #8f7496;
  content: "*";
  font-size: 14px;
  line-height: 1;
  padding-left: 4px;
}
app-client-search.required .dx-texteditor.dx-editor-outlined {
  box-shadow: inset 0 0 0 2px #df1642;
}
.rounded-item {
  display: inline-flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.rounded-item-16 {
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.rounded-item-18 {
  width: 18px;
  height: 18px;
  border-radius: 18px;
}
.rounded-item-30 {
  width: 31px;
  height: 31px;
  border-radius: 30px;
}
.rounded-item-40 {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.rounded-item-50 {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.rounded-item-60 {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.color-icon {
  width: 25px;
  height: 25px;
  border-radius: 23px;
}
.displayFullText {
  white-space: pre-line !important;
  text-overflow: unset !important;
}
.pre-line {
  white-space: pre-line !important;
  line-height: 1.45;
}
.disabled {
  opacity: 0.35 !important;
  filter: grayscale(90%);
  pointer-events: none;
}
.disabled.dx-state-focused {
  visibility: hidden;
}
.dx-popup-content .grid-row + .grid-row {
  margin-top: 20px;
}
.dx-popup-content .grid-row > * > .grid-row {
  margin-top: 0;
}
.setup-to-do {
  color: red !important;
  filter: none !important;
}
table.table {
  border-collapse: collapse;
  font-size: 14px;
}
table.table th {
  padding: 7px 15px;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
  color: #8f7496;
}
table.table td {
  padding: 7px 15px;
  text-align: left;
  color: #42304d;
}
table.table-dark-headers th {
  font-weight: 500;
  color: #42304d;
}
table.table-borders-bottom tr:not(:last-child) th {
  border-bottom: 1px solid #e5e7ee;
}
table.table-borders-bottom tr:not(:last-child) td {
  border-bottom: 1px solid #e5e7ee;
}
table.table-borders th {
  border-bottom: 1px dotted #a8aec5;
}
table.table-borders th:not(:first-child) {
  border-left: 1px dotted #a8aec5;
}
table.table-borders td:not(:first-child) {
  border-left: 1px dotted #a8aec5;
}
table.table-borders-solid th {
  border-bottom: 1px solid #e5e7ee;
}
table.table-borders-solid td {
  border-bottom: 1px solid #e5e7ee;
}
.floating-nav {
  position: absolute;
  z-index: 10;
}
.credit-card-number {
  background-image: none;
  background-origin: content-box;
  background-position: right;
  background-repeat: no-repeat;
  background-size: 35px;
}
.long-text {
  font-size: 15px;
  line-height: 21px;
  color: #42304d;
}
.long-text p {
  margin-bottom: 16px;
}
.tab-title.required:after {
  color: #8f7496;
  content: "*";
  font-size: 14px;
  line-height: 1;
  padding-left: 4px;
}
.img-icon {
  object-fit: contain;
  border-radius: 4px;
}
.img-icon.img-icon-16 {
  width: 16px;
  height: 16px;
}
.img-icon.img-icon-20 {
  width: 20px;
  height: 20px;
}
.img-icon.img-icon-25 {
  width: 25px;
  height: 25px;
}
.img-icon.img-icon-30 {
  width: 30px;
  height: 30px;
}
.img-icon.img-icon-60 {
  width: 60px;
  height: 60px;
}
.img-empty-30 {
  width: 30px;
}
.dialog-error-icon {
  color: red;
  border: 2px solid red;
  border-radius: 50%;
  padding: 10px;
  font-size: 25px;
  height: 57px;
  width: 57px;
}
.rightbar-content {
  height: 100%;
  border-left: 1px solid #e5e7ee;
}
.rightbar-content .client-search {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.rightbar-content .client-search .client-search-cont {
  flex: 1 0 auto;
  max-height: 200px;
  text-align: center;
  overflow: hidden;
  transition: all 0.6s ease;
}
.client-selected.rightbar-content .client-search .client-search-cont {
  max-height: 0;
}
.rightbar-content .client-search .client-search-cont .client-search-input-row {
  display: flex;
  width: 100%;
}
.rightbar-content .client-search .client-search-cont .client-search-input-row .left {
  flex: 1;
  padding: 23px 8px 23px 17px;
}
.rightbar-content .client-search .client-search-cont .client-search-input-row .right {
  padding: 23px 17px 23px 0;
}
.rightbar-content .client-search .client-search-cont hr {
  height: 0;
  border: none;
  border-bottom: 1px solid #e5e7ee;
  margin: 0 0 10px;
}
.rightbar-content .client-search .client-list-cont {
  flex: 0 1 100%;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.rightbar-content .client-search .client-list-cont .client .card {
  background-color: #f6f7f9;
}
.rightbar-content .client-search .client-list-cont .client .card:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.rightbar-content .top-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  overflow: hidden;
  transition: all 0.7s ease;
}
.rightbar-content .top-toolbar > * {
  display: flex;
  padding: 6px 15px;
}
.client-selected.rightbar-content .top-toolbar {
  max-height: 100px;
}
.rightbar-content .top-toolbar b {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.rightbar-content .top-toolbar .tools {
  display: flex;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.rightbar-content .top-toolbar .tools a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  border-radius: 25px;
  vertical-align: middle;
  text-align: center;
  color: #8f7496;
  background-color: transparent;
}
.rightbar-content .top-toolbar .tools a + a {
  margin-left: 5px;
}
.rightbar-content .top-toolbar .tools a:hover {
  background-color: #f6f7f9;
}
.rightbar-content .top-toolbar .tools a:before {
  margin: 0;
}
.rightbar-content .top-toolbar .tools a.active {
  background-color: #8f7496;
  color: #fff;
}
.rightbar-content .empty_search {
  position: absolute;
  z-index: 0;
  top: 140px;
  right: 17px;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease;
}
.rightbar-content .empty_search > div {
  max-width: 320px;
  font-size: 16px;
  text-align: center;
  color: #8f7496;
}
.rightbar-content .view_all {
  display: inline-block;
  margin-top: 15px;
  font-size: 12px;
  color: #0f6ea8;
  text-transform: uppercase;
}
.app-form-panel {
  display: grid;
  grid-gap: 40px;
  max-width: 1300px;
  margin: 0 auto 15px;
  padding: 20px 30px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  grid-template-areas: "description content";
  grid-template-rows: 1fr;
  grid-template-columns: 4fr 6fr;
}
@media (max-width: 768px) {
  .app-form-panel {
    grid-gap: 20px;
    grid-template-areas: "description" "content";
    grid-template-columns: auto;
  }
}
.app-form-panel h2 {
  font-size: 22px;
  font-weight: 500;
  color: #8f7496;
}
.app-form-panel p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #8f7496;
}
.app-form-panel-simple {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 768px) {
  .app-form-panel-simple {
    grid-gap: 0;
  }
}
.app-modal-simple .app-form-panel {
  margin: 0;
}
.app-form-panel-wide {
  grid-gap: 20px;
  grid-template-areas: "description" "content";
  grid-template-columns: auto;
}
.app-form-panel-wide.gg0 {
  grid-gap: 0;
}
.app-form-panel > .app-form-panel-description {
  grid-area: description;
  color: #8f7496;
}
.app-form-panel > .app-form-panel-description h2 {
  margin: 0;
}
.app-form-panel > .app-form-panel-description p {
  white-space: pre-line !important;
  margin-top: 10px;
}
.app-form-panel .app-form-panel-content {
  grid-area: content;
  max-width: 100%;
}
.app-form-panel .app-form-panel-content:first-child:last-child {
  grid-column: span 10;
}
.app-form-panel .app-form-panel-content .grid-row {
  align-items: flex-start;
  grid-column-gap: 15px;
  grid-row-gap: 40px;
  margin-top: 25px;
}
.app-form-panel .app-form-panel-content .grid-row + .grid-row {
  margin-top: 40px;
}
.app-form-panel .app-form-panel-content .grid-row > * > .grid-row:first-child {
  margin-top: 0;
}
.app-form-panel .app-form-panel-content .grid-row label.input-label {
  margin-top: -25px;
  margin-bottom: 6px;
  height: auto;
}
.app-form-panel .app-form-panel-content .grid-row label dx-check-box {
  margin: 15px 0 10px;
}
.app-form-panel .app-form-panel-content .grid-row label,
.app-form-panel .app-form-panel-content .grid-row .dx-checkbox-text {
  color: #42304d;
}
.app-form-panel .app-form-panel-content .grid-row .comment {
  margin: 3px 0;
  font-size: 14px;
  color: #23c399;
}
.app-form-panel .app-form-panel-content .grid-row .comment.checkbox-comment {
  margin-left: 27px;
}
.app-form-panel .app-form-panel-content .grid-row {
}
.app-form-panel .app-form-panel-content .app-form-element-action {
  position: relative;
  padding-right: 40px;
}
.app-form-panel .app-form-panel-content .app-form-element-action .action {
  position: absolute;
  right: 5px;
  bottom: 7px;
  font-size: 21px;
}
.app-form-panel .app-form-panel-content .app-form-block-with-action {
  position: relative;
  padding: 10px 0 0 0;
}
.app-form-panel .app-form-panel-content .app-form-block-with-action.left {
  padding-left: 40px;
}
.app-form-panel .app-form-panel-content .app-form-block-with-action.left .app-form-block-action {
  left: 5px;
}
.app-form-panel .app-form-panel-content .app-form-block-with-action.right {
  padding-right: 40px;
}
.app-form-panel .app-form-panel-content .app-form-block-with-action.right .app-form-block-action {
  right: 5px;
}
.app-form-panel .app-form-panel-content .app-form-block-with-action + .app-form-block-with-action {
  margin-top: 15px;
  border-top: 1px solid #e5e7ee;
}
.app-form-panel .app-form-panel-content .app-form-actions-cont {
  text-align: right;
}
.app-form-panel .app-form-panel-content .app-form-actions-cont:not(:first-child) {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e5e7ee;
}
.app-form-panel .app-form-panel-content .pdf-cont .zoom {
  height: 500px !important;
}
.app-form-panel .app-form-panel-content .app-form-section {
  margin: 0 -15px;
  padding: 15px;
  border-radius: 8px;
  border: 2px solid #e5e7ee;
}
.app-form-panel .app-form-panel-content .app-form-section:last-child {
  margin-bottom: -30px;
  margin-top: 15px;
}
.app-form-panel .app-form-panel-content .app-form-section-light {
  background-color: #fff;
}
.app-form-panel .app-form-panel-content .app-form-section-dark {
  background-color: #e5e7ee;
}
.app-form-panel .app-form-panel-content .app-form-section-dark h3 {
  background-color: #fff !important;
}
.app-form-panel .app-form-panel-content .app-form-section h3 {
  display: inline-block;
  background-color: #e5e7ee;
  border-radius: 30px;
  color: #42304d;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 20px;
  padding: 5px 15px;
}
.app-form-block-action {
  position: absolute;
  top: 45px;
  width: 25px;
  height: 25px;
  line-height: 24px;
  font-size: 21px;
  border-radius: 15px;
  text-align: center;
  color: #0f6ea8;
}
.app-form-block-action.lblue_bg {
  font-size: 16px;
  background-color: #e5e7ee;
}
.app-form-panel-vertical {
  grid-template-areas: "description" "content";
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
.app-modal {
  position: relative;
  display: grid;
  grid-template-areas: "header header" "toolbar toolbar" "content right-panel" "footer right-panel";
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 1fr 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  background-image:
    linear-gradient(
      to top,
      #e5e7ee,
      #f6f7f9);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  .app-modal {
    grid-template-areas: "header" "toolbar" "content" "footer";
    grid-template-columns: 1fr;
  }
}
shared-help-modal .app-modal {
  background: #fff;
  border-radius: 4px;
}
.app-modal.white_bg {
  background: #fff;
}
.app-modal.rounded {
  border-radius: 50px 0 0 0;
}
.app-modal.rounded .app-modal-header {
  padding: 20px 30px;
}
.app-modal.rounded .app-modal-header h1 {
  font-size: 22px;
}
.app-modal.app-modal-right-panel-opened {
  grid-template-rows: auto auto 1fr auto;
}
@media (min-width: 992px) {
  .app-modal.app-modal-right-panel-opened {
    grid-template-columns: calc(100% - 400px) 400px;
    grid-template-areas: "header header" "toolbar toolbar" "content right-panel" "footer right-panel" !important;
  }
}
@media (max-width: 992px) {
  .app-modal.app-modal-right-panel-opened {
    grid-template-areas: "header" "toolbar" "content" "footer" !important;
    grid-template-columns: 1fr;
  }
}
.app-modal.app-modal-left-panel-opened {
  grid-template-rows: auto auto 1fr auto;
}
@media (min-width: 992px) {
  .app-modal.app-modal-left-panel-opened {
    grid-template-areas: "header header" "toolbar toolbar" "left-panel content" "left-panel footer" !important;
    grid-template-columns: 400px calc(100% - 400px);
  }
}
@media (max-width: 992px) {
  .app-modal.app-modal-left-panel-opened {
    grid-template-areas: "header" "toolbar" "content" "footer" !important;
    grid-template-columns: 1fr;
  }
}
.app-modal.right-panel-width-40 {
  grid-template-columns: 60% 40%;
}
@media (max-width: 992px) {
  .app-modal.right-panel-width-40 {
    grid-template-columns: 1fr;
  }
}
.app-modal.right-panel-width-50 {
  grid-template-columns: 50% 50%;
}
@media (max-width: 992px) {
  .app-modal.right-panel-width-50 {
    grid-template-columns: 1fr;
  }
}
.app-modal.left-panel-width-40 {
  grid-template-columns: 40% 60%;
}
@media (max-width: 992px) {
  .app-modal.left-panel-width-40 {
    grid-template-columns: 1fr;
  }
}
.app-modal.left-panel-width-50 {
  grid-template-columns: 50% 50%;
}
@media (max-width: 992px) {
  .app-modal.left-panel-width-50 {
    grid-template-columns: 1fr;
  }
}
.app-modal-header {
  grid-area: header;
  position: relative;
  min-height: 51px;
  padding: 10px 30px;
  border-bottom: 1px solid #e5e7ee;
}
@media (max-width: 768px) {
  .app-modal-header {
    padding: 10px 20px;
    min-height: 41px;
  }
}
.app-modal-header.no_bb {
  border-bottom: none;
}
.app-modal-header.no_bg {
  background-color: transparent;
}
shared-help-modal .app-modal-header,
.app-modal-simple .app-modal-header {
  padding: 15px 60px 15px 20px;
  background-color: #e5e7ee;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  flex: 0 0 auto;
}
.app-modal-header shared-help-tooltip a.simple-btn.simple-btn-md {
  height: 24px;
}
.app-modal-header .actions {
  flex: 0 0 auto;
  align-self: flex-start;
  font-size: 20px;
  white-space: nowrap;
  text-align: right;
}
.popup.full .app-modal-header .actions {
  right: 100px;
}
.app-modal-header .actions > * {
  line-height: 30px;
  margin-left: 10px;
}
.app-modal-header .actions > * [class*=icon-] {
  font-size: 20px;
  line-height: 20px;
}
.app-modal-header .actions a {
  vertical-align: middle;
}
.app-modal-header .actions a:not(.simple-btn) {
  color: #8f7496;
}
.app-modal-header .actions a:not(.simple-btn):hover {
  color: #42304d;
}
.app-modal-header .actions .back-icon {
  font-size: 42px;
}
.app-modal-header .actions .back-icon [class*=icon-] {
  font-size: inherit;
}
.app-modal-header .actions .back-icon [class*=icon-]:before {
  margin: 0;
}
.app-modal-header h1 {
  line-height: 1.2;
  font-size: 23px;
  font-weight: normal;
  color: #42304d;
  margin: 1px 0 0 0;
  text-align: left;
}
shared-help-modal .app-modal-header h1,
.app-modal-simple .app-modal-header h1,
.rounded .app-modal-header h1 {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
}
shared-help-modal .app-modal-header h1.acenter,
.app-modal-simple .app-modal-header h1.acenter,
.rounded .app-modal-header h1.acenter {
  text-align: center;
}
.app-modal-header h1.left-title {
  font-size: 28px;
  text-align: left;
}
@media (max-width: 768px) {
  .app-modal-header h1.left-title {
    font-size: 24px;
  }
}
.app-modal-close-icon {
  position: absolute;
  z-index: 1000;
  top: 10px;
  right: 32px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 768px) {
  .app-modal-close-icon {
    top: 10px;
    right: 15px;
  }
}
.app-modal-simple .app-modal-close-icon {
  top: 13px;
  right: 20px;
}
.app-modal-close-icon:before,
.app-modal-close-icon:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  transform: rotate(45deg);
  background-color: #1b222a;
}
.app-modal-close-icon:after {
  transform: rotate(-45deg);
}
.app-modal-close-icon:hover:before,
.app-modal-close-icon:hover:after,
.app-modal-close-icon:focus:before,
.app-modal-close-icon:focus:after {
  background-color: #0f6ea8;
}
.app-modal-new-window-icon {
  position: absolute;
  z-index: 1000;
  top: 6px;
  right: 70px;
  font-size: 26px;
  color: #1b222a;
  background-color: transparent;
  cursor: pointer;
}
.app-modal-new-window-icon:hover,
.app-modal-new-window-icon:active .app-modal-new-window-icon:focus {
  color: #0f6ea8;
}
.app-modal-toolbar {
  position: relative;
  grid-area: toolbar;
  padding: 20px 30px;
}
.app-modal-content {
  position: relative;
  grid-area: content;
  overflow: hidden;
}
.app-modal-content.br {
  border-radius: 4px 4px 0 0;
}
.app-modal-content-height-limit {
  max-height: 700px;
  overflow: auto;
}
.app-modal-content.white_bg {
  background-color: #fff;
}
shared-help-modal .app-modal-content,
.app-modal-simple .app-modal-content {
  padding: 20px;
  overflow: visible;
  background-color: #fff;
}
shared-help-modal .app-modal-content:after,
.app-modal-simple .app-modal-content:after {
  display: none;
}
shared-help-modal .app-modal-content,
.app-modal-simple .app-modal-content {
}
.app-modal-content dx-tab-panel .app-modal-content {
  padding: 20px 0 0 0;
}
.popup.full .app-modal-content {
  overflow: hidden;
}
.popup.full .app-modal-content > dx-scroll-view .dx-scrollview-content {
  padding: 30px 10px;
}
.popup.full .app-modal-content > dx-scroll-view .dx-scrollview-content .dx-scrollview-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
.popup.full .app-modal-content .dx-scrollable-scroll-content {
  background-color: #a8aec5;
}
.app-modal-content > h2 {
  font-size: 18px;
  font-weight: 500;
}
.app-modal-content > dx-tab-panel {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
}
.app-modal-content > dx-tab-panel .dx-tabs-wrapper {
  padding: 0;
  border-bottom: 1px solid #c9d7e6;
  background-color: #fff;
}
@media (max-width: 768px) {
  .app-modal-content > dx-tab-panel .dx-tabs-wrapper {
    padding: 0;
  }
}
.app-modal-footer {
  grid-area: footer;
  position: relative;
  padding: 10px 30px 10px;
  text-align: right;
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}
.app-modal-footer.sticky-bottom {
  position: sticky;
  z-index: 2000;
  bottom: 0;
}
.app-modal-footer dx-button + dx-button,
.app-modal-footer dx-button + .dx-button,
.app-modal-footer .dx-button + dx-button,
.app-modal-footer .dx-button + .dx-button {
  margin-left: 10px;
}
.app-modal-simple .app-modal-footer {
  background-color: #e5e7ee;
  border-radius: 0 0 4px 4px;
  padding: 15px 20px;
}
shared-help-modal .app-modal-simple .app-modal-footer {
  background-color: transparent;
}
shared-help-modal .app-modal-footer {
  box-shadow: none;
}
.app-modal-footer .buttons-wrapper {
  max-width: 1300px;
  margin: 0 auto;
}
.app-modal-right-panel {
  grid-area: right-panel;
  position: relative;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}
@media (max-width: 992px) {
  .app-modal-right-panel {
    grid-area: auto;
    position: absolute;
    z-index: 1000;
    top: 47px;
    left: 100%;
    width: calc(100% - 70px);
    max-width: 100%;
    height: calc(100% - 112px);
    transform: translateX(0);
    transition: transform 0.3s ease-out;
  }
  .app-modal-right-panel-opened .app-modal-right-panel {
    transform: translateX(-100%);
  }
}
.app-modal-left-panel {
  grid-area: left-panel;
  position: relative;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}
.app-modal-right-panel-nav {
  position: absolute;
  z-index: 10000;
  top: 15px;
  right: 10px;
  width: 52px;
  transition: all 0.3s ease;
}
@media (max-width: 992px) {
  .app-modal-right-panel-opened .app-modal-right-panel-nav {
    right: auto;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    padding: 10px;
    background-color: #c9d7e6;
  }
}
.app-modal-right-panel-nav .tab-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  font-size: 25px;
  border-radius: 30px;
  color: #1b222a;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(27, 34, 42, 0.1);
}
.app-modal-right-panel-nav .tab-switch.active {
  color: #fff;
  background-color: #8f7496;
  box-shadow: none;
}
.app-modal-right-panel-nav .tab-switch + .tab-switch {
  margin-top: 8px;
}
.app-modal-inner-line {
  background-color: #e5e7ee;
  padding: 15px 20px;
  margin: 0 -20px;
  text-align: right;
}
.app-modal-simple {
  background: #fff;
  border-radius: 4px;
}
.app-modal-simple .app-modal-footer {
  box-shadow: none;
}
.app-modal-simple.small {
  width: 100%;
  max-width: 650px;
  height: auto;
  margin-bottom: 100px;
}
.app-modal-simple.medium {
  width: 100%;
  max-width: 1140px;
  height: auto;
  margin-bottom: 200px;
}
.app-modal .iframe {
  border: 0;
  height: 700px;
  width: 100%;
  overflow: hidden;
}
.app-modal formio .formio-form > .formio-component:not(.formio-component-panel) {
  border-radius: 8px;
  border: none !important;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(27, 34, 42, 0.1);
  padding: 20px;
  margin: 0 0 10px 0;
}
.app-modal formio .formio-form > .formio-component > .card {
  border-radius: 8px;
  border: none !important;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(27, 34, 42, 0.1);
}
.app-modal formio .formio-form > .formio-component.formio-component-hidden,
.app-modal formio .formio-form > .formio-component.formio-component-form2 {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.app-modal formio .formio-form .card .card-header {
  background: #e5e7ee !important;
  cursor: default;
  border: none;
  font-size: 18px;
}
.app-modal formio .formio-form .card .card-header .card-title,
.app-modal formio .formio-form .card .card-header .card-title.text-light {
  font-size: 22px;
  font-weight: 500;
  color: #42304d !important;
}
.app-modal formio .formio-form .card .card-body {
  font-size: 15px;
  color: #42304d;
}
.app-modal formio .formio-form .formio-component-tabs > .card {
  margin-bottom: 10px;
}
.app-modal formio .formio-form .nav-tabs .nav-link:hover,
.app-modal formio .formio-form .nav-tabs .nav-link:focus,
.app-modal formio .formio-form .nav-tabs .nav-link.active,
.app-modal formio .formio-form .nav-tabs .nav-item.show .nav-link {
  border-color: transparent;
}
.app-modal formio .formio-form .btn-primary {
  border-radius: 50px;
  height: 36px;
  padding: 6px 20px;
  background-color: #0f6ea8 !important;
  border-color: #0f6ea8 !important;
}
.app-modal formio .formio-form .btn-primary:hover {
  background-color: #23c399 !important;
  border-color: #23c399 !important;
}
.app-modal formio .formio-form .btn-secondary {
  background-color: #f6f7f9 !important;
  border-color: #f6f7f9 !important;
  color: #42304d;
}
.app-modal formio .formio-form .btn-secondary:hover {
  background-color: #e5e7ee !important;
  border-color: #e5e7ee !important;
  color: #42304d;
}
.app-modal formio .formio-form .formio-dialog.formio-dialog-theme-default .formio-dialog-button {
  border-radius: 50px;
  height: 36px;
  padding: 6px 20px;
  background-color: #0f6ea8 !important;
  border-color: #0f6ea8 !important;
}
.app-modal formio .formio-form .formio-dialog.formio-dialog-theme-default .formio-dialog-button:hover {
  background-color: #23c399 !important;
  border-color: #23c399 !important;
}
.app-modal formio .formio-form .input-group > .flatpickr-input + .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.app-modal formio .formio-form .form-check {
  margin: 5px 0;
}
.app-modal formio .formio-form .form-check > .form-check-label span {
  margin-top: 3px;
  display: inline-block;
}
.app-modal formio .formio-form .form-check-inline {
  margin: 5px 20px 5px 0;
}
.app-modal formio .formio-form .form-check-label span:hover {
  cursor: pointer;
  color: #0f6ea8;
}
.app-modal formio .formio-form .input-group-text {
  border-color: #a8aec5;
  background-color: #f6f7f9 !important;
}
.app-modal formio .formio-form .input-group-text > i {
  color: #0f6ea8;
}
.app-modal formio .formio-form img {
  max-width: none;
}
.app-modal formio .formio-form a {
  color: #0f6ea8 !important;
}
.app-modal formio .formio-form a:hover {
  color: #23c399 !important;
}
.app-modal formio .formio-form .bg-primary {
  background-color: #23c399 !important;
}
.app-modal formio .form-control {
  border-color: #a8aec5;
  border-radius: 4px;
}
.app-modal formio .form-control:hover {
  outline: 0;
  border-color: #42304d;
}
.app-modal formio .form-control:focus {
  outline: 0;
  border-color: #0f6ea8;
  box-shadow: 0 0 0 1px #0f6ea8;
}
.app-modal .app-modal-content .wrapper {
  margin: 0 auto !important;
  padding: 20px 10px 50px;
  max-width: 1110px;
}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
  background: #0f6ea8;
  border-color: #0f6ea8;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  overflow: auto;
}
.popup > .popup-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 70%;
  margin: auto;
  border-radius: 4px;
  padding: 10px;
}
.popup.small > .popup-modal {
  top: 10%;
  bottom: auto;
  width: 100%;
  max-width: 650px;
  height: auto;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .popup.small > .popup-modal {
    top: 0;
  }
}
.popup.medium800 > .popup-modal {
  top: 10%;
  bottom: auto;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  .popup.medium800 > .popup-modal {
    top: 0;
  }
}
.popup.medium > .popup-modal {
  top: 10%;
  bottom: auto;
  width: 100%;
  max-width: 1140px;
  height: auto;
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  .popup.medium > .popup-modal {
    top: 0;
  }
}
.popup.full {
  overflow: hidden;
}
.popup.full > .popup-modal {
  width: 100%;
  height: 100%;
  padding: 0;
}
.popup.full > .popup-modal .app-modal-header {
  background-color: #fff;
}
.popup.full > .popup-modal > div,
.popup.full > .popup-modal > app-edit-email-templates {
  width: 100%;
  height: 100%;
  line-height: 1.3;
  font-size: 14px;
}
.popup.half {
  overflow: hidden;
}
.popup.half > .popup-modal {
  width: 100%;
  max-width: 50%;
  height: 100%;
  left: auto;
}
@media (max-width: 992px) {
  .popup.half > .popup-modal {
    max-width: none;
  }
}
.popup.third {
  overflow: hidden;
}
.popup.third > .popup-modal {
  width: 100%;
  max-width: 33%;
  height: 100%;
  left: auto;
}
@media (max-width: 992px) {
  .popup.third > .popup-modal {
    max-width: none;
  }
}
.popup.w360 {
  overflow: hidden;
}
.popup.w360 > .popup-modal {
  width: 100%;
  max-width: 360px;
  height: 100%;
  left: auto;
}
@media (max-width: 768px) {
  .popup.w360 > .popup-modal {
    max-width: none;
  }
}
.popup.w450 {
  overflow: hidden;
}
.popup.w450 > .popup-modal {
  width: 100%;
  max-width: 450px;
  height: 100%;
  left: auto;
}
@media (max-width: 992px) {
  .popup.w450 > .popup-modal {
    max-width: none;
  }
}
.popup.w600 {
  overflow: hidden;
}
.popup.w600 > .popup-modal {
  top: 10%;
  bottom: auto;
  width: 100%;
  max-width: 600px;
  height: 100%;
}
.popup.w800 {
  overflow: hidden;
}
.popup.w800 > .popup-modal {
  width: 100%;
  max-width: 800px;
  height: 100%;
  left: auto;
}
@media (max-width: 992px) {
  .popup.w800 > .popup-modal {
    max-width: none;
  }
}
.popup.active:last-of-type {
  background-color: rgba(33, 114, 205, 0.5);
}
.loader-overlay:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.6s ease-out;
}
.loader-overlay:after {
  content: "!";
  box-sizing: border-box;
  position: absolute;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
  margin: auto;
  font-size: 0;
  line-height: 39px;
  border: 0 solid transparent;
  border-radius: 30px;
  opacity: 0;
  text-align: center;
  transition: all 0.6s ease-out;
}
.loader-overlay.loading:before {
  z-index: 9999;
  background-color: rgba(30, 33, 51, 0.5);
}
.loader-overlay.loading:after {
  opacity: 1;
  border: 10px solid #fff;
  border-right: 10px solid rgba(255, 255, 255, 0.3);
  border-left: 10px solid rgba(255, 255, 255, 0.3);
  animation: cont-spin 0.8s linear;
  animation-iteration-count: infinite;
}
.loader-overlay.loading_error:before {
  z-index: 9999;
  background-color: rgba(30, 33, 51, 0.5);
}
.loader-overlay.loading_error:after {
  opacity: 1;
  border: 10px solid #fff;
  border-right: 10px solid rgba(255, 255, 255, 0.3);
  border-left: 10px solid rgba(255, 255, 255, 0.3);
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  color: #fff;
  background-color: #c24845;
}
@keyframes cont-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#printContainer img {
  max-width: none;
}
#pdfViewer_fileUploadElement {
  visibility: hidden;
}
.simple-btn.simple-btn-md i.icon-plus-1 {
  font-size: 16px;
}
app-formio .panel {
  padding-left: 0;
  padding-right: 0;
}
.formio_smart_doc .app-formio {
  height: 100%;
  min-height: auto;
  margin: 0 20px 0 0 !important;
  max-width: none !important;
}
.formio_smart_doc .app-formio formio {
  height: 100%;
  display: block;
}
.formio_smart_doc .app-formio formio > div {
  height: 100%;
}
.formio_smart_doc .app-formio formio > div > div {
  height: 100%;
}
.formio_smart_doc .app-formio formio > div > div .formio-form-pdf {
  height: 100%;
}
.formio_smart_doc .app-formio formio > div > div .formio-form-pdf div[ref=iframeContainer] {
  height: 100%;
}
.formio_smart_doc .app-formio formio > div > div .formio-form-pdf div[ref=iframeContainer] .formio-iframe {
  height: 100%;
}
#tabReports {
  display: none !important;
}
#pdf-viewer .pdfViewer > .page + .page {
  margin-top: 30px;
}
.information-modal-tab-content {
  flex: 1 0 auto;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.information-modal-tab-content .toolbar-cont {
  padding-bottom: 20px;
}
.information-modal-tab-content .toolbar {
  display: flex;
}
.information-modal-tab-content .toolbar-left {
  flex: 1 1 75%;
  padding-right: 15px;
}
.information-modal-tab-content .toolbar-right {
  flex: 0 1 25%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.information-modal-tab-content .toolbar-equal {
  display: flex;
}
.information-modal-tab-content .toolbar-equal-left {
  flex: 1 1 50%;
  padding-right: 15px;
}
.information-modal-tab-content .toolbar-equal-right {
  flex: 0 1 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.information-modal-tab-content .content-cont {
  flex: 1;
  overflow: hidden;
}
.information-modal-tab-content.case-list .dx-datagrid {
  border-radius: 0 0 8px 8px;
}
.information-modal-tab-content.case-list .phase_wrapper {
  border-radius: 8px;
  overflow: hidden;
}
.information-modal-tab-content.case-list.compact-mode .phase_wrapper {
  box-shadow: 0 1px 3px 0 rgba(48, 49, 51, 0.1);
}
.decorate_blink {
  animation: opacity-blink 0.3s ease-in-out;
  animation-iteration-count: infinite;
}
.decorate_repeat_2 {
  animation-iteration-count: 1;
}
.decorate_repeat_3 {
  animation-iteration-count: 2;
}
.decorate_repeat_4 {
  animation-iteration-count: 3;
}
.decorate_repeat_5 {
  animation-iteration-count: 4;
}
.decorate_repeat_6 {
  animation-iteration-count: 5;
}
.decorate_repeat_7 {
  animation-iteration-count: 6;
}
.decorate_repeat_8 {
  animation-iteration-count: 7;
}
.decorate_repeat_9 {
  animation-iteration-count: 8;
}
.decorate_repeat_10 {
  animation-iteration-count: 9;
}
@keyframes opacity-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
* {
  box-sizing: border-box;
}
html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
body {
  position: relative;
  background-color: #e5e7ee;
}
a {
  text-decoration: none;
  color: #0f6ea8;
}
a:active,
a:focus,
a:visited {
  color: #0f6ea8;
}
img {
  max-width: 100%;
  height: auto;
  border: none;
}
h1,
h2,
h3,
h4 {
  font-weight: 500;
  margin: 0 0 15px;
  color: #42304d;
  line-height: 1.2;
}
hr {
  border: none;
  border-top: 1px solid #e5e7ee;
}
pre {
  font-size: inherit;
  font-family: inherit;
  white-space: pre-wrap;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pa_top_right {
  position: absolute;
  right: 0;
  top: 0;
}
.pa_top_left {
  position: absolute;
  left: 0;
  top: 0;
}
.dn {
  display: none !important;
}
@media (max-width: 992px) {
  .dn-lg {
    display: none !important;
  }
}
.visibility-hidden {
  visibility: hidden;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.ov {
  overflow: visible !important;
}
.oh {
  overflow: hidden !important;
}
.oa {
  overflow: auto !important;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.text-ellipsis-all * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}
.break-word {
  max-width: 100%;
  overflow-wrap: break-word;
}
.d-table-cell {
  display: table-cell !important;
}
.rg5 {
  row-gap: 5px !important;
}
.cg20 {
  column-gap: 20px !important;
}
.f0 {
  flex: 0;
}
.f1 {
  flex: 1;
}
.fn {
  flex: none;
}
.fww {
  flex-wrap: wrap !important;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.aleft {
  text-align: left;
}
@media (min-width: 576px) {
  .aleft-sm {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .aleft-md {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .aleft-lg {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .aleft-xl {
    text-align: left;
  }
}
.aright {
  text-align: right;
}
@media (min-width: 576px) {
  .aright-sm {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .aright-md {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .aright-lg {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .aright-xl {
    text-align: right;
  }
}
.acenter {
  text-align: center !important;
}
@media (min-width: 576px) {
  .acenter-sm {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .acenter-md {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .acenter-lg {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .acenter-xl {
    text-align: center;
  }
}
.h100 {
  height: 100%;
}
.mw50 {
  max-width: 50%;
}
.mw75 {
  max-width: 75%;
}
.mw100 {
  max-width: 100% !important;
}
.w100 {
  width: 100%;
}
.op0 {
  opacity: 0 !important;
}
.op50 {
  opacity: 0.5 !important;
}
.op75 {
  opacity: 0.75 !important;
}
.op100 {
  opacity: 1 !important;
}
.bt-xlight {
  border-top: 1px solid #e5e7ee;
}
.bt-light-grey {
  border-top: 1px solid #a8aec5;
}
.bt-light-grey-op50 {
  border-top: 1px solid rgba(168, 174, 197, 0.5);
}
.bb-xlight {
  border-bottom: 1px solid #e5e7ee;
}
.b-solid-xlight {
  border: 1px solid #e5e7ee;
}
.b-dashed-light-grey {
  border: 1px dashed #a8aec5;
}
.br0 {
  border-radius: 0 !important;
}
.br4 {
  border-radius: 4px;
}
.br8 {
  border-radius: 8px;
}
.vam {
  vertical-align: middle;
}
.vab {
  vertical-align: baseline;
}
.cursor-pointer {
  cursor: pointer;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.ttn {
  text-transform: none !important;
}
.ttu {
  text-transform: uppercase !important;
}
.align-bottom {
  display: flex;
  align-items: flex-end;
}
.no-shadow {
  box-shadow: none !important;
}
.text-white {
  color: #fff !important;
}
.text-blue {
  color: #0f6ea8 !important;
}
.text-dark {
  color: #42304d !important;
}
.text-black {
  color: #1b222a !important;
}
.text-xlight {
  color: #e5e7ee !important;
}
.text-light-grey {
  color: #a8aec5 !important;
}
.text-medium {
  color: #8f7496 !important;
}
.text-aqua {
  color: #23c399 !important;
}
.text-success {
  color: #23c399 !important;
}
.text-warning-medium {
  color: #eec300 !important;
}
.text-warning {
  color: #fc7c64 !important;
}
.text-danger {
  color: #df1642 !important;
}
.text-high {
  color: #eec300 !important;
}
.bg-success {
  background-color: #23c399;
}
.bg-success-light {
  background-color: rgba(35, 195, 153, 0.25);
}
.bg-warning {
  background-color: #fc7c64 !important;
}
.bg-warning-light {
  background-color: rgba(252, 124, 100, 0.25);
}
.bg-danger {
  background-color: #df1642;
}
.bg-danger-light {
  background-color: rgba(223, 22, 66, 0.25);
}
.bg-info-light {
  background-color: rgba(143, 116, 150, 0.25);
}
.bg-primary {
  background-color: #0f6ea8;
}
.bg-primary-light {
  background-color: rgba(15, 110, 168, 0.25);
}
.bg-thin-stripes {
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(0, 0, 0, 0.1) 0px,
      rgba(0, 0, 0, 0.1) 1px,
      transparent 1px,
      transparent 10px);
}
.bg-white {
  background-color: #fff !important;
}
.bg-dark {
  background-color: #42304d !important;
}
.bg-aqua {
  background-color: #23c399 !important;
}
.bg-medium {
  background-color: #8f7496 !important;
}
.bg-high {
  background-color: #eec300;
}
.bg-xlight {
  background-color: #e5e7ee !important;
}
.bg-xxlight {
  background-color: #f6f7f9 !important;
}
.bg-light-grey {
  background-color: #a8aec5 !important;
}
.fwn {
  font-weight: normal !important;
}
.fwb {
  font-weight: bold !important;
}
.fw500 {
  font-weight: 500 !important;
}
.ml-auto {
  margin-left: auto;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.fs8 {
  font-size: 8px !important;
}
@media (min-width: 1200px) {
  .fs8-xl {
    font-size: 8px !important;
  }
}
@media (max-width: 1200px) {
  .fs8-lg {
    font-size: 8px !important;
  }
}
@media (max-width: 992px) {
  .fs8-md {
    font-size: 8px !important;
  }
}
@media (max-width: 768px) {
  .fs8-sm {
    font-size: 8px !important;
  }
}
@media (max-width: 576px) {
  .fs8-xs {
    font-size: 8px !important;
  }
}
.fs9 {
  font-size: 9px !important;
}
@media (min-width: 1200px) {
  .fs9-xl {
    font-size: 9px !important;
  }
}
@media (max-width: 1200px) {
  .fs9-lg {
    font-size: 9px !important;
  }
}
@media (max-width: 992px) {
  .fs9-md {
    font-size: 9px !important;
  }
}
@media (max-width: 768px) {
  .fs9-sm {
    font-size: 9px !important;
  }
}
@media (max-width: 576px) {
  .fs9-xs {
    font-size: 9px !important;
  }
}
.fs10 {
  font-size: 10px !important;
}
@media (min-width: 1200px) {
  .fs10-xl {
    font-size: 10px !important;
  }
}
@media (max-width: 1200px) {
  .fs10-lg {
    font-size: 10px !important;
  }
}
@media (max-width: 992px) {
  .fs10-md {
    font-size: 10px !important;
  }
}
@media (max-width: 768px) {
  .fs10-sm {
    font-size: 10px !important;
  }
}
@media (max-width: 576px) {
  .fs10-xs {
    font-size: 10px !important;
  }
}
.fs11 {
  font-size: 11px !important;
}
@media (min-width: 1200px) {
  .fs11-xl {
    font-size: 11px !important;
  }
}
@media (max-width: 1200px) {
  .fs11-lg {
    font-size: 11px !important;
  }
}
@media (max-width: 992px) {
  .fs11-md {
    font-size: 11px !important;
  }
}
@media (max-width: 768px) {
  .fs11-sm {
    font-size: 11px !important;
  }
}
@media (max-width: 576px) {
  .fs11-xs {
    font-size: 11px !important;
  }
}
.fs12 {
  font-size: 12px !important;
}
@media (min-width: 1200px) {
  .fs12-xl {
    font-size: 12px !important;
  }
}
@media (max-width: 1200px) {
  .fs12-lg {
    font-size: 12px !important;
  }
}
@media (max-width: 992px) {
  .fs12-md {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  .fs12-sm {
    font-size: 12px !important;
  }
}
@media (max-width: 576px) {
  .fs12-xs {
    font-size: 12px !important;
  }
}
.fs13 {
  font-size: 13px !important;
}
@media (min-width: 1200px) {
  .fs13-xl {
    font-size: 13px !important;
  }
}
@media (max-width: 1200px) {
  .fs13-lg {
    font-size: 13px !important;
  }
}
@media (max-width: 992px) {
  .fs13-md {
    font-size: 13px !important;
  }
}
@media (max-width: 768px) {
  .fs13-sm {
    font-size: 13px !important;
  }
}
@media (max-width: 576px) {
  .fs13-xs {
    font-size: 13px !important;
  }
}
.fs14 {
  font-size: 14px !important;
}
@media (min-width: 1200px) {
  .fs14-xl {
    font-size: 14px !important;
  }
}
@media (max-width: 1200px) {
  .fs14-lg {
    font-size: 14px !important;
  }
}
@media (max-width: 992px) {
  .fs14-md {
    font-size: 14px !important;
  }
}
@media (max-width: 768px) {
  .fs14-sm {
    font-size: 14px !important;
  }
}
@media (max-width: 576px) {
  .fs14-xs {
    font-size: 14px !important;
  }
}
.fs15 {
  font-size: 15px !important;
}
@media (min-width: 1200px) {
  .fs15-xl {
    font-size: 15px !important;
  }
}
@media (max-width: 1200px) {
  .fs15-lg {
    font-size: 15px !important;
  }
}
@media (max-width: 992px) {
  .fs15-md {
    font-size: 15px !important;
  }
}
@media (max-width: 768px) {
  .fs15-sm {
    font-size: 15px !important;
  }
}
@media (max-width: 576px) {
  .fs15-xs {
    font-size: 15px !important;
  }
}
.fs16 {
  font-size: 16px !important;
}
@media (min-width: 1200px) {
  .fs16-xl {
    font-size: 16px !important;
  }
}
@media (max-width: 1200px) {
  .fs16-lg {
    font-size: 16px !important;
  }
}
@media (max-width: 992px) {
  .fs16-md {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .fs16-sm {
    font-size: 16px !important;
  }
}
@media (max-width: 576px) {
  .fs16-xs {
    font-size: 16px !important;
  }
}
.fs17 {
  font-size: 17px !important;
}
@media (min-width: 1200px) {
  .fs17-xl {
    font-size: 17px !important;
  }
}
@media (max-width: 1200px) {
  .fs17-lg {
    font-size: 17px !important;
  }
}
@media (max-width: 992px) {
  .fs17-md {
    font-size: 17px !important;
  }
}
@media (max-width: 768px) {
  .fs17-sm {
    font-size: 17px !important;
  }
}
@media (max-width: 576px) {
  .fs17-xs {
    font-size: 17px !important;
  }
}
.fs18 {
  font-size: 18px !important;
}
@media (min-width: 1200px) {
  .fs18-xl {
    font-size: 18px !important;
  }
}
@media (max-width: 1200px) {
  .fs18-lg {
    font-size: 18px !important;
  }
}
@media (max-width: 992px) {
  .fs18-md {
    font-size: 18px !important;
  }
}
@media (max-width: 768px) {
  .fs18-sm {
    font-size: 18px !important;
  }
}
@media (max-width: 576px) {
  .fs18-xs {
    font-size: 18px !important;
  }
}
.fs19 {
  font-size: 19px !important;
}
@media (min-width: 1200px) {
  .fs19-xl {
    font-size: 19px !important;
  }
}
@media (max-width: 1200px) {
  .fs19-lg {
    font-size: 19px !important;
  }
}
@media (max-width: 992px) {
  .fs19-md {
    font-size: 19px !important;
  }
}
@media (max-width: 768px) {
  .fs19-sm {
    font-size: 19px !important;
  }
}
@media (max-width: 576px) {
  .fs19-xs {
    font-size: 19px !important;
  }
}
.fs20 {
  font-size: 20px !important;
}
@media (min-width: 1200px) {
  .fs20-xl {
    font-size: 20px !important;
  }
}
@media (max-width: 1200px) {
  .fs20-lg {
    font-size: 20px !important;
  }
}
@media (max-width: 992px) {
  .fs20-md {
    font-size: 20px !important;
  }
}
@media (max-width: 768px) {
  .fs20-sm {
    font-size: 20px !important;
  }
}
@media (max-width: 576px) {
  .fs20-xs {
    font-size: 20px !important;
  }
}
.fs21 {
  font-size: 21px !important;
}
@media (min-width: 1200px) {
  .fs21-xl {
    font-size: 21px !important;
  }
}
@media (max-width: 1200px) {
  .fs21-lg {
    font-size: 21px !important;
  }
}
@media (max-width: 992px) {
  .fs21-md {
    font-size: 21px !important;
  }
}
@media (max-width: 768px) {
  .fs21-sm {
    font-size: 21px !important;
  }
}
@media (max-width: 576px) {
  .fs21-xs {
    font-size: 21px !important;
  }
}
.fs22 {
  font-size: 22px !important;
}
@media (min-width: 1200px) {
  .fs22-xl {
    font-size: 22px !important;
  }
}
@media (max-width: 1200px) {
  .fs22-lg {
    font-size: 22px !important;
  }
}
@media (max-width: 992px) {
  .fs22-md {
    font-size: 22px !important;
  }
}
@media (max-width: 768px) {
  .fs22-sm {
    font-size: 22px !important;
  }
}
@media (max-width: 576px) {
  .fs22-xs {
    font-size: 22px !important;
  }
}
.fs23 {
  font-size: 23px !important;
}
@media (min-width: 1200px) {
  .fs23-xl {
    font-size: 23px !important;
  }
}
@media (max-width: 1200px) {
  .fs23-lg {
    font-size: 23px !important;
  }
}
@media (max-width: 992px) {
  .fs23-md {
    font-size: 23px !important;
  }
}
@media (max-width: 768px) {
  .fs23-sm {
    font-size: 23px !important;
  }
}
@media (max-width: 576px) {
  .fs23-xs {
    font-size: 23px !important;
  }
}
.fs24 {
  font-size: 24px !important;
}
@media (min-width: 1200px) {
  .fs24-xl {
    font-size: 24px !important;
  }
}
@media (max-width: 1200px) {
  .fs24-lg {
    font-size: 24px !important;
  }
}
@media (max-width: 992px) {
  .fs24-md {
    font-size: 24px !important;
  }
}
@media (max-width: 768px) {
  .fs24-sm {
    font-size: 24px !important;
  }
}
@media (max-width: 576px) {
  .fs24-xs {
    font-size: 24px !important;
  }
}
.fs25 {
  font-size: 25px !important;
}
@media (min-width: 1200px) {
  .fs25-xl {
    font-size: 25px !important;
  }
}
@media (max-width: 1200px) {
  .fs25-lg {
    font-size: 25px !important;
  }
}
@media (max-width: 992px) {
  .fs25-md {
    font-size: 25px !important;
  }
}
@media (max-width: 768px) {
  .fs25-sm {
    font-size: 25px !important;
  }
}
@media (max-width: 576px) {
  .fs25-xs {
    font-size: 25px !important;
  }
}
.fs26 {
  font-size: 26px !important;
}
@media (min-width: 1200px) {
  .fs26-xl {
    font-size: 26px !important;
  }
}
@media (max-width: 1200px) {
  .fs26-lg {
    font-size: 26px !important;
  }
}
@media (max-width: 992px) {
  .fs26-md {
    font-size: 26px !important;
  }
}
@media (max-width: 768px) {
  .fs26-sm {
    font-size: 26px !important;
  }
}
@media (max-width: 576px) {
  .fs26-xs {
    font-size: 26px !important;
  }
}
.fs27 {
  font-size: 27px !important;
}
@media (min-width: 1200px) {
  .fs27-xl {
    font-size: 27px !important;
  }
}
@media (max-width: 1200px) {
  .fs27-lg {
    font-size: 27px !important;
  }
}
@media (max-width: 992px) {
  .fs27-md {
    font-size: 27px !important;
  }
}
@media (max-width: 768px) {
  .fs27-sm {
    font-size: 27px !important;
  }
}
@media (max-width: 576px) {
  .fs27-xs {
    font-size: 27px !important;
  }
}
.fs28 {
  font-size: 28px !important;
}
@media (min-width: 1200px) {
  .fs28-xl {
    font-size: 28px !important;
  }
}
@media (max-width: 1200px) {
  .fs28-lg {
    font-size: 28px !important;
  }
}
@media (max-width: 992px) {
  .fs28-md {
    font-size: 28px !important;
  }
}
@media (max-width: 768px) {
  .fs28-sm {
    font-size: 28px !important;
  }
}
@media (max-width: 576px) {
  .fs28-xs {
    font-size: 28px !important;
  }
}
.fs29 {
  font-size: 29px !important;
}
@media (min-width: 1200px) {
  .fs29-xl {
    font-size: 29px !important;
  }
}
@media (max-width: 1200px) {
  .fs29-lg {
    font-size: 29px !important;
  }
}
@media (max-width: 992px) {
  .fs29-md {
    font-size: 29px !important;
  }
}
@media (max-width: 768px) {
  .fs29-sm {
    font-size: 29px !important;
  }
}
@media (max-width: 576px) {
  .fs29-xs {
    font-size: 29px !important;
  }
}
.fs30 {
  font-size: 30px !important;
}
@media (min-width: 1200px) {
  .fs30-xl {
    font-size: 30px !important;
  }
}
@media (max-width: 1200px) {
  .fs30-lg {
    font-size: 30px !important;
  }
}
@media (max-width: 992px) {
  .fs30-md {
    font-size: 30px !important;
  }
}
@media (max-width: 768px) {
  .fs30-sm {
    font-size: 30px !important;
  }
}
@media (max-width: 576px) {
  .fs30-xs {
    font-size: 30px !important;
  }
}
.fs31 {
  font-size: 31px !important;
}
@media (min-width: 1200px) {
  .fs31-xl {
    font-size: 31px !important;
  }
}
@media (max-width: 1200px) {
  .fs31-lg {
    font-size: 31px !important;
  }
}
@media (max-width: 992px) {
  .fs31-md {
    font-size: 31px !important;
  }
}
@media (max-width: 768px) {
  .fs31-sm {
    font-size: 31px !important;
  }
}
@media (max-width: 576px) {
  .fs31-xs {
    font-size: 31px !important;
  }
}
.fs32 {
  font-size: 32px !important;
}
@media (min-width: 1200px) {
  .fs32-xl {
    font-size: 32px !important;
  }
}
@media (max-width: 1200px) {
  .fs32-lg {
    font-size: 32px !important;
  }
}
@media (max-width: 992px) {
  .fs32-md {
    font-size: 32px !important;
  }
}
@media (max-width: 768px) {
  .fs32-sm {
    font-size: 32px !important;
  }
}
@media (max-width: 576px) {
  .fs32-xs {
    font-size: 32px !important;
  }
}
.fs33 {
  font-size: 33px !important;
}
@media (min-width: 1200px) {
  .fs33-xl {
    font-size: 33px !important;
  }
}
@media (max-width: 1200px) {
  .fs33-lg {
    font-size: 33px !important;
  }
}
@media (max-width: 992px) {
  .fs33-md {
    font-size: 33px !important;
  }
}
@media (max-width: 768px) {
  .fs33-sm {
    font-size: 33px !important;
  }
}
@media (max-width: 576px) {
  .fs33-xs {
    font-size: 33px !important;
  }
}
.fs34 {
  font-size: 34px !important;
}
@media (min-width: 1200px) {
  .fs34-xl {
    font-size: 34px !important;
  }
}
@media (max-width: 1200px) {
  .fs34-lg {
    font-size: 34px !important;
  }
}
@media (max-width: 992px) {
  .fs34-md {
    font-size: 34px !important;
  }
}
@media (max-width: 768px) {
  .fs34-sm {
    font-size: 34px !important;
  }
}
@media (max-width: 576px) {
  .fs34-xs {
    font-size: 34px !important;
  }
}
.fs35 {
  font-size: 35px !important;
}
@media (min-width: 1200px) {
  .fs35-xl {
    font-size: 35px !important;
  }
}
@media (max-width: 1200px) {
  .fs35-lg {
    font-size: 35px !important;
  }
}
@media (max-width: 992px) {
  .fs35-md {
    font-size: 35px !important;
  }
}
@media (max-width: 768px) {
  .fs35-sm {
    font-size: 35px !important;
  }
}
@media (max-width: 576px) {
  .fs35-xs {
    font-size: 35px !important;
  }
}
.fs36 {
  font-size: 36px !important;
}
@media (min-width: 1200px) {
  .fs36-xl {
    font-size: 36px !important;
  }
}
@media (max-width: 1200px) {
  .fs36-lg {
    font-size: 36px !important;
  }
}
@media (max-width: 992px) {
  .fs36-md {
    font-size: 36px !important;
  }
}
@media (max-width: 768px) {
  .fs36-sm {
    font-size: 36px !important;
  }
}
@media (max-width: 576px) {
  .fs36-xs {
    font-size: 36px !important;
  }
}
.m-30 {
  margin: -30px !important;
}
@media (max-width: 1200px) {
  body .m-30-xl {
    margin: -30px !important;
  }
}
@media (max-width: 992px) {
  body .m-30-lg {
    margin: -30px !important;
  }
}
@media (max-width: 768px) {
  body .m-30-md {
    margin: -30px !important;
  }
}
@media (max-width: 576px) {
  body .m-30-sm {
    margin: -30px !important;
  }
}
@media (max-width: 0) {
  body .m-30-xs {
    margin: -30px !important;
  }
}
.mt-30 {
  margin-top: -30px !important;
}
@media (max-width: 1200px) {
  body .mt-30-xl {
    margin-top: -30px !important;
  }
}
@media (max-width: 992px) {
  body .mt-30-lg {
    margin-top: -30px !important;
  }
}
@media (max-width: 768px) {
  body .mt-30-md {
    margin-top: -30px !important;
  }
}
@media (max-width: 576px) {
  body .mt-30-sm {
    margin-top: -30px !important;
  }
}
@media (max-width: 0) {
  body .mt-30-xs {
    margin-top: -30px !important;
  }
}
.mr-30 {
  margin-right: -30px !important;
}
@media (max-width: 1200px) {
  body .mr-30-xl {
    margin-right: -30px !important;
  }
}
@media (max-width: 992px) {
  body .mr-30-lg {
    margin-right: -30px !important;
  }
}
@media (max-width: 768px) {
  body .mr-30-md {
    margin-right: -30px !important;
  }
}
@media (max-width: 576px) {
  body .mr-30-sm {
    margin-right: -30px !important;
  }
}
@media (max-width: 0) {
  body .mr-30-xs {
    margin-right: -30px !important;
  }
}
.mb-30 {
  margin-bottom: -30px !important;
}
@media (max-width: 1200px) {
  body .mb-30-xl {
    margin-bottom: -30px !important;
  }
}
@media (max-width: 992px) {
  body .mb-30-lg {
    margin-bottom: -30px !important;
  }
}
@media (max-width: 768px) {
  body .mb-30-md {
    margin-bottom: -30px !important;
  }
}
@media (max-width: 576px) {
  body .mb-30-sm {
    margin-bottom: -30px !important;
  }
}
@media (max-width: 0) {
  body .mb-30-xs {
    margin-bottom: -30px !important;
  }
}
.ml-30 {
  margin-left: -30px !important;
}
@media (max-width: 1200px) {
  body .ml-30-xl {
    margin-left: -30px !important;
  }
}
@media (max-width: 992px) {
  body .ml-30-lg {
    margin-left: -30px !important;
  }
}
@media (max-width: 768px) {
  body .ml-30-md {
    margin-left: -30px !important;
  }
}
@media (max-width: 576px) {
  body .ml-30-sm {
    margin-left: -30px !important;
  }
}
@media (max-width: 0) {
  body .ml-30-xs {
    margin-left: -30px !important;
  }
}
.mtb-30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
@media (max-width: 1200px) {
  body .mtb-30-xl {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
}
@media (max-width: 992px) {
  body .mtb-30-lg {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
}
@media (max-width: 768px) {
  body .mtb-30-md {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
}
@media (max-width: 576px) {
  body .mtb-30-sm {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
}
@media (max-width: 0) {
  body .mtb-30-xs {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
}
.mlr-30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
@media (max-width: 1200px) {
  body .mlr-30-xl {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
@media (max-width: 992px) {
  body .mlr-30-lg {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
@media (max-width: 768px) {
  body .mlr-30-md {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
@media (max-width: 576px) {
  body .mlr-30-sm {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
@media (max-width: 0) {
  body .mlr-30-xs {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
.m-25 {
  margin: -25px !important;
}
@media (max-width: 1200px) {
  body .m-25-xl {
    margin: -25px !important;
  }
}
@media (max-width: 992px) {
  body .m-25-lg {
    margin: -25px !important;
  }
}
@media (max-width: 768px) {
  body .m-25-md {
    margin: -25px !important;
  }
}
@media (max-width: 576px) {
  body .m-25-sm {
    margin: -25px !important;
  }
}
@media (max-width: 0) {
  body .m-25-xs {
    margin: -25px !important;
  }
}
.mt-25 {
  margin-top: -25px !important;
}
@media (max-width: 1200px) {
  body .mt-25-xl {
    margin-top: -25px !important;
  }
}
@media (max-width: 992px) {
  body .mt-25-lg {
    margin-top: -25px !important;
  }
}
@media (max-width: 768px) {
  body .mt-25-md {
    margin-top: -25px !important;
  }
}
@media (max-width: 576px) {
  body .mt-25-sm {
    margin-top: -25px !important;
  }
}
@media (max-width: 0) {
  body .mt-25-xs {
    margin-top: -25px !important;
  }
}
.mr-25 {
  margin-right: -25px !important;
}
@media (max-width: 1200px) {
  body .mr-25-xl {
    margin-right: -25px !important;
  }
}
@media (max-width: 992px) {
  body .mr-25-lg {
    margin-right: -25px !important;
  }
}
@media (max-width: 768px) {
  body .mr-25-md {
    margin-right: -25px !important;
  }
}
@media (max-width: 576px) {
  body .mr-25-sm {
    margin-right: -25px !important;
  }
}
@media (max-width: 0) {
  body .mr-25-xs {
    margin-right: -25px !important;
  }
}
.mb-25 {
  margin-bottom: -25px !important;
}
@media (max-width: 1200px) {
  body .mb-25-xl {
    margin-bottom: -25px !important;
  }
}
@media (max-width: 992px) {
  body .mb-25-lg {
    margin-bottom: -25px !important;
  }
}
@media (max-width: 768px) {
  body .mb-25-md {
    margin-bottom: -25px !important;
  }
}
@media (max-width: 576px) {
  body .mb-25-sm {
    margin-bottom: -25px !important;
  }
}
@media (max-width: 0) {
  body .mb-25-xs {
    margin-bottom: -25px !important;
  }
}
.ml-25 {
  margin-left: -25px !important;
}
@media (max-width: 1200px) {
  body .ml-25-xl {
    margin-left: -25px !important;
  }
}
@media (max-width: 992px) {
  body .ml-25-lg {
    margin-left: -25px !important;
  }
}
@media (max-width: 768px) {
  body .ml-25-md {
    margin-left: -25px !important;
  }
}
@media (max-width: 576px) {
  body .ml-25-sm {
    margin-left: -25px !important;
  }
}
@media (max-width: 0) {
  body .ml-25-xs {
    margin-left: -25px !important;
  }
}
.mtb-25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}
@media (max-width: 1200px) {
  body .mtb-25-xl {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
}
@media (max-width: 992px) {
  body .mtb-25-lg {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
}
@media (max-width: 768px) {
  body .mtb-25-md {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
}
@media (max-width: 576px) {
  body .mtb-25-sm {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
}
@media (max-width: 0) {
  body .mtb-25-xs {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
}
.mlr-25 {
  margin-left: -25px !important;
  margin-right: -25px !important;
}
@media (max-width: 1200px) {
  body .mlr-25-xl {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
}
@media (max-width: 992px) {
  body .mlr-25-lg {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
}
@media (max-width: 768px) {
  body .mlr-25-md {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
}
@media (max-width: 576px) {
  body .mlr-25-sm {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
}
@media (max-width: 0) {
  body .mlr-25-xs {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
}
.m-20 {
  margin: -20px !important;
}
@media (max-width: 1200px) {
  body .m-20-xl {
    margin: -20px !important;
  }
}
@media (max-width: 992px) {
  body .m-20-lg {
    margin: -20px !important;
  }
}
@media (max-width: 768px) {
  body .m-20-md {
    margin: -20px !important;
  }
}
@media (max-width: 576px) {
  body .m-20-sm {
    margin: -20px !important;
  }
}
@media (max-width: 0) {
  body .m-20-xs {
    margin: -20px !important;
  }
}
.mt-20 {
  margin-top: -20px !important;
}
@media (max-width: 1200px) {
  body .mt-20-xl {
    margin-top: -20px !important;
  }
}
@media (max-width: 992px) {
  body .mt-20-lg {
    margin-top: -20px !important;
  }
}
@media (max-width: 768px) {
  body .mt-20-md {
    margin-top: -20px !important;
  }
}
@media (max-width: 576px) {
  body .mt-20-sm {
    margin-top: -20px !important;
  }
}
@media (max-width: 0) {
  body .mt-20-xs {
    margin-top: -20px !important;
  }
}
.mr-20 {
  margin-right: -20px !important;
}
@media (max-width: 1200px) {
  body .mr-20-xl {
    margin-right: -20px !important;
  }
}
@media (max-width: 992px) {
  body .mr-20-lg {
    margin-right: -20px !important;
  }
}
@media (max-width: 768px) {
  body .mr-20-md {
    margin-right: -20px !important;
  }
}
@media (max-width: 576px) {
  body .mr-20-sm {
    margin-right: -20px !important;
  }
}
@media (max-width: 0) {
  body .mr-20-xs {
    margin-right: -20px !important;
  }
}
.mb-20 {
  margin-bottom: -20px !important;
}
@media (max-width: 1200px) {
  body .mb-20-xl {
    margin-bottom: -20px !important;
  }
}
@media (max-width: 992px) {
  body .mb-20-lg {
    margin-bottom: -20px !important;
  }
}
@media (max-width: 768px) {
  body .mb-20-md {
    margin-bottom: -20px !important;
  }
}
@media (max-width: 576px) {
  body .mb-20-sm {
    margin-bottom: -20px !important;
  }
}
@media (max-width: 0) {
  body .mb-20-xs {
    margin-bottom: -20px !important;
  }
}
.ml-20 {
  margin-left: -20px !important;
}
@media (max-width: 1200px) {
  body .ml-20-xl {
    margin-left: -20px !important;
  }
}
@media (max-width: 992px) {
  body .ml-20-lg {
    margin-left: -20px !important;
  }
}
@media (max-width: 768px) {
  body .ml-20-md {
    margin-left: -20px !important;
  }
}
@media (max-width: 576px) {
  body .ml-20-sm {
    margin-left: -20px !important;
  }
}
@media (max-width: 0) {
  body .ml-20-xs {
    margin-left: -20px !important;
  }
}
.mtb-20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
@media (max-width: 1200px) {
  body .mtb-20-xl {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
}
@media (max-width: 992px) {
  body .mtb-20-lg {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
}
@media (max-width: 768px) {
  body .mtb-20-md {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
}
@media (max-width: 576px) {
  body .mtb-20-sm {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
}
@media (max-width: 0) {
  body .mtb-20-xs {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
}
.mlr-20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
@media (max-width: 1200px) {
  body .mlr-20-xl {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
@media (max-width: 992px) {
  body .mlr-20-lg {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
@media (max-width: 768px) {
  body .mlr-20-md {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
@media (max-width: 576px) {
  body .mlr-20-sm {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
@media (max-width: 0) {
  body .mlr-20-xs {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
.m-15 {
  margin: -15px !important;
}
@media (max-width: 1200px) {
  body .m-15-xl {
    margin: -15px !important;
  }
}
@media (max-width: 992px) {
  body .m-15-lg {
    margin: -15px !important;
  }
}
@media (max-width: 768px) {
  body .m-15-md {
    margin: -15px !important;
  }
}
@media (max-width: 576px) {
  body .m-15-sm {
    margin: -15px !important;
  }
}
@media (max-width: 0) {
  body .m-15-xs {
    margin: -15px !important;
  }
}
.mt-15 {
  margin-top: -15px !important;
}
@media (max-width: 1200px) {
  body .mt-15-xl {
    margin-top: -15px !important;
  }
}
@media (max-width: 992px) {
  body .mt-15-lg {
    margin-top: -15px !important;
  }
}
@media (max-width: 768px) {
  body .mt-15-md {
    margin-top: -15px !important;
  }
}
@media (max-width: 576px) {
  body .mt-15-sm {
    margin-top: -15px !important;
  }
}
@media (max-width: 0) {
  body .mt-15-xs {
    margin-top: -15px !important;
  }
}
.mr-15 {
  margin-right: -15px !important;
}
@media (max-width: 1200px) {
  body .mr-15-xl {
    margin-right: -15px !important;
  }
}
@media (max-width: 992px) {
  body .mr-15-lg {
    margin-right: -15px !important;
  }
}
@media (max-width: 768px) {
  body .mr-15-md {
    margin-right: -15px !important;
  }
}
@media (max-width: 576px) {
  body .mr-15-sm {
    margin-right: -15px !important;
  }
}
@media (max-width: 0) {
  body .mr-15-xs {
    margin-right: -15px !important;
  }
}
.mb-15 {
  margin-bottom: -15px !important;
}
@media (max-width: 1200px) {
  body .mb-15-xl {
    margin-bottom: -15px !important;
  }
}
@media (max-width: 992px) {
  body .mb-15-lg {
    margin-bottom: -15px !important;
  }
}
@media (max-width: 768px) {
  body .mb-15-md {
    margin-bottom: -15px !important;
  }
}
@media (max-width: 576px) {
  body .mb-15-sm {
    margin-bottom: -15px !important;
  }
}
@media (max-width: 0) {
  body .mb-15-xs {
    margin-bottom: -15px !important;
  }
}
.ml-15 {
  margin-left: -15px !important;
}
@media (max-width: 1200px) {
  body .ml-15-xl {
    margin-left: -15px !important;
  }
}
@media (max-width: 992px) {
  body .ml-15-lg {
    margin-left: -15px !important;
  }
}
@media (max-width: 768px) {
  body .ml-15-md {
    margin-left: -15px !important;
  }
}
@media (max-width: 576px) {
  body .ml-15-sm {
    margin-left: -15px !important;
  }
}
@media (max-width: 0) {
  body .ml-15-xs {
    margin-left: -15px !important;
  }
}
.mtb-15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
@media (max-width: 1200px) {
  body .mtb-15-xl {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
}
@media (max-width: 992px) {
  body .mtb-15-lg {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
}
@media (max-width: 768px) {
  body .mtb-15-md {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
}
@media (max-width: 576px) {
  body .mtb-15-sm {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
}
@media (max-width: 0) {
  body .mtb-15-xs {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
}
.mlr-15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
@media (max-width: 1200px) {
  body .mlr-15-xl {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media (max-width: 992px) {
  body .mlr-15-lg {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media (max-width: 768px) {
  body .mlr-15-md {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media (max-width: 576px) {
  body .mlr-15-sm {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media (max-width: 0) {
  body .mlr-15-xs {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.m-10 {
  margin: -10px !important;
}
@media (max-width: 1200px) {
  body .m-10-xl {
    margin: -10px !important;
  }
}
@media (max-width: 992px) {
  body .m-10-lg {
    margin: -10px !important;
  }
}
@media (max-width: 768px) {
  body .m-10-md {
    margin: -10px !important;
  }
}
@media (max-width: 576px) {
  body .m-10-sm {
    margin: -10px !important;
  }
}
@media (max-width: 0) {
  body .m-10-xs {
    margin: -10px !important;
  }
}
.mt-10 {
  margin-top: -10px !important;
}
@media (max-width: 1200px) {
  body .mt-10-xl {
    margin-top: -10px !important;
  }
}
@media (max-width: 992px) {
  body .mt-10-lg {
    margin-top: -10px !important;
  }
}
@media (max-width: 768px) {
  body .mt-10-md {
    margin-top: -10px !important;
  }
}
@media (max-width: 576px) {
  body .mt-10-sm {
    margin-top: -10px !important;
  }
}
@media (max-width: 0) {
  body .mt-10-xs {
    margin-top: -10px !important;
  }
}
.mr-10 {
  margin-right: -10px !important;
}
@media (max-width: 1200px) {
  body .mr-10-xl {
    margin-right: -10px !important;
  }
}
@media (max-width: 992px) {
  body .mr-10-lg {
    margin-right: -10px !important;
  }
}
@media (max-width: 768px) {
  body .mr-10-md {
    margin-right: -10px !important;
  }
}
@media (max-width: 576px) {
  body .mr-10-sm {
    margin-right: -10px !important;
  }
}
@media (max-width: 0) {
  body .mr-10-xs {
    margin-right: -10px !important;
  }
}
.mb-10 {
  margin-bottom: -10px !important;
}
@media (max-width: 1200px) {
  body .mb-10-xl {
    margin-bottom: -10px !important;
  }
}
@media (max-width: 992px) {
  body .mb-10-lg {
    margin-bottom: -10px !important;
  }
}
@media (max-width: 768px) {
  body .mb-10-md {
    margin-bottom: -10px !important;
  }
}
@media (max-width: 576px) {
  body .mb-10-sm {
    margin-bottom: -10px !important;
  }
}
@media (max-width: 0) {
  body .mb-10-xs {
    margin-bottom: -10px !important;
  }
}
.ml-10 {
  margin-left: -10px !important;
}
@media (max-width: 1200px) {
  body .ml-10-xl {
    margin-left: -10px !important;
  }
}
@media (max-width: 992px) {
  body .ml-10-lg {
    margin-left: -10px !important;
  }
}
@media (max-width: 768px) {
  body .ml-10-md {
    margin-left: -10px !important;
  }
}
@media (max-width: 576px) {
  body .ml-10-sm {
    margin-left: -10px !important;
  }
}
@media (max-width: 0) {
  body .ml-10-xs {
    margin-left: -10px !important;
  }
}
.mtb-10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
@media (max-width: 1200px) {
  body .mtb-10-xl {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
}
@media (max-width: 992px) {
  body .mtb-10-lg {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
}
@media (max-width: 768px) {
  body .mtb-10-md {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
}
@media (max-width: 576px) {
  body .mtb-10-sm {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
}
@media (max-width: 0) {
  body .mtb-10-xs {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
}
.mlr-10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
@media (max-width: 1200px) {
  body .mlr-10-xl {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
@media (max-width: 992px) {
  body .mlr-10-lg {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
@media (max-width: 768px) {
  body .mlr-10-md {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
@media (max-width: 576px) {
  body .mlr-10-sm {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
@media (max-width: 0) {
  body .mlr-10-xs {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
.m-5 {
  margin: -5px !important;
}
@media (max-width: 1200px) {
  body .m-5-xl {
    margin: -5px !important;
  }
}
@media (max-width: 992px) {
  body .m-5-lg {
    margin: -5px !important;
  }
}
@media (max-width: 768px) {
  body .m-5-md {
    margin: -5px !important;
  }
}
@media (max-width: 576px) {
  body .m-5-sm {
    margin: -5px !important;
  }
}
@media (max-width: 0) {
  body .m-5-xs {
    margin: -5px !important;
  }
}
.mt-5 {
  margin-top: -5px !important;
}
@media (max-width: 1200px) {
  body .mt-5-xl {
    margin-top: -5px !important;
  }
}
@media (max-width: 992px) {
  body .mt-5-lg {
    margin-top: -5px !important;
  }
}
@media (max-width: 768px) {
  body .mt-5-md {
    margin-top: -5px !important;
  }
}
@media (max-width: 576px) {
  body .mt-5-sm {
    margin-top: -5px !important;
  }
}
@media (max-width: 0) {
  body .mt-5-xs {
    margin-top: -5px !important;
  }
}
.mr-5 {
  margin-right: -5px !important;
}
@media (max-width: 1200px) {
  body .mr-5-xl {
    margin-right: -5px !important;
  }
}
@media (max-width: 992px) {
  body .mr-5-lg {
    margin-right: -5px !important;
  }
}
@media (max-width: 768px) {
  body .mr-5-md {
    margin-right: -5px !important;
  }
}
@media (max-width: 576px) {
  body .mr-5-sm {
    margin-right: -5px !important;
  }
}
@media (max-width: 0) {
  body .mr-5-xs {
    margin-right: -5px !important;
  }
}
.mb-5 {
  margin-bottom: -5px !important;
}
@media (max-width: 1200px) {
  body .mb-5-xl {
    margin-bottom: -5px !important;
  }
}
@media (max-width: 992px) {
  body .mb-5-lg {
    margin-bottom: -5px !important;
  }
}
@media (max-width: 768px) {
  body .mb-5-md {
    margin-bottom: -5px !important;
  }
}
@media (max-width: 576px) {
  body .mb-5-sm {
    margin-bottom: -5px !important;
  }
}
@media (max-width: 0) {
  body .mb-5-xs {
    margin-bottom: -5px !important;
  }
}
.ml-5 {
  margin-left: -5px !important;
}
@media (max-width: 1200px) {
  body .ml-5-xl {
    margin-left: -5px !important;
  }
}
@media (max-width: 992px) {
  body .ml-5-lg {
    margin-left: -5px !important;
  }
}
@media (max-width: 768px) {
  body .ml-5-md {
    margin-left: -5px !important;
  }
}
@media (max-width: 576px) {
  body .ml-5-sm {
    margin-left: -5px !important;
  }
}
@media (max-width: 0) {
  body .ml-5-xs {
    margin-left: -5px !important;
  }
}
.mtb-5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
@media (max-width: 1200px) {
  body .mtb-5-xl {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
}
@media (max-width: 992px) {
  body .mtb-5-lg {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
}
@media (max-width: 768px) {
  body .mtb-5-md {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
}
@media (max-width: 576px) {
  body .mtb-5-sm {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
}
@media (max-width: 0) {
  body .mtb-5-xs {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
}
.mlr-5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
@media (max-width: 1200px) {
  body .mlr-5-xl {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
}
@media (max-width: 992px) {
  body .mlr-5-lg {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
}
@media (max-width: 768px) {
  body .mlr-5-md {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
}
@media (max-width: 576px) {
  body .mlr-5-sm {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
}
@media (max-width: 0) {
  body .mlr-5-xs {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
}
.m0 {
  margin: 0px !important;
}
@media (max-width: 1200px) {
  body .m0-xl {
    margin: 0px !important;
  }
}
@media (max-width: 992px) {
  body .m0-lg {
    margin: 0px !important;
  }
}
@media (max-width: 768px) {
  body .m0-md {
    margin: 0px !important;
  }
}
@media (max-width: 576px) {
  body .m0-sm {
    margin: 0px !important;
  }
}
@media (max-width: 0) {
  body .m0-xs {
    margin: 0px !important;
  }
}
.mt0 {
  margin-top: 0px !important;
}
@media (max-width: 1200px) {
  body .mt0-xl {
    margin-top: 0px !important;
  }
}
@media (max-width: 992px) {
  body .mt0-lg {
    margin-top: 0px !important;
  }
}
@media (max-width: 768px) {
  body .mt0-md {
    margin-top: 0px !important;
  }
}
@media (max-width: 576px) {
  body .mt0-sm {
    margin-top: 0px !important;
  }
}
@media (max-width: 0) {
  body .mt0-xs {
    margin-top: 0px !important;
  }
}
.mr0 {
  margin-right: 0px !important;
}
@media (max-width: 1200px) {
  body .mr0-xl {
    margin-right: 0px !important;
  }
}
@media (max-width: 992px) {
  body .mr0-lg {
    margin-right: 0px !important;
  }
}
@media (max-width: 768px) {
  body .mr0-md {
    margin-right: 0px !important;
  }
}
@media (max-width: 576px) {
  body .mr0-sm {
    margin-right: 0px !important;
  }
}
@media (max-width: 0) {
  body .mr0-xs {
    margin-right: 0px !important;
  }
}
.mb0 {
  margin-bottom: 0px !important;
}
@media (max-width: 1200px) {
  body .mb0-xl {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 992px) {
  body .mb0-lg {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  body .mb0-md {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 576px) {
  body .mb0-sm {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 0) {
  body .mb0-xs {
    margin-bottom: 0px !important;
  }
}
.ml0 {
  margin-left: 0px !important;
}
@media (max-width: 1200px) {
  body .ml0-xl {
    margin-left: 0px !important;
  }
}
@media (max-width: 992px) {
  body .ml0-lg {
    margin-left: 0px !important;
  }
}
@media (max-width: 768px) {
  body .ml0-md {
    margin-left: 0px !important;
  }
}
@media (max-width: 576px) {
  body .ml0-sm {
    margin-left: 0px !important;
  }
}
@media (max-width: 0) {
  body .ml0-xs {
    margin-left: 0px !important;
  }
}
.mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@media (max-width: 1200px) {
  body .mtb0-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 992px) {
  body .mtb0-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  body .mtb0-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 576px) {
  body .mtb0-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 0) {
  body .mtb0-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
.mlr0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (max-width: 1200px) {
  body .mlr0-xl {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media (max-width: 992px) {
  body .mlr0-lg {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media (max-width: 768px) {
  body .mlr0-md {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media (max-width: 576px) {
  body .mlr0-sm {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media (max-width: 0) {
  body .mlr0-xs {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.m5 {
  margin: 5px !important;
}
@media (max-width: 1200px) {
  body .m5-xl {
    margin: 5px !important;
  }
}
@media (max-width: 992px) {
  body .m5-lg {
    margin: 5px !important;
  }
}
@media (max-width: 768px) {
  body .m5-md {
    margin: 5px !important;
  }
}
@media (max-width: 576px) {
  body .m5-sm {
    margin: 5px !important;
  }
}
@media (max-width: 0) {
  body .m5-xs {
    margin: 5px !important;
  }
}
.mt5 {
  margin-top: 5px !important;
}
@media (max-width: 1200px) {
  body .mt5-xl {
    margin-top: 5px !important;
  }
}
@media (max-width: 992px) {
  body .mt5-lg {
    margin-top: 5px !important;
  }
}
@media (max-width: 768px) {
  body .mt5-md {
    margin-top: 5px !important;
  }
}
@media (max-width: 576px) {
  body .mt5-sm {
    margin-top: 5px !important;
  }
}
@media (max-width: 0) {
  body .mt5-xs {
    margin-top: 5px !important;
  }
}
.mr5 {
  margin-right: 5px !important;
}
@media (max-width: 1200px) {
  body .mr5-xl {
    margin-right: 5px !important;
  }
}
@media (max-width: 992px) {
  body .mr5-lg {
    margin-right: 5px !important;
  }
}
@media (max-width: 768px) {
  body .mr5-md {
    margin-right: 5px !important;
  }
}
@media (max-width: 576px) {
  body .mr5-sm {
    margin-right: 5px !important;
  }
}
@media (max-width: 0) {
  body .mr5-xs {
    margin-right: 5px !important;
  }
}
.mb5 {
  margin-bottom: 5px !important;
}
@media (max-width: 1200px) {
  body .mb5-xl {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 992px) {
  body .mb5-lg {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 768px) {
  body .mb5-md {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 576px) {
  body .mb5-sm {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 0) {
  body .mb5-xs {
    margin-bottom: 5px !important;
  }
}
.ml5 {
  margin-left: 5px !important;
}
@media (max-width: 1200px) {
  body .ml5-xl {
    margin-left: 5px !important;
  }
}
@media (max-width: 992px) {
  body .ml5-lg {
    margin-left: 5px !important;
  }
}
@media (max-width: 768px) {
  body .ml5-md {
    margin-left: 5px !important;
  }
}
@media (max-width: 576px) {
  body .ml5-sm {
    margin-left: 5px !important;
  }
}
@media (max-width: 0) {
  body .ml5-xs {
    margin-left: 5px !important;
  }
}
.mtb5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
@media (max-width: 1200px) {
  body .mtb5-xl {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media (max-width: 992px) {
  body .mtb5-lg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media (max-width: 768px) {
  body .mtb5-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media (max-width: 576px) {
  body .mtb5-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media (max-width: 0) {
  body .mtb5-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
.mlr5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
@media (max-width: 1200px) {
  body .mlr5-xl {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
@media (max-width: 992px) {
  body .mlr5-lg {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
@media (max-width: 768px) {
  body .mlr5-md {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
@media (max-width: 576px) {
  body .mlr5-sm {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
@media (max-width: 0) {
  body .mlr5-xs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
.m10 {
  margin: 10px !important;
}
@media (max-width: 1200px) {
  body .m10-xl {
    margin: 10px !important;
  }
}
@media (max-width: 992px) {
  body .m10-lg {
    margin: 10px !important;
  }
}
@media (max-width: 768px) {
  body .m10-md {
    margin: 10px !important;
  }
}
@media (max-width: 576px) {
  body .m10-sm {
    margin: 10px !important;
  }
}
@media (max-width: 0) {
  body .m10-xs {
    margin: 10px !important;
  }
}
.mt10 {
  margin-top: 10px !important;
}
@media (max-width: 1200px) {
  body .mt10-xl {
    margin-top: 10px !important;
  }
}
@media (max-width: 992px) {
  body .mt10-lg {
    margin-top: 10px !important;
  }
}
@media (max-width: 768px) {
  body .mt10-md {
    margin-top: 10px !important;
  }
}
@media (max-width: 576px) {
  body .mt10-sm {
    margin-top: 10px !important;
  }
}
@media (max-width: 0) {
  body .mt10-xs {
    margin-top: 10px !important;
  }
}
.mr10 {
  margin-right: 10px !important;
}
@media (max-width: 1200px) {
  body .mr10-xl {
    margin-right: 10px !important;
  }
}
@media (max-width: 992px) {
  body .mr10-lg {
    margin-right: 10px !important;
  }
}
@media (max-width: 768px) {
  body .mr10-md {
    margin-right: 10px !important;
  }
}
@media (max-width: 576px) {
  body .mr10-sm {
    margin-right: 10px !important;
  }
}
@media (max-width: 0) {
  body .mr10-xs {
    margin-right: 10px !important;
  }
}
.mb10 {
  margin-bottom: 10px !important;
}
@media (max-width: 1200px) {
  body .mb10-xl {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 992px) {
  body .mb10-lg {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 768px) {
  body .mb10-md {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 576px) {
  body .mb10-sm {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 0) {
  body .mb10-xs {
    margin-bottom: 10px !important;
  }
}
.ml10 {
  margin-left: 10px !important;
}
@media (max-width: 1200px) {
  body .ml10-xl {
    margin-left: 10px !important;
  }
}
@media (max-width: 992px) {
  body .ml10-lg {
    margin-left: 10px !important;
  }
}
@media (max-width: 768px) {
  body .ml10-md {
    margin-left: 10px !important;
  }
}
@media (max-width: 576px) {
  body .ml10-sm {
    margin-left: 10px !important;
  }
}
@media (max-width: 0) {
  body .ml10-xs {
    margin-left: 10px !important;
  }
}
.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
@media (max-width: 1200px) {
  body .mtb10-xl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 992px) {
  body .mtb10-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 768px) {
  body .mtb10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 576px) {
  body .mtb10-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 0) {
  body .mtb10-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
.mlr10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
@media (max-width: 1200px) {
  body .mlr10-xl {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media (max-width: 992px) {
  body .mlr10-lg {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media (max-width: 768px) {
  body .mlr10-md {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media (max-width: 576px) {
  body .mlr10-sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media (max-width: 0) {
  body .mlr10-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
.m15 {
  margin: 15px !important;
}
@media (max-width: 1200px) {
  body .m15-xl {
    margin: 15px !important;
  }
}
@media (max-width: 992px) {
  body .m15-lg {
    margin: 15px !important;
  }
}
@media (max-width: 768px) {
  body .m15-md {
    margin: 15px !important;
  }
}
@media (max-width: 576px) {
  body .m15-sm {
    margin: 15px !important;
  }
}
@media (max-width: 0) {
  body .m15-xs {
    margin: 15px !important;
  }
}
.mt15 {
  margin-top: 15px !important;
}
@media (max-width: 1200px) {
  body .mt15-xl {
    margin-top: 15px !important;
  }
}
@media (max-width: 992px) {
  body .mt15-lg {
    margin-top: 15px !important;
  }
}
@media (max-width: 768px) {
  body .mt15-md {
    margin-top: 15px !important;
  }
}
@media (max-width: 576px) {
  body .mt15-sm {
    margin-top: 15px !important;
  }
}
@media (max-width: 0) {
  body .mt15-xs {
    margin-top: 15px !important;
  }
}
.mr15 {
  margin-right: 15px !important;
}
@media (max-width: 1200px) {
  body .mr15-xl {
    margin-right: 15px !important;
  }
}
@media (max-width: 992px) {
  body .mr15-lg {
    margin-right: 15px !important;
  }
}
@media (max-width: 768px) {
  body .mr15-md {
    margin-right: 15px !important;
  }
}
@media (max-width: 576px) {
  body .mr15-sm {
    margin-right: 15px !important;
  }
}
@media (max-width: 0) {
  body .mr15-xs {
    margin-right: 15px !important;
  }
}
.mb15 {
  margin-bottom: 15px !important;
}
@media (max-width: 1200px) {
  body .mb15-xl {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 992px) {
  body .mb15-lg {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 768px) {
  body .mb15-md {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 576px) {
  body .mb15-sm {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 0) {
  body .mb15-xs {
    margin-bottom: 15px !important;
  }
}
.ml15 {
  margin-left: 15px !important;
}
@media (max-width: 1200px) {
  body .ml15-xl {
    margin-left: 15px !important;
  }
}
@media (max-width: 992px) {
  body .ml15-lg {
    margin-left: 15px !important;
  }
}
@media (max-width: 768px) {
  body .ml15-md {
    margin-left: 15px !important;
  }
}
@media (max-width: 576px) {
  body .ml15-sm {
    margin-left: 15px !important;
  }
}
@media (max-width: 0) {
  body .ml15-xs {
    margin-left: 15px !important;
  }
}
.mtb15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
@media (max-width: 1200px) {
  body .mtb15-xl {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 992px) {
  body .mtb15-lg {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 768px) {
  body .mtb15-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 576px) {
  body .mtb15-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 0) {
  body .mtb15-xs {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
.mlr15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
@media (max-width: 1200px) {
  body .mlr15-xl {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
@media (max-width: 992px) {
  body .mlr15-lg {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
@media (max-width: 768px) {
  body .mlr15-md {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
@media (max-width: 576px) {
  body .mlr15-sm {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
@media (max-width: 0) {
  body .mlr15-xs {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
.m20 {
  margin: 20px !important;
}
@media (max-width: 1200px) {
  body .m20-xl {
    margin: 20px !important;
  }
}
@media (max-width: 992px) {
  body .m20-lg {
    margin: 20px !important;
  }
}
@media (max-width: 768px) {
  body .m20-md {
    margin: 20px !important;
  }
}
@media (max-width: 576px) {
  body .m20-sm {
    margin: 20px !important;
  }
}
@media (max-width: 0) {
  body .m20-xs {
    margin: 20px !important;
  }
}
.mt20 {
  margin-top: 20px !important;
}
@media (max-width: 1200px) {
  body .mt20-xl {
    margin-top: 20px !important;
  }
}
@media (max-width: 992px) {
  body .mt20-lg {
    margin-top: 20px !important;
  }
}
@media (max-width: 768px) {
  body .mt20-md {
    margin-top: 20px !important;
  }
}
@media (max-width: 576px) {
  body .mt20-sm {
    margin-top: 20px !important;
  }
}
@media (max-width: 0) {
  body .mt20-xs {
    margin-top: 20px !important;
  }
}
.mr20 {
  margin-right: 20px !important;
}
@media (max-width: 1200px) {
  body .mr20-xl {
    margin-right: 20px !important;
  }
}
@media (max-width: 992px) {
  body .mr20-lg {
    margin-right: 20px !important;
  }
}
@media (max-width: 768px) {
  body .mr20-md {
    margin-right: 20px !important;
  }
}
@media (max-width: 576px) {
  body .mr20-sm {
    margin-right: 20px !important;
  }
}
@media (max-width: 0) {
  body .mr20-xs {
    margin-right: 20px !important;
  }
}
.mb20 {
  margin-bottom: 20px !important;
}
@media (max-width: 1200px) {
  body .mb20-xl {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 992px) {
  body .mb20-lg {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 768px) {
  body .mb20-md {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 576px) {
  body .mb20-sm {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 0) {
  body .mb20-xs {
    margin-bottom: 20px !important;
  }
}
.ml20 {
  margin-left: 20px !important;
}
@media (max-width: 1200px) {
  body .ml20-xl {
    margin-left: 20px !important;
  }
}
@media (max-width: 992px) {
  body .ml20-lg {
    margin-left: 20px !important;
  }
}
@media (max-width: 768px) {
  body .ml20-md {
    margin-left: 20px !important;
  }
}
@media (max-width: 576px) {
  body .ml20-sm {
    margin-left: 20px !important;
  }
}
@media (max-width: 0) {
  body .ml20-xs {
    margin-left: 20px !important;
  }
}
.mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
@media (max-width: 1200px) {
  body .mtb20-xl {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 992px) {
  body .mtb20-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 768px) {
  body .mtb20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 576px) {
  body .mtb20-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 0) {
  body .mtb20-xs {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
.mlr20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
@media (max-width: 1200px) {
  body .mlr20-xl {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (max-width: 992px) {
  body .mlr20-lg {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (max-width: 768px) {
  body .mlr20-md {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (max-width: 576px) {
  body .mlr20-sm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (max-width: 0) {
  body .mlr20-xs {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
.m25 {
  margin: 25px !important;
}
@media (max-width: 1200px) {
  body .m25-xl {
    margin: 25px !important;
  }
}
@media (max-width: 992px) {
  body .m25-lg {
    margin: 25px !important;
  }
}
@media (max-width: 768px) {
  body .m25-md {
    margin: 25px !important;
  }
}
@media (max-width: 576px) {
  body .m25-sm {
    margin: 25px !important;
  }
}
@media (max-width: 0) {
  body .m25-xs {
    margin: 25px !important;
  }
}
.mt25 {
  margin-top: 25px !important;
}
@media (max-width: 1200px) {
  body .mt25-xl {
    margin-top: 25px !important;
  }
}
@media (max-width: 992px) {
  body .mt25-lg {
    margin-top: 25px !important;
  }
}
@media (max-width: 768px) {
  body .mt25-md {
    margin-top: 25px !important;
  }
}
@media (max-width: 576px) {
  body .mt25-sm {
    margin-top: 25px !important;
  }
}
@media (max-width: 0) {
  body .mt25-xs {
    margin-top: 25px !important;
  }
}
.mr25 {
  margin-right: 25px !important;
}
@media (max-width: 1200px) {
  body .mr25-xl {
    margin-right: 25px !important;
  }
}
@media (max-width: 992px) {
  body .mr25-lg {
    margin-right: 25px !important;
  }
}
@media (max-width: 768px) {
  body .mr25-md {
    margin-right: 25px !important;
  }
}
@media (max-width: 576px) {
  body .mr25-sm {
    margin-right: 25px !important;
  }
}
@media (max-width: 0) {
  body .mr25-xs {
    margin-right: 25px !important;
  }
}
.mb25 {
  margin-bottom: 25px !important;
}
@media (max-width: 1200px) {
  body .mb25-xl {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 992px) {
  body .mb25-lg {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 768px) {
  body .mb25-md {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 576px) {
  body .mb25-sm {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 0) {
  body .mb25-xs {
    margin-bottom: 25px !important;
  }
}
.ml25 {
  margin-left: 25px !important;
}
@media (max-width: 1200px) {
  body .ml25-xl {
    margin-left: 25px !important;
  }
}
@media (max-width: 992px) {
  body .ml25-lg {
    margin-left: 25px !important;
  }
}
@media (max-width: 768px) {
  body .ml25-md {
    margin-left: 25px !important;
  }
}
@media (max-width: 576px) {
  body .ml25-sm {
    margin-left: 25px !important;
  }
}
@media (max-width: 0) {
  body .ml25-xs {
    margin-left: 25px !important;
  }
}
.mtb25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
@media (max-width: 1200px) {
  body .mtb25-xl {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media (max-width: 992px) {
  body .mtb25-lg {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media (max-width: 768px) {
  body .mtb25-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media (max-width: 576px) {
  body .mtb25-sm {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media (max-width: 0) {
  body .mtb25-xs {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
.mlr25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
@media (max-width: 1200px) {
  body .mlr25-xl {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
@media (max-width: 992px) {
  body .mlr25-lg {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
@media (max-width: 768px) {
  body .mlr25-md {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
@media (max-width: 576px) {
  body .mlr25-sm {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
@media (max-width: 0) {
  body .mlr25-xs {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
.m30 {
  margin: 30px !important;
}
@media (max-width: 1200px) {
  body .m30-xl {
    margin: 30px !important;
  }
}
@media (max-width: 992px) {
  body .m30-lg {
    margin: 30px !important;
  }
}
@media (max-width: 768px) {
  body .m30-md {
    margin: 30px !important;
  }
}
@media (max-width: 576px) {
  body .m30-sm {
    margin: 30px !important;
  }
}
@media (max-width: 0) {
  body .m30-xs {
    margin: 30px !important;
  }
}
.mt30 {
  margin-top: 30px !important;
}
@media (max-width: 1200px) {
  body .mt30-xl {
    margin-top: 30px !important;
  }
}
@media (max-width: 992px) {
  body .mt30-lg {
    margin-top: 30px !important;
  }
}
@media (max-width: 768px) {
  body .mt30-md {
    margin-top: 30px !important;
  }
}
@media (max-width: 576px) {
  body .mt30-sm {
    margin-top: 30px !important;
  }
}
@media (max-width: 0) {
  body .mt30-xs {
    margin-top: 30px !important;
  }
}
.mr30 {
  margin-right: 30px !important;
}
@media (max-width: 1200px) {
  body .mr30-xl {
    margin-right: 30px !important;
  }
}
@media (max-width: 992px) {
  body .mr30-lg {
    margin-right: 30px !important;
  }
}
@media (max-width: 768px) {
  body .mr30-md {
    margin-right: 30px !important;
  }
}
@media (max-width: 576px) {
  body .mr30-sm {
    margin-right: 30px !important;
  }
}
@media (max-width: 0) {
  body .mr30-xs {
    margin-right: 30px !important;
  }
}
.mb30 {
  margin-bottom: 30px !important;
}
@media (max-width: 1200px) {
  body .mb30-xl {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 992px) {
  body .mb30-lg {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 768px) {
  body .mb30-md {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 576px) {
  body .mb30-sm {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 0) {
  body .mb30-xs {
    margin-bottom: 30px !important;
  }
}
.ml30 {
  margin-left: 30px !important;
}
@media (max-width: 1200px) {
  body .ml30-xl {
    margin-left: 30px !important;
  }
}
@media (max-width: 992px) {
  body .ml30-lg {
    margin-left: 30px !important;
  }
}
@media (max-width: 768px) {
  body .ml30-md {
    margin-left: 30px !important;
  }
}
@media (max-width: 576px) {
  body .ml30-sm {
    margin-left: 30px !important;
  }
}
@media (max-width: 0) {
  body .ml30-xs {
    margin-left: 30px !important;
  }
}
.mtb30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
@media (max-width: 1200px) {
  body .mtb30-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 992px) {
  body .mtb30-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 768px) {
  body .mtb30-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 576px) {
  body .mtb30-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 0) {
  body .mtb30-xs {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
.mlr30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
@media (max-width: 1200px) {
  body .mlr30-xl {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}
@media (max-width: 992px) {
  body .mlr30-lg {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}
@media (max-width: 768px) {
  body .mlr30-md {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}
@media (max-width: 576px) {
  body .mlr30-sm {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}
@media (max-width: 0) {
  body .mlr30-xs {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}
.m35 {
  margin: 35px !important;
}
@media (max-width: 1200px) {
  body .m35-xl {
    margin: 35px !important;
  }
}
@media (max-width: 992px) {
  body .m35-lg {
    margin: 35px !important;
  }
}
@media (max-width: 768px) {
  body .m35-md {
    margin: 35px !important;
  }
}
@media (max-width: 576px) {
  body .m35-sm {
    margin: 35px !important;
  }
}
@media (max-width: 0) {
  body .m35-xs {
    margin: 35px !important;
  }
}
.mt35 {
  margin-top: 35px !important;
}
@media (max-width: 1200px) {
  body .mt35-xl {
    margin-top: 35px !important;
  }
}
@media (max-width: 992px) {
  body .mt35-lg {
    margin-top: 35px !important;
  }
}
@media (max-width: 768px) {
  body .mt35-md {
    margin-top: 35px !important;
  }
}
@media (max-width: 576px) {
  body .mt35-sm {
    margin-top: 35px !important;
  }
}
@media (max-width: 0) {
  body .mt35-xs {
    margin-top: 35px !important;
  }
}
.mr35 {
  margin-right: 35px !important;
}
@media (max-width: 1200px) {
  body .mr35-xl {
    margin-right: 35px !important;
  }
}
@media (max-width: 992px) {
  body .mr35-lg {
    margin-right: 35px !important;
  }
}
@media (max-width: 768px) {
  body .mr35-md {
    margin-right: 35px !important;
  }
}
@media (max-width: 576px) {
  body .mr35-sm {
    margin-right: 35px !important;
  }
}
@media (max-width: 0) {
  body .mr35-xs {
    margin-right: 35px !important;
  }
}
.mb35 {
  margin-bottom: 35px !important;
}
@media (max-width: 1200px) {
  body .mb35-xl {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 992px) {
  body .mb35-lg {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 768px) {
  body .mb35-md {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 576px) {
  body .mb35-sm {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 0) {
  body .mb35-xs {
    margin-bottom: 35px !important;
  }
}
.ml35 {
  margin-left: 35px !important;
}
@media (max-width: 1200px) {
  body .ml35-xl {
    margin-left: 35px !important;
  }
}
@media (max-width: 992px) {
  body .ml35-lg {
    margin-left: 35px !important;
  }
}
@media (max-width: 768px) {
  body .ml35-md {
    margin-left: 35px !important;
  }
}
@media (max-width: 576px) {
  body .ml35-sm {
    margin-left: 35px !important;
  }
}
@media (max-width: 0) {
  body .ml35-xs {
    margin-left: 35px !important;
  }
}
.mtb35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
@media (max-width: 1200px) {
  body .mtb35-xl {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media (max-width: 992px) {
  body .mtb35-lg {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media (max-width: 768px) {
  body .mtb35-md {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media (max-width: 576px) {
  body .mtb35-sm {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media (max-width: 0) {
  body .mtb35-xs {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
.mlr35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
@media (max-width: 1200px) {
  body .mlr35-xl {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}
@media (max-width: 992px) {
  body .mlr35-lg {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}
@media (max-width: 768px) {
  body .mlr35-md {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}
@media (max-width: 576px) {
  body .mlr35-sm {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}
@media (max-width: 0) {
  body .mlr35-xs {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}
.m40 {
  margin: 40px !important;
}
@media (max-width: 1200px) {
  body .m40-xl {
    margin: 40px !important;
  }
}
@media (max-width: 992px) {
  body .m40-lg {
    margin: 40px !important;
  }
}
@media (max-width: 768px) {
  body .m40-md {
    margin: 40px !important;
  }
}
@media (max-width: 576px) {
  body .m40-sm {
    margin: 40px !important;
  }
}
@media (max-width: 0) {
  body .m40-xs {
    margin: 40px !important;
  }
}
.mt40 {
  margin-top: 40px !important;
}
@media (max-width: 1200px) {
  body .mt40-xl {
    margin-top: 40px !important;
  }
}
@media (max-width: 992px) {
  body .mt40-lg {
    margin-top: 40px !important;
  }
}
@media (max-width: 768px) {
  body .mt40-md {
    margin-top: 40px !important;
  }
}
@media (max-width: 576px) {
  body .mt40-sm {
    margin-top: 40px !important;
  }
}
@media (max-width: 0) {
  body .mt40-xs {
    margin-top: 40px !important;
  }
}
.mr40 {
  margin-right: 40px !important;
}
@media (max-width: 1200px) {
  body .mr40-xl {
    margin-right: 40px !important;
  }
}
@media (max-width: 992px) {
  body .mr40-lg {
    margin-right: 40px !important;
  }
}
@media (max-width: 768px) {
  body .mr40-md {
    margin-right: 40px !important;
  }
}
@media (max-width: 576px) {
  body .mr40-sm {
    margin-right: 40px !important;
  }
}
@media (max-width: 0) {
  body .mr40-xs {
    margin-right: 40px !important;
  }
}
.mb40 {
  margin-bottom: 40px !important;
}
@media (max-width: 1200px) {
  body .mb40-xl {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 992px) {
  body .mb40-lg {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 768px) {
  body .mb40-md {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 576px) {
  body .mb40-sm {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 0) {
  body .mb40-xs {
    margin-bottom: 40px !important;
  }
}
.ml40 {
  margin-left: 40px !important;
}
@media (max-width: 1200px) {
  body .ml40-xl {
    margin-left: 40px !important;
  }
}
@media (max-width: 992px) {
  body .ml40-lg {
    margin-left: 40px !important;
  }
}
@media (max-width: 768px) {
  body .ml40-md {
    margin-left: 40px !important;
  }
}
@media (max-width: 576px) {
  body .ml40-sm {
    margin-left: 40px !important;
  }
}
@media (max-width: 0) {
  body .ml40-xs {
    margin-left: 40px !important;
  }
}
.mtb40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
@media (max-width: 1200px) {
  body .mtb40-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 992px) {
  body .mtb40-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 768px) {
  body .mtb40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 576px) {
  body .mtb40-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 0) {
  body .mtb40-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
.mlr40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
@media (max-width: 1200px) {
  body .mlr40-xl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media (max-width: 992px) {
  body .mlr40-lg {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media (max-width: 768px) {
  body .mlr40-md {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media (max-width: 576px) {
  body .mlr40-sm {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media (max-width: 0) {
  body .mlr40-xs {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
.m45 {
  margin: 45px !important;
}
@media (max-width: 1200px) {
  body .m45-xl {
    margin: 45px !important;
  }
}
@media (max-width: 992px) {
  body .m45-lg {
    margin: 45px !important;
  }
}
@media (max-width: 768px) {
  body .m45-md {
    margin: 45px !important;
  }
}
@media (max-width: 576px) {
  body .m45-sm {
    margin: 45px !important;
  }
}
@media (max-width: 0) {
  body .m45-xs {
    margin: 45px !important;
  }
}
.mt45 {
  margin-top: 45px !important;
}
@media (max-width: 1200px) {
  body .mt45-xl {
    margin-top: 45px !important;
  }
}
@media (max-width: 992px) {
  body .mt45-lg {
    margin-top: 45px !important;
  }
}
@media (max-width: 768px) {
  body .mt45-md {
    margin-top: 45px !important;
  }
}
@media (max-width: 576px) {
  body .mt45-sm {
    margin-top: 45px !important;
  }
}
@media (max-width: 0) {
  body .mt45-xs {
    margin-top: 45px !important;
  }
}
.mr45 {
  margin-right: 45px !important;
}
@media (max-width: 1200px) {
  body .mr45-xl {
    margin-right: 45px !important;
  }
}
@media (max-width: 992px) {
  body .mr45-lg {
    margin-right: 45px !important;
  }
}
@media (max-width: 768px) {
  body .mr45-md {
    margin-right: 45px !important;
  }
}
@media (max-width: 576px) {
  body .mr45-sm {
    margin-right: 45px !important;
  }
}
@media (max-width: 0) {
  body .mr45-xs {
    margin-right: 45px !important;
  }
}
.mb45 {
  margin-bottom: 45px !important;
}
@media (max-width: 1200px) {
  body .mb45-xl {
    margin-bottom: 45px !important;
  }
}
@media (max-width: 992px) {
  body .mb45-lg {
    margin-bottom: 45px !important;
  }
}
@media (max-width: 768px) {
  body .mb45-md {
    margin-bottom: 45px !important;
  }
}
@media (max-width: 576px) {
  body .mb45-sm {
    margin-bottom: 45px !important;
  }
}
@media (max-width: 0) {
  body .mb45-xs {
    margin-bottom: 45px !important;
  }
}
.ml45 {
  margin-left: 45px !important;
}
@media (max-width: 1200px) {
  body .ml45-xl {
    margin-left: 45px !important;
  }
}
@media (max-width: 992px) {
  body .ml45-lg {
    margin-left: 45px !important;
  }
}
@media (max-width: 768px) {
  body .ml45-md {
    margin-left: 45px !important;
  }
}
@media (max-width: 576px) {
  body .ml45-sm {
    margin-left: 45px !important;
  }
}
@media (max-width: 0) {
  body .ml45-xs {
    margin-left: 45px !important;
  }
}
.mtb45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
@media (max-width: 1200px) {
  body .mtb45-xl {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media (max-width: 992px) {
  body .mtb45-lg {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media (max-width: 768px) {
  body .mtb45-md {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media (max-width: 576px) {
  body .mtb45-sm {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media (max-width: 0) {
  body .mtb45-xs {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
.mlr45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
@media (max-width: 1200px) {
  body .mlr45-xl {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}
@media (max-width: 992px) {
  body .mlr45-lg {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}
@media (max-width: 768px) {
  body .mlr45-md {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}
@media (max-width: 576px) {
  body .mlr45-sm {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}
@media (max-width: 0) {
  body .mlr45-xs {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}
.m50 {
  margin: 50px !important;
}
@media (max-width: 1200px) {
  body .m50-xl {
    margin: 50px !important;
  }
}
@media (max-width: 992px) {
  body .m50-lg {
    margin: 50px !important;
  }
}
@media (max-width: 768px) {
  body .m50-md {
    margin: 50px !important;
  }
}
@media (max-width: 576px) {
  body .m50-sm {
    margin: 50px !important;
  }
}
@media (max-width: 0) {
  body .m50-xs {
    margin: 50px !important;
  }
}
.mt50 {
  margin-top: 50px !important;
}
@media (max-width: 1200px) {
  body .mt50-xl {
    margin-top: 50px !important;
  }
}
@media (max-width: 992px) {
  body .mt50-lg {
    margin-top: 50px !important;
  }
}
@media (max-width: 768px) {
  body .mt50-md {
    margin-top: 50px !important;
  }
}
@media (max-width: 576px) {
  body .mt50-sm {
    margin-top: 50px !important;
  }
}
@media (max-width: 0) {
  body .mt50-xs {
    margin-top: 50px !important;
  }
}
.mr50 {
  margin-right: 50px !important;
}
@media (max-width: 1200px) {
  body .mr50-xl {
    margin-right: 50px !important;
  }
}
@media (max-width: 992px) {
  body .mr50-lg {
    margin-right: 50px !important;
  }
}
@media (max-width: 768px) {
  body .mr50-md {
    margin-right: 50px !important;
  }
}
@media (max-width: 576px) {
  body .mr50-sm {
    margin-right: 50px !important;
  }
}
@media (max-width: 0) {
  body .mr50-xs {
    margin-right: 50px !important;
  }
}
.mb50 {
  margin-bottom: 50px !important;
}
@media (max-width: 1200px) {
  body .mb50-xl {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 992px) {
  body .mb50-lg {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  body .mb50-md {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 576px) {
  body .mb50-sm {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 0) {
  body .mb50-xs {
    margin-bottom: 50px !important;
  }
}
.ml50 {
  margin-left: 50px !important;
}
@media (max-width: 1200px) {
  body .ml50-xl {
    margin-left: 50px !important;
  }
}
@media (max-width: 992px) {
  body .ml50-lg {
    margin-left: 50px !important;
  }
}
@media (max-width: 768px) {
  body .ml50-md {
    margin-left: 50px !important;
  }
}
@media (max-width: 576px) {
  body .ml50-sm {
    margin-left: 50px !important;
  }
}
@media (max-width: 0) {
  body .ml50-xs {
    margin-left: 50px !important;
  }
}
.mtb50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
@media (max-width: 1200px) {
  body .mtb50-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 992px) {
  body .mtb50-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  body .mtb50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 576px) {
  body .mtb50-sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media (max-width: 0) {
  body .mtb50-xs {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
.mlr50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
@media (max-width: 1200px) {
  body .mlr50-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}
@media (max-width: 992px) {
  body .mlr50-lg {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}
@media (max-width: 768px) {
  body .mlr50-md {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}
@media (max-width: 576px) {
  body .mlr50-sm {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}
@media (max-width: 0) {
  body .mlr50-xs {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}
.p-30 {
  padding: -30px !important;
}
@media (max-width: 1200px) {
  body .p-30-xl {
    padding: -30px !important;
  }
}
@media (max-width: 992px) {
  body .p-30-lg {
    padding: -30px !important;
  }
}
@media (max-width: 768px) {
  body .p-30-md {
    padding: -30px !important;
  }
}
@media (max-width: 576px) {
  body .p-30-sm {
    padding: -30px !important;
  }
}
@media (max-width: 0) {
  body .p-30-xs {
    padding: -30px !important;
  }
}
.pt-30 {
  padding-top: -30px !important;
}
@media (max-width: 1200px) {
  body .pt-30-xl {
    padding-top: -30px !important;
  }
}
@media (max-width: 992px) {
  body .pt-30-lg {
    padding-top: -30px !important;
  }
}
@media (max-width: 768px) {
  body .pt-30-md {
    padding-top: -30px !important;
  }
}
@media (max-width: 576px) {
  body .pt-30-sm {
    padding-top: -30px !important;
  }
}
@media (max-width: 0) {
  body .pt-30-xs {
    padding-top: -30px !important;
  }
}
.pr-30 {
  padding-right: -30px !important;
}
@media (max-width: 1200px) {
  body .pr-30-xl {
    padding-right: -30px !important;
  }
}
@media (max-width: 992px) {
  body .pr-30-lg {
    padding-right: -30px !important;
  }
}
@media (max-width: 768px) {
  body .pr-30-md {
    padding-right: -30px !important;
  }
}
@media (max-width: 576px) {
  body .pr-30-sm {
    padding-right: -30px !important;
  }
}
@media (max-width: 0) {
  body .pr-30-xs {
    padding-right: -30px !important;
  }
}
.pb-30 {
  padding-bottom: -30px !important;
}
@media (max-width: 1200px) {
  body .pb-30-xl {
    padding-bottom: -30px !important;
  }
}
@media (max-width: 992px) {
  body .pb-30-lg {
    padding-bottom: -30px !important;
  }
}
@media (max-width: 768px) {
  body .pb-30-md {
    padding-bottom: -30px !important;
  }
}
@media (max-width: 576px) {
  body .pb-30-sm {
    padding-bottom: -30px !important;
  }
}
@media (max-width: 0) {
  body .pb-30-xs {
    padding-bottom: -30px !important;
  }
}
.pl-30 {
  padding-left: -30px !important;
}
@media (max-width: 1200px) {
  body .pl-30-xl {
    padding-left: -30px !important;
  }
}
@media (max-width: 992px) {
  body .pl-30-lg {
    padding-left: -30px !important;
  }
}
@media (max-width: 768px) {
  body .pl-30-md {
    padding-left: -30px !important;
  }
}
@media (max-width: 576px) {
  body .pl-30-sm {
    padding-left: -30px !important;
  }
}
@media (max-width: 0) {
  body .pl-30-xs {
    padding-left: -30px !important;
  }
}
.ptb-30 {
  padding-top: -30px !important;
  padding-bottom: -30px !important;
}
@media (max-width: 1200px) {
  body .ptb-30-xl {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
}
@media (max-width: 992px) {
  body .ptb-30-lg {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
}
@media (max-width: 768px) {
  body .ptb-30-md {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
}
@media (max-width: 576px) {
  body .ptb-30-sm {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
}
@media (max-width: 0) {
  body .ptb-30-xs {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }
}
.plr-30 {
  padding-left: -30px !important;
  padding-right: -30px !important;
}
@media (max-width: 1200px) {
  body .plr-30-xl {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }
}
@media (max-width: 992px) {
  body .plr-30-lg {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }
}
@media (max-width: 768px) {
  body .plr-30-md {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }
}
@media (max-width: 576px) {
  body .plr-30-sm {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }
}
@media (max-width: 0) {
  body .plr-30-xs {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }
}
.p-25 {
  padding: -25px !important;
}
@media (max-width: 1200px) {
  body .p-25-xl {
    padding: -25px !important;
  }
}
@media (max-width: 992px) {
  body .p-25-lg {
    padding: -25px !important;
  }
}
@media (max-width: 768px) {
  body .p-25-md {
    padding: -25px !important;
  }
}
@media (max-width: 576px) {
  body .p-25-sm {
    padding: -25px !important;
  }
}
@media (max-width: 0) {
  body .p-25-xs {
    padding: -25px !important;
  }
}
.pt-25 {
  padding-top: -25px !important;
}
@media (max-width: 1200px) {
  body .pt-25-xl {
    padding-top: -25px !important;
  }
}
@media (max-width: 992px) {
  body .pt-25-lg {
    padding-top: -25px !important;
  }
}
@media (max-width: 768px) {
  body .pt-25-md {
    padding-top: -25px !important;
  }
}
@media (max-width: 576px) {
  body .pt-25-sm {
    padding-top: -25px !important;
  }
}
@media (max-width: 0) {
  body .pt-25-xs {
    padding-top: -25px !important;
  }
}
.pr-25 {
  padding-right: -25px !important;
}
@media (max-width: 1200px) {
  body .pr-25-xl {
    padding-right: -25px !important;
  }
}
@media (max-width: 992px) {
  body .pr-25-lg {
    padding-right: -25px !important;
  }
}
@media (max-width: 768px) {
  body .pr-25-md {
    padding-right: -25px !important;
  }
}
@media (max-width: 576px) {
  body .pr-25-sm {
    padding-right: -25px !important;
  }
}
@media (max-width: 0) {
  body .pr-25-xs {
    padding-right: -25px !important;
  }
}
.pb-25 {
  padding-bottom: -25px !important;
}
@media (max-width: 1200px) {
  body .pb-25-xl {
    padding-bottom: -25px !important;
  }
}
@media (max-width: 992px) {
  body .pb-25-lg {
    padding-bottom: -25px !important;
  }
}
@media (max-width: 768px) {
  body .pb-25-md {
    padding-bottom: -25px !important;
  }
}
@media (max-width: 576px) {
  body .pb-25-sm {
    padding-bottom: -25px !important;
  }
}
@media (max-width: 0) {
  body .pb-25-xs {
    padding-bottom: -25px !important;
  }
}
.pl-25 {
  padding-left: -25px !important;
}
@media (max-width: 1200px) {
  body .pl-25-xl {
    padding-left: -25px !important;
  }
}
@media (max-width: 992px) {
  body .pl-25-lg {
    padding-left: -25px !important;
  }
}
@media (max-width: 768px) {
  body .pl-25-md {
    padding-left: -25px !important;
  }
}
@media (max-width: 576px) {
  body .pl-25-sm {
    padding-left: -25px !important;
  }
}
@media (max-width: 0) {
  body .pl-25-xs {
    padding-left: -25px !important;
  }
}
.ptb-25 {
  padding-top: -25px !important;
  padding-bottom: -25px !important;
}
@media (max-width: 1200px) {
  body .ptb-25-xl {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
}
@media (max-width: 992px) {
  body .ptb-25-lg {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
}
@media (max-width: 768px) {
  body .ptb-25-md {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
}
@media (max-width: 576px) {
  body .ptb-25-sm {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
}
@media (max-width: 0) {
  body .ptb-25-xs {
    padding-top: -25px !important;
    padding-bottom: -25px !important;
  }
}
.plr-25 {
  padding-left: -25px !important;
  padding-right: -25px !important;
}
@media (max-width: 1200px) {
  body .plr-25-xl {
    padding-left: -25px !important;
    padding-right: -25px !important;
  }
}
@media (max-width: 992px) {
  body .plr-25-lg {
    padding-left: -25px !important;
    padding-right: -25px !important;
  }
}
@media (max-width: 768px) {
  body .plr-25-md {
    padding-left: -25px !important;
    padding-right: -25px !important;
  }
}
@media (max-width: 576px) {
  body .plr-25-sm {
    padding-left: -25px !important;
    padding-right: -25px !important;
  }
}
@media (max-width: 0) {
  body .plr-25-xs {
    padding-left: -25px !important;
    padding-right: -25px !important;
  }
}
.p-20 {
  padding: -20px !important;
}
@media (max-width: 1200px) {
  body .p-20-xl {
    padding: -20px !important;
  }
}
@media (max-width: 992px) {
  body .p-20-lg {
    padding: -20px !important;
  }
}
@media (max-width: 768px) {
  body .p-20-md {
    padding: -20px !important;
  }
}
@media (max-width: 576px) {
  body .p-20-sm {
    padding: -20px !important;
  }
}
@media (max-width: 0) {
  body .p-20-xs {
    padding: -20px !important;
  }
}
.pt-20 {
  padding-top: -20px !important;
}
@media (max-width: 1200px) {
  body .pt-20-xl {
    padding-top: -20px !important;
  }
}
@media (max-width: 992px) {
  body .pt-20-lg {
    padding-top: -20px !important;
  }
}
@media (max-width: 768px) {
  body .pt-20-md {
    padding-top: -20px !important;
  }
}
@media (max-width: 576px) {
  body .pt-20-sm {
    padding-top: -20px !important;
  }
}
@media (max-width: 0) {
  body .pt-20-xs {
    padding-top: -20px !important;
  }
}
.pr-20 {
  padding-right: -20px !important;
}
@media (max-width: 1200px) {
  body .pr-20-xl {
    padding-right: -20px !important;
  }
}
@media (max-width: 992px) {
  body .pr-20-lg {
    padding-right: -20px !important;
  }
}
@media (max-width: 768px) {
  body .pr-20-md {
    padding-right: -20px !important;
  }
}
@media (max-width: 576px) {
  body .pr-20-sm {
    padding-right: -20px !important;
  }
}
@media (max-width: 0) {
  body .pr-20-xs {
    padding-right: -20px !important;
  }
}
.pb-20 {
  padding-bottom: -20px !important;
}
@media (max-width: 1200px) {
  body .pb-20-xl {
    padding-bottom: -20px !important;
  }
}
@media (max-width: 992px) {
  body .pb-20-lg {
    padding-bottom: -20px !important;
  }
}
@media (max-width: 768px) {
  body .pb-20-md {
    padding-bottom: -20px !important;
  }
}
@media (max-width: 576px) {
  body .pb-20-sm {
    padding-bottom: -20px !important;
  }
}
@media (max-width: 0) {
  body .pb-20-xs {
    padding-bottom: -20px !important;
  }
}
.pl-20 {
  padding-left: -20px !important;
}
@media (max-width: 1200px) {
  body .pl-20-xl {
    padding-left: -20px !important;
  }
}
@media (max-width: 992px) {
  body .pl-20-lg {
    padding-left: -20px !important;
  }
}
@media (max-width: 768px) {
  body .pl-20-md {
    padding-left: -20px !important;
  }
}
@media (max-width: 576px) {
  body .pl-20-sm {
    padding-left: -20px !important;
  }
}
@media (max-width: 0) {
  body .pl-20-xs {
    padding-left: -20px !important;
  }
}
.ptb-20 {
  padding-top: -20px !important;
  padding-bottom: -20px !important;
}
@media (max-width: 1200px) {
  body .ptb-20-xl {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
}
@media (max-width: 992px) {
  body .ptb-20-lg {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
}
@media (max-width: 768px) {
  body .ptb-20-md {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
}
@media (max-width: 576px) {
  body .ptb-20-sm {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
}
@media (max-width: 0) {
  body .ptb-20-xs {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }
}
.plr-20 {
  padding-left: -20px !important;
  padding-right: -20px !important;
}
@media (max-width: 1200px) {
  body .plr-20-xl {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }
}
@media (max-width: 992px) {
  body .plr-20-lg {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }
}
@media (max-width: 768px) {
  body .plr-20-md {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }
}
@media (max-width: 576px) {
  body .plr-20-sm {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }
}
@media (max-width: 0) {
  body .plr-20-xs {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }
}
.p-15 {
  padding: -15px !important;
}
@media (max-width: 1200px) {
  body .p-15-xl {
    padding: -15px !important;
  }
}
@media (max-width: 992px) {
  body .p-15-lg {
    padding: -15px !important;
  }
}
@media (max-width: 768px) {
  body .p-15-md {
    padding: -15px !important;
  }
}
@media (max-width: 576px) {
  body .p-15-sm {
    padding: -15px !important;
  }
}
@media (max-width: 0) {
  body .p-15-xs {
    padding: -15px !important;
  }
}
.pt-15 {
  padding-top: -15px !important;
}
@media (max-width: 1200px) {
  body .pt-15-xl {
    padding-top: -15px !important;
  }
}
@media (max-width: 992px) {
  body .pt-15-lg {
    padding-top: -15px !important;
  }
}
@media (max-width: 768px) {
  body .pt-15-md {
    padding-top: -15px !important;
  }
}
@media (max-width: 576px) {
  body .pt-15-sm {
    padding-top: -15px !important;
  }
}
@media (max-width: 0) {
  body .pt-15-xs {
    padding-top: -15px !important;
  }
}
.pr-15 {
  padding-right: -15px !important;
}
@media (max-width: 1200px) {
  body .pr-15-xl {
    padding-right: -15px !important;
  }
}
@media (max-width: 992px) {
  body .pr-15-lg {
    padding-right: -15px !important;
  }
}
@media (max-width: 768px) {
  body .pr-15-md {
    padding-right: -15px !important;
  }
}
@media (max-width: 576px) {
  body .pr-15-sm {
    padding-right: -15px !important;
  }
}
@media (max-width: 0) {
  body .pr-15-xs {
    padding-right: -15px !important;
  }
}
.pb-15 {
  padding-bottom: -15px !important;
}
@media (max-width: 1200px) {
  body .pb-15-xl {
    padding-bottom: -15px !important;
  }
}
@media (max-width: 992px) {
  body .pb-15-lg {
    padding-bottom: -15px !important;
  }
}
@media (max-width: 768px) {
  body .pb-15-md {
    padding-bottom: -15px !important;
  }
}
@media (max-width: 576px) {
  body .pb-15-sm {
    padding-bottom: -15px !important;
  }
}
@media (max-width: 0) {
  body .pb-15-xs {
    padding-bottom: -15px !important;
  }
}
.pl-15 {
  padding-left: -15px !important;
}
@media (max-width: 1200px) {
  body .pl-15-xl {
    padding-left: -15px !important;
  }
}
@media (max-width: 992px) {
  body .pl-15-lg {
    padding-left: -15px !important;
  }
}
@media (max-width: 768px) {
  body .pl-15-md {
    padding-left: -15px !important;
  }
}
@media (max-width: 576px) {
  body .pl-15-sm {
    padding-left: -15px !important;
  }
}
@media (max-width: 0) {
  body .pl-15-xs {
    padding-left: -15px !important;
  }
}
.ptb-15 {
  padding-top: -15px !important;
  padding-bottom: -15px !important;
}
@media (max-width: 1200px) {
  body .ptb-15-xl {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
}
@media (max-width: 992px) {
  body .ptb-15-lg {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
}
@media (max-width: 768px) {
  body .ptb-15-md {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
}
@media (max-width: 576px) {
  body .ptb-15-sm {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
}
@media (max-width: 0) {
  body .ptb-15-xs {
    padding-top: -15px !important;
    padding-bottom: -15px !important;
  }
}
.plr-15 {
  padding-left: -15px !important;
  padding-right: -15px !important;
}
@media (max-width: 1200px) {
  body .plr-15-xl {
    padding-left: -15px !important;
    padding-right: -15px !important;
  }
}
@media (max-width: 992px) {
  body .plr-15-lg {
    padding-left: -15px !important;
    padding-right: -15px !important;
  }
}
@media (max-width: 768px) {
  body .plr-15-md {
    padding-left: -15px !important;
    padding-right: -15px !important;
  }
}
@media (max-width: 576px) {
  body .plr-15-sm {
    padding-left: -15px !important;
    padding-right: -15px !important;
  }
}
@media (max-width: 0) {
  body .plr-15-xs {
    padding-left: -15px !important;
    padding-right: -15px !important;
  }
}
.p-10 {
  padding: -10px !important;
}
@media (max-width: 1200px) {
  body .p-10-xl {
    padding: -10px !important;
  }
}
@media (max-width: 992px) {
  body .p-10-lg {
    padding: -10px !important;
  }
}
@media (max-width: 768px) {
  body .p-10-md {
    padding: -10px !important;
  }
}
@media (max-width: 576px) {
  body .p-10-sm {
    padding: -10px !important;
  }
}
@media (max-width: 0) {
  body .p-10-xs {
    padding: -10px !important;
  }
}
.pt-10 {
  padding-top: -10px !important;
}
@media (max-width: 1200px) {
  body .pt-10-xl {
    padding-top: -10px !important;
  }
}
@media (max-width: 992px) {
  body .pt-10-lg {
    padding-top: -10px !important;
  }
}
@media (max-width: 768px) {
  body .pt-10-md {
    padding-top: -10px !important;
  }
}
@media (max-width: 576px) {
  body .pt-10-sm {
    padding-top: -10px !important;
  }
}
@media (max-width: 0) {
  body .pt-10-xs {
    padding-top: -10px !important;
  }
}
.pr-10 {
  padding-right: -10px !important;
}
@media (max-width: 1200px) {
  body .pr-10-xl {
    padding-right: -10px !important;
  }
}
@media (max-width: 992px) {
  body .pr-10-lg {
    padding-right: -10px !important;
  }
}
@media (max-width: 768px) {
  body .pr-10-md {
    padding-right: -10px !important;
  }
}
@media (max-width: 576px) {
  body .pr-10-sm {
    padding-right: -10px !important;
  }
}
@media (max-width: 0) {
  body .pr-10-xs {
    padding-right: -10px !important;
  }
}
.pb-10 {
  padding-bottom: -10px !important;
}
@media (max-width: 1200px) {
  body .pb-10-xl {
    padding-bottom: -10px !important;
  }
}
@media (max-width: 992px) {
  body .pb-10-lg {
    padding-bottom: -10px !important;
  }
}
@media (max-width: 768px) {
  body .pb-10-md {
    padding-bottom: -10px !important;
  }
}
@media (max-width: 576px) {
  body .pb-10-sm {
    padding-bottom: -10px !important;
  }
}
@media (max-width: 0) {
  body .pb-10-xs {
    padding-bottom: -10px !important;
  }
}
.pl-10 {
  padding-left: -10px !important;
}
@media (max-width: 1200px) {
  body .pl-10-xl {
    padding-left: -10px !important;
  }
}
@media (max-width: 992px) {
  body .pl-10-lg {
    padding-left: -10px !important;
  }
}
@media (max-width: 768px) {
  body .pl-10-md {
    padding-left: -10px !important;
  }
}
@media (max-width: 576px) {
  body .pl-10-sm {
    padding-left: -10px !important;
  }
}
@media (max-width: 0) {
  body .pl-10-xs {
    padding-left: -10px !important;
  }
}
.ptb-10 {
  padding-top: -10px !important;
  padding-bottom: -10px !important;
}
@media (max-width: 1200px) {
  body .ptb-10-xl {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
}
@media (max-width: 992px) {
  body .ptb-10-lg {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
}
@media (max-width: 768px) {
  body .ptb-10-md {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
}
@media (max-width: 576px) {
  body .ptb-10-sm {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
}
@media (max-width: 0) {
  body .ptb-10-xs {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }
}
.plr-10 {
  padding-left: -10px !important;
  padding-right: -10px !important;
}
@media (max-width: 1200px) {
  body .plr-10-xl {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }
}
@media (max-width: 992px) {
  body .plr-10-lg {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }
}
@media (max-width: 768px) {
  body .plr-10-md {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }
}
@media (max-width: 576px) {
  body .plr-10-sm {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }
}
@media (max-width: 0) {
  body .plr-10-xs {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }
}
.p-5 {
  padding: -5px !important;
}
@media (max-width: 1200px) {
  body .p-5-xl {
    padding: -5px !important;
  }
}
@media (max-width: 992px) {
  body .p-5-lg {
    padding: -5px !important;
  }
}
@media (max-width: 768px) {
  body .p-5-md {
    padding: -5px !important;
  }
}
@media (max-width: 576px) {
  body .p-5-sm {
    padding: -5px !important;
  }
}
@media (max-width: 0) {
  body .p-5-xs {
    padding: -5px !important;
  }
}
.pt-5 {
  padding-top: -5px !important;
}
@media (max-width: 1200px) {
  body .pt-5-xl {
    padding-top: -5px !important;
  }
}
@media (max-width: 992px) {
  body .pt-5-lg {
    padding-top: -5px !important;
  }
}
@media (max-width: 768px) {
  body .pt-5-md {
    padding-top: -5px !important;
  }
}
@media (max-width: 576px) {
  body .pt-5-sm {
    padding-top: -5px !important;
  }
}
@media (max-width: 0) {
  body .pt-5-xs {
    padding-top: -5px !important;
  }
}
.pr-5 {
  padding-right: -5px !important;
}
@media (max-width: 1200px) {
  body .pr-5-xl {
    padding-right: -5px !important;
  }
}
@media (max-width: 992px) {
  body .pr-5-lg {
    padding-right: -5px !important;
  }
}
@media (max-width: 768px) {
  body .pr-5-md {
    padding-right: -5px !important;
  }
}
@media (max-width: 576px) {
  body .pr-5-sm {
    padding-right: -5px !important;
  }
}
@media (max-width: 0) {
  body .pr-5-xs {
    padding-right: -5px !important;
  }
}
.pb-5 {
  padding-bottom: -5px !important;
}
@media (max-width: 1200px) {
  body .pb-5-xl {
    padding-bottom: -5px !important;
  }
}
@media (max-width: 992px) {
  body .pb-5-lg {
    padding-bottom: -5px !important;
  }
}
@media (max-width: 768px) {
  body .pb-5-md {
    padding-bottom: -5px !important;
  }
}
@media (max-width: 576px) {
  body .pb-5-sm {
    padding-bottom: -5px !important;
  }
}
@media (max-width: 0) {
  body .pb-5-xs {
    padding-bottom: -5px !important;
  }
}
.pl-5 {
  padding-left: -5px !important;
}
@media (max-width: 1200px) {
  body .pl-5-xl {
    padding-left: -5px !important;
  }
}
@media (max-width: 992px) {
  body .pl-5-lg {
    padding-left: -5px !important;
  }
}
@media (max-width: 768px) {
  body .pl-5-md {
    padding-left: -5px !important;
  }
}
@media (max-width: 576px) {
  body .pl-5-sm {
    padding-left: -5px !important;
  }
}
@media (max-width: 0) {
  body .pl-5-xs {
    padding-left: -5px !important;
  }
}
.ptb-5 {
  padding-top: -5px !important;
  padding-bottom: -5px !important;
}
@media (max-width: 1200px) {
  body .ptb-5-xl {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
}
@media (max-width: 992px) {
  body .ptb-5-lg {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
}
@media (max-width: 768px) {
  body .ptb-5-md {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
}
@media (max-width: 576px) {
  body .ptb-5-sm {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
}
@media (max-width: 0) {
  body .ptb-5-xs {
    padding-top: -5px !important;
    padding-bottom: -5px !important;
  }
}
.plr-5 {
  padding-left: -5px !important;
  padding-right: -5px !important;
}
@media (max-width: 1200px) {
  body .plr-5-xl {
    padding-left: -5px !important;
    padding-right: -5px !important;
  }
}
@media (max-width: 992px) {
  body .plr-5-lg {
    padding-left: -5px !important;
    padding-right: -5px !important;
  }
}
@media (max-width: 768px) {
  body .plr-5-md {
    padding-left: -5px !important;
    padding-right: -5px !important;
  }
}
@media (max-width: 576px) {
  body .plr-5-sm {
    padding-left: -5px !important;
    padding-right: -5px !important;
  }
}
@media (max-width: 0) {
  body .plr-5-xs {
    padding-left: -5px !important;
    padding-right: -5px !important;
  }
}
.p0 {
  padding: 0px !important;
}
@media (max-width: 1200px) {
  body .p0-xl {
    padding: 0px !important;
  }
}
@media (max-width: 992px) {
  body .p0-lg {
    padding: 0px !important;
  }
}
@media (max-width: 768px) {
  body .p0-md {
    padding: 0px !important;
  }
}
@media (max-width: 576px) {
  body .p0-sm {
    padding: 0px !important;
  }
}
@media (max-width: 0) {
  body .p0-xs {
    padding: 0px !important;
  }
}
.pt0 {
  padding-top: 0px !important;
}
@media (max-width: 1200px) {
  body .pt0-xl {
    padding-top: 0px !important;
  }
}
@media (max-width: 992px) {
  body .pt0-lg {
    padding-top: 0px !important;
  }
}
@media (max-width: 768px) {
  body .pt0-md {
    padding-top: 0px !important;
  }
}
@media (max-width: 576px) {
  body .pt0-sm {
    padding-top: 0px !important;
  }
}
@media (max-width: 0) {
  body .pt0-xs {
    padding-top: 0px !important;
  }
}
.pr0 {
  padding-right: 0px !important;
}
@media (max-width: 1200px) {
  body .pr0-xl {
    padding-right: 0px !important;
  }
}
@media (max-width: 992px) {
  body .pr0-lg {
    padding-right: 0px !important;
  }
}
@media (max-width: 768px) {
  body .pr0-md {
    padding-right: 0px !important;
  }
}
@media (max-width: 576px) {
  body .pr0-sm {
    padding-right: 0px !important;
  }
}
@media (max-width: 0) {
  body .pr0-xs {
    padding-right: 0px !important;
  }
}
.pb0 {
  padding-bottom: 0px !important;
}
@media (max-width: 1200px) {
  body .pb0-xl {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 992px) {
  body .pb0-lg {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  body .pb0-md {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 576px) {
  body .pb0-sm {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 0) {
  body .pb0-xs {
    padding-bottom: 0px !important;
  }
}
.pl0 {
  padding-left: 0px !important;
}
@media (max-width: 1200px) {
  body .pl0-xl {
    padding-left: 0px !important;
  }
}
@media (max-width: 992px) {
  body .pl0-lg {
    padding-left: 0px !important;
  }
}
@media (max-width: 768px) {
  body .pl0-md {
    padding-left: 0px !important;
  }
}
@media (max-width: 576px) {
  body .pl0-sm {
    padding-left: 0px !important;
  }
}
@media (max-width: 0) {
  body .pl0-xs {
    padding-left: 0px !important;
  }
}
.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 1200px) {
  body .ptb0-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media (max-width: 992px) {
  body .ptb0-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  body .ptb0-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media (max-width: 576px) {
  body .ptb0-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media (max-width: 0) {
  body .ptb0-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.plr0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (max-width: 1200px) {
  body .plr0-xl {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 992px) {
  body .plr0-lg {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 768px) {
  body .plr0-md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 576px) {
  body .plr0-sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 0) {
  body .plr0-xs {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.p5 {
  padding: 5px !important;
}
@media (max-width: 1200px) {
  body .p5-xl {
    padding: 5px !important;
  }
}
@media (max-width: 992px) {
  body .p5-lg {
    padding: 5px !important;
  }
}
@media (max-width: 768px) {
  body .p5-md {
    padding: 5px !important;
  }
}
@media (max-width: 576px) {
  body .p5-sm {
    padding: 5px !important;
  }
}
@media (max-width: 0) {
  body .p5-xs {
    padding: 5px !important;
  }
}
.pt5 {
  padding-top: 5px !important;
}
@media (max-width: 1200px) {
  body .pt5-xl {
    padding-top: 5px !important;
  }
}
@media (max-width: 992px) {
  body .pt5-lg {
    padding-top: 5px !important;
  }
}
@media (max-width: 768px) {
  body .pt5-md {
    padding-top: 5px !important;
  }
}
@media (max-width: 576px) {
  body .pt5-sm {
    padding-top: 5px !important;
  }
}
@media (max-width: 0) {
  body .pt5-xs {
    padding-top: 5px !important;
  }
}
.pr5 {
  padding-right: 5px !important;
}
@media (max-width: 1200px) {
  body .pr5-xl {
    padding-right: 5px !important;
  }
}
@media (max-width: 992px) {
  body .pr5-lg {
    padding-right: 5px !important;
  }
}
@media (max-width: 768px) {
  body .pr5-md {
    padding-right: 5px !important;
  }
}
@media (max-width: 576px) {
  body .pr5-sm {
    padding-right: 5px !important;
  }
}
@media (max-width: 0) {
  body .pr5-xs {
    padding-right: 5px !important;
  }
}
.pb5 {
  padding-bottom: 5px !important;
}
@media (max-width: 1200px) {
  body .pb5-xl {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 992px) {
  body .pb5-lg {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 768px) {
  body .pb5-md {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 576px) {
  body .pb5-sm {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 0) {
  body .pb5-xs {
    padding-bottom: 5px !important;
  }
}
.pl5 {
  padding-left: 5px !important;
}
@media (max-width: 1200px) {
  body .pl5-xl {
    padding-left: 5px !important;
  }
}
@media (max-width: 992px) {
  body .pl5-lg {
    padding-left: 5px !important;
  }
}
@media (max-width: 768px) {
  body .pl5-md {
    padding-left: 5px !important;
  }
}
@media (max-width: 576px) {
  body .pl5-sm {
    padding-left: 5px !important;
  }
}
@media (max-width: 0) {
  body .pl5-xs {
    padding-left: 5px !important;
  }
}
.ptb5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
@media (max-width: 1200px) {
  body .ptb5-xl {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media (max-width: 992px) {
  body .ptb5-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media (max-width: 768px) {
  body .ptb5-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media (max-width: 576px) {
  body .ptb5-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media (max-width: 0) {
  body .ptb5-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.plr5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
@media (max-width: 1200px) {
  body .plr5-xl {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (max-width: 992px) {
  body .plr5-lg {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (max-width: 768px) {
  body .plr5-md {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (max-width: 576px) {
  body .plr5-sm {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (max-width: 0) {
  body .plr5-xs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
.p10 {
  padding: 10px !important;
}
@media (max-width: 1200px) {
  body .p10-xl {
    padding: 10px !important;
  }
}
@media (max-width: 992px) {
  body .p10-lg {
    padding: 10px !important;
  }
}
@media (max-width: 768px) {
  body .p10-md {
    padding: 10px !important;
  }
}
@media (max-width: 576px) {
  body .p10-sm {
    padding: 10px !important;
  }
}
@media (max-width: 0) {
  body .p10-xs {
    padding: 10px !important;
  }
}
.pt10 {
  padding-top: 10px !important;
}
@media (max-width: 1200px) {
  body .pt10-xl {
    padding-top: 10px !important;
  }
}
@media (max-width: 992px) {
  body .pt10-lg {
    padding-top: 10px !important;
  }
}
@media (max-width: 768px) {
  body .pt10-md {
    padding-top: 10px !important;
  }
}
@media (max-width: 576px) {
  body .pt10-sm {
    padding-top: 10px !important;
  }
}
@media (max-width: 0) {
  body .pt10-xs {
    padding-top: 10px !important;
  }
}
.pr10 {
  padding-right: 10px !important;
}
@media (max-width: 1200px) {
  body .pr10-xl {
    padding-right: 10px !important;
  }
}
@media (max-width: 992px) {
  body .pr10-lg {
    padding-right: 10px !important;
  }
}
@media (max-width: 768px) {
  body .pr10-md {
    padding-right: 10px !important;
  }
}
@media (max-width: 576px) {
  body .pr10-sm {
    padding-right: 10px !important;
  }
}
@media (max-width: 0) {
  body .pr10-xs {
    padding-right: 10px !important;
  }
}
.pb10 {
  padding-bottom: 10px !important;
}
@media (max-width: 1200px) {
  body .pb10-xl {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 992px) {
  body .pb10-lg {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 768px) {
  body .pb10-md {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 576px) {
  body .pb10-sm {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 0) {
  body .pb10-xs {
    padding-bottom: 10px !important;
  }
}
.pl10 {
  padding-left: 10px !important;
}
@media (max-width: 1200px) {
  body .pl10-xl {
    padding-left: 10px !important;
  }
}
@media (max-width: 992px) {
  body .pl10-lg {
    padding-left: 10px !important;
  }
}
@media (max-width: 768px) {
  body .pl10-md {
    padding-left: 10px !important;
  }
}
@media (max-width: 576px) {
  body .pl10-sm {
    padding-left: 10px !important;
  }
}
@media (max-width: 0) {
  body .pl10-xs {
    padding-left: 10px !important;
  }
}
.ptb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (max-width: 1200px) {
  body .ptb10-xl {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 992px) {
  body .ptb10-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 768px) {
  body .ptb10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 576px) {
  body .ptb10-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 0) {
  body .ptb10-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
.plr10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (max-width: 1200px) {
  body .plr10-xl {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 992px) {
  body .plr10-lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 768px) {
  body .plr10-md {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 576px) {
  body .plr10-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 0) {
  body .plr10-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.p15 {
  padding: 15px !important;
}
@media (max-width: 1200px) {
  body .p15-xl {
    padding: 15px !important;
  }
}
@media (max-width: 992px) {
  body .p15-lg {
    padding: 15px !important;
  }
}
@media (max-width: 768px) {
  body .p15-md {
    padding: 15px !important;
  }
}
@media (max-width: 576px) {
  body .p15-sm {
    padding: 15px !important;
  }
}
@media (max-width: 0) {
  body .p15-xs {
    padding: 15px !important;
  }
}
.pt15 {
  padding-top: 15px !important;
}
@media (max-width: 1200px) {
  body .pt15-xl {
    padding-top: 15px !important;
  }
}
@media (max-width: 992px) {
  body .pt15-lg {
    padding-top: 15px !important;
  }
}
@media (max-width: 768px) {
  body .pt15-md {
    padding-top: 15px !important;
  }
}
@media (max-width: 576px) {
  body .pt15-sm {
    padding-top: 15px !important;
  }
}
@media (max-width: 0) {
  body .pt15-xs {
    padding-top: 15px !important;
  }
}
.pr15 {
  padding-right: 15px !important;
}
@media (max-width: 1200px) {
  body .pr15-xl {
    padding-right: 15px !important;
  }
}
@media (max-width: 992px) {
  body .pr15-lg {
    padding-right: 15px !important;
  }
}
@media (max-width: 768px) {
  body .pr15-md {
    padding-right: 15px !important;
  }
}
@media (max-width: 576px) {
  body .pr15-sm {
    padding-right: 15px !important;
  }
}
@media (max-width: 0) {
  body .pr15-xs {
    padding-right: 15px !important;
  }
}
.pb15 {
  padding-bottom: 15px !important;
}
@media (max-width: 1200px) {
  body .pb15-xl {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 992px) {
  body .pb15-lg {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 768px) {
  body .pb15-md {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 576px) {
  body .pb15-sm {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 0) {
  body .pb15-xs {
    padding-bottom: 15px !important;
  }
}
.pl15 {
  padding-left: 15px !important;
}
@media (max-width: 1200px) {
  body .pl15-xl {
    padding-left: 15px !important;
  }
}
@media (max-width: 992px) {
  body .pl15-lg {
    padding-left: 15px !important;
  }
}
@media (max-width: 768px) {
  body .pl15-md {
    padding-left: 15px !important;
  }
}
@media (max-width: 576px) {
  body .pl15-sm {
    padding-left: 15px !important;
  }
}
@media (max-width: 0) {
  body .pl15-xs {
    padding-left: 15px !important;
  }
}
.ptb15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
@media (max-width: 1200px) {
  body .ptb15-xl {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media (max-width: 992px) {
  body .ptb15-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media (max-width: 768px) {
  body .ptb15-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media (max-width: 576px) {
  body .ptb15-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media (max-width: 0) {
  body .ptb15-xs {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
.plr15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media (max-width: 1200px) {
  body .plr15-xl {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 992px) {
  body .plr15-lg {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 768px) {
  body .plr15-md {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 576px) {
  body .plr15-sm {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 0) {
  body .plr15-xs {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.p20 {
  padding: 20px !important;
}
@media (max-width: 1200px) {
  body .p20-xl {
    padding: 20px !important;
  }
}
@media (max-width: 992px) {
  body .p20-lg {
    padding: 20px !important;
  }
}
@media (max-width: 768px) {
  body .p20-md {
    padding: 20px !important;
  }
}
@media (max-width: 576px) {
  body .p20-sm {
    padding: 20px !important;
  }
}
@media (max-width: 0) {
  body .p20-xs {
    padding: 20px !important;
  }
}
.pt20 {
  padding-top: 20px !important;
}
@media (max-width: 1200px) {
  body .pt20-xl {
    padding-top: 20px !important;
  }
}
@media (max-width: 992px) {
  body .pt20-lg {
    padding-top: 20px !important;
  }
}
@media (max-width: 768px) {
  body .pt20-md {
    padding-top: 20px !important;
  }
}
@media (max-width: 576px) {
  body .pt20-sm {
    padding-top: 20px !important;
  }
}
@media (max-width: 0) {
  body .pt20-xs {
    padding-top: 20px !important;
  }
}
.pr20 {
  padding-right: 20px !important;
}
@media (max-width: 1200px) {
  body .pr20-xl {
    padding-right: 20px !important;
  }
}
@media (max-width: 992px) {
  body .pr20-lg {
    padding-right: 20px !important;
  }
}
@media (max-width: 768px) {
  body .pr20-md {
    padding-right: 20px !important;
  }
}
@media (max-width: 576px) {
  body .pr20-sm {
    padding-right: 20px !important;
  }
}
@media (max-width: 0) {
  body .pr20-xs {
    padding-right: 20px !important;
  }
}
.pb20 {
  padding-bottom: 20px !important;
}
@media (max-width: 1200px) {
  body .pb20-xl {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 992px) {
  body .pb20-lg {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 768px) {
  body .pb20-md {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 576px) {
  body .pb20-sm {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 0) {
  body .pb20-xs {
    padding-bottom: 20px !important;
  }
}
.pl20 {
  padding-left: 20px !important;
}
@media (max-width: 1200px) {
  body .pl20-xl {
    padding-left: 20px !important;
  }
}
@media (max-width: 992px) {
  body .pl20-lg {
    padding-left: 20px !important;
  }
}
@media (max-width: 768px) {
  body .pl20-md {
    padding-left: 20px !important;
  }
}
@media (max-width: 576px) {
  body .pl20-sm {
    padding-left: 20px !important;
  }
}
@media (max-width: 0) {
  body .pl20-xs {
    padding-left: 20px !important;
  }
}
.ptb20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
@media (max-width: 1200px) {
  body .ptb20-xl {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (max-width: 992px) {
  body .ptb20-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (max-width: 768px) {
  body .ptb20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (max-width: 576px) {
  body .ptb20-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (max-width: 0) {
  body .ptb20-xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 1200px) {
  body .plr20-xl {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 992px) {
  body .plr20-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 768px) {
  body .plr20-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 576px) {
  body .plr20-sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 0) {
  body .plr20-xs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.p25 {
  padding: 25px !important;
}
@media (max-width: 1200px) {
  body .p25-xl {
    padding: 25px !important;
  }
}
@media (max-width: 992px) {
  body .p25-lg {
    padding: 25px !important;
  }
}
@media (max-width: 768px) {
  body .p25-md {
    padding: 25px !important;
  }
}
@media (max-width: 576px) {
  body .p25-sm {
    padding: 25px !important;
  }
}
@media (max-width: 0) {
  body .p25-xs {
    padding: 25px !important;
  }
}
.pt25 {
  padding-top: 25px !important;
}
@media (max-width: 1200px) {
  body .pt25-xl {
    padding-top: 25px !important;
  }
}
@media (max-width: 992px) {
  body .pt25-lg {
    padding-top: 25px !important;
  }
}
@media (max-width: 768px) {
  body .pt25-md {
    padding-top: 25px !important;
  }
}
@media (max-width: 576px) {
  body .pt25-sm {
    padding-top: 25px !important;
  }
}
@media (max-width: 0) {
  body .pt25-xs {
    padding-top: 25px !important;
  }
}
.pr25 {
  padding-right: 25px !important;
}
@media (max-width: 1200px) {
  body .pr25-xl {
    padding-right: 25px !important;
  }
}
@media (max-width: 992px) {
  body .pr25-lg {
    padding-right: 25px !important;
  }
}
@media (max-width: 768px) {
  body .pr25-md {
    padding-right: 25px !important;
  }
}
@media (max-width: 576px) {
  body .pr25-sm {
    padding-right: 25px !important;
  }
}
@media (max-width: 0) {
  body .pr25-xs {
    padding-right: 25px !important;
  }
}
.pb25 {
  padding-bottom: 25px !important;
}
@media (max-width: 1200px) {
  body .pb25-xl {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 992px) {
  body .pb25-lg {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 768px) {
  body .pb25-md {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 576px) {
  body .pb25-sm {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 0) {
  body .pb25-xs {
    padding-bottom: 25px !important;
  }
}
.pl25 {
  padding-left: 25px !important;
}
@media (max-width: 1200px) {
  body .pl25-xl {
    padding-left: 25px !important;
  }
}
@media (max-width: 992px) {
  body .pl25-lg {
    padding-left: 25px !important;
  }
}
@media (max-width: 768px) {
  body .pl25-md {
    padding-left: 25px !important;
  }
}
@media (max-width: 576px) {
  body .pl25-sm {
    padding-left: 25px !important;
  }
}
@media (max-width: 0) {
  body .pl25-xs {
    padding-left: 25px !important;
  }
}
.ptb25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
@media (max-width: 1200px) {
  body .ptb25-xl {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media (max-width: 992px) {
  body .ptb25-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media (max-width: 768px) {
  body .ptb25-md {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media (max-width: 576px) {
  body .ptb25-sm {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media (max-width: 0) {
  body .ptb25-xs {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
.plr25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
@media (max-width: 1200px) {
  body .plr25-xl {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 992px) {
  body .plr25-lg {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 768px) {
  body .plr25-md {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 576px) {
  body .plr25-sm {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 0) {
  body .plr25-xs {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
.p30 {
  padding: 30px !important;
}
@media (max-width: 1200px) {
  body .p30-xl {
    padding: 30px !important;
  }
}
@media (max-width: 992px) {
  body .p30-lg {
    padding: 30px !important;
  }
}
@media (max-width: 768px) {
  body .p30-md {
    padding: 30px !important;
  }
}
@media (max-width: 576px) {
  body .p30-sm {
    padding: 30px !important;
  }
}
@media (max-width: 0) {
  body .p30-xs {
    padding: 30px !important;
  }
}
.pt30 {
  padding-top: 30px !important;
}
@media (max-width: 1200px) {
  body .pt30-xl {
    padding-top: 30px !important;
  }
}
@media (max-width: 992px) {
  body .pt30-lg {
    padding-top: 30px !important;
  }
}
@media (max-width: 768px) {
  body .pt30-md {
    padding-top: 30px !important;
  }
}
@media (max-width: 576px) {
  body .pt30-sm {
    padding-top: 30px !important;
  }
}
@media (max-width: 0) {
  body .pt30-xs {
    padding-top: 30px !important;
  }
}
.pr30 {
  padding-right: 30px !important;
}
@media (max-width: 1200px) {
  body .pr30-xl {
    padding-right: 30px !important;
  }
}
@media (max-width: 992px) {
  body .pr30-lg {
    padding-right: 30px !important;
  }
}
@media (max-width: 768px) {
  body .pr30-md {
    padding-right: 30px !important;
  }
}
@media (max-width: 576px) {
  body .pr30-sm {
    padding-right: 30px !important;
  }
}
@media (max-width: 0) {
  body .pr30-xs {
    padding-right: 30px !important;
  }
}
.pb30 {
  padding-bottom: 30px !important;
}
@media (max-width: 1200px) {
  body .pb30-xl {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 992px) {
  body .pb30-lg {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 768px) {
  body .pb30-md {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 576px) {
  body .pb30-sm {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 0) {
  body .pb30-xs {
    padding-bottom: 30px !important;
  }
}
.pl30 {
  padding-left: 30px !important;
}
@media (max-width: 1200px) {
  body .pl30-xl {
    padding-left: 30px !important;
  }
}
@media (max-width: 992px) {
  body .pl30-lg {
    padding-left: 30px !important;
  }
}
@media (max-width: 768px) {
  body .pl30-md {
    padding-left: 30px !important;
  }
}
@media (max-width: 576px) {
  body .pl30-sm {
    padding-left: 30px !important;
  }
}
@media (max-width: 0) {
  body .pl30-xs {
    padding-left: 30px !important;
  }
}
.ptb30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
@media (max-width: 1200px) {
  body .ptb30-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media (max-width: 992px) {
  body .ptb30-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media (max-width: 768px) {
  body .ptb30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media (max-width: 576px) {
  body .ptb30-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media (max-width: 0) {
  body .ptb30-xs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
.plr30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (max-width: 1200px) {
  body .plr30-xl {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 992px) {
  body .plr30-lg {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 768px) {
  body .plr30-md {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 576px) {
  body .plr30-sm {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 0) {
  body .plr30-xs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.p35 {
  padding: 35px !important;
}
@media (max-width: 1200px) {
  body .p35-xl {
    padding: 35px !important;
  }
}
@media (max-width: 992px) {
  body .p35-lg {
    padding: 35px !important;
  }
}
@media (max-width: 768px) {
  body .p35-md {
    padding: 35px !important;
  }
}
@media (max-width: 576px) {
  body .p35-sm {
    padding: 35px !important;
  }
}
@media (max-width: 0) {
  body .p35-xs {
    padding: 35px !important;
  }
}
.pt35 {
  padding-top: 35px !important;
}
@media (max-width: 1200px) {
  body .pt35-xl {
    padding-top: 35px !important;
  }
}
@media (max-width: 992px) {
  body .pt35-lg {
    padding-top: 35px !important;
  }
}
@media (max-width: 768px) {
  body .pt35-md {
    padding-top: 35px !important;
  }
}
@media (max-width: 576px) {
  body .pt35-sm {
    padding-top: 35px !important;
  }
}
@media (max-width: 0) {
  body .pt35-xs {
    padding-top: 35px !important;
  }
}
.pr35 {
  padding-right: 35px !important;
}
@media (max-width: 1200px) {
  body .pr35-xl {
    padding-right: 35px !important;
  }
}
@media (max-width: 992px) {
  body .pr35-lg {
    padding-right: 35px !important;
  }
}
@media (max-width: 768px) {
  body .pr35-md {
    padding-right: 35px !important;
  }
}
@media (max-width: 576px) {
  body .pr35-sm {
    padding-right: 35px !important;
  }
}
@media (max-width: 0) {
  body .pr35-xs {
    padding-right: 35px !important;
  }
}
.pb35 {
  padding-bottom: 35px !important;
}
@media (max-width: 1200px) {
  body .pb35-xl {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 992px) {
  body .pb35-lg {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 768px) {
  body .pb35-md {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 576px) {
  body .pb35-sm {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 0) {
  body .pb35-xs {
    padding-bottom: 35px !important;
  }
}
.pl35 {
  padding-left: 35px !important;
}
@media (max-width: 1200px) {
  body .pl35-xl {
    padding-left: 35px !important;
  }
}
@media (max-width: 992px) {
  body .pl35-lg {
    padding-left: 35px !important;
  }
}
@media (max-width: 768px) {
  body .pl35-md {
    padding-left: 35px !important;
  }
}
@media (max-width: 576px) {
  body .pl35-sm {
    padding-left: 35px !important;
  }
}
@media (max-width: 0) {
  body .pl35-xs {
    padding-left: 35px !important;
  }
}
.ptb35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
@media (max-width: 1200px) {
  body .ptb35-xl {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media (max-width: 992px) {
  body .ptb35-lg {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media (max-width: 768px) {
  body .ptb35-md {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media (max-width: 576px) {
  body .ptb35-sm {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media (max-width: 0) {
  body .ptb35-xs {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
.plr35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
@media (max-width: 1200px) {
  body .plr35-xl {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}
@media (max-width: 992px) {
  body .plr35-lg {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}
@media (max-width: 768px) {
  body .plr35-md {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}
@media (max-width: 576px) {
  body .plr35-sm {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}
@media (max-width: 0) {
  body .plr35-xs {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}
.p40 {
  padding: 40px !important;
}
@media (max-width: 1200px) {
  body .p40-xl {
    padding: 40px !important;
  }
}
@media (max-width: 992px) {
  body .p40-lg {
    padding: 40px !important;
  }
}
@media (max-width: 768px) {
  body .p40-md {
    padding: 40px !important;
  }
}
@media (max-width: 576px) {
  body .p40-sm {
    padding: 40px !important;
  }
}
@media (max-width: 0) {
  body .p40-xs {
    padding: 40px !important;
  }
}
.pt40 {
  padding-top: 40px !important;
}
@media (max-width: 1200px) {
  body .pt40-xl {
    padding-top: 40px !important;
  }
}
@media (max-width: 992px) {
  body .pt40-lg {
    padding-top: 40px !important;
  }
}
@media (max-width: 768px) {
  body .pt40-md {
    padding-top: 40px !important;
  }
}
@media (max-width: 576px) {
  body .pt40-sm {
    padding-top: 40px !important;
  }
}
@media (max-width: 0) {
  body .pt40-xs {
    padding-top: 40px !important;
  }
}
.pr40 {
  padding-right: 40px !important;
}
@media (max-width: 1200px) {
  body .pr40-xl {
    padding-right: 40px !important;
  }
}
@media (max-width: 992px) {
  body .pr40-lg {
    padding-right: 40px !important;
  }
}
@media (max-width: 768px) {
  body .pr40-md {
    padding-right: 40px !important;
  }
}
@media (max-width: 576px) {
  body .pr40-sm {
    padding-right: 40px !important;
  }
}
@media (max-width: 0) {
  body .pr40-xs {
    padding-right: 40px !important;
  }
}
.pb40 {
  padding-bottom: 40px !important;
}
@media (max-width: 1200px) {
  body .pb40-xl {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 992px) {
  body .pb40-lg {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 768px) {
  body .pb40-md {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 576px) {
  body .pb40-sm {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 0) {
  body .pb40-xs {
    padding-bottom: 40px !important;
  }
}
.pl40 {
  padding-left: 40px !important;
}
@media (max-width: 1200px) {
  body .pl40-xl {
    padding-left: 40px !important;
  }
}
@media (max-width: 992px) {
  body .pl40-lg {
    padding-left: 40px !important;
  }
}
@media (max-width: 768px) {
  body .pl40-md {
    padding-left: 40px !important;
  }
}
@media (max-width: 576px) {
  body .pl40-sm {
    padding-left: 40px !important;
  }
}
@media (max-width: 0) {
  body .pl40-xs {
    padding-left: 40px !important;
  }
}
.ptb40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
@media (max-width: 1200px) {
  body .ptb40-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (max-width: 992px) {
  body .ptb40-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (max-width: 768px) {
  body .ptb40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (max-width: 576px) {
  body .ptb40-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (max-width: 0) {
  body .ptb40-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
.plr40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
@media (max-width: 1200px) {
  body .plr40-xl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (max-width: 992px) {
  body .plr40-lg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (max-width: 768px) {
  body .plr40-md {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (max-width: 576px) {
  body .plr40-sm {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (max-width: 0) {
  body .plr40-xs {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
.p45 {
  padding: 45px !important;
}
@media (max-width: 1200px) {
  body .p45-xl {
    padding: 45px !important;
  }
}
@media (max-width: 992px) {
  body .p45-lg {
    padding: 45px !important;
  }
}
@media (max-width: 768px) {
  body .p45-md {
    padding: 45px !important;
  }
}
@media (max-width: 576px) {
  body .p45-sm {
    padding: 45px !important;
  }
}
@media (max-width: 0) {
  body .p45-xs {
    padding: 45px !important;
  }
}
.pt45 {
  padding-top: 45px !important;
}
@media (max-width: 1200px) {
  body .pt45-xl {
    padding-top: 45px !important;
  }
}
@media (max-width: 992px) {
  body .pt45-lg {
    padding-top: 45px !important;
  }
}
@media (max-width: 768px) {
  body .pt45-md {
    padding-top: 45px !important;
  }
}
@media (max-width: 576px) {
  body .pt45-sm {
    padding-top: 45px !important;
  }
}
@media (max-width: 0) {
  body .pt45-xs {
    padding-top: 45px !important;
  }
}
.pr45 {
  padding-right: 45px !important;
}
@media (max-width: 1200px) {
  body .pr45-xl {
    padding-right: 45px !important;
  }
}
@media (max-width: 992px) {
  body .pr45-lg {
    padding-right: 45px !important;
  }
}
@media (max-width: 768px) {
  body .pr45-md {
    padding-right: 45px !important;
  }
}
@media (max-width: 576px) {
  body .pr45-sm {
    padding-right: 45px !important;
  }
}
@media (max-width: 0) {
  body .pr45-xs {
    padding-right: 45px !important;
  }
}
.pb45 {
  padding-bottom: 45px !important;
}
@media (max-width: 1200px) {
  body .pb45-xl {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 992px) {
  body .pb45-lg {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 768px) {
  body .pb45-md {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 576px) {
  body .pb45-sm {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 0) {
  body .pb45-xs {
    padding-bottom: 45px !important;
  }
}
.pl45 {
  padding-left: 45px !important;
}
@media (max-width: 1200px) {
  body .pl45-xl {
    padding-left: 45px !important;
  }
}
@media (max-width: 992px) {
  body .pl45-lg {
    padding-left: 45px !important;
  }
}
@media (max-width: 768px) {
  body .pl45-md {
    padding-left: 45px !important;
  }
}
@media (max-width: 576px) {
  body .pl45-sm {
    padding-left: 45px !important;
  }
}
@media (max-width: 0) {
  body .pl45-xs {
    padding-left: 45px !important;
  }
}
.ptb45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
@media (max-width: 1200px) {
  body .ptb45-xl {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media (max-width: 992px) {
  body .ptb45-lg {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media (max-width: 768px) {
  body .ptb45-md {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media (max-width: 576px) {
  body .ptb45-sm {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media (max-width: 0) {
  body .ptb45-xs {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
.plr45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
@media (max-width: 1200px) {
  body .plr45-xl {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (max-width: 992px) {
  body .plr45-lg {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (max-width: 768px) {
  body .plr45-md {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (max-width: 576px) {
  body .plr45-sm {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (max-width: 0) {
  body .plr45-xs {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
.p50 {
  padding: 50px !important;
}
@media (max-width: 1200px) {
  body .p50-xl {
    padding: 50px !important;
  }
}
@media (max-width: 992px) {
  body .p50-lg {
    padding: 50px !important;
  }
}
@media (max-width: 768px) {
  body .p50-md {
    padding: 50px !important;
  }
}
@media (max-width: 576px) {
  body .p50-sm {
    padding: 50px !important;
  }
}
@media (max-width: 0) {
  body .p50-xs {
    padding: 50px !important;
  }
}
.pt50 {
  padding-top: 50px !important;
}
@media (max-width: 1200px) {
  body .pt50-xl {
    padding-top: 50px !important;
  }
}
@media (max-width: 992px) {
  body .pt50-lg {
    padding-top: 50px !important;
  }
}
@media (max-width: 768px) {
  body .pt50-md {
    padding-top: 50px !important;
  }
}
@media (max-width: 576px) {
  body .pt50-sm {
    padding-top: 50px !important;
  }
}
@media (max-width: 0) {
  body .pt50-xs {
    padding-top: 50px !important;
  }
}
.pr50 {
  padding-right: 50px !important;
}
@media (max-width: 1200px) {
  body .pr50-xl {
    padding-right: 50px !important;
  }
}
@media (max-width: 992px) {
  body .pr50-lg {
    padding-right: 50px !important;
  }
}
@media (max-width: 768px) {
  body .pr50-md {
    padding-right: 50px !important;
  }
}
@media (max-width: 576px) {
  body .pr50-sm {
    padding-right: 50px !important;
  }
}
@media (max-width: 0) {
  body .pr50-xs {
    padding-right: 50px !important;
  }
}
.pb50 {
  padding-bottom: 50px !important;
}
@media (max-width: 1200px) {
  body .pb50-xl {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 992px) {
  body .pb50-lg {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  body .pb50-md {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 576px) {
  body .pb50-sm {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 0) {
  body .pb50-xs {
    padding-bottom: 50px !important;
  }
}
.pl50 {
  padding-left: 50px !important;
}
@media (max-width: 1200px) {
  body .pl50-xl {
    padding-left: 50px !important;
  }
}
@media (max-width: 992px) {
  body .pl50-lg {
    padding-left: 50px !important;
  }
}
@media (max-width: 768px) {
  body .pl50-md {
    padding-left: 50px !important;
  }
}
@media (max-width: 576px) {
  body .pl50-sm {
    padding-left: 50px !important;
  }
}
@media (max-width: 0) {
  body .pl50-xs {
    padding-left: 50px !important;
  }
}
.ptb50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
@media (max-width: 1200px) {
  body .ptb50-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 992px) {
  body .ptb50-lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  body .ptb50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 576px) {
  body .ptb50-sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 0) {
  body .ptb50-xs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
.plr50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
@media (max-width: 1200px) {
  body .plr50-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (max-width: 992px) {
  body .plr50-lg {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (max-width: 768px) {
  body .plr50-md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (max-width: 576px) {
  body .plr50-sm {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (max-width: 0) {
  body .plr50-xs {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
.grid-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  align-items: center;
  line-height: 1.2;
}
.grid-row[hidden] {
  display: none;
}
.grid-row.h100 > * {
  height: 100%;
  max-height: 100%;
}
.grid-row.grid-inline {
  display: inline-grid;
}
.grid-row.grid-align-top {
  align-items: start !important;
}
.grid-row.grid-align-center {
  align-items: center !important;
}
.grid-gap-5 {
  grid-gap: 5px !important;
}
.grid-gap-10 {
  grid-gap: 10px !important;
}
.grid-gap-15 {
  grid-gap: 15px !important;
}
.grid-gap-20 {
  grid-gap: 20px !important;
}
.grid-gap-25 {
  grid-gap: 25px !important;
}
.grid-gap-30 {
  grid-gap: 30px !important;
}
.grid-gap-40 {
  grid-gap: 40px !important;
}
.grid-gap-50 {
  grid-gap: 50px !important;
}
@media (max-width: 1200px) {
  .grid-gap-xl-5 {
    grid-gap: 5px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-5 {
    grid-gap: 5px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-5 {
    grid-gap: 5px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-5 {
    grid-gap: 5px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-5 {
    grid-gap: 5px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-10 {
    grid-gap: 10px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-10 {
    grid-gap: 10px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-10 {
    grid-gap: 10px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-10 {
    grid-gap: 10px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-10 {
    grid-gap: 10px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-15 {
    grid-gap: 15px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-15 {
    grid-gap: 15px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-15 {
    grid-gap: 15px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-15 {
    grid-gap: 15px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-15 {
    grid-gap: 15px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-20 {
    grid-gap: 20px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-20 {
    grid-gap: 20px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-20 {
    grid-gap: 20px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-20 {
    grid-gap: 20px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-20 {
    grid-gap: 20px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-25 {
    grid-gap: 25px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-25 {
    grid-gap: 25px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-25 {
    grid-gap: 25px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-25 {
    grid-gap: 25px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-25 {
    grid-gap: 25px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-30 {
    grid-gap: 30px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-30 {
    grid-gap: 30px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-30 {
    grid-gap: 30px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-30 {
    grid-gap: 30px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-30 {
    grid-gap: 30px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-35 {
    grid-gap: 35px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-35 {
    grid-gap: 35px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-35 {
    grid-gap: 35px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-35 {
    grid-gap: 35px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-35 {
    grid-gap: 35px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-40 {
    grid-gap: 40px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-40 {
    grid-gap: 40px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-40 {
    grid-gap: 40px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-40 {
    grid-gap: 40px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-40 {
    grid-gap: 40px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-45 {
    grid-gap: 45px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-45 {
    grid-gap: 45px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-45 {
    grid-gap: 45px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-45 {
    grid-gap: 45px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-45 {
    grid-gap: 45px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-50 {
    grid-gap: 50px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-50 {
    grid-gap: 50px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-50 {
    grid-gap: 50px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-50 {
    grid-gap: 50px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-50 {
    grid-gap: 50px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-55 {
    grid-gap: 55px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-55 {
    grid-gap: 55px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-55 {
    grid-gap: 55px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-55 {
    grid-gap: 55px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-55 {
    grid-gap: 55px !important;
  }
}
@media (max-width: 1200px) {
  .grid-gap-xl-60 {
    grid-gap: 60px !important;
  }
}
@media (max-width: 992px) {
  .grid-gap-lg-60 {
    grid-gap: 60px !important;
  }
}
@media (max-width: 768px) {
  .grid-gap-md-60 {
    grid-gap: 60px !important;
  }
}
@media (max-width: 576px) {
  .grid-gap-sm-60 {
    grid-gap: 60px !important;
  }
}
@media (max-width: 0) {
  .grid-gap-xs-60 {
    grid-gap: 60px !important;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-0 {
    grid-template-columns: repeat(0, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-0 {
    grid-column: span 0;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-1 {
    grid-column: span 1;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-2 {
    grid-column: span 2;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-3 {
    grid-column: span 3;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-4 {
    grid-column: span 4;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-5 {
    grid-column: span 5;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-6 {
    grid-column: span 6;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-7 {
    grid-column: span 7;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-8 {
    grid-column: span 8;
  }
}
@media (min-width: 0) {
  .grid-row.grid-row-xs-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 0) {
  .grid-column-span-xs-9 {
    grid-column: span 9;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-0 {
    grid-template-columns: repeat(0, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-0 {
    grid-column: span 0;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-1 {
    grid-column: span 1;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-2 {
    grid-column: span 2;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-3 {
    grid-column: span 3;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-4 {
    grid-column: span 4;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-5 {
    grid-column: span 5;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-6 {
    grid-column: span 6;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-7 {
    grid-column: span 7;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-8 {
    grid-column: span 8;
  }
}
@media (min-width: 576px) {
  .grid-row.grid-row-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 576px) {
  .grid-column-span-sm-9 {
    grid-column: span 9;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-0 {
    grid-template-columns: repeat(0, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-0 {
    grid-column: span 0;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-1 {
    grid-column: span 1;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-2 {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-3 {
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-4 {
    grid-column: span 4;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-5 {
    grid-column: span 5;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-6 {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-7 {
    grid-column: span 7;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-8 {
    grid-column: span 8;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-md-9 {
    grid-column: span 9;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-0 {
    grid-template-columns: repeat(0, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-0 {
    grid-column: span 0;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-1 {
    grid-column: span 1;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-2 {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-3 {
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-4 {
    grid-column: span 4;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-5 {
    grid-column: span 5;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-6 {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-7 {
    grid-column: span 7;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-8 {
    grid-column: span 8;
  }
}
@media (min-width: 768px) {
  .grid-row.grid-row-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-column-span-9 {
    grid-column: span 9;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-0 {
    grid-template-columns: repeat(0, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-0 {
    grid-column: span 0;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-1 {
    grid-column: span 1;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-2 {
    grid-column: span 2;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-3 {
    grid-column: span 3;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-4 {
    grid-column: span 4;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-5 {
    grid-column: span 5;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-6 {
    grid-column: span 6;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-7 {
    grid-column: span 7;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-8 {
    grid-column: span 8;
  }
}
@media (min-width: 992px) {
  .grid-row.grid-row-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-column-span-lg-9 {
    grid-column: span 9;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-0 {
    grid-template-columns: repeat(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-0 {
    grid-column: span 0;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-1 {
    grid-column: span 1;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-3 {
    grid-column: span 3;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-4 {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-5 {
    grid-column: span 5;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-6 {
    grid-column: span 6;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-7 {
    grid-column: span 7;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-8 {
    grid-column: span 8;
  }
}
@media (min-width: 1200px) {
  .grid-row.grid-row-xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-column-span-xl-9 {
    grid-column: span 9;
  }
}
.grid-row > * {
  max-width: 100%;
  position: relative;
}
.flex-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.flex-row.flex-row-inline {
  display: inline-flex;
}
.flex-row.align-flex-start {
  align-items: flex-start;
}
.flex-row.justify-center {
  justify-content: center;
}
.flex-row.justify-space-between {
  justify-content: space-between;
}
.flex-row > *.max {
  flex: 1 1 auto;
}
.flex-row > *.min {
  flex: 0;
}
.flex-row.flex-row-stretch > * {
  flex: 1;
}
.mobile-adaptive-grid-100 {
  grid-template-columns: repeat(auto-fit, minmax(100px, auto)) !important;
}
@media (min-width: 1200px) {
  body .mobile-adaptive-grid-100-xl {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto)) !important;
  }
}
@media (min-width: 992px) {
  body .mobile-adaptive-grid-100-lg {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto)) !important;
  }
}
@media (min-width: 768px) {
  body .mobile-adaptive-grid-100-md {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto)) !important;
  }
}
@media (min-width: 576px) {
  body .mobile-adaptive-grid-100-sm {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto)) !important;
  }
}
@media (min-width: 0) {
  body .mobile-adaptive-grid-100-xs {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto)) !important;
  }
}
.mobile-adaptive-grid-150 {
  grid-template-columns: repeat(auto-fit, minmax(150px, auto)) !important;
}
@media (min-width: 1200px) {
  body .mobile-adaptive-grid-150-xl {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto)) !important;
  }
}
@media (min-width: 992px) {
  body .mobile-adaptive-grid-150-lg {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto)) !important;
  }
}
@media (min-width: 768px) {
  body .mobile-adaptive-grid-150-md {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto)) !important;
  }
}
@media (min-width: 576px) {
  body .mobile-adaptive-grid-150-sm {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto)) !important;
  }
}
@media (min-width: 0) {
  body .mobile-adaptive-grid-150-xs {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto)) !important;
  }
}
.mobile-adaptive-grid-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, auto)) !important;
}
@media (min-width: 1200px) {
  body .mobile-adaptive-grid-200-xl {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto)) !important;
  }
}
@media (min-width: 992px) {
  body .mobile-adaptive-grid-200-lg {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto)) !important;
  }
}
@media (min-width: 768px) {
  body .mobile-adaptive-grid-200-md {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto)) !important;
  }
}
@media (min-width: 576px) {
  body .mobile-adaptive-grid-200-sm {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto)) !important;
  }
}
@media (min-width: 0) {
  body .mobile-adaptive-grid-200-xs {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto)) !important;
  }
}
.mobile-adaptive-grid-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, auto)) !important;
}
@media (min-width: 1200px) {
  body .mobile-adaptive-grid-300-xl {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto)) !important;
  }
}
@media (min-width: 992px) {
  body .mobile-adaptive-grid-300-lg {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto)) !important;
  }
}
@media (min-width: 768px) {
  body .mobile-adaptive-grid-300-md {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto)) !important;
  }
}
@media (min-width: 576px) {
  body .mobile-adaptive-grid-300-sm {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto)) !important;
  }
}
@media (min-width: 0) {
  body .mobile-adaptive-grid-300-xs {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto)) !important;
  }
}
.mobile-adaptive-grid-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, auto)) !important;
}
@media (min-width: 1200px) {
  body .mobile-adaptive-grid-400-xl {
    grid-template-columns: repeat(auto-fit, minmax(400px, auto)) !important;
  }
}
@media (min-width: 992px) {
  body .mobile-adaptive-grid-400-lg {
    grid-template-columns: repeat(auto-fit, minmax(400px, auto)) !important;
  }
}
@media (min-width: 768px) {
  body .mobile-adaptive-grid-400-md {
    grid-template-columns: repeat(auto-fit, minmax(400px, auto)) !important;
  }
}
@media (min-width: 576px) {
  body .mobile-adaptive-grid-400-sm {
    grid-template-columns: repeat(auto-fit, minmax(400px, auto)) !important;
  }
}
@media (min-width: 0) {
  body .mobile-adaptive-grid-400-xs {
    grid-template-columns: repeat(auto-fit, minmax(400px, auto)) !important;
  }
}
.mobile-adaptive-grid-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, auto)) !important;
}
@media (min-width: 1200px) {
  body .mobile-adaptive-grid-500-xl {
    grid-template-columns: repeat(auto-fit, minmax(500px, auto)) !important;
  }
}
@media (min-width: 992px) {
  body .mobile-adaptive-grid-500-lg {
    grid-template-columns: repeat(auto-fit, minmax(500px, auto)) !important;
  }
}
@media (min-width: 768px) {
  body .mobile-adaptive-grid-500-md {
    grid-template-columns: repeat(auto-fit, minmax(500px, auto)) !important;
  }
}
@media (min-width: 576px) {
  body .mobile-adaptive-grid-500-sm {
    grid-template-columns: repeat(auto-fit, minmax(500px, auto)) !important;
  }
}
@media (min-width: 0) {
  body .mobile-adaptive-grid-500-xs {
    grid-template-columns: repeat(auto-fit, minmax(500px, auto)) !important;
  }
}
.mobile-adaptive-grid {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(300px, auto));
}
.mobile-adaptive-grid .column-1-2 {
  grid-column: 1/2;
}
.mobile-adaptive-grid .column-1-3 {
  grid-column: 1/3;
}
.mobile-adaptive-grid .column-1-4 {
  grid-column: 1/4;
}
.mobile-adaptive-grid .column-1-5 {
  grid-column: 1/5;
}
.mobile-adaptive-grid .column-2-3 {
  grid-column: 2/3;
}
.mobile-adaptive-grid .column-2-4 {
  grid-column: 2/4;
}
.mobile-adaptive-grid .column-3-4 {
  grid-column: 3/4;
}
.mobile-adaptive-grid .column-2-5 {
  grid-column: 2/5;
}
.mobile-adaptive-grid .column-3-5 {
  grid-column: 3/5;
}
.mobile-adaptive-grid .column-4-5 {
  grid-column: 4/5;
}
.mobile-adaptive-grid .column-1 {
  grid-column: 1;
}
.mobile-adaptive-grid .column-2 {
  grid-column: 2;
}
.mobile-adaptive-grid .column-3 {
  grid-column: 3;
}
.mobile-adaptive-grid .column-4 {
  grid-column: 4;
}
.mobile-adaptive-grid .column-5 {
  grid-column: 5;
}
.cm-accordion-icon-panel {
  transition: all 0.3s ease;
}
.cm-accordion-icon-panel.collapsed .cm-accordion-icon-panel-head .cm-accordion-icon-panel-toggle-btn i:before {
  transform: rotate(180deg);
}
.cm-accordion-icon-panel-toggle-btn {
  display: inline-block;
  color: #0f6ea8;
}
.cm-accordion-icon-panel-toggle-btn i:before {
  width: 24px;
  height: 24px;
  line-height: 22px;
  margin: 0;
  font-size: 18px;
  border-radius: 15px;
  vertical-align: middle;
  text-align: center;
  transform: rotate(0);
  transition: all 0.3s ease;
}
.cm-accordion-icon-panel-head {
  display: flex;
  padding-bottom: 0;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
}
.cm-accordion-icon-panel-head .icon {
  position: relative;
  flex: 0 0 50px;
  font-size: 24px;
  color: #2d1939;
}
.cm-accordion-icon-panel-head .icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #e5e7ee;
  border-radius: 25px;
}
.cm-accordion-icon-panel-head .icon .mark {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #fff;
  font-size: 12px;
}
.cm-accordion-icon-panel-head .icon .mark.warning {
  color: #fc7c64;
}
.cm-accordion-icon-panel-head .icon .mark.danger {
  color: #df1642;
}
.cm-accordion-icon-panel-head .icon .mark.success {
  color: #23c399;
}
.cm-accordion-icon-panel-head .name {
  flex: 1 1 auto;
  padding: 0 15px 0;
  font-size: 18px;
  font-weight: 500;
  color: #42304d;
}
.cm-accordion-icon-panel-head .name:hover {
  color: #0f6ea8;
}
.cm-accordion-icon-panel-content {
  overflow: hidden;
}
a,
a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
}
.loader-overlay.loading:before {
  content: none;
}
.loader-overlay.loading:after {
  content: none;
}
.app-page {
  height: 100%;
}
.app-page.with-bg {
  background-image: url("./media/auth-bg-WKHKPKMK.jpg");
  background-position: center center;
  background-size: cover;
}
.app-page > .interface > .interface-header,
.app-page .app-header-inside > .interface-header {
  border-bottom: none;
}
.app-page > .interface > .interface-header .left,
.app-page .app-header-inside > .interface-header .left {
  display: flex;
}
.app-page > .interface > .interface-header .right.buttons > *,
.app-page .app-header-inside > .interface-header .right.buttons > * {
  margin: 0 !important;
}
.app-page > .interface > .interface-header > div,
.app-page .app-header-inside > .interface-header > div {
  padding: 25px;
  gap: 10px;
}
.app-page > .interface > .interface-header > div .icon-left-arrow,
.app-page .app-header-inside > .interface-header > div .icon-left-arrow {
  font-size: 17px;
}
.app-page > .interface > .interface-header h1,
.app-page .app-header-inside > .interface-header h1 {
  margin: 0;
}
.app-page > .interface > .interface-content,
.app-page .app-header-inside > .interface-content {
  padding: 0 25px 25px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .app-page > .interface > .interface-content,
  .app-page .app-header-inside > .interface-content {
    padding: 0 10px 10px;
  }
}
.app-page > .interface > .interface-content .actions,
.app-page .app-header-inside > .interface-content .actions {
}
.app-page > .interface > .interface-content .actions .right,
.app-page .app-header-inside > .interface-content .actions .right {
  flex: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.expandable-info-block .header {
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
  grid-template-areas: "toggle title stats actions";
  grid-template-columns: 50px 1fr minmax(300px, auto);
  gap: 20px;
  align-items: center;
}
.expandable-info-block .header .actions {
  margin: 0;
}
.expandable-info-block:last-child .header {
  border: 0;
}
.expandable-info-block:not(.expanded) .header,
.expandable-info-block.expanded .header {
  border-radius: 0;
}
.expandable-info-block + .expandable-info-block {
  margin-top: 0;
}
.expandable-info-block .sub-header {
  padding: 15px 15px 5px;
}
.expandable-info-block .sub-header + .dx-grid-wrapper {
  margin: 10px 0;
}
.expandable-info-block.expanded .interface {
  padding: 5px;
  border-radius: 8px;
  background: #e5e7ee;
  margin-top: 10px;
}
.dx-grid-wrapper {
  border-radius: 8px !important;
}
.clinic-list-toolbar {
  padding-bottom: 8px;
}
.sr-grids {
  display: flex;
  padding: 10px 25px 25px;
  align-items: stretch;
  height: 100%;
  grid-gap: 10px;
}
.sr-grids > div {
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
}
.sr-grids .sr-grid-left {
  flex: 1 1 50%;
  padding-right: 10px;
  height: 100%;
}
.sr-grids .sr-grid-left.left-30 {
  flex: 1 1 30%;
}
.sr-grids .sr-grid-left.left-auto {
  flex: 1 1 auto;
}
@media (max-width: 1200px) {
  .sr-grids .sr-grid-left {
    padding: 0;
    padding-bottom: 20px;
    height: auto;
  }
}
.sr-grids .sr-grid-right {
  flex: 0 0 50%;
  padding-left: 10px;
  height: 100%;
}
.sr-grids .sr-grid-right.right-70 {
  flex: 0 0 70%;
}
.sr-grids .sr-grid-right.right-fix {
  flex: 0 0 650px;
}
@media (max-width: 1500px) {
  .sr-grids .sr-grid-right.right-fix {
    flex: 0 0 450px;
  }
}
@media (max-width: 1200px) {
  .sr-grids .sr-grid-right {
    padding: 0;
    height: auto;
  }
}
.sr-grids .sr-grid-top {
  padding-bottom: 10px;
  height: 100%;
}
.sr-grids .sr-grid-bottom {
  padding-top: 10px;
  height: 100%;
}
.sr-grids {
}
.sr-grids .clinic-list-toolbar {
  background-color: #e5e7ee;
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
  padding: 8px 10px;
}
@media (max-width: 1200px) {
  .sr-grids {
    display: block;
    overflow-y: auto;
  }
}
@media (max-width: 1200px) {
  .sr-grids .dx-splitter {
    display: block;
    height: auto;
  }
}
.sr-grids .dx-splitter .dx-splitter-item {
  display: block;
}
@media (max-width: 1200px) {
  .sr-grids .dx-splitter .dx-resize-handle-resizable {
    display: none;
  }
}
.actions-bar {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 10px;
  gap: 10px;
  left: 315px;
  padding: 2px;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
@media (max-width: 768px) {
  .actions-bar {
    position: static;
    padding: 5px 0 10px 0;
  }
}
.app-layout .app-content {
  overflow: auto;
}
.app-modal {
  word-break: break-word;
}
.app-modal .app-form-panel {
  max-width: 1100px;
  box-shadow: none;
}
.app-modal .app-form-panel:not(.app-form-panel-simple) {
  padding: 30px;
}
.app-modal .app-form-panel.app-form-panel-vertical .app-form-panel-description h2,
.app-modal .app-form-panel.app-form-panel-simple .app-form-panel-description h2 {
  background-color: #e5e7ee;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 20px;
}
.app-modal .app-form-panel.app-form-panel-simple .app-form-panel-description h2 {
  margin: 0 0 20px;
}
.app-modal .app-modal-header {
  border-bottom: 1px solid #e5e7ee;
}
.app-modal .app-modal-header h1 {
  overflow-wrap: anywhere;
  padding-right: 40px;
}
.app-modal .app-modal-content {
  min-height: 110px;
  border-radius: 4px;
}
.app-modal .app-modal-content dx-tab-panel .app-modal-content {
  padding: 0;
}
.app-modal .app-modal-footer {
  box-shadow: none;
  border-top: 1px solid #e5e7ee;
}
.app-modal .app-modal-footer .buttons-wrapper {
  max-width: 1100px;
}
@media (max-width: 992px) {
  .app-modal .app-modal-right-panel:not(app-edit-flex-form .app-modal-right-panel) {
    position: static;
    height: auto;
    max-height: 350px;
    width: auto;
    transform: none;
  }
}
.app-modal.app-modal-simple .app-modal-content {
  overflow: auto;
}
.app-modal-content-height-limit-sm {
  max-height: 700px;
  overflow: auto;
}
@media (max-width: 768px) {
  .app-modal-content-height-limit-sm {
    max-height: none;
  }
}
.dx-htmleditor h2 {
  color: #42304d;
}
.dx-textarea {
  height: auto !important;
}
.dx-textarea .dx-texteditor-container {
  display: flex;
  overflow: hidden;
}
dx-tab-panel .interface-content > dx-scroll-view .dx-scrollview-content,
.popup.full .app-modal-content > dx-scroll-view .dx-scrollview-content,
.popup.medium .app-modal-content > dx-scroll-view .dx-scrollview-content,
.popup.medium800 .app-modal-content > dx-scroll-view .dx-scrollview-content,
.popup.small .app-modal-content > dx-scroll-view .dx-scrollview-content,
.popup-inner .app-modal-content > dx-scroll-view .dx-scrollview-content {
  padding: 25px;
}
@media (max-width: 768px) {
  dx-tab-panel .interface-content > dx-scroll-view .dx-scrollview-content,
  .popup.full .app-modal-content > dx-scroll-view .dx-scrollview-content,
  .popup.medium .app-modal-content > dx-scroll-view .dx-scrollview-content,
  .popup.medium800 .app-modal-content > dx-scroll-view .dx-scrollview-content,
  .popup.small .app-modal-content > dx-scroll-view .dx-scrollview-content,
  .popup-inner .app-modal-content > dx-scroll-view .dx-scrollview-content {
    padding: 10px;
  }
}
.dx-datebox-time .dx-dropdowneditor-icon:before {
  content: "\e84b" !important;
}
.dx-dropdowneditor-overlay .dx-list-group-header,
.dx-dropdowneditor-overlay .dx-list-item-content,
.dx-widget,
.dx-overlay-wrapper,
.dx-datagrid .dx-row > td,
.dx-treelist .dx-row > td {
  font-size: 16px !important;
}
dx-slider .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content {
  opacity: 1;
  text-align: center;
}
dx-slider .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content,
dx-slider .dx-slider-handle .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow::after {
  background-color: #0f6ea8;
}
.dx-list.list-row-lines .dx-item.dx-list-item {
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
}
.dx-list.list-row-lines .dx-item.dx-list-item:last-child {
  border-bottom: 0;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: #e5e7ee;
}
.dx-list.list-row-thin .dx-list-item-content {
  padding: 5px 10px;
}
.dx-list .dx-list-item-content {
  padding: 12px 10px;
}
.dx-list .dx-list-select-all {
  padding-bottom: 11px;
  margin-bottom: 0;
  font-weight: 500;
}
.dx-list .dx-list-select-all:after {
  left: 0;
  right: 0;
}
.dx-list .dx-empty-message {
  padding: 16px;
}
.dx-list .dx-list-item-before-bag.dx-list-select-checkbox-container .dx-list-select-checkbox,
.dx-list .dx-list-item-before-bag.dx-list-select-checkbox-container .dx-list-select-radiobutton,
.dx-list .dx-list-item-before-bag.dx-list-select-radiobutton-container .dx-list-select-checkbox,
.dx-list .dx-list-item-before-bag.dx-list-select-radiobutton-container .dx-list-select-radiobutton {
  margin-bottom: -3px;
}
.dx-list.dx-list-with-search .dx-list-search .dx-icon.dx-icon-search {
  margin-left: 10px;
}
.dx-list .dx-list-select-all-label {
  font-size: 16px;
  margin-top: 0;
  padding: 0 10px;
}
dx-list.dx-list:not(.dx-dropdowneditor-overlay dx-list.dx-list) .dx-item.dx-list-item {
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
}
dx-list.dx-list:not(.dx-dropdowneditor-overlay dx-list.dx-list) .dx-item.dx-list-item:last-child {
  border-bottom: 0;
}
.dx-list-group-header {
  font-weight: 500;
  color: #0f6ea8;
  background-color: #f6f7f9;
  line-height: 15px !important;
}
.dx-checkbox-indeterminate .dx-checkbox-icon {
  background-color: #0f6ea8;
}
.dx-splitter {
  display: flex;
  height: 100%;
  width: 100%;
  background: transparent;
}
.dx-splitter .dx-splitter-item {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  height: 100%;
}
.dx-splitter .dx-splitter-item-hidden-content {
  visibility: hidden;
}
.dx-splitter .dx-splitter-item-content {
  position: relative;
  flex: 1 1 auto;
  height: 100%;
}
.dx-splitter .dx-resize-handle {
  color: #42304d;
  background-color: #e5e7ee;
  transition: all 0.1s;
  border-radius: 10px;
}
.dx-splitter .dx-resize-handle.dx-state-hover {
  color: #fff;
  background-color: #a8aec5;
}
.dx-splitter .dx-resize-handle.dx-state-active,
.dx-splitter .dx-resize-handle.dx-state-focused {
  color: #fff;
  background-color: #0f6ea8;
}
.dx-splitter.parent-window .dx-resize-handle {
  background-color: #f6f7f9;
}
.dx-splitter.parent-window .dx-resize-handle.dx-state-hover {
  color: #fff;
  background-color: #a8aec5;
}
.dx-splitter.parent-window .dx-resize-handle.dx-state-active,
.dx-splitter.parent-window .dx-resize-handle.dx-state-focused {
  color: #fff;
  background-color: #0f6ea8;
}
.dx-splitter.dx-splitter-vertical {
  flex-direction: column;
}
.dx-resize-handle {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}
.dx-resize-handle .dx-resize-handle-collapse-next-pane,
.dx-resize-handle .dx-resize-handle-collapse-prev-pane {
  cursor: pointer;
}
.dx-resize-handle.dx-resize-handle-horizontal {
  flex-direction: column;
}
.dx-resize-handle.dx-resize-handle-horizontal.dx-resize-handle-resizable {
  cursor: col-resize;
}
.dx-resize-handle.dx-resize-handle-vertical {
  flex-direction: row;
}
.dx-resize-handle.dx-resize-handle-vertical.dx-resize-handle-resizable {
  cursor: row-resize;
}
.dx-resize-handle.dx-state-disabled {
  opacity: 1;
}
.dx-resize-handle .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-resize-handle .dx-icon-handlevertical:before {
  content: "\f161";
  font: 24px/1 DXIcons;
}
.dx-dialog .dx-popup-wrapper > .dx-overlay-content {
  max-width: 650px;
  margin: 10px;
}
.dx-dialog .dx-button.dx-button-default {
  padding: 0;
}
.dx-dialog .dx-popup-wrapper .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  min-height: auto;
}
.dx-dialog .dx-popup-bottom {
  padding: 15px !important;
}
.dx-dialog .dx-popup-title.dx-toolbar {
  background-color: #e5e7ee;
  border-bottom: 0;
}
.dx-dialog .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 55px;
}
.dx-dialog .dx-popup-content.dx-dialog-content {
  padding: 40px 60px;
}
.dx-dialog .message-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.dx-dialog .message-container > i {
  font-size: 60px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay.dx-datebox-wrapper.dx-datebox-wrapper-datetime.dx-datebox-wrapper-calendar .dx-popup-bottom.dx-toolbar {
  background-color: #e5e7ee;
  padding-top: 15px !important;
}
.dx-colorbox .dx-colorbox-color-result-preview {
  border-radius: 50%;
  border: none;
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  left: 7px;
}
.dx-colorbox .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  background: none;
  border: 1px solid #a8aec5;
}
.dx-colorbox .dx-colorbox-input-container .dx-colorbox-input,
.dx-colorbox .dx-colorbox .dx-colorbox-input-container .dx-placeholder::before {
  padding-left: 40px !important;
}
.dx-colorbox-overlay .dx-popup-bottom {
  background: #e5e7ee;
  padding-top: 10px !important;
}
.dx-popup-content {
  padding: 5px;
}
.dx-formdialog .dx-popup-content {
  padding: 20px;
}
.dx-field-item-label-text {
  color: #42304d;
  font-size: 15px;
}
.dx-htmleditor p {
  color: #1b222a;
  font-size: 15px;
}
.app-layout-inside {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: 90px 1fr;
  width: 100%;
  height: 100%;
  grid-template-areas: "nav header" "nav content";
  grid-template-columns: 250px 1fr;
}
@media (max-width: 1200px) {
  .app-layout-inside {
    grid-template-rows: auto 1fr;
  }
}
@media (max-width: 992px) {
  .app-layout-inside {
    grid-template-columns: 0 1fr;
  }
  .app-layout-inside .toggle-sidemenu,
  .app-layout-inside .menu-pin {
    display: none;
  }
}
@media (min-width: 992px) {
  .app-layout-inside.menu-open:not(.side-menu-hide) .menu-toggle,
  .app-layout-inside.menu-open:not(.side-menu-hide) .nav-shade-mobile {
    display: none;
  }
}
.app-layout-inside.menu-open.side-menu-hide .menu-toggle.dx-button.dx-button-normal,
.app-layout-inside.menu-open.side-menu-hide .menu-pin.dx-button.dx-button-normal {
  display: block !important;
  position: absolute;
  top: 10px;
  right: auto;
  left: 310px;
  z-index: 1100;
}
.app-layout-inside.menu-open.side-menu-hide .menu-pin.dx-button.dx-button-normal {
  right: auto;
  left: 260px;
}
@media (max-width: 992px) {
  .app-layout-inside.menu-open.side-menu-hide .menu-pin.dx-button.dx-button-normal {
    display: none !important;
  }
}
.app-layout-inside.menu-open .app-menu-inside {
  transform: translate(0);
  z-index: 1100;
  width: 250px;
}
.app-layout-inside.menu-open .nav-shade-mobile {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: rgba(168, 174, 197, 0.7) !important;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .app-layout-inside.menu-open .app-menu-inside {
    transform: translate(0);
  }
  .app-layout-inside.menu-open .nav-shade-mobile {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: rgba(168, 174, 197, 0.7) !important;
    width: 100%;
    height: 100%;
  }
  .app-layout-inside.menu-open .menu-toggle {
    position: absolute;
    top: 10px;
    right: 10px !important;
    left: auto !important;
    z-index: 1100;
  }
}
.app-layout-inside.side-menu-hide {
  grid-template-columns: 0 1fr;
}
.app-layout-inside .app-header-inside {
  grid-area: header;
  padding: 0 15px;
}
@media (max-width: 576px) {
  .app-layout-inside .app-header-inside {
    padding: 0;
  }
}
.app-layout-inside .app-header-inside .interface-header {
  align-items: center;
  height: 100%;
}
@media (max-width: 1200px) {
  .app-layout-inside .app-header-inside .interface-header {
    display: block;
  }
  .app-layout-inside .app-header-inside .interface-header .right {
    justify-content: flex-start;
  }
  .app-layout-inside .app-header-inside .interface-header .left {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .app-layout-inside .app-header-inside .interface-header .right {
    display: grid;
    justify-items: end;
    justify-content: end;
    gap: 5px;
  }
  .app-layout-inside .app-header-inside .interface-header .left {
    margin-top: 10px;
  }
}
.app-layout-inside .app-header-inside .interface-header > div {
  padding: 10px;
}
.app-layout-inside .app-header-inside .interface-header h1.text-medium {
  font-size: 15px;
}
.app-layout-inside .app-header-inside .interface-header h3 {
  font-size: 20px;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .app-layout-inside .app-header-inside .interface-header .menu-toggle,
  .app-layout-inside .app-header-inside .interface-header .menu-pin {
    display: none !important;
  }
}
.app-layout-inside .app-menu-inside {
  position: relative;
  overflow: auto;
  grid-area: nav;
  z-index: 900;
  transition: transform 0.2s ease;
}
@media (max-width: 992px) {
  .app-layout-inside .app-menu-inside {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 300px;
    height: 100%;
    transform: translate(-300px);
  }
}
.app-layout-inside .app-menu-inside .side-menu {
  padding-bottom: 1px;
  border-left: 10px solid #23c399;
  background-color: #2d1939;
}
.app-layout-inside .app-menu-inside .side-menu .interface-header {
  border: 0;
}
.app-layout-inside .app-menu-inside .side-menu .panel {
  border-radius: 0;
  background: none;
  padding: 2px;
}
.app-layout-inside .app-menu-inside .side-menu .panel + .panel {
  margin-top: 0;
}
.app-layout-inside .app-menu-inside .side-menu .panel .panel-row {
  margin: 0 !important;
  padding: 0 !important;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel.collapsed .name {
  font-weight: normal !important;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-head {
  padding: 10px 5px;
  border-radius: 4px;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-head:hover {
  background-color: #5e3869;
  cursor: pointer;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-head .icon {
  flex: 0;
  font-size: 20px;
  color: #a8aec5;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-head .icon i {
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: 0;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-head .name {
  padding: 0 20px 0 10px;
  font-size: 16px;
  font-weight: 500;
  color: #eaf2ff;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-head .cm-accordion-icon-panel-toggle-btn i:before {
  font-size: 13px;
  color: #a8aec5;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content {
  background: #e5e7ee;
  border-radius: 4px;
  margin: 4px 10px 0;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content .item-list {
  padding: 0 !important;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content .item-list li .link {
  font-weight: normal;
  padding: 10px 10px;
  color: #42304d;
  transition: 0.2s ease;
  border-radius: 0;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content .item-list li .link:hover,
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content .item-list li .link.active {
  background: #d3d6e2;
  color: #42304d;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content .item-list li .link.disabled {
  padding-right: 30px;
}
.app-layout-inside .app-menu-inside .side-menu .panel .cm-accordion-icon-panel .cm-accordion-icon-panel-content .item-list li {
}
.app-layout-inside .app-content-inside {
  position: relative;
  overflow: auto;
  grid-area: content;
  width: 100%;
}
.app-page.popup-inner {
  padding: 0 25px 25px;
}
@media (max-width: 576px) {
  .app-page.popup-inner {
    padding: 0 10px 10px;
  }
}
.app-page.popup-inner > .interface {
  position: relative;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.app-page.popup-inner > .interface > .interface-header {
  height: 61px;
  margin: 0 !important;
  border-bottom: 1px solid rgba(163, 176, 191, 0.5);
  background-color: #f6f7f9;
}
.app-page.popup-inner > .interface > .interface-header .left {
  display: none;
}
.app-page.popup-inner > .interface > .interface-header .right {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
}
.app-page.popup-inner > .interface > .interface-content {
  padding: 0;
}
@media (max-width: 1200px) {
  .app-page.popup-inner > .interface > .interface-content .app-form-panel {
    grid-gap: 20px;
    grid-template-areas: "description" "content";
    grid-template-columns: auto;
  }
}
.app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header {
  margin-top: -5px;
}
@media (max-width: 768px) {
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header {
    margin-top: 0;
    display: block;
  }
}
.app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .left {
  padding: 0 25px 5px;
}
@media (max-width: 576px) {
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .left {
    padding: 0 10px 5px;
  }
}
@media (max-width: 768px) {
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .left {
    justify-content: end;
  }
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .left > div {
    padding-right: 0 !important;
  }
}
.app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .left > .dx-button {
  display: none;
}
.app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .left > h1 {
  display: none;
}
.app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .right {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 33px;
  padding: 2px;
  gap: 10px;
  left: 340px;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
@media (max-width: 768px) {
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .right {
    position: static;
    padding: 2px 25px 10px 0;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .right {
    padding: 2px 10px 10px 0;
  }
}
@media (max-width: 768px) {
  .app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .right .dx-selectbox {
    width: 150px;
  }
}
.app-page > .app-layout-inside > .app-content-inside .app-page > .interface > .interface-header > .right.right-plus {
  top: 54px;
}
@media (max-width: 768px) {
  .interface-content:not(.not-res) .dx-grid-wrapper {
    display: flex;
    flex-direction: column;
  }
  .interface-content:not(.not-res) .dx-grid-wrapper dx-data-grid {
    flex: 1;
    overflow: auto;
  }
}
.grid-table-header {
  background-color: #f6f7f9;
  border-radius: 8px 8px 0 0;
  margin-top: 5px;
}
.grid-table-header .input-label {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #8f7496 !important;
  padding: 5px;
}
.grid-table-header label.input-label {
  margin-top: -30px !important;
}
.grid-table-1 {
  grid-template-columns: 40px 3fr 2fr 100px;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 5px;
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
}
.grid-table-1:last-child {
  border: 0;
}
.grid-table-2 {
  grid-template-columns: 350px 1fr;
  align-items: flex-start !important;
  justify-content: center;
  column-gap: 25px !important;
  margin: 0 !important;
}
.grid-table-2.grid-table-2-2 {
  grid-template-columns: 400px 1fr;
  column-gap: 15px !important;
}
.grid-table-2.grid-table-2-3 {
  grid-template-columns: 1fr 1fr;
}
.grid-table-2 > div:first-child {
  border-right: 1px solid #e5e7ee;
  padding-right: 25px;
}
@media (max-width: 992px) {
  .grid-table-2 {
    grid-template-columns: 1fr !important;
    grid-row-gap: 20px !important;
  }
  .grid-table-2 > div:first-child {
    border-right: 0;
    padding-right: 0;
  }
}
.grid-table-3 {
  grid-template-columns: 1.5fr 1fr 1fr 65px;
  align-items: center !important;
  justify-content: center;
  column-gap: 10px !important;
  padding: 10px 0;
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
  margin: 0 !important;
  padding-left: 1px;
}
@media (max-width: 576px) {
  .grid-table-3 {
    grid-template-columns: 1fr !important;
    grid-row-gap: 20px !important;
  }
}
.grid-table-3.grid-table-3-2 {
  grid-template-columns: 1fr 1fr 65px;
}
.grid-table-4 {
  grid-template-columns: 1fr 100px 150px;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 5px;
  border-bottom: 1px solid rgba(168, 174, 197, 0.5);
}
.grid-table-4:last-child {
  border: 0;
}
.grid-table-5 {
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-start;
  justify-content: center;
  column-gap: 15px !important;
  margin-top: 0 !important;
}
.grid-table-5 > div {
  border-right: 1px solid #e5e7ee;
  padding-right: 15px;
}
.grid-table-5 > div:last-child {
  border: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .grid-table-5 {
    grid-template-columns: 1fr !important;
    grid-row-gap: 20px !important;
  }
  .grid-table-5 > div {
    border-right: 0;
    padding-right: 0;
    border-bottom: 1px solid #e5e7ee;
    padding-bottom: 15px;
  }
}
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0;
}
.dx-calendar {
  width: 320px;
  height: 320px;
}
.dx-calendar .dx-calendar-navigator .dx-button {
  height: 36px;
  font-size: 14px;
}
.dx-calendar .dx-calendar-cell {
  padding: 2px;
}
.dx-calendar .dx-calendar-cell:not(.dx-calendar-selected-date).dx-state-hover span {
  background-color: #e5e7ee;
}
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-state-hover span {
  background-color: #23c399;
  border-color: #23c399;
}
.dx-calendar .dx-calendar-cell span {
  line-height: 33px;
}
.dx-calendar.dx-calendar-view-year .dx-calendar-cell span,
.dx-calendar.dx-calendar-view-decade .dx-calendar-cell span {
  line-height: 400%;
}
.dx-calendar.dx-calendar-view-century .dx-calendar-cell span {
  line-height: 20px;
}
dx-tab-panel .dx-tabpanel-tabs,
dx-tabs .dx-tabpanel-tabs {
  background-color: #fff;
  border-radius: 8px;
  border: 0 !important;
  padding: 0px 5px;
}
dx-tab-panel .interface-content.menu_page > dx-scroll-view .dx-scrollview-content,
dx-tabs .interface-content.menu_page > dx-scroll-view .dx-scrollview-content {
  padding: 0;
}
dx-tab-panel .dx-tab-content,
dx-tab-panel .dx-tab-text,
dx-tabs .dx-tab-content,
dx-tabs .dx-tab-text {
  vertical-align: middle;
  text-transform: uppercase;
  line-height: 24px;
  font-weight: 500;
}
dx-tab-panel .dx-tabs-styling-mode-primary.dx-tab-indicator-position-bottom .dx-tab-selected::after,
dx-tabs .dx-tabs-styling-mode-primary.dx-tab-indicator-position-bottom .dx-tab-selected::after {
  height: 3px;
}
dx-tab-panel.dx-tabpanel-tabs-position-top .dx-tabs:not(dx-tab-panel.bb .dx-tabs),
dx-tabs.dx-tabpanel-tabs-position-top .dx-tabs:not(dx-tab-panel.bb .dx-tabs) {
  border-bottom: 0;
}
dx-tab-panel .dx-empty-message,
dx-tabs .dx-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #8f7496;
}
.popup.full dx-tab-panel .dx-tabpanel-tabs {
  border-radius: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .grid-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (min-width: 992px) {
  .grid-cards {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
dx-file-uploader .dx-fileuploader-file-container {
  border: 1px solid #e5e7ee;
  background-color: #f6f7f9;
  box-shadow: none !important;
  border-radius: 4px;
}
.dx-tagbox .dx-tag-container {
  padding: 8px 0;
}
dx-data-grid,
dx-tree-list {
  width: 100%;
  height: 100%;
}
dx-data-grid .dx-datagrid-headers,
dx-data-grid .dx-datagrid-total-footer,
dx-data-grid .dx-datagrid-action,
dx-data-grid .dx-datagrid-pager,
dx-data-grid .dx-treelist-headers .dx-cell-focus-disabled,
dx-data-grid .dx-datagrid-headers .dx-cell-focus-disabled,
dx-tree-list .dx-datagrid-headers,
dx-tree-list .dx-datagrid-total-footer,
dx-tree-list .dx-datagrid-action,
dx-tree-list .dx-datagrid-pager,
dx-tree-list .dx-treelist-headers .dx-cell-focus-disabled,
dx-tree-list .dx-datagrid-headers .dx-cell-focus-disabled {
  background-color: #f6f7f9 !important;
}
dx-data-grid .dx-gridbase-a11y-status-container,
dx-tree-list .dx-gridbase-a11y-status-container {
  display: none;
}
dx-data-grid,
dx-tree-list {
}
dx-data-grid .dx-toolbar .dx-toolbar-items-container,
dx-tree-list .dx-toolbar .dx-toolbar-items-container {
  height: 60px;
}
dx-data-grid .dx-datagrid-header-panel,
dx-data-grid .dx-treelist-header-panel,
dx-data-grid .dx-toolbar,
dx-tree-list .dx-datagrid-header-panel,
dx-tree-list .dx-treelist-header-panel,
dx-tree-list .dx-toolbar {
  background-color: #f6f7f9;
}
.popup-modal dx-data-grid .dx-datagrid-header-panel,
.popup-modal dx-data-grid .dx-treelist-header-panel,
.popup-modal dx-data-grid .dx-toolbar,
.popup-modal dx-tree-list .dx-datagrid-header-panel,
.popup-modal dx-tree-list .dx-treelist-header-panel,
.popup-modal dx-tree-list .dx-toolbar {
  background-color: #e5e7ee;
}
dx-data-grid .dx-searchbox.dx-editor-filled .dx-icon-search,
dx-data-grid .dx-searchbox.dx-editor-outlined .dx-icon-search,
dx-tree-list .dx-searchbox.dx-editor-filled .dx-icon-search,
dx-tree-list .dx-searchbox.dx-editor-outlined .dx-icon-search {
  display: none;
}
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable),
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-cell-expandable) {
  padding-left: 15px;
}
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select),
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select),
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select),
dx-data-grid .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select),
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select),
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select),
dx-tree-list .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding: 7px 17px !important;
}
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select {
  padding-left: 15px;
}
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
dx-data-grid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
dx-tree-list .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
  padding-right: 15px;
}
dx-data-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
dx-tree-list .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  padding: 5px 15px;
}
dx-data-grid .dx-editor-cell .dx-texteditor .dx-texteditor-input,
dx-data-grid .dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input,
dx-tree-list .dx-editor-cell .dx-texteditor .dx-texteditor-input,
dx-tree-list .dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input {
  height: 40px;
  font-size: 15px;
  padding: 0 10px;
}
dx-data-grid .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
dx-data-grid .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
dx-tree-list .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
dx-tree-list .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
  background-color: transparent;
}
dx-data-grid .dx-header-row > td > .dx-datagrid-text-content,
dx-tree-list .dx-header-row > td > .dx-datagrid-text-content {
  word-break: normal;
}
dx-data-grid .dx-datagrid-rowsview .dx-row:not(.dx-freespace-row) > td:not(.dx-master-detail-cell),
dx-data-grid.dx-treelist .dx-row:not(.dx-freespace-row) > td,
dx-tree-list .dx-datagrid-rowsview .dx-row:not(.dx-freespace-row) > td:not(.dx-master-detail-cell),
dx-tree-list.dx-treelist .dx-row:not(.dx-freespace-row) > td {
  padding: 5px 15px;
  height: 44px;
}
dx-data-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
dx-data-grid .dx-treelist-headers .dx-treelist-table .dx-row > td,
dx-tree-list .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
dx-tree-list .dx-treelist-headers .dx-treelist-table .dx-row > td {
  padding: 8px 15px !important;
  height: auto !important;
  font-size: 14px !important;
}
dx-data-grid .dx-toolbar-after,
dx-tree-list .dx-toolbar-after {
  left: 0;
  right: auto;
  margin-left: -8px;
  padding-left: 0 !important;
}
dx-data-grid.row-pointer .dx-datagrid-rowsview .dx-row,
dx-tree-list.row-pointer .dx-datagrid-rowsview .dx-row {
  cursor: pointer;
}
dx-data-grid .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-tree-list .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: #f6f7f9;
}
dx-data-grid .dx-datagrid-total-footer > .dx-datagrid-content .dx-row > td,
dx-tree-list .dx-datagrid-total-footer > .dx-datagrid-content .dx-row > td {
  padding: 5px 0;
}
dx-data-grid .dx-limit-reached-class.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-data-grid .dx-approaching-limit-class.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-tree-list .dx-limit-reached-class.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-tree-list .dx-approaching-limit-class.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.05);
}
dx-data-grid .dx-limit-reached-class.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-sticky-column,
dx-data-grid .dx-limit-reached-class.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-sticky-column-right,
dx-data-grid .dx-limit-reached-class.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-sticky-column-left,
dx-data-grid .dx-limit-reached-class.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-treelist-sticky-column,
dx-data-grid .dx-limit-reached-class.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-treelist-sticky-column-right,
dx-data-grid .dx-limit-reached-class.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-treelist-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.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-sticky-column,
dx-data-grid .dx-approaching-limit-class.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-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.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-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.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-treelist-sticky-column,
dx-data-grid .dx-approaching-limit-class.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-treelist-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.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-treelist-sticky-column-left,
dx-tree-list .dx-limit-reached-class.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-sticky-column,
dx-tree-list .dx-limit-reached-class.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-sticky-column-right,
dx-tree-list .dx-limit-reached-class.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-sticky-column-left,
dx-tree-list .dx-limit-reached-class.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-treelist-sticky-column,
dx-tree-list .dx-limit-reached-class.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-treelist-sticky-column-right,
dx-tree-list .dx-limit-reached-class.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-treelist-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.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-sticky-column,
dx-tree-list .dx-approaching-limit-class.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-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.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-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.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-treelist-sticky-column,
dx-tree-list .dx-approaching-limit-class.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-treelist-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.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-treelist-sticky-column-left {
  background-color: #f6f7f9;
}
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td {
  background-color: rgba(222, 231, 237, 0.5);
}
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-right,
dx-data-grid .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-limit-reached-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused) > tr > td.dx-treelist-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-right,
dx-tree-list .dx-approaching-limit-class.dx-data-row.dx-selection:not(.dx-row-focused):hover > tr > td.dx-treelist-sticky-column-left {
  background-color: #eeeff3;
}
dx-data-grid .dx-group-class .dx-datagrid-sticky-column,
dx-data-grid .dx-group-class .dx-datagrid-sticky-column-right,
dx-data-grid .dx-group-class .dx-datagrid-sticky-column-left,
dx-data-grid .dx-group-class .dx-treelist-sticky-column,
dx-data-grid .dx-group-class .dx-treelist-sticky-column-right,
dx-data-grid .dx-group-class .dx-treelist-sticky-column-left,
dx-tree-list .dx-group-class .dx-datagrid-sticky-column,
dx-tree-list .dx-group-class .dx-datagrid-sticky-column-right,
dx-tree-list .dx-group-class .dx-datagrid-sticky-column-left,
dx-tree-list .dx-group-class .dx-treelist-sticky-column,
dx-tree-list .dx-group-class .dx-treelist-sticky-column-right,
dx-tree-list .dx-group-class .dx-treelist-sticky-column-left {
  background-color: #c9d7e6;
}
dx-data-grid .dx-group-class.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-tree-list .dx-group-class.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.05);
}
dx-data-grid .dx-group-class.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-sticky-column,
dx-data-grid .dx-group-class.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-sticky-column-right,
dx-data-grid .dx-group-class.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-sticky-column-left,
dx-data-grid .dx-group-class.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-treelist-sticky-column,
dx-data-grid .dx-group-class.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-treelist-sticky-column-right,
dx-data-grid .dx-group-class.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-treelist-sticky-column-left,
dx-tree-list .dx-group-class.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-sticky-column,
dx-tree-list .dx-group-class.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-sticky-column-right,
dx-tree-list .dx-group-class.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-sticky-column-left,
dx-tree-list .dx-group-class.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-treelist-sticky-column,
dx-tree-list .dx-group-class.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-treelist-sticky-column-right,
dx-tree-list .dx-group-class.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-treelist-sticky-column-left {
  background-color: #c9d7e6 !important;
}
dx-data-grid .dx-row-lines > td.disabled,
dx-tree-list .dx-row-lines > td.disabled {
  color: #999 !important;
}
dx-data-grid .dx-texteditor-input,
dx-tree-list .dx-texteditor-input {
  font-size: 15px;
}
dx-data-grid .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
dx-data-grid .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
dx-tree-list .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
dx-tree-list .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
  border: 0;
}
dx-data-grid .dx-datagrid-rowsview .dx-master-detail-row.dx-row,
dx-tree-list .dx-datagrid-rowsview .dx-master-detail-row.dx-row {
  border-top: 1px solid rgba(168, 174, 197, 0.5);
}
dx-data-grid .aright.dx-template-wrapper,
dx-tree-list .aright.dx-template-wrapper {
  display: flex;
  justify-content: right;
}
dx-data-grid .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row-focused.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell),
dx-data-grid .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-selection.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell),
dx-tree-list .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row-focused.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell),
dx-tree-list .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-selection.dx-row:not(.dx-edit-row) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
  padding-bottom: 5px;
}
dx-data-grid .dx-datagrid-rowsview .dx-datagrid-group-row-container,
dx-data-grid .dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column,
dx-data-grid .dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-datagrid-rowsview .dx-datagrid-group-row-container,
dx-tree-list .dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column,
dx-tree-list .dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-right {
  background-color: transparent;
}
dx-data-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
dx-data-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container,
dx-tree-list .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
dx-tree-list .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
  margin: 2px;
  height: 40px;
}
dx-data-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container,
dx-data-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container .dx-texteditor-buttons-container,
dx-tree-list .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container,
dx-tree-list .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container .dx-texteditor-buttons-container {
  margin-top: -4px;
}
dx-data-grid .dx-datagrid-filter-row,
dx-data-grid .dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column,
dx-data-grid .dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column-left,
dx-data-grid .dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column-right,
dx-tree-list .dx-datagrid-filter-row,
dx-tree-list .dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column,
dx-tree-list .dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column-left,
dx-tree-list .dx-datagrid-headers.dx-datagrid-sticky-columns .dx-datagrid-filter-row > td.dx-datagrid-sticky-column-right {
  background-color: #cfe2ee;
}
dx-data-grid .dx-datagrid .dx-header-filter,
dx-tree-list .dx-datagrid .dx-header-filter {
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 15px;
  margin-top: -2px;
  background-color: #fff;
  transition: all 0.2s ease;
}
dx-data-grid .dx-datagrid .dx-header-filter:hover,
dx-tree-list .dx-datagrid .dx-header-filter:hover {
  color: #2d1939;
}
dx-data-grid .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
dx-tree-list .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
  color: #fff;
  background-color: #fc7c64;
}
dx-data-grid .dx-menu-item-expanded,
dx-data-grid .dx-menu-item-expanded.dx-state-focused,
dx-data-grid .dx-menu-item-expanded.dx-state-hover,
dx-tree-list .dx-menu-item-expanded,
dx-tree-list .dx-menu-item-expanded.dx-state-focused,
dx-tree-list .dx-menu-item-expanded.dx-state-hover {
  position: relative;
  top: 2px;
  left: 2px;
  height: 40px !important;
  width: 36px;
  background-color: #0f6ea8;
}
dx-data-grid .dx-menu-item-expanded .dx-icon,
dx-data-grid .dx-menu-item-expanded.dx-state-focused .dx-icon,
dx-data-grid .dx-menu-item-expanded.dx-state-hover .dx-icon,
dx-tree-list .dx-menu-item-expanded .dx-icon,
dx-tree-list .dx-menu-item-expanded.dx-state-focused .dx-icon,
dx-tree-list .dx-menu-item-expanded.dx-state-hover .dx-icon {
  color: #fff !important;
}
dx-data-grid .dx-datagrid-filter-panel,
dx-tree-list .dx-datagrid-filter-panel {
  padding: 10px 15px;
  background: #f6f7f9;
  border-bottom: 1px solid #c2c6d6;
}
dx-data-grid.grid-transparent,
dx-tree-list.grid-transparent {
  background-color: transparent !important;
}
dx-data-grid.grid-transparent .dx-datagrid-headers,
dx-data-grid.grid-transparent .dx-datagrid-rowsview,
dx-data-grid.grid-transparent .dx-row > td,
dx-tree-list.grid-transparent .dx-datagrid-headers,
dx-tree-list.grid-transparent .dx-datagrid-rowsview,
dx-tree-list.grid-transparent .dx-row > td {
  background-color: transparent !important;
}
dx-data-grid.grid-inner,
dx-tree-list.grid-inner {
  margin: -17px 0 -17px 30px;
}
dx-data-grid .dx-texteditor-input-container .dx-placeholder::before,
dx-tree-list .dx-texteditor-input-container .dx-placeholder::before {
  font-size: 16px !important;
}
dx-tree-view.cm-dx-treeview .dx-treeview-node[aria-level="1"]:not(.dx-treeview-node-is-leaf) > .dx-treeview-item {
  padding-left: 0;
}
dx-tree-view.cm-dx-treeview .tree-view-item-cont {
  padding-left: 0;
}
dx-tree-view.cm-dx-treeview .dx-treeview-expander-icon-stub {
  width: 0;
}
dx-tree-view.dx-treeview-with-search .dx-treeview-search .dx-icon.dx-icon-search {
  margin-left: 10px;
}
.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: #8f7496;
}
.dx-header-filter-menu .dx-popup-bottom {
  padding-top: 13px !important;
}
.dx-header-filter-menu .dx-popup-bottom .dx-toolbar-items-container {
  min-height: 40px !important;
}
.dx-loadpanel-wrapper .dx-loadpanel-content {
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.dx-loadindicator {
  width: 40px;
  height: 40px;
}
.dx-loadindicator .dx-loadindicator-segment-inner {
  border-width: 5px;
}
.dx-group-class {
  background-color: #c9d7e6;
}
.dx-limit-reached-class {
  background-color: #fce7ec;
}
.dx-approaching-limit-class {
  background-color: #fcf6e7;
}
.dx-cell-light-red {
  background-color: #fce7ec !important;
  color: #df1642 !important;
}
.dx-cell-light-orange {
  background-color: #fcf6e7 !important;
  color: #fc7c64 !important;
}
.dx-cell-light-green {
  background-color: #e6fae6 !important;
  color: #23c399 !important;
}
.dx-cell-light-blue {
  background-color: #f0f0fa !important;
  color: #0f6ea8 !important;
}
.dx-cell-light-purple {
  background-color: #faebff !important;
  color: #8f76e5 !important;
}
.text-purple {
  color: #8f76e5 !important;
}
.datagrid-header-height .dx-datagrid .dx-header-row {
  height: 60px;
}
.datagrid-header-height .dx-datagrid .dx-datagrid .dx-header-row {
  height: auto;
}
.dx-accordion .dx-accordion-item-body {
  padding: 0;
}
.dx-accordion .dx-accordion-item-title::before {
  font-size: 28px;
  color: #8f7496;
}
.dx-accordion .dx-scrollable-content {
  padding: 0 10px 0 5px;
}
.mobile-adaptive-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media (min-width: 700px) {
  body .mobile-adaptive-grid-600-sm {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)) !important;
  }
}
.expandable-grid .compact-mode .phase_header .phase_name {
  font-size: 17px;
}
.expandable-grid .phase_wrapper {
  border-radius: 8px;
}
.expandable-grid .phase_wrapper + .phase_wrapper {
  margin-top: 15px;
}
.expandable-grid .phase_wrapper:not(.expanded) .phase_header {
  border-radius: 8px;
}
.expandable-grid .phase_wrapper.expanded .phase_header {
  border-radius: 8px 8px 0 0;
}
.expandable-grid .phase_header {
  display: flex;
  align-items: center;
  background-color: #fff;
}
.expandable-grid .phase_header > * {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 15px;
  color: #8f7496;
}
.expandable-grid .phase_header .left {
  display: flex;
  align-items: center;
  flex: 1 1 40%;
}
.expandable-grid .phase_header .phase_name {
  flex: 2 1 auto;
  min-width: 230px;
  font-size: 22px;
  font-weight: 500;
  color: #42304d;
}
.expandable-grid .phase_header .actions {
  flex: 1 1 150px;
  justify-content: flex-end;
  text-align: right;
}
.expandable-grid .phase_header .appointments_info {
  flex: 1 0 230px;
  padding: 0 15px;
  font-weight: normal;
  font-size: 14px;
}
.expandable-grid .phase_header .appointments_info > b {
  display: block;
  font-weight: normal;
  color: #8f7496;
}
.expandable-grid .phase_header .appointments_info > span {
  color: #42304d;
}
.expandable-grid .service_details_title {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 500;
}
.expandable-grid .service_details {
  display: flex;
  align-items: center;
  margin: -30px -18px;
  padding: 20px 20px 25px 0px;
  font-size: 14px;
  color: #42304d;
  background-color: #f6f7f9;
  border-top: 1px solid #d3d6e2 !important;
}
@media (max-width: 1000px) {
  .expandable-grid .service_details {
    padding-left: 20px;
  }
}
.expandable-grid .service_details table {
  width: 80%;
  max-width: 100%;
  border-spacing: 0;
}
.expandable-grid .service_details table th,
.expandable-grid .service_details table td {
  padding: 5px 15px;
}
.expandable-grid .service_details table th {
  font-weight: 500;
  text-align: left;
  color: #8f7496;
}
.expandable-grid .service_details table th.aright {
  text-align: right !important;
}
.expandable-grid .service_details table td {
  font-size: 15px;
  border-top: 1px solid #d3d6e2 !important;
}
.expandable-grid .service_details table td:not(.id):first-child {
  width: 50%;
  white-space: normal;
}
.menu_page.container {
  max-width: 1300px;
}
.menu_page .item-list > li + li {
  margin: 0 !important;
}
.menu_page .panel h2 {
  margin: -15px -20px 10px;
  padding: 20px;
  background: #c9d7e6;
  border-radius: 4px 4px 0 0;
}
.menu_page .link {
  display: flex;
  border-radius: 4px;
  padding: 10px 15px;
  justify-content: space-between;
  align-items: center;
}
.menu_page .link:hover {
  background: #e5e7ee;
}
.menu_page .link .mark {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #fff;
  font-size: 12px;
  margin: -5px;
}
.menu_page .link .mark.warning {
  color: #fc7c64;
}
.menu_page .link .mark.danger {
  color: #df1642;
}
.menu_page .link .mark.digit {
  color: #42304d;
  background-color: #e5e7ee;
  border: 2px solid #fff;
  border-radius: 20px;
  height: 24px;
  min-width: 24px;
  width: auto;
  padding: 2px 6px 0;
}
app-header .header-wrapper {
  background-color: #fff !important;
}
app-header .left a {
  display: inline-flex;
}
app-header .left a img {
  width: auto;
  height: 38px;
}
@media (max-width: 992px) {
  app-header .left a img {
    width: 55px;
    object-fit: cover;
    object-position: left;
  }
}
app-header .items-list {
  display: flex;
}
app-header .items-list:not(:first-of-type) {
  border-top: 1px solid #e5e7ee;
}
app-header .items-list {
  font-size: 14px;
}
app-header .items-list.read {
  background-color: #ffffff;
}
app-header .items-list.unread {
  background-color: rgba(201, 215, 230, 0.4);
}
app-header .items-list:hover {
  background-color: #f6f7f9;
}
app-header .items-list .category {
  flex: 0 1 150px;
}
app-header .items-list .category-icon {
  flex: 0 1 35px;
  display: flex;
  align-items: center;
  color: #8f7496;
}
app-header .items-list .content {
  flex: 1 1 auto;
  color: #42304d;
}
app-header .items-list .content strong {
  font-weight: 500;
}
app-header .items-list .content span {
  font-size: 13px;
  color: #8f7496;
}
app-header .items-list .action {
  flex: 0 1 30px;
  text-align: center;
}
app-header .header-line {
  height: 54px;
  width: 10px;
  margin-left: -10px;
  margin-right: 10px;
  background: #23c399;
  flex-shrink: 0;
}
app-header a.simple-btn-icon {
  color: #a8aec5;
}
app-header a.simple-btn-icon.active,
app-header a.simple-btn-icon:hover,
app-header a.simple-btn-icon:focus,
app-header a.simple-btn-icon:active {
  color: #eaf2ff;
}
app-header .lng {
  color: #a8aec5;
  margin: 0 0 0 20px;
}
app-header .lng:hover {
  color: #eaf2ff;
}
app-header .lng-cont {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
app-header .user b {
  border: 2px solid #a8aec5;
  margin: 3px 0 0 0;
}
app-header .user .icon-angle-down {
  color: #a8aec5;
}
app-header .user:hover b {
  border-color: #eaf2ff;
}
app-header .user:hover .icon-angle-down {
  color: #eaf2ff;
}
.auth {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.auth .wrapper {
  width: 100%;
  max-width: 540px;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 800px) {
  .auth .wrapper {
    padding-top: 20px;
  }
}
.auth .wrapper .logo {
  margin: 0px auto 10px;
  width: 220px;
}
.auth .wrapper .logo .logo-top {
  width: 70px;
  margin: 0 auto 10px;
}
.auth .wrapper .logo .logo-bot {
  margin: 0 auto;
  width: 220px;
}
.auth .cont {
  width: 100%;
  border-radius: 8px;
  background-color: #fff;
}
.auth .login-form {
  padding: 40px 50px;
}
.auth .login-form .title {
  margin: 0 0 35px 0;
  font-size: 30px;
  text-align: center;
}
.auth .login-form .form-group + .form-group {
  margin-top: 20px;
}
.auth .login-form label {
  font-size: 15px;
  color: #42304d;
}
.auth .login-form .submit {
  margin-top: 30px;
}
.auth .login-form .submit dx-button {
  width: 100%;
}
.auth .login-form .error-message {
  font-size: 14px;
  padding: 3px 10px;
  color: #df1642;
}
.auth .login-form .forgot-password {
  margin: 30px auto 0;
  text-align: center;
}
.auth .login-form .forgot-password a {
  font-size: 17px;
  color: #0f6ea8;
  text-decoration: underline;
}
.auth .login-form .disclaimer {
  padding: 20px 10px 0px;
  font-size: 14px;
}
.in-grid-label {
  display: inline-block;
  border-radius: 50px;
  padding: 5px 15px;
  background-color: #e5e7ee;
  font-size: 15px;
}
.status-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.status-container .status-label {
  display: inline-block;
  border-radius: 50px;
  padding: 2px 10px;
  background-color: #e5e7ee;
  font-size: 13px;
}
.toolbar-cont .filter-absolute-wrapper {
  width: calc(100% - 50px);
  z-index: 1010;
  top: 45px;
  bottom: 0;
}
@media (max-width: 992px) {
  .toolbar-cont .filter-absolute-wrapper {
    overflow-y: auto;
  }
}
@media (max-width: 768px) {
  .toolbar-cont .filter-absolute-wrapper {
    right: 25px;
  }
}
@media (max-width: 576px) {
  .toolbar-cont .filter-absolute-wrapper {
    right: 10px;
    width: calc(100% - 20px);
  }
}
.toolbar-cont .filter-absolute-wrapper.top-plus {
  top: 55px;
}
.toolbar-cont .filter-absolute-wrapper .filters-block {
  margin: 0;
  padding: 15px;
  border-radius: 8px;
}
.toolbar-cont .filter-absolute-wrapper .filters-block .input-label {
  line-height: 1.2;
}
.toolbar-cont .filter-absolute-wrapper .fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.toolbar-cont .filter-absolute-wrapper .fields .fields-in {
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: 8px;
}
.toolbar-cont .filter-absolute-wrapper .fields .fields-in > div {
  flex: 1 1 0;
  min-width: 0;
  padding: 10px;
  width: 100%;
}
.toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-2 {
  grid-column: span 2;
}
.toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-3 {
  grid-column: span 3;
}
.toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-2,
.toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-3 {
  flex-wrap: wrap;
  gap: 0;
}
@media (max-width: 992px) {
  .toolbar-cont .filter-absolute-wrapper .fields {
    grid-template-columns: repeat(2, 1fr);
  }
  .toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-3 {
    grid-column: span 2;
  }
  .toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-3 > div {
    flex: none;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .toolbar-cont .filter-absolute-wrapper .fields {
    grid-template-columns: 1fr;
  }
  .toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-2,
  .toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-3 {
    grid-column: 1/-1;
    flex-direction: column;
    align-items: stretch;
  }
  .toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-2 > div,
  .toolbar-cont .filter-absolute-wrapper .fields .fields-in.grid-column-span-3 > div {
    width: 100%;
  }
}
.input-label-right {
  position: absolute;
  top: -25px;
  right: 0;
}
app-cm-accordion-icon-panel .cm-accordion-icon-panel-head .question-mark {
  color: #8f7496;
  font-size: 16px;
  margin-left: 5px;
  cursor: help;
}
app-cm-accordion-icon-panel .cm-accordion-icon-panel-content li {
  position: relative;
}
app-cm-accordion-icon-panel .cm-accordion-icon-panel-content li .question-mark {
  position: absolute;
  top: 11px;
  right: 3px;
  color: #8f7496;
  font-size: 16px;
  cursor: help;
}
@media (max-width: 992px) {
  .interface-header .right.buttons {
    margin-top: 0;
  }
}
.expandable-info-block .header {
  grid-template-columns: 40px 1fr minmax(100px, auto);
  gap: 10px;
  padding: 5px 0;
}
@media (max-width: 992px) {
  .expandable-info-block .header {
    grid-template-areas: "toggle title title actions" "toggle stats stats actions";
  }
}
.expandable-info-block .header.ordering {
  grid-template-columns: 0 1fr minmax(100px, auto);
}
.expandable-info-block .header .title {
  font-size: 17px;
}
.expandable-info-block .header .stats_wrapper.fix {
  width: 400px;
}
@media (max-width: 992px) {
  .expandable-info-block .header .stats_wrapper.fix {
    width: auto;
  }
}
.expandable-info-block .header .actions {
  border-left: 1px solid rgba(168, 174, 197, 0.5);
  padding-left: 10px;
  height: 100%;
}
.expandable-info-block .draggable-handle {
  top: 4px;
  left: 20px;
}
.dx-button {
  position: relative;
  display: inline-block;
  top: 0;
  border-radius: 26px;
  height: 41px;
  min-width: 90px;
  box-shadow: none !important;
  transition: all 0.2s ease;
}
.dx-button:active {
  top: 2px;
}
.dx-button {
}
.dx-button.dx-state-hover,
.dx-button.dx-state-focused {
  background-color: #fff;
}
.dx-button.dx-state-hover [class*=icon-],
.dx-button.dx-state-focused [class*=icon-] {
  color: #2d1939;
}
.dx-button.dx-button-default.dx-state-hover [class*=icon-],
.dx-button.dx-button-default.dx-state-focused [class*=icon-] {
  color: #fff;
}
.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  width: 41px;
  height: 41px;
  border-radius: 50%;
}
.dx-button.dx-button-has-text .dx-button-content {
  padding: 10px 25px;
}
@media (max-width: 768px) {
  .dx-button.dx-button-has-text .dx-button-content {
    padding: 10px 15px;
  }
}
.dx-button.dx-button-has-text .dx-button-content {
}
.dx-button.dx-button-default {
  border-radius: 26px;
}
.app-modal-footer .dx-button:not(.dx-button-default) {
  background-color: transparent;
}
.app-modal-footer .dx-button:not(.dx-button-default):hover {
  background-color: #e5e7ee;
}
.app-modal-simple .app-modal-footer .dx-button:not(.dx-button-default):hover {
  background-color: #f6f7f9;
}
.dx-button.dx-button-default.dx-state-disabled {
  background: rgba(0, 0, 0, 0.3);
}
.dx-button.dx-button-default.dx-state-disabled [class*=icon-] {
  color: #f6f7f9;
}
.dx-button .dx-button-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dx-button.dowrap .dx-button-text {
  white-space: normal !important;
}
.dx-button .bubble {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  min-height: 15px;
  min-width: 15px;
  background-color: #df1642;
  color: #fff;
  font-size: 12px;
  padding: 1px 4px;
  font-weight: normal;
}
.dx-button [class*=icon-] {
  font-size: 21px;
  width: 41px;
  height: 41px;
  line-height: 41px;
  transition: all 0.2s ease;
}
.dx-button .icon-plus-1,
.dx-button .icon-minus-1,
.dx-button .icon-check-1 {
  font-size: 16px;
}
.dx-button .dx-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  align-content: space-around;
}
.dx-button.dx-button-has-icon.dx-button-has-text .dx-icon {
  font-size: 25px;
  margin-right: 15px;
  margin-left: -5px;
}
.dx-htmleditor .dx-button.dx-button-has-icon.dx-button-has-text .dx-icon {
  margin: 0;
  font-size: 24px;
}
.dx-button.button-password {
  position: absolute;
  top: 2px;
  right: 5px;
}
.right.buttons .dx-button.dx-button-has-text:not(.dx-button-has-icon):not(.dx-button-default).dx-state-hover,
.right.buttons .dx-button.dx-button-has-text:not(.dx-button-has-icon):not(.dx-button-default).dx-state-focused,
.actions-bar .dx-button.dx-button-has-text:not(.dx-button-has-icon):not(.dx-button-default).dx-state-hover,
.actions-bar .dx-button.dx-button-has-text:not(.dx-button-has-icon):not(.dx-button-default).dx-state-focused {
  background-color: #f6f7f9;
}
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=No],
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Non],
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Cancel],
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Annuler],
.dx-datagrid-form-buttons-container .dx-button[aria-label=No],
.dx-datagrid-form-buttons-container .dx-button[aria-label=Non],
.dx-datagrid-form-buttons-container .dx-button[aria-label=Cancel],
.dx-datagrid-form-buttons-container .dx-button[aria-label=Annuler] {
  background-color: transparent;
  color: #42304d;
}
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=No].dx-state-hover,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=No].dx-state-focused,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Non].dx-state-hover,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Non].dx-state-focused,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Cancel].dx-state-hover,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Cancel].dx-state-focused,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Annuler].dx-state-hover,
.dx-overlay-wrapper.dx-popup-wrapper .dx-item.dx-toolbar-item.dx-toolbar-button .dx-button[aria-label=Annuler].dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button[aria-label=No].dx-state-hover,
.dx-datagrid-form-buttons-container .dx-button[aria-label=No].dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Non].dx-state-hover,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Non].dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Cancel].dx-state-hover,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Cancel].dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Annuler].dx-state-hover,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Annuler].dx-state-focused {
  background-color: #f6f7f9;
}
.dx-datagrid-form-buttons-container .dx-button[aria-label=Save],
.dx-datagrid-form-buttons-container .dx-button[aria-label=Sauvegarder] {
  background-color: #0f6ea8;
  color: #fff;
}
.dx-datagrid-form-buttons-container .dx-button[aria-label=Save].dx-state-hover,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Save].dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Save].dx-state-active,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Sauvegarder].dx-state-hover,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Sauvegarder].dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button[aria-label=Sauvegarder].dx-state-active {
  background-color: #23c399;
}
.dx-formdialog .dx-button {
  padding: 0;
}
.tab-style .dx-button {
  border-radius: 0 !important;
  border-bottom: 3px solid transparent;
  height: 46px;
}
.tab-style .dx-button .dx-button-content {
  padding: 16px 15px 12px 10px;
}
.tab-style .dx-button [class*=icon-] {
  font-size: 17px;
  width: 25px;
  margin-right: 5px;
}
.tab-style .dx-button.dx-state-hover,
.tab-style .dx-button.dx-state-focused {
  background-color: #fafafa;
  color: #0f6ea8;
}
.tab-style .dx-button.dx-state-hover [class*=icon-],
.tab-style .dx-button.dx-state-focused [class*=icon-] {
  color: #0f6ea8;
}
.tab-style .dx-button.dx-state-focused {
  background-color: #e7f0f6;
}
.tab-style .dx-button:active {
  top: 0;
}
.tab-style .dx-button.active {
  color: #0f6ea8;
  border-bottom: 3px solid #0f6ea8;
}
.tab-style .dx-button.active [class*=icon-] {
  color: #0f6ea8;
}
.dx-button.button-filter {
  border-radius: 4px;
  background-color: #e5e7ee;
}
.dx-button.button-filter.button-filter-white {
  background-color: #fff;
}
.dx-button.button-filter.dx-state-hover,
.dx-button.button-filter.dx-state-focused {
  background-color: #0f6ea8;
  color: #fff;
}
.dx-button.button-filter.dx-state-hover [class*=icon-],
.dx-button.button-filter.dx-state-focused [class*=icon-] {
  color: #fff;
}
.dx-button.button-filter .dx-button-content {
  padding: 10px 15px;
}
.dx-button.button-close,
.dx-button.button-minimize {
  position: absolute;
  z-index: 1000;
  top: 4px;
  right: 15px;
  background-color: transparent;
  cursor: pointer;
}
.dx-button.button-close:active,
.dx-button.button-minimize:active {
  top: 6px;
}
.dx-button.button-close:hover,
.dx-button.button-minimize:hover {
  background-color: #f6f7f9;
}
.dx-button.button-close:hover [class*=icon-],
.dx-button.button-minimize:hover [class*=icon-] {
  color: #2d1939;
}
.dx-button.button-close .dx-icon,
.dx-button.button-minimize .dx-icon {
  font-size: 35px;
  width: auto;
  margin: -1px -1px 0 0;
}
.app-modal-simple .dx-button.button-close,
.app-modal-simple .dx-button.button-minimize {
  top: 9px;
}
.app-modal-simple .dx-button.button-close:active,
.app-modal-simple .dx-button.button-minimize:active {
  top: 11px;
}
.dx-button.button-minimize {
  right: 65px;
}
.simple-btn-group .dx-button {
  border-radius: 0;
}
.simple-btn-group .dx-button:first-child {
  border-radius: 4px 0 0 4px;
}
.simple-btn-group .dx-button:last-child {
  border-radius: 0 4px 4px 0;
}
.simple-btn-group.simple-btn-group-separators .dx-button:not(:first-child) {
  margin-left: 1px;
}
.dx-button.button-small-contour {
  font-size: 12px;
  border-radius: 26px;
  color: #8f7496;
  border: 2px solid #8f7496;
  background-color: transparent;
  padding: 0;
  min-width: auto;
  width: 30px !important;
  height: 30px !important;
}
.dx-button.button-small-contour [class*=icon-] {
  font-size: 20px;
}
.dx-button.button-small-contour.dx-state-hover,
.dx-button.button-small-contour.dx-state-focused {
  border-color: #0f6ea8;
  color: #0f6ea8;
}
.dx-button.button-small-contour.dx-state-hover [class*=icon-],
.dx-button.button-small-contour.dx-state-focused [class*=icon-] {
  color: #0f6ea8;
}
.dx-button.button-small-contour .dx-button-content {
  padding: 0 10px;
}
.dx-button.button-tile {
  display: block;
  text-align: center;
  height: auto;
  background-color: #fff;
  border-radius: 8px;
}
.dx-button.button-tile.dx-state-hover,
.dx-button.button-tile.dx-state-focused {
  background-color: #f6f7f9;
}
.dx-button.button-tile .dx-button-content {
  display: block;
  padding: 40px 20px;
}
.dx-button.button-tile .dx-button-content i {
  font-size: 40px !important;
  color: #5e3869 !important;
}
.dx-button.button-tile .dx-button-content div.tile-title {
  font-size: 18px;
  margin-top: 25px;
  color: #42304d;
}
.dx-button.button-header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin: 0 0 0 5px;
  border: 1px solid #8f7496;
  background: transparent;
  width: 33px !important;
  height: 33px !important;
  min-width: 33px !important;
}
.dx-button.button-header.dx-state-hover,
.dx-button.button-header.dx-state-focused {
  border-color: #42304d;
}
.dx-button.button-header.dx-state-hover [class*=icon-],
.dx-button.button-header.dx-state-hover .dx-button-text,
.dx-button.button-header.dx-state-focused [class*=icon-],
.dx-button.button-header.dx-state-focused .dx-button-text {
  color: #42304d;
}
.dx-button.button-header [class*=icon-] {
  font-size: 17px !important;
  color: #8f7496;
}
.dx-button.button-header .dx-button-text {
  overflow: visible;
  margin: 0 !important;
  letter-spacing: 0;
}
.dx-button.button-header.lang {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  font-size: 14px !important;
}
.dx-button.button-header.warning {
  border: 0;
  background: #fc7c64;
  box-shadow: none !important;
}
.dx-button.button-header.warning [class*=icon-] {
  color: #fff;
}
.dx-button.button-header.warning.dx-state-hover,
.dx-button.button-header.warning.dx-state-focused {
  background-color: #23c399;
}
.dx-button.button-grid {
  height: 33px;
  min-width: 33px;
  width: 100%;
}
.dx-button.button-grid .dx-button-content {
  padding: 0 15px;
}
.dx-button.button-list {
  height: 28px;
  margin: 3px 0;
  font-size: 14px;
}
.dx-button.button-gray:not(app-edit-flex-form .button-gray) {
  background-color: #8f7496;
}
@media (max-width: 992px) {
  .dx-button.button-gray:not(app-edit-flex-form .button-gray) {
    display: none;
  }
}
.dx-button.button-gray:not(app-edit-flex-form .button-gray).active {
  background-color: #8f7496;
}
.dx-button.button-gray:not(app-edit-flex-form .button-gray).dx-state-hover,
.dx-button.button-gray:not(app-edit-flex-form .button-gray).dx-state-focused {
  background-color: #0f6ea8;
}
.dx-button.button-secondary {
  background-color: #8f7496 !important;
  color: #fff;
}
.dx-button.button-secondary.dx-state-hover,
.dx-button.button-secondary.dx-state-focused {
  background-color: #23c399 !important;
}
dx-drop-down-box .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 9px;
}
.dx-dropdownbutton .dx-button {
  background-color: #fff !important;
  width: 41px;
  height: 41px;
  border-radius: 50% !important;
  border: 0;
}
.dx-dropdownbutton .dx-button:hover [class*=icon-] {
  color: #2d1939;
}
.dx-dropdownbutton .dx-button .dx-icon {
  font-size: 28px;
  width: auto;
}
.dx-dropdownbutton.button-dd-default .dx-button {
  background-color: #0f6ea8 !important;
}
.dx-dropdownbutton.button-dd-default .dx-button [class*=icon-] {
  color: #fff;
}
.dx-dropdownbutton.button-dd-default .dx-button.dx-state-hover,
.dx-dropdownbutton.button-dd-default .dx-button.dx-state-focused {
  background-color: #23c399 !important;
}
.dx-dropdownbutton.button-white-grey-contour .dx-button {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1px #a8aec5 !important;
  box-shadow: 0 0 0 1px #a8aec5 !important;
  border-radius: 4px !important;
  margin: 2px;
  width: 100%;
}
.dx-dropdownbutton.button-white-grey-contour .dx-button.dx-state-hover {
  -webkit-box-shadow: 0 0 0 1px #42302d !important;
  box-shadow: 0 0 0 1px #42302d !important;
}
.dx-dropdownbutton.button-white-grey-contour .dx-button.dx-state-focused {
  -webkit-box-shadow: 0 0 0 2px #0f6ea8 !important;
  box-shadow: 0 0 0 2px #0f6ea8 !important;
}
.dx-dropdownbutton.bw .dx-button {
  background-color: #fff !important;
}
dx-select-box.dx-texteditor .dx-texteditor {
  margin: 0;
}
.dx-dropdownbutton-content ul.dropdown-menu li .dx-button {
  border-radius: 0;
  height: auto;
  padding: 0;
}
.dx-dropdownbutton-content ul.dropdown-menu li .dx-button.dx-state-hover {
  background-color: #e5e7ee;
}
.dx-dropdownbutton-content ul.dropdown-menu li .dx-button.dx-state-disabled .dx-button-text {
  color: #42304d;
}
.dx-dropdownbutton-content ul.dropdown-menu li .dx-button .dx-button-content {
  padding: 11px 15px;
  width: 100%;
  justify-content: flex-start;
}
.dx-dropdownbutton-content ul.dropdown-menu li .dx-button .dx-button-content .dx-button-text {
  text-transform: none;
  font-weight: normal;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  inset-inline-end: 35px;
}
.dx-show-clear-button .dx-icon-clear:hover {
  color: #42304d;
}
.dx-scrollable-scrollbar.dx-scrollbar-hoverable .dx-scrollable-scroll {
  border-radius: 6px;
  cursor: pointer;
}
.dx-scrollable-scrollbar.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  border-radius: 6px;
  cursor: pointer;
}
.signature-image-preview {
  padding-top: 60px !important;
  background: none !important;
}
.signature-image-preview .box-icon-actions {
  position: absolute;
  inset: 5px auto auto 0;
}
.signature-image-preview .box-icon-actions a {
  position: static;
  inset: auto;
}
.sketchpad_edit_btn .simple-btn {
  inset: 5px auto auto 0 !important;
}
.dx-timeview-field .dx-numberbox {
  width: 75px;
}
.buttons-container {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.buttons-container .dx-button {
  background-color: #f6f7f9 !important;
  width: 33px !important;
  height: 33px !important;
  min-width: 33px;
}
.buttons-container .dx-button.bg-medium {
  background-color: #8f7496 !important;
}
.buttons-container .dx-button.bg-medium [class*=icon-] {
  color: #fff;
}
.buttons-container .dx-button.bg-medium [class*=icon-]:hover {
  color: #f6f7f9;
}
.buttons-container .dx-button.bw {
  background-color: #fff !important;
}
.buttons-container .dx-button [class*=icon-] {
  font-size: 16px;
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.buttons-container .dx-button [class*=icon-]:hover {
  color: #2d1939;
}
.buttons-container .dx-button .icon-plus-1,
.buttons-container .dx-button .icon-minus-1,
.buttons-container .dx-button .icon-check-1,
.buttons-container .dx-button .icon-right-arrow,
.buttons-container .dx-button .icon-left-arrow {
  font-size: 13px !important;
}
.buttons-container .dx-dropdownbutton .dx-button .dx-icon {
  font-size: 22px;
}
.buttons-container .dx-dropdownbutton .dx-button.dx-button-has-icon {
  min-width: 33px;
}
.icon-button-style {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f6f7f9;
  color: #8f7496;
  font-size: 13px;
}
.filters-block .buttons > div {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.filters-block .buttons > div .dx-button:not(.dx-button-default):hover {
  background-color: #e5e7ee;
}
.button-placeholder {
  display: inline-block;
  width: 41px;
  height: 41px;
}
.scrollable-container {
  max-height: 500px;
  overflow-wrap: anywhere;
  border: solid #a8aec5;
  border-width: 1px 0;
}
.scrollable-container .dx-scrollview-content {
  padding: 10px 10px 10px 0;
}
.component-container {
  display: flex;
  align-items: center;
  min-height: 43px;
}
.icon-rotate-p90 {
  transform: rotate(90deg);
}
.icon-rotate-m90 {
  transform: rotate(-90deg);
}
.help {
  cursor: help;
}
hr {
  margin: 0;
}
.vhr-xxlight {
  width: 1px;
  background: #f6f7f9;
  align-self: stretch;
}
.vhr-xlight {
  width: 1px;
  background: #e5e7ee;
  align-self: stretch;
}
.dowrap {
  white-space: normal;
}
.ng-invalid-comment {
  font-size: 13px;
}
.align-items-baseline {
  align-items: baseline !important;
}
.image-preview {
  background-color: #f6f7f9;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #e5e7ee;
  box-sizing: content-box;
  padding: 5px;
}
.image-preview img {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  object-fit: contain;
}
.rotate-90 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
label,
.input-label,
.dx-list-item-content {
  font-size: 16px;
  white-space: pre-line;
}
.input-label {
  height: auto;
  min-height: 25px;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.input-label.inform-label {
  background-color: transparent;
  color: #8f7496 !important;
  font-size: 15px;
  padding: 5px 0;
}
.dx-toast-content {
  height: auto !important;
}
.text-label {
  line-height: 12px;
  font-size: 13px;
  padding: 5px 7px;
  height: 22px;
  min-width: 22px;
}
.inner-module {
  margin-top: 20px !important;
}
.inner-module > * {
  margin: -20px;
  width: 670px;
}
.right-panel-container {
  background: transparent;
}
.right-panel-container .app-modal-right-panel {
  margin-left: 10px;
  border-radius: 8px;
}
.right-panel-container .app-modal-right-panel .tabs-thin.dx-tabpanel .dx-tabpanel-tab {
  flex-shrink: 1;
}
.right-panel-container .app-modal-right-panel .tabs-thin.dx-tabpanel .dx-tabpanel-tab .dx-tab-content {
  text-align: center;
}
.right-panel-container .app-modal-right-panel h2 {
  background-color: #f6f7f9;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 18px;
  margin: 15px 15px 0;
}
.info-card {
  padding: 15px 0;
  width: 100%;
  border-color: #a8aec5 !important;
  line-height: 1.4;
}
.info-card:first-child {
  padding-top: 0;
}
.info-card:last-child {
  padding-bottom: 0;
}
.info-card .dx-grid-wrapper {
  border: 2px solid #e5e7ee;
}
.slide-img {
  border: 1px solid #a8aec5;
  border-radius: 4px;
}
.data-list > div {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: 5px;
  align-items: center;
  word-break: break-word;
  padding: 10px 0;
  border-bottom: 1px solid #e5e7ee;
}
.data-list > div:last-child {
  border: 0;
  padding-bottom: 0;
}
.data-list > div:first-child {
  padding-top: 0;
}
.data-list > div > label {
  color: #8f7496 !important;
}
.data-list.data-list-horizontal > div {
  grid-template-columns: repeat(2, 1fr);
  padding: 5px 0;
  border-bottom: 0;
}
.data-list.data-list-horizontal-2 > div {
  grid-template-columns: repeat(3, 1fr);
  padding: 5px 0;
  border-bottom: 0;
}
.data-list.data-list-horizontal-2 > div > span {
  grid-column: span 2;
}
.column-gap-20 {
  column-gap: 20px;
  row-gap: 0;
}
.tab-star {
  margin: -10px -10px 0 2px;
  color: #df1642;
  font-size: 15px;
}
.tab-star-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -16px 0 0 0;
  color: #df1642;
  font-size: 15px;
  background: #fff;
  border-radius: 50%;
  height: 17px;
  width: 17px;
}
.disabled {
  opacity: 1;
}
li.disabled {
  opacity: 0.7;
}
.disabled .dx-htmleditor,
.disabled.dx-htmleditor,
.dx-state-disabled.dx-htmleditor,
.dx-state-readonly.dx-htmleditor,
.disabled .dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor),
.disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor),
.dx-state-disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor),
.dx-state-readonly.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) {
  opacity: 0.7;
  outline: 1px dashed #a8aec5 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.disabled .dx-htmleditor .dx-texteditor-buttons-container,
.disabled .dx-htmleditor .dx-numberbox-spin-container,
.disabled .dx-htmleditor .dx-placeholder,
.disabled.dx-htmleditor .dx-texteditor-buttons-container,
.disabled.dx-htmleditor .dx-numberbox-spin-container,
.disabled.dx-htmleditor .dx-placeholder,
.dx-state-disabled.dx-htmleditor .dx-texteditor-buttons-container,
.dx-state-disabled.dx-htmleditor .dx-numberbox-spin-container,
.dx-state-disabled.dx-htmleditor .dx-placeholder,
.dx-state-readonly.dx-htmleditor .dx-texteditor-buttons-container,
.dx-state-readonly.dx-htmleditor .dx-numberbox-spin-container,
.dx-state-readonly.dx-htmleditor .dx-placeholder,
.disabled .dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-buttons-container,
.disabled .dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-numberbox-spin-container,
.disabled .dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-placeholder,
.disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-buttons-container,
.disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-numberbox-spin-container,
.disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-placeholder,
.dx-state-disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-buttons-container,
.dx-state-disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-numberbox-spin-container,
.dx-state-disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-placeholder,
.dx-state-readonly.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-buttons-container,
.dx-state-readonly.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-numberbox-spin-container,
.dx-state-readonly.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-placeholder {
  display: none;
}
.disabled .dx-htmleditor .dx-texteditor-input,
.disabled.dx-htmleditor .dx-texteditor-input,
.dx-state-disabled.dx-htmleditor .dx-texteditor-input,
.dx-state-readonly.dx-htmleditor .dx-texteditor-input,
.disabled .dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-input,
.disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-input,
.dx-state-disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-input,
.dx-state-readonly.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) .dx-texteditor-input {
  color: #1b222a !important;
  text-overflow: ellipsis;
  cursor: default;
}
.disabled .dx-htmleditor input::placeholder,
.disabled.dx-htmleditor input::placeholder,
.dx-state-disabled.dx-htmleditor input::placeholder,
.dx-state-readonly.dx-htmleditor input::placeholder,
.disabled .dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) input::placeholder,
.disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) input::placeholder,
.dx-state-disabled.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) input::placeholder,
.dx-state-readonly.dx-texteditor:not(.dx-htmleditor .dx-texteditor, .dx-selectbox .dx-texteditor, .dx-dropdownbox .dx-texteditor) input::placeholder {
  color: transparent;
  opacity: 0;
}
.disabled .dx-button,
.disabled.dx-button,
.dx-state-disabled.dx-button,
.dx-state-readonly.dx-button {
  opacity: 0.7 !important;
}
.disabled .dx-button.dx-button-default,
.disabled.dx-button.dx-button-default,
.dx-state-disabled.dx-button.dx-button-default,
.dx-state-readonly.dx-button.dx-button-default {
  background-color: #a8aec5 !important;
}
.disabled .dx-button.dx-button-default .dx-button-text,
.disabled.dx-button.dx-button-default .dx-button-text,
.dx-state-disabled.dx-button.dx-button-default .dx-button-text,
.dx-state-readonly.dx-button.dx-button-default .dx-button-text {
  color: #fff;
}
.disabled .dx-checkbox,
.disabled.dx-checkbox,
.dx-state-disabled.dx-checkbox,
.dx-state-readonly.dx-checkbox {
  opacity: 1;
}
.disabled .dx-checkbox .dx-checkbox-icon,
.disabled.dx-checkbox .dx-checkbox-icon,
.dx-state-disabled.dx-checkbox .dx-checkbox-icon,
.dx-state-readonly.dx-checkbox .dx-checkbox-icon {
  opacity: 0.7;
  border: 0;
  background-color: transparent !important;
  color: #8f7496;
  outline: 1px dashed #a8aec5 !important;
}
.disabled .dx-radiogroup,
.disabled.dx-radiogroup,
.dx-state-disabled.dx-radiogroup,
.dx-state-readonly.dx-radiogroup {
  opacity: 1;
}
.disabled .dx-radiogroup .dx-radio-value-container,
.disabled.dx-radiogroup .dx-radio-value-container,
.dx-state-disabled.dx-radiogroup .dx-radio-value-container,
.dx-state-readonly.dx-radiogroup .dx-radio-value-container {
  opacity: 0.7;
}
.disabled .dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon,
.disabled.dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon,
.dx-state-disabled.dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon,
.dx-state-readonly.dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon {
  background-color: transparent !important;
  border: 1px dashed #a8aec5 !important;
  padding: 1px;
}
.disabled .dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon .dx-radiobutton-icon-dot,
.disabled.dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon .dx-radiobutton-icon-dot,
.dx-state-disabled.dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon .dx-radiobutton-icon-dot,
.dx-state-readonly.dx-radiogroup .dx-radio-value-container .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  background: #8f7496;
}
.header-container {
  max-width: 1100px;
  margin: 0 auto;
}
.form-container {
  width: 100%;
  height: 100%;
  border: 0 solid #a8aec5 !important;
}
.form-container .dx-scrollable-content {
  padding: 25px !important;
}
.form-container adda-form-manager {
  padding: 0;
}
.form-container adda-form-manager .adda-form-manager-options-cont {
  position: relative;
  top: -10px;
  margin: 0 auto 60px;
  max-width: 1100px;
}
.form-container adda-form-manager .adda-form-manager-options-cont .controls {
  padding: 10px;
}
.form-container adda-form-manager {
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon,
.form-container adda-form-manager a.simple-btn.simple-btn-light {
  background-color: transparent !important;
  border-color: transparent !important;
  transition: none !important;
  box-shadow: none;
  background-color: #f6f7f9 !important;
  width: 33px !important;
  height: 33px !important;
  min-width: 33px;
  border-radius: 26px;
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon i[class*=icon-],
.form-container adda-form-manager a.simple-btn.simple-btn-light i[class*=icon-] {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 26px;
  transition: none !important;
  font-size: 16px !important;
  width: 33px;
  height: 33px;
  line-height: 33px;
  color: #8f7496;
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon i[class*=icon-]:before,
.form-container adda-form-manager a.simple-btn.simple-btn-light i[class*=icon-]:before {
  font-family: "fontello";
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon i[class*=icon-].icon-edit-1:before,
.form-container adda-form-manager a.simple-btn.simple-btn-light i[class*=icon-].icon-edit-1:before {
  content: "\e913";
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon i[class*=icon-].icon-trash-1:before,
.form-container adda-form-manager a.simple-btn.simple-btn-light i[class*=icon-].icon-trash-1:before {
  content: "\e957";
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon i[class*=icon-].icon-cog-1:before,
.form-container adda-form-manager a.simple-btn.simple-btn-light i[class*=icon-].icon-cog-1:before {
  content: "\e945";
}
.form-container adda-form-manager a.simple-btn.simple-btn-icon:hover i[class*=icon-],
.form-container adda-form-manager a.simple-btn.simple-btn-light:hover i[class*=icon-] {
  color: #2d1939 !important;
}
.form-container .adda-form-manager {
  margin: 0 auto;
  max-width: 1100px;
  background-color: #fff;
  border-radius: 8px;
}
.form-container .adda-form-manager > .adda-form-manager-header {
  padding: 30px 30px 0;
  margin-top: 0;
}
.form-container .adda-form-manager > .adda-form-manager-header .adda-form-manager-title {
  margin: 0;
}
.form-container .adda-form-manager > .app-form-panel {
  padding: 30px;
}
.form-container .adda-form-manager > .app-form-panel .adda-form-manager-container-main {
  padding: 0;
}
.form-container .adda-form-manager .dx-datagrid-revert-tooltip .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard).dx-revert-button {
  width: 33px !important;
  height: 33px !important;
  min-width: 33px;
  border-radius: 26px;
}
.form-container .adda-form-manager .dx-datagrid-revert-tooltip .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard).dx-revert-button i[class*=icon-] {
  color: #fff;
}
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link {
  transition: none !important;
  width: auto;
  height: auto;
  background-color: #f6f7f9 !important;
  width: 33px !important;
  height: 33px !important;
  min-width: 33px;
  border-radius: 26px;
}
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon-trash:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon-trash:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon-trash:before {
  content: "\e957";
}
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon-edit:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon-edit:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link.dx-icon-edit:before {
  content: "\e913";
}
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:before {
  font-family: "fontello";
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 60px;
  transition: none !important;
  font-size: 16px !important;
  width: 33px;
  height: 33px;
  line-height: 33px;
  color: #8f7496;
}
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:hover:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:hover:before,
.form-container .adda-form-manager .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:hover:before {
  color: #2d1939 !important;
}
.form-container .adda-form-manager h2.widget-title {
  background-color: #e5e7ee;
  border-radius: 8px;
  padding: 10px 15px;
  font-weight: 500;
  color: #8f7496;
  margin: 0 0 30px;
}
@media print {
  .form-container .adda-form-manager h2.widget-title {
    background-color: transparent;
    color: #1b222a;
    padding: 10px 0;
  }
}
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-readonly + dx-drop-down-button,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-disabled + dx-drop-down-button,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-readonly + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-disabled + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[readonly] + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[disabled] + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[readonly] + dx-drop-down-button,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[disabled] + dx-drop-down-button,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete dx-text-area.dx-state-readonly + dx-drop-down-button,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete dx-text-area.dx-state-disabled + dx-drop-down-button,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-readonly + dx-drop-down-button,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-disabled + dx-drop-down-button,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-readonly + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete dx-html-editor.dx-state-disabled + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete textarea[readonly] + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete textarea[disabled] + a.simple-btn.simple-btn-icon.simple-btn-light,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete textarea[readonly] + dx-drop-down-button,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete textarea[disabled] + dx-drop-down-button,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete dx-text-area.dx-state-readonly + dx-drop-down-button,
.form-container .adda-form-manager app-html-editor-widget-quick-form adda-form-autocomplete dx-text-area.dx-state-disabled + dx-drop-down-button {
  display: none;
}
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea {
  display: block;
  box-shadow: 0 0 0 1px #a8aec5;
  border: 0 !important;
  border-radius: 4px;
  background-color: #fff;
  color: #42304d;
  font-family:
    Roboto,
    RobotoFallback,
    "Noto Kufi Arabic",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 2px 0;
  padding: 11px;
  outline: 0;
  white-space: pre-wrap;
  overflow: auto;
}
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[readonly],
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[disabled] {
  opacity: 0.7;
  outline: 1px dashed #a8aec5 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: #1b222a !important;
  text-overflow: ellipsis;
  cursor: default;
}
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[readonly]::placeholder,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea[disabled]::placeholder {
  color: transparent;
  opacity: 0;
}
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea:not([readonly]):not([disabled]):hover {
  box-shadow: 0 0 0 1px #42304d;
}
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea:not([readonly]):not([disabled]):focus,
.form-container .adda-form-manager app-text-area-widget-quick-form adda-form-autocomplete textarea:not([readonly]):not([disabled]):active {
  box-shadow: 0 0 0 2px #0f6ea8;
}
.form-container:not(.chart-note-edit-mode) .adda-form-manager .adda-form-manager-container-main > * > app-container-widget > .preview-wrapper > .cell_wrapper > .cell-item,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .adda-form-manager-container-main > * > app-tab-container-widget > .preview-wrapper > .cell_wrapper > .cell-item,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .adda-form-manager-container-main > * > app-subform-widget > .preview-wrapper > .cell_wrapper > .cell-item,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .cell-item.cell-item-container,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .cell-item.cell-item-container,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .cell-item.cell-item-tab-container,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .cell-item.cell-item-table,
.form-container:not(.chart-note-edit-mode) .adda-form-manager .cell-item.cell-item-subform {
  padding: 0;
  border: 0;
}
.app-text-input-autocomplete-symbol-popup {
  width: 100% !important;
}
.adda-popup.active:last-of-type {
  background-color: rgba(168, 174, 197, 0.7) !important;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal {
  border-radius: 4px;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-header {
  padding: 15px 60px 15px 20px;
  background-color: #e5e7ee;
  border-radius: 4px 4px 0 0;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-header h1 {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-header .app-modal-close-icon {
  top: 13px;
  right: 20px;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-content {
  background-color: #fff;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-footer {
  background-color: #e5e7ee;
  border-radius: 0 0 4px 4px;
  padding: 15px 20px;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-footer .simple-btn.simple-btn-text-grey,
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-footer .simple-btn.simple-btn-icon {
  color: #42304d;
}
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-footer .simple-btn.simple-btn-text-grey:hover,
body > adda-dynamic-loader:not([layoutsize=full]).adda-popup .app-modal .app-modal-footer .simple-btn.simple-btn-icon:hover {
  background-color: #f6f7f9;
}
adda-signature-editor .signature-edit-mode .signature-wrapper,
adda-signature-editor .signature-edit-mode .image-uploader .image-uploader-wrapper,
adda-signature-editor .signature-edit-mode .file-uploader .image-uploader-wrapper {
  border: 1px dashed #a8aec5;
}
adda-signature-editor .signature-edit-mode .upload-container {
  background: transparent;
}
adda-sketchpad .sketchpad-edit-mode .app-modal-header {
  background-color: #fff;
}
adda-sketchpad .sketchpad-edit-mode .app-modal-content .sketchpad ol.numberDotComments {
  padding: 0 10px 0 25px;
  border-radius: 4px;
}
adda-sketchpad .sketchpad-edit-mode .app-modal-content .sketchpad ol.numberDotComments li {
  padding: 2px 0;
}
adda-sketchpad .sketchpad-edit-mode .app-modal-content .sketchpad ol.numberDotComments li:before {
  content: counter(li) ". ";
  color: #1b222a;
  font-weight: 600;
}
.formio_smart_doc .app-formio {
  margin: 0 !important;
}
formio .btn {
  display: inline-block;
  position: relative;
  right: 20px !important;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  font-size: 16px;
  width: 41px;
  height: 41px;
  min-width: 41px;
  border-radius: 50%;
  box-shadow: none;
  background-color: #f6f7f9;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
formio .btn i.fa {
  color: #8f7496;
  font-size: 19px;
  width: 41px;
  height: 41px;
  line-height: 41px;
  transition: all 0.2s ease;
}
formio .btn i.fa:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
formio .btn i.fa:hover {
  color: #42304d;
}
formio .btn i.fa.fa-search-plus:before {
  content: "\e851";
}
formio .btn i.fa.fa-search-minus:before {
  content: "\e852";
}
formio .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
formio .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 15px;
  color: #df1642;
}
app-dashboard-right-panel .dx-tabpanel .dx-tabpanel-tabs,
.app-modal-right-panel .dx-tabpanel .dx-tabpanel-tabs,
.app-modal-content.app-modal-content-height-limit.p0 .dx-tabpanel .dx-tabpanel-tabs {
  border-radius: 0;
  background-color: #f6f7f9;
  border-bottom: 1px solid #e5e7ee !important;
}
app-dashboard-right-panel .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-wrapper,
.app-modal-right-panel .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-wrapper,
.app-modal-content.app-modal-content-height-limit.p0 .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-wrapper {
  background-color: #f6f7f9;
}
app-dashboard-right-panel .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab,
.app-modal-right-panel .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab,
.app-modal-content.app-modal-content-height-limit.p0 .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-wrapper .dx-tab {
  background-color: transparent;
}
app-prospect-to-clinic app-availability-panel .availability-panels .dx-scrollview-content,
app-prospect-to-clinic app-availability-panel .availability-panels .dx-scrollable-content,
app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .dx-scrollview-content,
app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .dx-scrollable-content {
  height: 100%;
}
app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont,
app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont {
  justify-self: center;
  align-items: start;
  height: 100%;
}
app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont .availability-panel,
app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont .availability-panel {
  width: 650px;
}
@media (max-width: 768px) {
  app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont .availability-panel,
  app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont .availability-panel {
    width: 350px;
  }
  app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont .availability-panel.app-form-panel,
  app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont .availability-panel.app-form-panel {
    grid-template-areas: "description content";
  }
  app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont .availability-panel .dx-scrollview-content,
  app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont .availability-panel .dx-scrollview-content {
    padding: 25px;
  }
}
app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont .availability-panel .panel-header,
app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont .availability-panel .panel-header {
  position: relative;
  height: 45px;
  background-color: #e5e7ee;
  border-radius: 8px 8px 0 0;
}
app-prospect-to-clinic app-availability-panel .availability-panels .availability-panels-cont .availability-panel .panel-header .button-close,
app-prospect-transfer-to-clinic-panel app-availability-panel .availability-panels .availability-panels-cont .availability-panel .panel-header .button-close {
  top: 2px;
  right: 2px;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont > h2,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont > h2 {
  background-color: #f6f7f9;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 18px;
  margin: 0;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .top,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .top {
  margin-bottom: 10px;
  border-bottom: 1px solid #c9d7e6;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .top .text-comment,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .top .text-comment {
  padding: 5px 0;
  line-height: 1.4;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion {
  margin: 0;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item {
  border: 0;
  margin: 5px 0;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title {
  background-color: #e5e7ee;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title .circle,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title .circle {
  background-color: #f6f7f9;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title {
  display: flex;
  align-items: center;
  padding: 10px 50px 10px 10px;
  background-color: #f6f7f9;
  border-radius: 8px;
  transition: all 0.2s ease;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title:hover,
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title:focus,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title:hover,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title:focus {
  background-color: #e5e7ee;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title h3,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title h3 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 17px;
  margin: 0;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 768px) {
  app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title h3,
  app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title h3 {
    flex-direction: column;
  }
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title .count,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .dx-accordion-item-title .count {
  font-size: 14px;
  color: #8f7496;
  font-weight: normal;
  white-space: nowrap;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .practitioner-row,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .practitioner-row {
  padding: 15px 0;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .practitioner-row + .practitioner-row,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .practitioner-row + .practitioner-row {
  border-top: 1px solid #e5e7ee;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  height: 42px;
  background-color: #e5e7ee;
  color: #42304d;
  border-radius: 4px;
  border: 0;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  transition: all 0.2s ease;
  cursor: pointer;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn:hover,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn:hover {
  background-color: #0f6ea8;
  color: #fff;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.selected,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.selected {
  background-color: #23c399 !important;
  color: #fff !important;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn:active,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn:active {
  top: 2px;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.highlighted,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.highlighted {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #d3d6e2;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.highlighted:hover,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.highlighted:hover {
  background-color: #0f6ea8;
  color: #fff;
  box-shadow: none;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.highlighted.selected,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .dx-accordion .dx-accordion-item .time-list .custom-time-btn.highlighted.selected {
  box-shadow: none;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .by_practitioner_list .dx-accordion-item-title:before,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .by_practitioner_list .dx-accordion-item-title:before {
  top: 20px;
}
app-prospect-to-clinic app-availabilities-time-slots .results-cont .by_practitioner_list .dx-accordion-item-opened > .dx-accordion-item-title:before,
app-prospect-transfer-to-clinic-panel app-availabilities-time-slots .results-cont .by_practitioner_list .dx-accordion-item-opened > .dx-accordion-item-title:before {
  top: 18px;
}
app-prospect-to-clinic app-create-client-case .app-form-panel .app-form-panel-content.grid-scroll,
app-prospect-transfer-to-clinic-panel app-create-client-case .app-form-panel .app-form-panel-content.grid-scroll {
  overflow: auto;
}
@media (max-width: 1200px) {
  app-prospect-to-clinic app-create-client-case .grid-row.grid-row-2,
  app-prospect-transfer-to-clinic-panel app-create-client-case .grid-row.grid-row-2 {
    grid-template-columns: 1fr;
  }
}
app-prospect-to-clinic app-create-client-case .dx-scrollview-content,
app-prospect-transfer-to-clinic-panel app-create-client-case .dx-scrollview-content {
  padding: 25px 15px 10px !important;
}
@media (max-width: 768px) {
  app-prospect-to-clinic app-create-client-case .dx-scrollview-content,
  app-prospect-transfer-to-clinic-panel app-create-client-case .dx-scrollview-content {
    padding: 5px 10px 0 !important;
  }
}
app-prospect-to-clinic app-create-client-case .circle,
app-prospect-transfer-to-clinic-panel app-create-client-case .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
  color: #8f7496;
}
app-prospect-to-clinic app-slot-info > .data-list,
app-prospect-transfer-to-clinic-panel app-slot-info > .data-list {
  padding: 10px;
  margin: 10px;
  border: 2px solid #8f7496;
  border-left: 8px solid #8f7496;
  border-radius: 8px;
}
app-prospect-to-clinic app-slot-info > .data-list > div,
app-prospect-transfer-to-clinic-panel app-slot-info > .data-list > div {
  padding: 5px 0;
  grid-gap: 2px;
}
app-prospect-to-clinic app-create-appointment-panel .dx-scrollview-content,
app-prospect-transfer-to-clinic-panel app-create-appointment-panel .dx-scrollview-content {
  padding: 25px 15px 10px 25px !important;
}
@media (max-width: 768px) {
  app-prospect-to-clinic app-create-appointment-panel .dx-scrollview-content,
  app-prospect-transfer-to-clinic-panel app-create-appointment-panel .dx-scrollview-content {
    padding: 5px 10px 0 5px !important;
  }
}
app-prospect-to-clinic app-create-client-appointment .appointment,
app-prospect-transfer-to-clinic-panel app-create-client-appointment .appointment {
  padding: 15px;
  border: 2px solid #8f7496;
  border-left: 8px solid #8f7496;
  border-radius: 8px;
  box-shadow: none;
}
@media (max-width: 992px) {
  app-prospect-to-clinic app-create-client-appointment .grid-row.grid-row-3,
  app-prospect-transfer-to-clinic-panel app-create-client-appointment .grid-row.grid-row-3 {
    grid-template-columns: 1fr;
    grid-row-gap: 20px !important;
  }
}
app-prospect-to-clinic .app-triptych,
app-prospect-transfer-to-clinic-panel .app-triptych {
  position: relative;
  display: grid;
  grid-template-columns: 300px calc(100% - 600px) 300px;
  grid-template-areas: "left-panel content right-panel" !important;
  width: 100%;
  height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  app-prospect-to-clinic .app-triptych,
  app-prospect-transfer-to-clinic-panel .app-triptych {
    grid-template-columns: 300px 410px 300px;
  }
}
@media (max-width: 768px) {
  app-prospect-to-clinic .app-triptych,
  app-prospect-transfer-to-clinic-panel .app-triptych {
    grid-template-columns: 250px 400px 250px;
  }
}
app-prospect-to-clinic .app-triptych.app-triptych-left-empty,
app-prospect-transfer-to-clinic-panel .app-triptych.app-triptych-left-empty {
  grid-template-columns: calc(100% - 300px) 300px;
  grid-template-areas: "content right-panel" !important;
}
@media (max-width: 768px) {
  app-prospect-to-clinic .app-triptych.app-triptych-left-empty,
  app-prospect-transfer-to-clinic-panel .app-triptych.app-triptych-left-empty {
    grid-template-columns: 400px 250px;
  }
}
app-prospect-to-clinic .app-triptych .app-triptych-left,
app-prospect-transfer-to-clinic-panel .app-triptych .app-triptych-left {
  grid-area: left-panel;
  position: relative;
  overflow: hidden;
  padding: 25px 10px 25px 25px;
  height: 100%;
}
@media (max-width: 768px) {
  app-prospect-to-clinic .app-triptych .app-triptych-left,
  app-prospect-transfer-to-clinic-panel .app-triptych .app-triptych-left {
    padding: 5px 0 5px 5px;
  }
}
app-prospect-to-clinic .app-triptych .app-triptych-center,
app-prospect-transfer-to-clinic-panel .app-triptych .app-triptych-center {
  position: relative;
  grid-area: content;
  overflow: hidden;
  height: 100%;
}
app-prospect-to-clinic .app-triptych .app-triptych-center .app-form-panel,
app-prospect-transfer-to-clinic-panel .app-triptych .app-triptych-center .app-form-panel {
  max-width: 850px;
  min-width: 300px;
}
app-prospect-to-clinic .app-triptych .app-triptych-right,
app-prospect-transfer-to-clinic-panel .app-triptych .app-triptych-right {
  grid-area: right-panel;
  position: relative;
  overflow: hidden;
  padding: 25px 25px 25px 10px;
  height: 100%;
}
@media (max-width: 768px) {
  app-prospect-to-clinic .app-triptych .app-triptych-right,
  app-prospect-transfer-to-clinic-panel .app-triptych .app-triptych-right {
    padding: 5px 5px 5px 0;
  }
}
.person {
  display: flex;
  align-items: center;
  gap: 10px;
}
.person .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  width: 40px;
  height: 40px;
  background-color: #e5e7ee;
  border-radius: 50%;
  color: #8f7496;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
}
.note_list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
  justify-content: start;
}
@media (max-width: 576px) {
  .note_list {
    grid-template-columns: 1fr;
  }
}
.note_list app-note-card,
.note_list app-task-card,
.note_list app-coverage-card {
  height: 100%;
}
.note_list .note {
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  padding: 15px;
  font-size: 15px;
  border-radius: 8px;
  background-color: #fff;
  border-left: 8px solid #e5e7ee;
}
.note_list .note.is-co {
  border-color: #23c399;
}
.note_list .note {
}
.note_list .note.completed {
  background-color: #f6f7f9;
}
.note_list .note.completed .content:after {
  background: linear-gradient(transparent, #f6f7f9) !important;
}
.note_list .note.deleted {
  background-color: #e5e7ee;
}
.note_list .note.deleted .content:after {
  background: linear-gradient(transparent, #e5e7ee) !important;
}
.note_list .note.expanded .info-area .content {
  max-height: unset;
}
.note_list .note.expanded .info-area .content:after {
  display: none;
}
.note_list .note .info-area {
  flex: 0 0 60%;
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  padding-right: 15px;
  justify-content: space-between;
  height: 100%;
}
.note_list .note .info-area .name {
  flex: 0;
  padding: 0 0 15px;
  font-weight: 500;
  font-size: 16px;
  color: #42304d;
}
.note_list .note .info-area .name .check-area {
  display: inline-block;
  margin: -3px 10px 0 0;
  vertical-align: middle;
}
.note_list .note .info-area .name .actions {
  float: right;
}
.note_list .note .info-area .name .bullet {
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fc7c64;
}
.note_list .note .info-area .content {
  position: relative;
  flex: 1;
  padding-bottom: 10px;
  color: #8f7496;
  min-height: 70px;
  max-height: 100px;
  overflow: hidden;
}
.note_list .note .info-area .content:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(transparent, #fff);
}
.note_list .note .info-area .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
}
.note_list .note .info-area .date {
  color: #8f7496;
}
.note_list .note .info-area .related {
  display: block;
  font-size: 14px;
  color: #8f7496;
}
.note_list .note .info-area a:not(.simple-btn) {
  font-weight: 500;
  color: #0f6ea8;
}
.note_list .note .stats-area {
  flex: 1;
  padding: 10px;
  background: #f6f7f9;
  font-size: 14px;
  border-radius: 4px;
}
.note_list .note .stats-area > *:not(:first-child) {
  margin-top: 5px;
}
.note_list .note .stats-area span {
  color: #8f7496;
}
.note_list .note + .note,
.note_list .note + .abstract_item {
  margin-top: 15px;
}
.note_list app-coverage-card .note {
  display: block;
}
.note_list app-coverage-card .note .info-area {
  padding-right: 0;
}
.note_list app-coverage-card .note .info-area .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.interface.side-panel {
  border-radius: 8px;
  background-color: #fff;
  height: 100%;
}
.interface.side-panel > .interface-header {
  background-color: #e5e7ee;
  border-radius: 8px 8px 0 0;
  border: none;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 18px;
  color: #8f7496;
  line-height: 1.2;
}
.cb-tabs {
  min-height: 55px;
}
.cb-tabs .header-line {
  width: 10px;
  margin-left: -10px;
  margin-right: 10px;
  background: #23c399;
  flex-shrink: 0;
  align-self: stretch;
}
.cb-tabs .tab-container {
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
}
.cb-tabs .tab-container .tab {
  border-radius: 30px;
  padding: 5px 5px 5px 15px;
  transition: all 0.2s;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.cb-tabs .tab-container .tab.tab-empty {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #a8aec5;
}
.cb-tabs .tab-container .tab.tab-empty:hover {
  box-shadow: inset 0 0 0 1px #42304d;
}
.cb-tabs .tab-container .tab.tab-full {
  background-color: #e5e7ee;
  box-shadow: none;
}
.cb-tabs .tab-container .tab.tab-full:hover {
  background-color: #cfe2ee;
  box-shadow: none;
}
.cb-tabs .tab-container .tab.tab-full.pinned {
  background-color: #cfe2ee;
  box-shadow: none;
}
.cb-tabs .tab-container .tab.tab-full.pinned:hover {
  background-color: #c9d7e6;
}
.cb-tabs .tab-container .tab.tab-full.pinned.selected {
  background-color: #0f6ea8;
  color: #fff;
  box-shadow: none;
}
.cb-tabs .tab-container .tab.tab-full.pinned.selected:hover {
  background-color: #23c399;
}
.cb-tabs .tab-container .tab.tab-full .unpinned {
  font-style: italic;
}
.cb-tabs .tab-container .tab.tab-full .pinned {
  font-weight: 500;
}
.popup.full.minimizable {
  transform: translateY(0);
  transition: transform 0.3s ease;
  pointer-events: auto;
}
.popup.full.minimizable.minimized {
  transform: translateY(100%);
}
.popup.full.minimizable .app-modal .app-modal-header h1 {
  padding-right: 90px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) {
  background-color: rgba(168, 174, 197, 0.7) !important;
  transition: background-color 0.3s ease;
  pointer-events: auto;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1) !important;
  max-width: 650px !important;
  height: auto !important;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content .dx-popup-title {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 12px 20px;
  border-radius: 4px 4px 0 0;
  background-color: #e5e7ee;
  border-bottom: none;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content .dx-popup-title .dx-toolbar-items-container {
  height: 40px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-weight: 500;
  text-align: left;
  max-width: 550px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content .dx-popup-title .dx-icon-close {
  font-size: 32px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content {
  padding: 20px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text,
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation,
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field,
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  padding: 5px 15px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder .dx-filterbuilder-item-value-text,
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder .dx-filterbuilder-text {
  border-radius: 15px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content > .dx-popup-content .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  color: #8f7496;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content .dx-popup-bottom {
  border-radius: 0 0 4px 4px;
  text-align: right;
  background-color: #e5e7ee;
  padding: 12px 20px !important;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader:not(.dx-dialog-wrapper):not(.dx-tooltip-wrapper) > .dx-overlay-content .dx-popup-bottom .dx-toolbar-items-container {
  min-height: 40px;
}
.dx-overlay-wrapper.dx-popup-wrapper .dx-collection.dx-popup-bottom .dx-toolbar-item {
  padding: 0;
}
.dx-overlay-wrapper.dx-popup-wrapper .dx-collection.dx-popup-bottom .dx-toolbar-after,
.dx-overlay-wrapper.dx-popup-wrapper .dx-collection.dx-popup-bottom .dx-toolbar-center {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  padding: 0;
}
.dx-overlay-wrapper.dx-popup-wrapper .dx-collection.dx-popup-bottom .dx-toolbar-center {
  justify-content: center;
}
.adda-form-manager dx-data-grid .dx-datagrid-form-buttons-container {
  margin-top: 10px;
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
}
.adda-form-manager dx-data-grid .dx-datagrid-form-buttons-container .dx-button {
  margin: 0;
}
adda-accordion {
  display: block;
  box-sizing: border-box;
}
adda-accordion .adda-accordion {
  border-top: 1px solid var(--adda-css-var-color-xlight);
  transition: all 0.3s ease;
}
adda-accordion .adda-accordion.collapsed .adda-accordion-head .adda-accordion-toggle-btn i:before {
  transform: rotate(0);
}
adda-accordion .adda-accordion.collapsed .adda-accordion-head {
  padding-bottom: 10px;
}
adda-accordion .adda-accordion-toggle-btn {
  display: inline-block;
  margin-right: 10px;
  color: var(--adda-css-var-color-blue);
}
adda-accordion .adda-accordion-toggle-btn i:before {
  width: 24px;
  height: 24px;
  line-height: 22px;
  margin: 0;
  font-size: 20px;
  border-radius: 15px;
  vertical-align: middle;
  text-align: center;
  background-color: var(--adda-css-var-color-xlight);
  transform: rotate(90deg);
  transition: all 0.3s ease;
}
adda-accordion .adda-accordion-head {
  display: flex;
  padding-bottom: 0;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  transition: all 0.3s ease;
}
adda-accordion .adda-accordion-head > * {
  padding: 12px 15px 0;
}
adda-accordion .adda-accordion-head b {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
adda-accordion .adda-accordion-head .adda-accordion-title {
  flex: 1 1 auto;
  text-align: left;
  cursor: pointer;
}
adda-accordion .adda-accordion-head .adda-accordion-actions {
  position: relative;
  display: flex;
  align-items: center;
}
adda-accordion .adda-accordion-head .adda-accordion-actions > a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  border-radius: 20px;
  vertical-align: middle;
  text-align: center;
  color: var(--adda-css-var-color-medium);
  background-color: transparent;
}
adda-accordion .adda-accordion-head .adda-accordion-actions > a:hover {
  background-color: var(--adda-css-var-color-xxlight);
}
adda-accordion .adda-accordion-head .adda-accordion-actions > a:before {
  margin: 0;
}
adda-accordion .adda-accordion-head .adda-accordion-actions > a + a {
  margin-left: 10px;
}
adda-accordion .adda-accordion-content {
  overflow: hidden;
}
adda-accordion .adda-accordion-content .adda-accordion-content-wrapper {
  padding: 10px 15px;
}
.adda-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  z-index: 1200;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease, transform 0.25s ease;
  overflow: auto;
}
.adda-popup.minimizable {
  transform-origin: bottom;
}
.adda-popup.minimized {
  transform-origin: bottom;
  transform: scaleY(0);
}
.adda-popup.top-modal {
  background-color: var(--adda-css-var-color-blue-a50, rgba(21, 41, 63, 0.52));
}
.adda-popup.the-most-top-modal {
  z-index: 1399;
  background-color: var(--adda-css-var-color-blue-a50, rgba(21, 41, 63, 0.52));
}
.adda-popup.the-most-top-modal ~ .adda-popup.active.top-modal {
  background-color: transparent;
}
.adda-popup > .adda-popup-layout-wrapper {
  pointer-events: none;
  transition: width 0.3s ease;
}
.adda-popup > .adda-popup-layout-wrapper > * {
  pointer-events: auto;
}
.adda-popup > .adda-popup-layout-wrapper {
}
.adda-popup[layoutsize=full] > .adda-popup-layout-wrapper {
  overflow: hidden;
}
@media (max-width: 768px) {
  .adda-popup[layoutsize=half] > .adda-popup-layout-wrapper {
    width: 100%;
    max-width: 100% !important;
    min-width: auto !important;
  }
}
.adda-popup > .adda-popup-layout-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: auto;
  max-width: 100%;
}
@media (max-width: 768px) {
  .adda-popup > .adda-popup-layout-wrapper {
    top: 0;
  }
}
.adda-popup.invisible-outside-click-area.active.top-modal {
  background: transparent;
}
.adda-popup.remove-outside-click-area {
  pointer-events: none;
  background: none !important;
}
.adda-popup.shadow-left > .adda-popup-layout-wrapper {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
adda-form-manager {
  position: relative;
  display: block;
  padding: 0 15px 0 30px;
  height: 100%;
  overflow: auto;
}
adda-form-manager .adda-form-manager-options-cont {
  position: sticky;
  z-index: 1000;
  top: 0;
  max-width: var(--adda-css-var-container-max-width);
  margin: 30px auto 0;
}
adda-form-manager .adda-form-manager-options-cont .controls {
  position: absolute;
  z-index: 1;
  right: 0;
  text-align: right;
  padding: 0 15px 5px 15px;
  background: var(--adda-css-var-color-xxlight);
}
.adda-form-manager .app-form-panel .app-form-panel-content .grid-row .input-label,
.adda-form-manager-editor .app-form-panel .app-form-panel-content .grid-row .input-label {
  color: var(--adda-css-var-color-black);
}
.adda-form-manager .adda-form-manager-container-main {
  max-width: var(--adda-css-var-container-max-width);
  margin: 0 auto;
  padding: 0 15px 0 0;
  border: none;
}
.adda-form-manager .adda-form-manager-container-main > * > app-container-widget > .preview-wrapper > .cell_wrapper,
.adda-form-manager .adda-form-manager-container-main > * > app-tab-container-widget > .preview-wrapper > .cell_wrapper,
.adda-form-manager .adda-form-manager-container-main > * > app-subform-widget > .preview-wrapper > .cell_wrapper {
}
.adda-form-manager .adda-form-manager-container-main > * > app-container-widget > .preview-wrapper > .cell_wrapper > .cell-item,
.adda-form-manager .adda-form-manager-container-main > * > app-tab-container-widget > .preview-wrapper > .cell_wrapper > .cell-item,
.adda-form-manager .adda-form-manager-container-main > * > app-subform-widget > .preview-wrapper > .cell_wrapper > .cell-item {
  padding: 20px;
  background: #fff;
  border-radius: var(--adda-css-var-border-radius-base);
}
.adda-form-manager .widget-menu-btn {
  margin: 0 -17px;
}
.adda-form-manager .widget-menu-btn .btn {
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 31px;
  font-size: 14px;
  border-radius: 33px;
  text-align: center;
  border: 1px solid #eee;
  background: #fff;
}
.adda-form-manager {
}
.adda-form-manager .grid-row.checkbox + .grid-row.checkbox {
  margin-top: 20px;
}
.adda-form-manager .title-shortcut {
  position: absolute;
  top: 7px;
  left: 30px;
}
.adda-form-manager .row-controls {
  position: absolute;
  top: 0;
  right: 0;
}
.adda-form-manager .export-to-pdf-tab-title {
  margin: 0 0 20px;
  padding: 10px;
  font-size: 20px;
  font-weight: 500;
  border-radius: var(--adda-css-var-border-radius-base);
  background: var(--adda-css-var-color-xxlight);
  color: var(--adda-css-var-color-dark);
}
.adda-form-manager {
}
.adda-form-manager .app-form-panel .grid-row {
  grid-column-gap: 30px;
}
.adda-form-manager .widget-title {
  padding-bottom: 15px;
  margin: 0 0 0;
  font-size: 24px;
  word-break: break-word;
}
.adda-form-manager .widget-description {
  padding-bottom: 20px;
  font-size: 16px;
  word-break: break-word;
}
.adda-form-manager .widget-description:not(:has(p)) {
  padding: 0 0 15px;
}
.adda-form-manager .widget-description:first-child {
  margin-top: 15px;
}
.adda-form-manager .widget-description > p {
  margin: 0 0 15px;
}
.adda-form-manager .widget-description > p:last-child {
  margin-bottom: 0;
}
.adda-form-manager.export-to-pdf-mode .export-to-pdf-mode-hidden {
  display: none !important;
}
.adda-form-manager.export-to-pdf-mode .view-mode-hidden {
  display: none !important;
}
.adda-form-manager.export-to-pdf-mode .view-mode-collapse {
  padding: 0 !important;
  border: none !important;
}
.adda-form-manager.export-to-pdf-mode .dx-htmleditor-toolbar-wrapper {
  display: none;
}
.adda-form-manager.export-to-pdf-mode .cell-item.cell-item-container,
.adda-form-manager.export-to-pdf-mode .cell-item.cell-item-container,
.adda-form-manager.export-to-pdf-mode .cell-item.cell-item-tab-container,
.adda-form-manager.export-to-pdf-mode .cell-item.cell-item-table,
.adda-form-manager.export-to-pdf-mode .cell-item.cell-item-subform {
  padding-right: 6px !important;
}
.adda-form-manager.export-to-pdf-mode .cell-item .widget {
  padding-right: 6px !important;
}
.adda-form-manager.view-mode .view-mode-hidden {
  display: none !important;
}
.adda-form-manager.view-mode .view-mode-collapse {
  padding: 0 !important;
  border: none !important;
}
.adda-form-manager.view-mode .app-text-input-autocomplete-container .symbol-toggle-btn {
  right: 5px;
  bottom: 5px;
}
.adda-form-manager .cell_wrapper:not(:has(.cell_wrapper)) {
  display: contents;
  break-inside: avoid;
}
.adda-form-manager .cell-item {
  position: relative;
}
.adda-form-manager .cell-item .widget {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  min-height: 55px;
  padding: 6px 20px 6px 6px;
  border: 1px dotted #ccc;
  border-radius: 6px;
}
.adda-form-manager .cell-item .widget > .grid-row:only-child {
  margin-bottom: 0;
}
.adda-form-manager .cell-item .widget > .widget-textarea-value,
.adda-form-manager .cell-item .widget > .widget-html-editor-value {
  padding: 12px 15px;
  line-height: 1.4;
  border-radius: var(--adda-css-var-border-radius-base);
  border: 1px solid var(--adda-css-var-color-xlight);
  background-color: #fff;
}
.adda-form-manager .cell-item .widget > p.widget-textarea-value {
  font-size: 15px;
  white-space: pre-wrap;
  color: var(--adda-css-var-color-black);
}
.adda-form-manager .cell-item .widget > .widget-html-editor-value,
.adda-form-manager .cell-item .widget .widget-html-editor-value * {
  font-size: 15px;
  color: var(--adda-css-var-color-black);
}
.adda-form-manager .cell-item .widget {
}
.adda-form-manager .cell-item .widget .widget-html-editor-pdf-export-mode .dx-htmleditor-toolbar-wrapper {
  display: none !important;
}
.adda-form-manager .cell-item .widget .widget-dx-tag-box-pdf-export-mode dx-tag-box {
  background: transparent !important;
}
.adda-form-manager .cell-item .widget .widget-dx-tag-box-pdf-export-mode dx-tag-box:after {
  content: none !important;
}
.adda-form-manager .cell-item .widget .widget-dx-tag-box-pdf-export-mode .dx-texteditor-input-container {
  padding-inline-start: 0;
}
.adda-form-manager .cell-item .widget .widget-dx-tag-box-pdf-export-mode .dx-tag-content {
  padding: 4px 14px;
  background: #ebebeb;
}
.adda-form-manager .cell-item .widget .widget-dx-tag-box-pdf-export-mode .dx-tag-content .dx-tag-remove-button {
  display: none !important;
}
.adda-form-manager .cell-item .widget {
}
.adda-form-manager .cell-item:not(.cell-item-empty) .widget > * {
  width: 100%;
}
.adda-form-manager .cell-item.cell-item-empty .widget {
  align-items: center;
}
.adda-form-manager .cell-item.cell-item-description .widget {
  font-size: 16px;
  color: var(--adda-css-var-color-black);
}
.adda-form-manager .cell-item.cell-item-description .widget p:first-child {
  margin-top: 0;
}
.adda-form-manager .cell-item.cell-item-title .widget > * {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.adda-form-manager .cell-item.cell-item-tab-container .tab-content-container {
  padding-top: 10px;
}
.adda-form-manager .cell-item.cell-item-tab-container .tab-content-container + .tab-content-container {
  margin-top: 15px;
}
.adda-form-manager .cell-item.cell-item-container,
.adda-form-manager .cell-item.cell-item-container,
.adda-form-manager .cell-item.cell-item-tab-container,
.adda-form-manager .cell-item.cell-item-table,
.adda-form-manager .cell-item.cell-item-subform {
  padding: 6px 20px 6px 6px;
  border: 1px dotted #ccc;
  border-radius: var(--adda-css-var-border-radius-base);
}
.adda-form-manager .cell-item.cell-item-container > .actions,
.adda-form-manager .cell-item.cell-item-container > .actions,
.adda-form-manager .cell-item.cell-item-tab-container > .actions,
.adda-form-manager .cell-item.cell-item-table > .actions,
.adda-form-manager .cell-item.cell-item-subform > .actions {
  position: absolute;
  z-index: 10;
  top: -17px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adda-form-manager .cell-item.cell-item-container > .widget,
.adda-form-manager .cell-item.cell-item-container > .widget,
.adda-form-manager .cell-item.cell-item-tab-container > .widget,
.adda-form-manager .cell-item.cell-item-table > .widget,
.adda-form-manager .cell-item.cell-item-subform > .widget {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}
.adda-form-manager .cell-item .cellid-label {
  position: absolute;
  z-index: 1;
  right: 80px;
  bottom: calc(50% - 10px);
  padding: 3px;
  border-radius: 4px;
  color: #c48080;
  font-size: 11px;
  background: #eee;
}
.adda-form-manager .cell-item .widget {
  flex: 1;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.adda-form-manager .cell-item .widget .dx-htmleditor {
  border: none;
}
.adda-form-manager .cell-item .actions {
  z-index: 10;
  position: absolute;
  top: 11px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adda-form-manager .cell-item {
}
.adda-form-manager app-title-widget-quick-form,
.adda-form-manager app-description-widget-quick-form,
.adda-form-manager app-horizontal-rule-widget-quick-form,
.adda-form-manager app-subform-widget,
.adda-form-manager app-tab-container-widget,
.adda-form-manager app-container-widget {
  display: block;
}
.adda-form-manager {
}
.adda-form-manager {
}
.app-text-input-autocomplete-symbol-popup {
  width: 245px;
  height: 180px;
  padding: 10px;
  background: var(--adda-css-var-color-xlight);
  border-radius: 4px;
  overflow: auto;
}
.app-text-input-autocomplete-symbol-popup .simple-btn {
  margin: 3px !important;
}
.app-text-input-autocomplete-container .symbol-toggle-btn {
  position: absolute;
  z-index: 100;
  right: 25px;
  bottom: 10px;
}
app-widget-editor-form .app-text-input-autocomplete-container .symbol-toggle-btn {
  right: 5px;
  bottom: 5px;
}
.adda-form-manager-header {
  max-width: var(--adda-css-var-container-max-width);
  min-height: 70px;
  margin: 30px auto 0;
}
.adda-form-manager-title {
  display: flex;
  min-height: 51px;
  margin: 0 0 25px;
  padding: 0 150px 0 0;
  font-size: 32px;
  font-weight: 500;
  align-items: center;
  word-break: break-word;
}
.adda-form-manager-title + .adda-form-manager-description {
  margin-top: -15px;
}
.adda-form-manager-description {
  max-width: var(--adda-css-var-container-max-width);
  font-size: 16px;
  margin: 0 0 25px;
  color: var(--adda-css-var-color-medium);
}
.adda-form-manager-editor .preview-cont .preview-wrapper {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 300px;
  margin-bottom: 10px;
  padding: 40px 40px;
  border: 1px dotted #999;
  border-radius: 7px;
  background: #f7f7f7;
}
.adda-form-manager-editor .preview-cont .preview-wrapper .cell_wrapper {
  flex: 1;
}
.adda-form-manager-editor .preview-cont .preview-wrapper .cell-item {
  border: none;
  padding: 0;
}
.adda-form-manager-editor .preview-cont .preview-wrapper .cell-item .widget {
  position: relative;
}
.adda-form-manager-editor app-cm-accordion:first-of-type .cm-accordion {
  border-top: none !important;
}
.adda-form-manager-editor .cm-accordion-title {
  padding-top: 17px !important;
  padding-bottom: 10px !important;
}
.adda-form-manager-editor .cm-accordion-content-wrapper {
  padding-left: 45px !important;
}
.style-editor-host {
  position: relative;
}
adda-widget-element-style-editor.mode-popover {
  position: absolute;
  inset: 0 auto 0 -30px;
  height: fit-content;
  margin: auto 0;
}
app-sketchpad-widget-quick-form .preview-wrapper.setupMode .numberDotComments {
  display: none;
}
app-sketchpad-widget-quick-form .preview-wrapper.setupMode .cell_wrapper {
  max-width: 400px;
}
.cell-logic-widget-preview {
  max-height: 230px;
  margin: -20px -20px 20px -20px;
  padding: 15px 15px 25px 15px;
  border-radius: var(--adda-css-var-border-radius-base);
  background: var(--adda-css-var-color-medium-a06);
}
.cell-logic-widget-preview app-widgets-list {
  display: block;
  max-width: 50%;
}
.logic-editor-state-list .no-items,
.logic-editor-affected-widgets-list .no-items {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  border: 1px dashed var(--adda-css-var-color-medium-a50);
  border-radius: var(--adda-css-var-border-radius-large);
}
.logic-editor-state-list .item,
.logic-editor-affected-widgets-list .item {
  display: flex;
  align-items: center;
  border-radius: var(--adda-css-var-border-radius-base);
  color: var(--adda-css-var-color-medium);
  background: var(--adda-css-var-color-white);
}
.logic-editor-state-list .item.selected,
.logic-editor-affected-widgets-list .item.selected {
  color: #fff;
  background: var(--adda-css-var-color-primary);
}
.logic-editor-state-list .item.selected .actions a:hover i,
.logic-editor-affected-widgets-list .item.selected .actions a:hover i {
  color: var(--adda-css-var-color-primary);
  background: var(--adda-css-var-color-white);
}
.logic-editor-state-list .item .value,
.logic-editor-affected-widgets-list .item .value {
  flex: 1;
  padding: 5px 15px;
  cursor: pointer;
}
.logic-editor-state-list .item .actions,
.logic-editor-affected-widgets-list .item .actions {
  padding: 5px 5px;
}
.logic-editor-state-list .item .actions a,
.logic-editor-affected-widgets-list .item .actions a {
  color: inherit;
}
.logic-editor-state-list .item .actions a:hover i,
.logic-editor-affected-widgets-list .item .actions a:hover i {
  background: var(--adda-css-var-color-medium-a10);
}
.logic-editor-state-list .item,
.logic-editor-affected-widgets-list .item {
}
.adda-form-manager-style-text-success h5,
.adda-form-manager-style-text-success p,
.adda-form-manager-style-text-success [class*=-content],
.adda-form-manager-style-text-success [class*=-input],
.adda-form-manager-style-text-success [class*=-text] {
  color: var(--adda-css-var-color-success) !important;
}
.adda-form-manager-style-text-warning h5,
.adda-form-manager-style-text-warning p,
.adda-form-manager-style-text-warning [class*=-content],
.adda-form-manager-style-text-warning [class*=-input],
.adda-form-manager-style-text-warning [class*=-text] {
  color: var(--adda-css-var-color-warning) !important;
}
.adda-form-manager-style-text-danger h5,
.adda-form-manager-style-text-danger p,
.adda-form-manager-style-text-danger [class*=-content],
.adda-form-manager-style-text-danger [class*=-input],
.adda-form-manager-style-text-danger [class*=-text] {
  color: var(--adda-css-var-color-danger) !important;
}
.adda-form-manager-style-text-medium h5,
.adda-form-manager-style-text-medium p,
.adda-form-manager-style-text-medium [class*=-content],
.adda-form-manager-style-text-medium [class*=-input],
.adda-form-manager-style-text-medium [class*=-text] {
  color: var(--adda-css-var-color-medium) !important;
}
.adda-form-manager-style-font-size-small h5,
.adda-form-manager-style-font-size-small p,
.adda-form-manager-style-font-size-small [class*=-content],
.adda-form-manager-style-font-size-small [class*=-input],
.adda-form-manager-style-font-size-small [class*=-text] {
  font-size: 12px !important;
}
.adda-form-manager-style-font-size-large h5,
.adda-form-manager-style-font-size-large p,
.adda-form-manager-style-font-size-large [class*=-content],
.adda-form-manager-style-font-size-large [class*=-input],
.adda-form-manager-style-font-size-large [class*=-text] {
  font-size: 20px !important;
}
.adda-form-manager-style-font-size-huge h5,
.adda-form-manager-style-font-size-huge p,
.adda-form-manager-style-font-size-huge [class*=-content],
.adda-form-manager-style-font-size-huge [class*=-input],
.adda-form-manager-style-font-size-huge [class*=-text] {
  font-size: 30px !important;
}
.adda-form-manager-style-translucent {
  opacity: 0.5 !important;
}
.adda-form-manager-style-pending .input-label:not(:has(dx-check-box)),
.adda-form-manager-style-pending .dx-checkbox-text,
.adda-form-manager-style-pending .dx-item-content {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 200px !important;
  background:
    linear-gradient(
      90deg,
      #8f7496 0,
      #ffffff 50px,
      #8f7496 100px,
      #ffffff 150px,
      #8f7496 200px) repeat-x;
  animation: adda-form-manager-style-pending-background-slide-horizontal 2s linear;
  animation-iteration-count: infinite;
}
.adda-form-manager-style-pending .dx-texteditor:not(div),
.adda-form-manager-style-pending .dx-htmleditor:not(div) {
  outline: 1px solid var(--adda-css-var-color-light-blue-2-a50) !important;
}
.adda-form-manager-style-private {
  position: relative;
  z-index: 2;
}
.adda-form-manager-style-private:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: -7px;
  right: -7px;
  top: -4px;
  bottom: -4px;
  background-color: var(--adda-css-var-color-medium-a10) !important;
  border-radius: var(--adda-css-var-border-radius-large);
}
@keyframes adda-form-manager-style-pending-background-slide-horizontal {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 200px;
  }
}
@media print {
  .adda-form-manager {
    display: contents;
  }
  .adda-form-manager .adda-form-manager-header {
    display: contents;
  }
  .adda-form-manager .adda-form-manager-container-main {
    display: contents;
  }
  .adda-form-manager .app-form-panel {
    display: contents;
  }
}
.sketchpad-edit-mode {
}
.sketchpad-edit-mode .numberDotComments {
  overflow: auto;
  position: absolute;
  bottom: 2px;
  left: 2px;
}
.preview-wrapper .sketchpad {
  max-width: 400px;
}
.sketchpad_edit_btn {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sketchpad_edit_btn .simple-btn {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
.sketchpad-tools {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.sketchpad-tools .simple-btn {
  margin: 0 !important;
}
.sketchpad-tools .simple-btn + .simple-btn {
  margin-top: 8px !important;
}
.sketchpad-tools.left {
  z-index: 3;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 10px;
  overflow: auto;
}
.sketchpad-tools.right {
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  overflow: auto;
}
.sketchpad-tools.center {
  z-index: 3;
  top: 10px;
  left: 0;
  right: 0;
  max-width: 650px;
  margin: auto;
  text-align: center;
}
.sketchpad {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: auto;
  transform-origin: left top;
  -webkit-user-select: none;
  user-select: none;
}
.sketchpad .image-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 5px;
  transform-origin: left top;
  overflow: auto;
  background: #fff;
}
.sketchpad .image-container svg,
.sketchpad .image-container img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  max-width: calc(100% - 2px);
  max-height: calc(100% - 2px);
  margin: auto;
  border: 1px solid lightgrey;
  transform-origin: top left;
}
.sketchpad .image-container .tools-ui-elements {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.sketchpad .image-container .tools-ui-elements .tool {
  pointer-events: auto;
  z-index: 2;
}
.sketchpad .image-container .tools-ui-elements .tool[type=text] {
  position: absolute;
}
.sketchpad .image-container .tools-ui-elements .tool[type=text] textarea {
  position: absolute;
  z-index: 1000;
  width: auto;
  height: auto;
  border: 0;
  outline: 0;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  resize: none;
  background: rgba(0, 44, 0, 0);
}
.sketchpad .image-container .tools-ui-elements .tool[type=text] textarea:not(.active) {
  top: -40000px !important;
}
.sketchpad .image-container .tools-ui-elements .tool[type=text] textarea.active {
  top: 40px;
  left: 40px;
}
.sketchpad .svg-drawing-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sketchpad .svg-drawing-layer g.selected {
  outline: 1px dotted magenta;
}
.sketchpad .svg-drawing-layer g.numbered-dot {
  -webkit-user-select: none;
  user-select: none;
}
.sketchpad .numberDotComments {
  list-style: none;
  counter-reset: li;
  margin: 0;
  padding: 10px 20px 10px 30px;
  font-size: 14px;
  border-radius: var(--adda-css-var-border-radius-base);
  background: rgba(255, 255, 255, 0.7);
}
.sketchpad .numberDotComments li {
  color: var(--adda-css-var-color-black);
  counter-increment: li;
}
.sketchpad .numberDotComments li:before {
  content: counter(li);
  color: var(--adda-css-var-color-medium);
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.sketchpad .active-path {
  stroke: red !important;
}
.sketchpad .stroke_picker dx-text-box {
  display: none;
}
.sketchpad.tool-hand {
  cursor: grab;
}
.sketchpad.tool-hand.tool-active {
  cursor: grabbing;
}
.signature-image-preview {
  position: relative;
  max-width: 70vh;
  aspect-ratio: 4/1;
  margin: auto;
  padding: 20px;
  font-weight: 400;
  font-style: normal;
  border-radius: 8px;
  background: #eee;
}
.signature-image-preview-compact {
  padding: 5px;
}
.signature-image-preview a {
  position: absolute;
  inset: 5px 5px auto auto;
}
.signature-image-preview img {
  display: block;
  border-radius: 4px;
}
.signature-image-preview img.outline {
  outline: 14px solid #fff;
  border-radius: 1px;
}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 1.71;
  letter-spacing: 0.1px;
  color: #42304d;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  overflow: hidden;
  cursor: default;
}
app-root {
  position: absolute;
  width: 100%;
  height: 100%;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
::selection {
  background-color: #42304d;
  color: #fff;
  text-shadow: none;
}
@media print {
  body,
  html {
    position: static !important;
    height: auto !important;
    width: auto !important;
    overflow: auto;
  }
  #printContainer {
    position: static !important;
    overflow: auto;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-P4KNOSDX.css.map */