/* Minification failed. Returning unminified contents.
(755,10): run-time error CSS1030: Expected identifier, found '.'
(755,31): run-time error CSS1031: Expected selector, found ')'
(755,31): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=dddddd&bgTextureHeader=02_glass.png&bgImgOpacityHeader=35&borderColorHeader=bbbbbb&fcHeader=444444&iconColorHeader=999999&bgColorContent=c9c9c9&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=50&borderColorContent=aaaaaa&fcContent=333333&iconColorContent=999999&bgColorDefault=eeeeee&bgTextureDefault=02_glass.png&bgImgOpacityDefault=60&borderColorDefault=cccccc&fcDefault=3383bb&iconColorDefault=70b2e1&bgColorHover=f8f8f8&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=bbbbbb&fcHover=599fcf&iconColorHover=3383bb&bgColorActive=999999&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=75&borderColorActive=999999&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=eeeeee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffffff&fcHighlight=444444&iconColorHighlight=3383bb&bgColorError=c0402a&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=c0402a&fcError=ffffff&iconColorError=fbc856&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0pxdow=0px
 */


/* Component containers
----------------------------------*/
.ui-widget {  font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { border: 1px solid #ddd; background: #fff }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #ddd;background: #dddddd; color: #333; font-weight: bold; }
.ui-widget-header a { color: #333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ddd; background: #eeeeee; font-weight: bold; color: #333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3383bb; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #bbbbbb; background: #f8f8f8; font-weight: bold; color: #599fcf; }
.ui-state-hover a, .ui-state-hover a:hover { color: #599fcf; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #999999; background: #999999; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #999999; background: #eeeeee; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #c0402a; background: #c0402a; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; /*background-image: url(images/ui-icons_999999_256x240.png);*/ }
/*.ui-widget-content .ui-icon {background-image: url(images/ui-icons_999999_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_999999_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_70b2e1_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_3383bb_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_3383bb_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_fbc856_256x240.png); }*/

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #eeeeee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60; filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /*This look strange? 0pxdow? jQuery bug?*/ 
/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
a {
    color: #0066a5;
    text-decoration:none;
}
    a:hover {
        color: #0066a5;
        text-decoration: underline;
    }

    a[href^="mailto"] {
        color: #0066a5;
        text-decoration-line: underline;
    }

        a[href^="mailto"]:hover {
            color: #0066a5;
            text-decoration-line: underline;
        }

label.error {
    color: #f00;
    display: inline;
    margin-left: 5px;
}

.label-transparent {
    background: transparent;
    color: inherit;
}

.semi-transparent {
    background: rgba(255,255,255,0.9) !important;
}


nav a.menu img {
    margin: -6px 5px -4px 0;
    vertical-align: middle;
}

select optgroup {
    font-style: normal;
    font-weight: bold;
}

.imgoverlay {
    position: relative;
}

    .imgoverlay img {
        width: 100%;
        vertical-align: top;
    }

    .imgoverlay:after, .imgoverlay:before {
        position: absolute;
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-border-radius: 0px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .imgoverlay:after {
        content: '\A';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        color: transparent;
    }

    .imgoverlay:before {
        content: attr(data-info);
        width: 100%;
        color: #fff;
        z-index: 1;
        bottom: 0;
        padding: 4px 10px;
        text-align: center;
        background: #1A4974;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        cursor: pointer;
    }

    .imgoverlay:hover:after, .imgoverlay:hover:before {
        opacity: 1;
    }

h2.header + h3 {
    padding: 20px 0 0 0;
}

    h2.header + h3 + p {
        padding: 0 0 5px 0 !important;
    }

pre {
    margin-top: 5px;
}

.label {
    text-shadow: none;
}

.cursor-pointer:hover {
    cursor: pointer;
}

.navbar-collapse {
    justify-content: end;
}

.full-width,
.full-width a,
.full-width button {
    width: 100%;
}

.half-width {
    width: 50%;
}

.one-third {
    width: 33%;
}

.field-validation-error {
    color: #B94A48;
}

.no-link-style:hover {
    text-decoration: none;
}

.line-through {
    text-decoration: line-through;
}

.icon-connect {
    background-image: url("../Images/icon-connect.png");
    background-position: 0 0;
}

.popover-inner-wide {
    min-width: 400px;
    width: inherit;
}

.typeahead.dropdown-menu li.active {
    background: #f00 !important;
}

#admin iframe, iframe.inlineframe {
    border: 0px;
    width: 100%;
    height: 500px;
}

iframe.succession-report, #ReportTab {
    height: 300px !important;
}


div.clearfix div.input > p {
    padding: 6px 0 0 0;
    color: #888;
}

div.clearfix div.input div.alert-message {
    margin: 0px;
}

body.noheader .lmsheader {
    display: none;
}

body.noheader nav {
    padding: 50px 0 0 0;
}

body:has(.file-explorer-dialog) {
    background-image: none;
}

h2.clean,
h2.clean a {
    color: #444;
    font-size: 28px;
    padding: 0px 0 5px 0px;
    -moz-text-shadow: 1px 1px 0px #fff;
    -webkit-text-shadow: 1px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
}

.filecontrol {
    margin: 5px 0 0 0;
}

    .filecontrol > img {
        float: left;
        margin: 0 10px 0 0;
        max-height: 80px;
        max-width: 80px;
    }

.hint {
    color: #666;
    font-size: 11px;
}

.courses li {
    padding: 5px 0 5px 0;
}

    .courses li .btn {
        padding: 2px 4px 2px 4px;
        margin: -2px 0 0 0;
        float: right;
    }

.toolbar + .content {
    min-height: 300px;
    padding: 20px !important;
    margin-bottom: 20px;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    ;
}

.toolbar {
    box-shadow: 2px 2px 8px #888;
    -moz-box-shadow: 2px 2px 8px #888;
    -webkit-box-shadow: 2px 2px 8px #888;
    background: #f0f0f0;
    height: 132px;
    padding: 20px 20px 10px 20px;
    margin-top: 0px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border: 0px solid #888;
    border-bottom: 0px;
}

    .toolbar > img {
        float: left;
        margin: 0px 10px 0 0;
        max-height: 80px;
        max-width: 80px;
    }

    .toolbar + .content {
        clear: both;
        display: inline-block;
        width: 900px;
        z-index: 100;
        margin: -22px 0 0 0;
        box-shadow: 2px 2px 8px #888;
        -webkit-box-shadow: 2px 2px 8px #888;
        -moz-box-shadow: 2px 2px 8px #888;
        background: #fff;
        padding: 10px;
        border: 0px solid #888;
    }

    .toolbar .btn {
        font-weight: bold;
        box-shadow: 1px 1px 6px #888;
        -moz-box-shadow: 1px 1px 6px #888;
        -webkit-box-shadow: 1px 1px 6px #888;
    }

    .toolbar + .content .leftcol {
        display: inline-block;
        width: 550px;
        padding-right: 20px;
        float: left;
    }

    .toolbar + .content .rightcol {
        float: right;
        width: 300px;
        padding: 0 0px 0 25px;
        border-left: 1px solid #ddd;
    }

    .toolbar + .content .leftcol h4 {
        padding: 0px;
        margin: 0px;
        line-height: 20px;
        color: #aaa;
        font-size: 14px;
        font-weight: normal;
    }

    .toolbar + .content .leftcol h3 {
        padding: 10px 0 5px 0;
        margin: 0 0 0px 0;
        line-height: 24px;
        border-bottom: 0px solid #ddd;
    }

        .toolbar + .content .leftcol h3:first-child {
            padding-top: 0px;
        }

    .toolbar + .content .nav-tabs {
        margin: -56px -20px 20px -20px;
        padding: 0 0 0 20px;
    }

.sessions li.booked a.btn {
    float: right;
    margin: -2px 10px 0 0;
}

.sessions li.disabled a {
    color: #aaa;
    text-decoration: none;
}

#login .alert-message.block-message.info {
    margin: 0 -10px -10px -10px;
}

#login legend {
    padding: 20px 0 10px 0px;
    font-size: 14px;
    line-height: 18px;
}

#login .actions {
    background: none;
    border: 0px;
}

.page-header h1 {
    padding-left: 10px;
    font-size: 32px;
    color: #fff;
    letter-spacing: -0.5px;
}

.page-header small {
    margin-top: -5px;
    padding-left: 10px;
    font-size: 16px;
    display: block;
    color: #eee;
}

.page-header h1 .btn {
    margin: -10px 0 0 10px;
    vertical-align: middle;
}

.page-section {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
}

.rating {
    display: inline-block;
    clear: both;
}

    .rating span {
        background: url(../Images/star-lo.png) center center;
        padding: 0px;
        margin: 5px 0 0 0;
        float: left;
        display: inline-block;
        width: 24px;
        height: 24px;
    }

        .rating span.hi {
            background-image: url(../Images/star-hi.png);
        }

    .rating h4 {
        float: left;
        padding: 0 5px 0 0;
    }

div.page-header img {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    float: left;
    margin: -10px 10px 0 0;
    vertical-align: middle;
}

div.meta {
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

    div.meta > span {
        padding: 0 10px 0 0;
    }

.invisibles:hover .invisible {
    visibility: visible;
}

.star-rating-control-readonly > .star-rating-control {
    display: inline-block;
    min-width: initial;
}

.star-rating-control-readonly div.star-rating a {
    width: 7px;
    height: 9px;
}

ul.striped > li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
}

    ul.striped > li:hover {
        background: #f8f8f8;
    }

ul.striped.no-hover > li:hover {
    background: inherit;
}

.table.no-hover tr:hover td {
    background: inherit;
}

ul.padding li {
    padding-bottom: 8px;
}

ul.avatars {
    margin: 0 0 10px 0;
    padding: 0px;
    clear: both;
}

    ul.avatars > li {
        position: relative;
        min-height: 80px;
        padding: 15px 10px 15px 80px;
    }

        ul.avatars > li img {
            float: left;
            margin: 24px 0 0 -70px;
        }

        ul.avatars > li p {
            font-size: 12px;
            padding: 0 80px 0 20px;
        }

        ul.avatars > li .avatar + h3 + p {
            padding-left: 10px;
        }

        ul.avatars > li .avatar {
            float: left;
            margin: 5px 10px 0 -70px
        }

            ul.avatars > li .avatar + h3 {
                padding-left: 10px;
            }

                ul.avatars > li .avatar + h3 .byline {
                    padding-left: 0px;
                }

        ul.avatars > li .actions {
            display: none;
            float: right;
            margin-right: 10px;
        }

            ul.avatars > li .actions .btn {
                font-weight: bold;
            }

        ul.avatars > li:hover .actions {
            display: inline-block;
        }

    ul.avatars.ul-compact li .actions .btn {
        font-weight: normal;
        font-size: 12px;
        margin-top: 9px;
    }

    ul.avatars.ul-compact li .actions .dropdown-menu a {
        font-size: 12px;
    }

    ul.avatars.ul-compact > li img {
        display: none
    }

    ul.avatars.ul-compact > li {
        padding-left: 10px;
        min-height: 50px;
    }

        ul.avatars.ul-compact > li p {
            display: none;
        }

        ul.avatars.ul-compact > li > h3 {
            font-size: 14px;
            line-height: 14px;
            padding-left: 0px;
            font-weight: bold;
        }

    ul.avatars.ul-compact h3 .byline {
        font-weight: normal;
        font-size: 12px;
    }

    ul.avatars.ul-compact > li {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    ul.avatars.ul-compact .badge {
        margin: 16px 0 0 0;
    }

    ul.avatars.ul-compact li .avatar {
        margin: 10px 0 0 0;
        display: block;
    }

        ul.avatars.ul-compact li .avatar + h3 {
            padding-left: 60px;
        }

    ul.avatars.ul-compact.nothumb div.avatar {
        display: none;
    }

    ul.avatars.ul-compact.nothumb li > h3 {
        padding-left: 0px;
    }

    ul.avatars h3 {
        padding: 10px 0 10px 20px;
        line-height: 16px;
        font-size: 18px;
        color: #444;
    }

        ul.avatars h3 .byline {
            margin: 5px 0 0 0;
            background: no-repeat;
            padding: 0 0 0 0px;
            color: #666;
            font-weight: bold;
            font-size: 14px;
            display: block;
        }

            ul.avatars h3 .byline a {
                background: no-repeat;
                margin-left: 0px;
                background-position: 0px -2px;
                padding: 0 0 0 0px;
            }

            ul.avatars h3 .byline.seminar a {
                background-image: url(../Images/seminar.png);
            }

            ul.avatars h3 .byline.ecourse a {
                background-image: url(../Images/ecourses.png);
            }

            ul.avatars h3 .byline.read a {
                background-image: url(../Images/read.png);
            }

            ul.avatars h3 .byline.categories a {
                background-image: url(../Images/categories.png);
            }

    ul.avatars .badge {
        float: right;
        margin: -5px 0 0 0;
    }

    ul.avatars.ul-compact .date {
        float: none;
        display: inline-block !important;
        width: auto;
        height: auto;
        margin: 5px 0px 0 0px !important;
    }

    ul.avatars .date {
        float: none;
        display: inline-block !important;
        width: auto;
        height: auto;
        margin: 5px 0px 0 0px !important;
        font-size: 12px;
        font-weight: normal;
    }

    ul.avatars .assignTypeLabel {
        float: none;
    }

    ul.avatars.profile-training .badge.status, ul.avatars.profile-training .actions {
        display: none !important;
        visibility: hidden
    }

.searchresult > h3 > span {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    float: right;
}

.searchresult ul.avatars li > h3 > div.meta {
    padding: 5px 0 0 0px;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

.searchresult ul.avatars.ul-compact li > h3 > div.meta {
    font-size: 11px;
}

#reviews ul.avatars li h4 {
    padding-top: 10px;
    padding-left: 20px;
}

#reviews ul.avatars li {
    padding-top: 0px;
}

.searchresult ul.avatars .rating {
    display: inline-block;
    margin: -10px 0 0 0;
    padding: 0;
    vertical-align: middle
}

html.ie7 div.searchresult ul.avatars div.rating {
    display: inline;
}

.searchresult ul.avatars .rating span {
    float: left;
    background: url(../Images/star-small-lo.png);
    width: 12px;
    height: 12px;
    padding: 0;
}

    .searchresult ul.avatars .rating span.hi {
        background: url(../Images/star-small-hi.png);
    }

ul.user-avatars.large > li {
    float: left;
    width: 50%
}

    ul.user-avatars.large > li h3 {
        font-size: 15px;
        line-height: 54px;
    }

    ul.user-avatars.large > li img {
        vertical-align: middle
    }

ul.user-avatars.ul-compact .user-img--large img {
    max-width: 32px;
}

ul.user-avatars > li .actions {
    display: none;
    float: right;
    margin-right: 10px;
}

ul.user-avatars > li:hover .actions {
    display: inline-block;
}

ul.user-avatars.large > li .searchfilters {
    display: none
}

ul.user-avatars.large h3 a {
    max-width: 200px;
    line-height: normal;
    margin-top: 12px;
}

ul.ul-compact > li h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

ul.toc, ul.toc ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    ul.toc ul {
        padding: 5px 0 10px 5px;
        font-size: 12px;
    }

    ul.toc > li {
        font-weight: bold;
    }

.status {
    background: #777;
}

    .status.Started {
        background: #F89406;
    }

    .status.Failed {
        background: #b94a48;
    }

    .status.Finished {
        background: #5baf59;
    }

    .status.Signed {
        background: #5baf59;
    }

    .status.Shared {
        background: #3A87AD;
    }

li.icon {
    padding: 5px 0 5px 20px;
    background: no-repeat 3px 7px;
}

ul.striped li.active h4 {
    line-height: 20px;
    padding: 0 0 6px 0;
    margin: 0px;
}

ul.striped li.active ul {
    padding: 5px 0 0 0;
}

ul.striped li.active a {
    font-size: 12px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}

ul.striped li.active li.active {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 3px 0 3px 0;
    margin: 4px 0 4px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    ul.striped li.active li.active span {
        background: url(../Images/arrow.png) no-repeat;
        width: 18px;
        height: 18px;
        margin: 4px 3px 0 0;
    }

    ul.striped li.active li.active a {
        text-decoration: none;
        font-weight: bold;
        color: #444;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    }

ul li.collapse > a {
    background: url(../Images/collapse.png) no-repeat left 1px;
    padding-left: 18px;
}

ul li.expand > a {
    background: url(../Images/expand.png) no-repeat left 1px;
    padding-left: 18px;
}

ul li.empty {
    padding-left: 14px;
}

h5 {
    padding: 16px 0 8px 0;
    margin: 0px;
    line-height: 14px;
}

div.filter .form-text {
    padding: 0 0 5px 0;
}

.datepicker {
    background: url(../Images/calendar.png) no-repeat right;
}

div.filter > ul {
    margin: 0px;
}

ul.filters li {
    color: #fff;
    clear: both;
    float: none;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-bottom: 2px;
    padding-right: 5px;
}

    ul.filters li ul {
        padding: 2px 0 0 18px;
    }

    ul.filters li.empty ul {
        padding: 0px;
        margin: 0px;
    }

        ul.filters li.empty ul li {
            margin: -1px 0 -1px -8px
        }

    ul.filters li.empty a {
        font-size: 13px;
    }

        ul.filters li.empty a + span {
            font-size: 12px;
        }

    ul.filters li ul li {
        display: block;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        margin: 1px 0 0 0;
        padding: 2px 8px 2px 8px;
    }

    ul.filters li.expand ul {
        display: none;
    }

    ul.filters li a {
        font-weight: normal;
        font-size: 13px;
        cursor: pointer;
    }

    ul.filters li ul li a {
        font-size: 12px;
    }

    ul.filters li a + span {
        float: none;
        color: #aaa;
        font-weight: normal;
        line-height: 11px;
        background: none;
        font-size: 11px;
        display: inline-block;
        padding: 0 0 0 4px;
        margin: 0
    }

    ul.filters li.active {
        cursor: pointer;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #074975;
        position: relative;
    }

        ul.filters li.active a {
            text-decoration: none;
            color: #fff;
        }

        ul.filters li.filter-recipient-type-AllinProgress.active > a,
        ul.filters li.active.filter-recipient-type-AllCompleted.active > a,
        ul.filters li.active.filter-recipient-type-AllPresent.active > a,
        ul.filters li.active.filter-recipient-type-AllValid.active > a,
        ul.filters li.status-under-construction.active > a,
        ul.filters li.status-archived.active > a,
        ul.filters li.InProgress.active > a,
        ul.filters li.Shared.active > a,
        ul.filters li.Signed.active > a {
            color: #000 !important;
        }

    ul.filters li.active span {
        display: none
    }

li.activity a {
    display: inline-block;
    padding: 4px 2px 4px 25px;
    background: no-repeat 5px center;
}

li.activity.ecourse a {
    background-image: url(../Images/ecourse.png);
}

li.activity.etest a {
    background-image: url(../Images/etest.png);
}

li.activity.seminar a {
    background-image: url(../Images/seminar.png);
}

li.activity.evaluation a {
    background-image: url(../Images/evaluation.png);
}

.btn.big {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    display: block
}

.icon.next {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../Images/nextarrow.png);
    vertical-align: middle;
    margin: -4px 4px 0px 4px;
}

.icon-remove {
    cursor: pointer;
}

div.ratingContainer.catalogue {
    display: inline;
    margin-right: 10px;
}


div.syllabus {
    overflow-x: hidden;
    overflow-y: auto;
}

    div.syllabus.popover {
        border: 1px solid #bfbfbf;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: 0 5px 8px #aaa;
        -webkit-box-shadow: 0 5px 8px #aaa;
        box-shadow: 0 5px 8px #aaa;
        display: none;
        left: 317px;
        position: absolute;
        top: 339px;
        width: 238px;
    }

        div.syllabus.popover > ul > li:first-child,
        div.syllabus.popover > ul > li:last-child {
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }

    div.syllabus a:hover {
        background-color: #f5f5f5;
    }

    div.syllabus > ul > li {
        padding: 0;
        border-top: 1px solid #eee;
    }

        div.syllabus > ul > li:first-child {
            border: none;
        }

            div.syllabus > ul > li:first-child a {
                font-weight: bold;
            }

        div.syllabus > ul > li > ul > li > a {
            font-size: 12px;
            padding: 0 0 0 20px;
        }

    div.syllabus ul {
        list-style-type: none;
        margin: 0;
        width: auto;
        padding-left: 0px;
        padding-right: 10px;
    }

        div.syllabus ul li {
            height: auto;
            margin: 0;
            padding: 0;
        }

            div.syllabus ul li.empty > a {
                padding-left: 20px;
            }

            div.syllabus ul li.expand ul {
                display: none;
            }

            div.syllabus ul li > a,
            div.syllabus ul li.collapse > a {
                background-position: 6px 7px;
                padding: 0 0 0 20px;
            }

            div.syllabus ul li ul {
                padding: 0 0 5px 10px;
                width: 100%;
            }

    div.syllabus li a {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #333;
        display: block;
        font-size: 12px;
        line-height: 28px;
        margin: 1px 0 0 0;
        overflow: hidden;
        padding: 0 0 0 10px;
        text-decoration: none;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.nowrap {
    white-space: nowrap;
}

div.syllabus li a.activityInfo {
    background-image: url(../Images/activity-info.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;
}

div.syllabus li.active {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #ffffff;
    background-color: #00aeea;
    background-repeat: repeat-x;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin: 1px 0 0 0;
    padding: 1px;
    background-image: linear-gradient(top, #049cdb, #00aeea);
    border-left-color: #00aeea;
    border-right-color: #00aeea;
    border-top-color: #00aeea;
    border-bottom-color: #003f81;
}

    div.syllabus li.active a {
        background: none;
        color: #fff;
        font-size: 12px;
    }

div.syllabus li.completed a,
div.syllabus li.completed a:hover,
div.syllabus li a.completed,
div.syllabus li a.completed:hover {
    background-color: #d1eed1;
    border: 1px solid #bfe7bf;
    -webkit-text-shadow: 1px 1px 0 #fff;
    text-shadow: 1px 1px 0 #fff;
}

div.syllabus li a.failed,
div.syllabus li a.failed:hover,
div.syllabus li.failed a,
div.syllabus li.failed a:hover {
    background-color: #fddfde;
    border: 1px solid #fbc7c6;
    -webkit-text-shadow: 1px 1px 0 #fff;
    text-shadow: 1px 1px 0 #fff;
}

div.syllabus li.inprogress a,
div.syllabus li.inprogress a:hover,
div.syllabus li a.inprogress,
div.syllabus li a.inprogress:hover {
    background-color: #fdf5d9;
    border: 1px solid #fceec1;
    -webkit-text-shadow: 1px 1px 0 #fff;
    text-shadow: 1px 1px 0 #fff;
}

.competenceprogress {
    width: 150px;
}

h3 .form-text {
    margin-top: 0px;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #666;
}

h3 + .form-text {
    margin-top: 0px;
    padding-bottom: 5px;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #666;
}


.right-border {
    border-right: 1px solid #ddd;
}

.loading {
    display: none;
    background: url(../Images/loading.gif) no-repeat center;
    padding: 10px 0 10px 0;
    height: 20px;
}

div.loadingDiv {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url(../Images/LoadingInProgress.gif);
    background-position: center;
    background-repeat: no-repeat;
}

div.widgetLoadingDiv {
    display: none;
    width: 100%;
    height: 100px;
    background-image: url(../Images/LoadingInProgress.gif);
    background-position: center;
    background-repeat: no-repeat;
}


#filters, .filters, ul.searchfilterui, ul.usersearchfilterui {
    min-height: 15px;
    padding: 0 0 0 0;
    margin: 0;
    list-style-type: none;
}

    #filters li, ul.searchfilterui li, ul.usersearchfilterui li, .filter-item {
        cursor: pointer;
        float: left;
        font-weight: bold;
        background: #074975;
        font-size: 11px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 2px 5px 2px 0;
        color: #fff;
        padding: 2px 2px 2px 8px;
        position: relative;
    }


        #filters li.search, ul.searchfilterui li.search, ul.usersearchfilterui li.search, .filter-item.search {
            background: #000;
        }

        #filters li a, ul.searchfilterui li a, ul.usersearchfilterui li a, .filter-item a {
            font-weight: normal;
            color: #fff;
            text-decoration: none;
            margin: 0 5px 0 0;
        }

        #filters li.status-under-construction > a, #filters li.status-archived > a {
            color: #000;
        }

        ul.searchfilterui li.missing-email, ul.usersearchfilterui li.missing-email {
            background: #E13D3D;
            color: white;
        }

            ul.searchfilterui li.missing-email:hover, ul.usersearchfilterui li.missing-email:hover {
                background: #E13D3D;
                color: white;
            }

.user-selection-container li a {
    font-size: 15px;
}

.user-selection-container .fa-remove {
    margin-left: 5px;
}

p.tags {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    line-height: 13px;
}

    p.tags + p.tags + p {
        padding-top: 10px;
    }

.rating.small {
    display: inline-block;
    padding: 0 0 0 20px;
}

    .rating.small span {
        float: left;
        background: url(../Images/star-small-lo.png);
        width: 12px;
        height: 12px;
        padding: 0;
    }

        .rating.small span.hi {
            background: url(../Images/star-small-hi.png);
        }

h4 .btn {
    margin-top: -5px;
    margin-left: 5px;
    vertical-align: top;
}

h1 img, h2 img, h3 img {
    margin: 0 5px 0 0;
    float: left;
}

.btn img {
    margin: 1px 0 0 -3px;
    padding: 0;
    float: left;
    vertical-align: top;
}

.btn.block {
    display: block;
    text-align: center
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.search {
    background: url("../images/search.png") no-repeat right center;
}

.profile {
    background-image: url(../Images/profile-small-dummy.png);
    background-position: 5px;
    padding-left: 35px !important;
    background-repeat: no-repeat;
}

.boxed {
    border: 1px solid transparent;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 12px;
    margin: 0 0 30px 0 !important;
    padding: 30px 40px 40px 40px;
    box-shadow: 0 0 15px 5px #e5e5e5;
}

.boxed--full-width {
    padding: 0 0 20px 0;
}

.boxed-with-border {
    border: 1px solid #e6e6e6;
}

.log-boxed--full-width {
    padding: 0 0 20px 0;
    overflow: hidden;
}

.boxed--no-shadow {
}

.boxgroupheader {
    border-bottom: 2px solid #ddd;
}

.boxed.condensed {
    padding: 0 10px 10px 10px;
}

    .boxed.condensed .header {
        margin: 0 -10px 10px -10px;
    }

.boxed--no-border {
    border: 0 none;
}

.no-padding {
    padding: 0;
}

h3.header {
    font-size: 14px;
    font-weight: bold;
}

.header {
    margin: 0 -20px;
    padding: 10px 20px 10px 20px;
}
    .header.boxed {
        min-height: 84px;
    }

.section-header {
    text-align: center;
    margin: 0px;
}

.header.margin {
    margin-bottom: 20px;
}

.header img {
    margin-top: -1px;
}

.header--with-nav {
    padding-bottom: 70px;
}

.header--with-nav2 {
    padding-bottom: 40px;
}

.header-nav {
    margin-top: -42px;
}

/**
  * Padding classes for working with the Bootstrap grid.
  * Apply .alpha to the first column in the grid and .omega to the last column.
  */
.alpha {
    padding-left: 20px;
    padding-right: 20px;
}

.omega {
    padding-right: 20px;
}

.no-margin {
    margin: 0 !important;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-padding {
    padding: 0;
}

.no-border-radius {
    border-radius: 0;
}

.no-opacity {
    opacity: 0;
}

.transition {
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    -webkit-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.transition-opacity {
    opacity: 1;
}

.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.subtitle {
    font-size: 13px;
    display: block;
    font-weight: normal;
    line-height: 16px;
    max-width: 800px;
}

.subtitle--inline {
    display: inline;
}

.header.editprofile {
    border-bottom: 0;
}

.required label.control-label:after {
    content: " *";
}

.alert + .form-text {
    margin-top: -10px;
}

.boxed.minheight {
    min-height: 700px;
    display: inline-block;
}

.discrete {
    color: #666;
    font-size: 13px;
}

address.discrete {
    display: inline;
    margin: 0px;
}

.thumb {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 0 0 0;
}

.miniform {
    display: inline-block;
    width: 640px;
    padding: 10px 0 0 0;
    margin: -10px 0 20px 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .miniform .btn {
        float: right;
        margin: 6px 0 0 0;
    }

    .miniform img {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        float: left;
        margin: 0 6px 0 0;
    }

    .miniform textarea {
        width: 560px;
    }

    .miniform.condensed .btn {
        display: none;
    }

.activity li img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    margin: 0 10px 0 0;
}

.activity li p {
    padding-right: 0px;
}

.activity li {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

    .activity li div.tagline {
        font-size: 11px;
        color: #aaa;
    }

.btn.small {
    padding-top: 3px;
}

.btn.right {
    float: right;
    margin-right: 5px;
}

.row.border {
    border-bottom: 1px solid #ddd;
    margin-left: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .row.border .span14 {
        padding-left: 0px;
        margin-left: 0px;
    }

#reviews {
    display: none;
}

ul.space {
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}

div.cols {
    display: inline-block;
    border-top: 1px solid #ddd;
    margin: 20px 0 0 0;
    padding: 10px 10px 0 10px;
}

div.cols2 {
    width: 290px;
    float: left;
    display: inline-block;
}

.playvideo {
    border: 4px solid #fff;
    box-shadow: 1px 1px 8px #aaa;
    -moz-box-shadow: 1px 1px 8px #aaa;
    -webkit-box-shadow: 1px 1px 8px #aaa;
    margin: 4px 4px 4px 0px;
}

ul.float {
    clear: both;
    display: inline-block;
    height: auto;
}

    ul.float li {
        float: left;
    }

a.user {
    background-repeat: no-repeat;
    line-height: 16px;
    display: inline-block;
}

    a.user.large {
        height: 10px;
        min-height: 110px;
        padding-top: 0;
        width: 64px;
    }

    a.user p {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

.user-popover {
    overflow: auto;
}

.activityInfo select {
    width: 100%;
    margin: 10px 0 0 0
}

.activityInfo > .btn-large {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

    .activityInfo > .btn-large i {
        margin: 5px 2px 0 0;
    }

    .activityInfo > .btn-large + div.form-text {
        font-size: 11px;
    }

#sessioninfo {
    display: none;
}

.twipsy {
}

#searchactivities {
    display: none;
}

    #searchactivities h4 {
        padding: 20px;
        font-weight: normal;
        float: left;
        text-shadow: 1px 1px 0 white;
        -moz-text-shadow: 1px 1px 0 white;
        -webkit-text-shadow: 1px 1px 0 white;
        color: #666;
    }

        #searchactivities h4 .btn {
            margin: -4px 0 0 10px;
        }


    #searchactivities h5 {
        font-size: 16px;
        border-top: 1px solid #eee;
        margin: 0px -20px 0 -20px;
        box-shadow: inset 0 -4px 6px #eee;
        -moz-box-shadow: inset 0 -4px 6px #eee;
        -webkit-box-shadow: inset 0 -4px 6px #eee;
        padding: 13px 0 17px 30px;
        text-shadow: 1px 1px 0 white;
        -moz-text-shadow: 1px 1px 0 white;
        -webkit-text-shadow: 1px 1px 0 white;
        color: #666;
    }

        #searchactivities h5 + ul {
            padding-bottom: 20px;
        }

.ui-datepicker-prev .ui-icon-circle-triangle-w {
    background: url(../Images/a-left.png) -1px -1px
}

.ui-datepicker-next .ui-icon-circle-triangle-e {
    background: url(../Images/a-right.png) -1px -1px
}


/* dashboard - message */
.slideshow, .slideshow > li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

    .slideshow > li {
        display: none;
        padding: 0 0 15px 0;
    }

        .slideshow > li:first-child {
            display: block;
        }

        .slideshow > li p.readmore {
            float: right;
            padding: 0;
            margin: 0
        }

        .slideshow > li p.date {
            float: left;
            padding: 0;
            margin: 0;
        }

.slideshownav {
    border-bottom: 1px solid #eee;
    margin: 0 0 5px 0;
    padding: 12px 0 6px 0;
    clear: both;
    display: block;
    text-align: center;
}

.slidebullets {
    display: inline-block;
}

    .slidebullets a {
        display: inline-block;
        margin: 0 0 2px 0;
        height: 12px;
        width: 12px;
        background: #ddd;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

        .slidebullets a.active {
            background: #00aeea;
        }

/* dashboard - applications */
#applications .alert {
    margin-top: 18px
}

#applications ul li {
    padding-left: 0;
}

#applications .actions {
    display: block;
}


/* jQuery UI styles */

.ui-autocomplete {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 4px #888;
    -moz-box-shadow: 1px 1px 4px #888;
    -webkit-box-shadow: 1px 1px 4px #888;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 200px;
    padding: 0px;
}

    .ui-autocomplete li {
        list-style-type: none;
    }

    .ui-autocomplete .ui-menu-item a {
        display: block;
        color: #bfbfbf;
        padding: 3px 5px 3px 5px;
    }

        .ui-autocomplete .ui-menu-item a img {
            vertical-align: middle;
            margin: 0 5px 0 0;
        }

    .ui-autocomplete a.ui-state-hover, .ui-autocomplete a.ui-state-active {
        text-decoration: none;
        cursor: pointer;
        background: #00aeea;
        color: #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

/* Dev stuff */

/* My activity tweaks */
#searchactivities {
    display: block;
}

.ActivityIcon {
    max-height: 64px;
    max-width: 64px;
}

.ActivityIcon-Small {
    max-height: 23px;
    max-width: 23px;
}

.StudentIcon {
    max-height: 23px;
    max-width: 23px;
    margin: 10px 0 20px -70px;
}

.DynamicFieldImage {
    max-height: 500px;
    margin: 0 10px 20px 0;
}

.AvatarImage {
    max-height: 200px;
    max-width: 200px;
    float: left;
    margin: 0 10px 20px 0;
}

/* Activity tweaks */
#sessioninfo {
    display: block;
}

.transportHotelSelectionDiv {
    width: 100%;
    float: left;
}

.priceTag {
    float: right;
}

.Grouping {
}

.webformsIframe {
    border: 0px;
    width: 100%;
    padding: 0;
    height: 500px;
}

/* remove gap under profile tab */
.nav.pull-right.user {
    min-height: 39px
}

/* Chat */
#ChatContainer {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#WindowSelector {
    background: #f0f0f0;
    border-radius: 0 8px 0 0;
    -moz-box-shadow: 2px 2px 8px #888;
    -webkit-box-shadow: 2px 2px 8px #888;
    bottom: 0;
    box-shadow: 2px 2px 8px #888;
    cursor: pointer;
    display: none;
    padding: 3px;
    position: fixed;
    width: 32px;
}

    #WindowSelector span {
        font-weight: bold;
        margin-left: 2px;
    }

div.chatWindow {
    background: #fff;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    -moz-box-shadow: 2px 2px 8px #888;
    -webkit-box-shadow: 2px 2px 8px #888;
    box-shadow: 2px 2px 8px #888;
    margin: 1px 10px;
    max-width: 300px;
    min-width: 300px;
    position: absolute;
    right: 0;
}

html.ie7 div.chatWindow,
html.ie8 div.chatWindow {
    border: 1px solid #ddd;
}

div.chatWindow.hidden {
    bottom: -200px;
}

div.chatWindow button.close {
    position: absolute;
    right: 5px;
    top: 6px;
}

div.chatWindow button.toggle {
    right: 25px;
    top: 6px;
}

div.chatWindow div.content {
    height: 125px;
    overflow-y: auto;
    width: 100%;
}

div.chatWindow header {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

    div.chatWindow header a {
        margin: 0 0 0 15px;
        color: inherit;
    }

div.chatWindow li {
    transition: 0.1s linear all;
    word-wrap: break-word;
    float: right;
    clear: both;
    padding-top: 2px;
    padding-bottom: 2px;
}

    div.chatWindow li.time {
        transition: 0.1s linear all;
        word-wrap: break-word;
        text-align: center;
        float: none;
        clear: both;
        font-size: 11px;
        color: #999;
    }

    div.chatWindow li.notification {
        color: #ff0000;
        font-style: italic;
        float: left;
        clear: both;
    }

    div.chatWindow li.received {
        -moz-transition: 0.1s linear all;
        -ms-transition: 0.1s linear all;
        -o-transition: 0.1s linear all;
        -webkit-transition: 0.1s linear all;
        transition: 0.1s linear all;
        float: left;
        clear: both;
    }

div.chatWindow div.onlineStatus {
    float: left;
    margin: 3px 5px 0 0;
}

div.chatWindow textarea {
    margin: 0;
    border-bottom: none;
    border-left: none;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border-right: none;
    height: 18px;
    overflow: hidden;
    resize: none;
    width: 100%;
}

div.chatWindow ul {
    padding: 5px;
}

.onlineStatus.course {
    float: left;
    margin: 67px 5px 0 0;
}

.onlineStatus.employees {
    float: left;
    margin: 22px 5px 0 5px;
}

div.header h6 {
    text-transform: none;
    width: 400px;
}

/* Registration honeypot */
input.middlename {
    display: none;
}

/* new */

ul.filters li.active span {
    display: none;
}

ul.filters li:not(.active) i {
    display: none;
}

ul.filters li.active i {
    display: block;
}

.active.status-active {
    background-color: #089763 !important;
    color: white !important;
}

.active.status-cancelled {
    background-color: #E13D3D !important;
    color: white !important;
}

.active.status-under-construction {
    background-color: #FFB000 !important;
    color: #1A1A1A !important;
}

.active.status-archived {
    background-color: #C4C4C4 !important;
    color: #1A1A1A !important;
}

.active.status-preset {
    background-color: #1A1A1A !important;
    color: white !important;
}

#filters li.status-active {
    background-color: #089763;
    color: white !important;
}

#filters li.status-cancelled {
    background-color: #E13D3D;
    color: white !important;
}

#filters li.status-under-construction {
    background-color: #FFB000;
    color: #1A1A1A !important;
}

#filters li.status-archived {
    background-color: #C4C4C4;
    color: #1A1A1A !important;
}

#filters li.status-preset {
    background-color: #333333;
}

/* MeetingOverViewCharts */

.filters li.notaselection {
    color: #337ab7 !important;
}

#filters li.notaselection, li.NotStarted.active {
    background: #C4C4C4 !important;
    padding-left: 4px !important;
}

#filters li.notaselection, li.InProgress.active {
    color: #000;
    background: #FFB000 !important;
    padding-left: 4px !important;
}

#filters li.notaselection, li.Shared.active {
    color: #000;
    background: #D9EFFA !important;
    padding-left: 4px !important;
}

#filters li.notaselection, li.Signed.active {
    color: white;
    background: #089763 !important;
    padding-left: 4px !important;
}

.button-create {
    float: right;
}

#allCoursesSwitch {
    float: right;
    margin: 4px 0 0 0;
}

#Activity div.activitInfo select {
    width: 100%;
}

/* Table */

.table {
    margin-top: 20px;
}

.table-white-header th {
    background-color: inherit;
}

.table-no-hover tr:hover td {
    background-color: inherit !important;
}

tr .actions {
    visibility: hidden;
}

tr:hover .actions {
    visibility: visible;
}

ul.striped > li .actions {
    display: none;
}

ul.striped > li:hover .actions {
    display: inline;
}

tr span.actions {
    float: right;
}

ul.headers h3 {
    margin: 0;
}

ul.headers.small > li h3 {
    font-size: 14px;
    line-height: 14px;
}

.horizontal-scroll {
    overflow-x: auto;
}

.scroll-container {
    max-width: 1800px;
}

.bottom-margin-small {
    margin-bottom: 5px;
}

.bottom-margin {
    margin-bottom: 10px;
}

.bottom-margin-large {
    margin-bottom: 50px;
}

.left-margin-small {
    margin-left: 5px;
}

.left-margin {
    margin-left: 10px;
}

.left-margin-large {
    margin-left: 50px;
}

.right-margin-small {
    margin-right: 5px;
}

.right-margin {
    margin-right: 10px;
}

.right-margin-large {
    margin-right: 50px;
}

.top-margin-small {
    margin-top: 5px;
}

.top-margin {
    margin-top: 10px;
}

.top-margin-large {
    margin-top: 50px;
}

.text-height {
    height: 18px;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.filterpanel {
    margin-top: 10px;
}

.filterpanel {
    float: right;
    margin-left: 5px;
}

.input-bold {
    font-weight: bold;
}

#performanceReviewTable_filter label,
#performanceReviewTable_filter input {
    display: inline;
}

.indent1,
.sub-row {
    margin-left: 20px;
}

.rating {
    cursor: pointer;
}

    .rating.disabled {
        cursor: default;
    }

.CourseDialog {
    min-height: 80px;
    font-size: 11px;
}

    .CourseDialog h3 {
        font-size: 15px;
    }

/* User profile */

.profile-about p {
    font-size: 11px;
}

    .profile-about p > b:first-child {
        width: 120px;
        display: inline-block;
    }

.profile-about h2 {
    font-size: 15px;
}

.profile-section-header {
    margin: 0px -10px 10px -10px;
    padding: 1px 0 0 10px;
}

    .profile-section-header h3 {
        margin-top: 10px;
        font-size: 14px;
        font-weight: bold;
    }

    .profile-section-header a {
        visibility: hidden;
    }

    .profile-section-header:hover a {
        visibility: visible;
    }

.profile-box {
    border: 1px solid #ddd;
    padding: 0 10px 10px 10px;
    margin: 10px 0 10px 0;
}

/* Files */

[id^=fileTableToggle] {
    font-size: 11px;
}

[id^=fileTable] ul {
    margin-top: 10px;
}

.notification {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: white;
    border: 1px solid #ddd;
    padding: 20px;
    display: none;
    cursor: pointer;
}

    .notification > img {
        float: left;
    }

    .notification > p {
        margin-left: 80px;
    }


/* Feed */

div.feed img {
    max-width: 100%;
    width: auto;
}

div.feed [id^=fileInput] {
    display: none;
}

div.feed .threadForm [id^=fileInput] {
    display: block;
}

div.feed img {
    max-height: 400px;
}

div.feed > article {
    margin-top: 10px;
    padding: 10px 3px 3px 3px;
}

    div.feed > article > header > div.feedcontent {
        display: block;
    }

        div.feed > article > header > div.feedcontent > div.feedtext {
            margin-top: 15px;
            margin-bottom: 15px;
            white-space: pre-line;
        }

div.feed article > section > article,
div.feed article > footer {
    padding: 3px;
}

div.feed > article > section > article > div.feedcontent,
div.feed > article > footer > div.feedcontent {
    display: block;
    margin-left: 42px;
}

div.feed .feeddate {
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}

div.feed .feedmeta {
    font-size: 12px;
    color: #666;
}

div.feed header .feedmeta {
    font-size: 12px;
    margin-top: 5px;
}

div.feed .user-img img {
    max-width: 48px;
    vertical-align: top;
    float: left;
}

div.feed article > section > article,
div.feed article > footer {
    background: #f6f7f8;
    font-size: 13px;
}

    div.feed article > section > article .user-img img,
    div.feed article > footer .user-img img {
        max-width: 32px;
    }

div.feed article > section {
    margin-top: 5px;
}

div.feed time {
    margin-right: 5px;
}

.notification-unread {
    background-color: #d9edf7 !important;
}

#competencelist {
    clear: both;
}

.treeexpand {
    background-image: url(../Images/expand.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin: 5px 5px 0 0;
}

.treecollapse {
    background-image: url(../Images/collapse.png);
}

.treeexpand.invisible {
    visibility: hidden;
}

.boxcollapse {
    background-image: url(../Images/collapse.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    width: 16px;
}

.boxexpand {
    background-image: url(../Images/expand.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    width: 16px;
}

/* Setup Competences */

col.title {
    width: 260px;
}

col.level {
    width: 160px;
}

.collapsed-info {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table.fixed {
    table-layout: fixed;
}

/* Connect Competences Table */
.competenceTitle {
    width: 200px;
}

.roleSelect {
    margin: 0;
    max-width: 200px;
}



div.controls img {
    max-height: 24px;
    max-width: 24px;
    cursor: pointer;
}

li.ui-menu-item img {
    max-height: 24px;
    max-width: 24px;
}

#MyGoals div.filterpanel select {
    margin: 0 0 0 0;
    width: 200px
}

div.control-group p {
    margin: 5px 0 3px;
}

#OperationalGoals {
    padding-top: 5px;
}

ul.ui-autocomplete {
    background: #FFFFFF
}

#MyGoals table.table thead th:first-child {
    width: 400px;
}

/*Hide so that the radio buttons should not appear before the page is fully loaded*/
input.autoPostbackStar {
    display: none;
}

div.inline-label > label {
    display: inline;
}

span.rounded-status.inprogress {
    background: none repeat scroll 0 0 #F89406;
}

span.rounded-status {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 5px 0 2px;
    width: 12px;
}

input.grid-checkbox {
    margin: 0 5px 0 2px;
}

/* Dashboard layout edit removed to adjust the size */

.row-startpage-layout-edit {
    /* margin-left: -40px;
    margin-right: -20px;*/
}

    .row-startpage-layout-edit .btn-toolbar {
        margin-left: 20px;
    }

.show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .show-grid [class*="span"] {
        background-color: #eee;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        min-height: 40px;
    }

    .show-grid:hover [class*="span"] {
        background: #ddd;
    }

    .show-grid .show-grid {
        margin-top: 0;
        margin-bottom: 0;
    }

        .show-grid .show-grid [class*="span"] {
            margin-top: 5px;
        }

    .show-grid [class*="span"] [class*="span"] {
        background-color: #ccc;
    }

        .show-grid [class*="span"] [class*="span"] [class*="span"] {
            background-color: #999;
        }

#comments-modal,
#goal-modal {
    max-height: 500px;
}

.header:hover .hide {
    display: block;
}

.header:hover .invisible {
    visibility: visible;
}

.invisible-save {
    display: none;
}


.success-factor .header {
    padding: 10px 7px;
}

table .comment {
    font-size: 11px;
    display: inline-block;
}

table .visiblecomment {
    font-size: 11px;
    display: inline-block;
}

table .comment {
    visibility: hidden;
}

tr:hover .comment {
    visibility: visible;
}

.low-key {
    color: #aaa;
}

.goal-progress-slider {
    width: 100px;
}

.ui-slider {
    height: 18px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

    .ui-slider .ui-slider-handle {
        background: #f1f1f1;
        border: 1px solid #bbb;
        cursor: pointer;
        height: 21px;
        top: -3px;
        width: 12px;
    }

.ui-slider-handle:hover {
    background: #fff;
}

.ui-slider-range {
    width: 0;
    height: 18px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(top, #149bdf, #0480be);
    background-image: -ms-linear-gradient(top, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.slider-legend p {
    vertical-align: top;
}

.small-font {
    font-size: 13px;
}

.no-text-font {
    font-size: 11px;
}

.wide-row {
    width: 150px;
}

.large-font {
    font-size: 26px;
}

.center {
    text-align: center;
}

.align-top {
    vertical-align: top;
}

.right {
    float: right;
}

.header > h2, .header > h3 {
    margin-top: 0px;
}

table.table td > h3 {
    font-size: 14px;
    line-height: 14px;
    padding: 0px;
    margin: 0px
}

.goal-icon-selector img {
    padding: 3px;
    border: 2px solid white;
}

    .goal-icon-selector img.active {
        border: 2px solid #337ab7;
    }

.padding-label {
    padding-left: 5px;
}

.padding-h3 {
    padding-left: 30px;
}

.xsmall {
    width: 30px;
}

/* Team Goals */

.contributors-link {
    font-size: 11px;
    margin-right: 5px;
}

.user-item.multiple img {
    padding: 4px;
}

.user-item.multiple:hover {
    z-index: 100;
}

    .user-item.multiple:hover img {
        height: 40px;
        padding: 0;
        width: 40px;
    }

.user-item.multiple .online-status {
    right: 0;
    top: 0;
}

.expanded-row-header {
}

.goal-row {
    background: #f9f9f9;
}

.nameData {
    width: 300px;
}

.progressData {
    width: 100px;
}

.goal-filter-list {
    list-style: none;
    margin: 0 0 9px;
}

    .goal-filter-list li {
        display: inline;
    }

.goal-icon {
    max-height: 36px;
    max-width: 36px;
    cursor: pointer;
}

.goal-filter {
    color: #00aeea;
    background: transparent;
    border: none;
    border-radius: 5px 5px 5px 5px;
    line-height: 14px;
    margin: 2px 2px 2px 0;
    padding: 8px 12px;
}

    .goal-filter:hover {
        background: #f0f0f0;
    }

    .goal-filter.active {
        background: #00aeea;
        color: #fff;
    }

        .goal-filter.active:hover {
            background: #018dbd;
        }

.goal-link-icon {
    font-size: 20px
}

tr:hover .goal-action {
    visibility: visible;
}

.goals-track {
    width: 150px;
}

.goals-track__status {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    float: left;
    padding: 0 2px;
    text-align: center;
}

.status--rounded {
    border-radius: 2px;
}

.status--left-rounded {
    border-radius: 2px 0 0 2px;
}

.status--right-rounded {
    border-radius: 0 2px 2px 0;
}

.goal-table__name-column {
    width: 400px;
    max-width: 400px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

a.showallcompetences {
    padding-left: 15px;
}

/* This is needed to fix jQuery UI draggable elements in Google Chrome. */
.ui-draggable {
    position: fixed !important;
}

/* User-Img */
.user-img--mini img, 
.user-img--small img,
.user-img--medium img,
.user-img--large img,
.user-img--xlarge,
.user-img--xlarge img {
    border-radius: 100%;
}
.user-img.imgoverlay:before {
    border-radius: 50%;
    top:0;
}
.user-img.imgoverlay:after{
    border-radius: 50%;
}
.user-img {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}

.user-img--mini img {
    width: 24px;
}

.user-img--small img {
    width: 32px;
}

.user-img--medium img {
    width: 64px;
}

.user-img--large img {
    width: 88px;
}

.user-img--xlarge {
    margin: 0 20px 0 0;
}

.user-img--mini .online-status {
    right: -2px;
    top: -2px;
}

.user-img--small .online-status {
    right: -4px;
    top: -4px;
}

.user-img--medium .online-status {
    right: -3px;
    top: -3px;
}

.user-img--large .online-status {
    right: -4px;
    top: -4px;
}

.user-img--xlarge .online-status {
    right: -5px;
    top: -5px;
}

.user-img--mini .online-status,
.online-status--mini {
    height: 8px;
    width: 8px;
}

.user-img--small .online-status,
.online-status--small {
    height: 10px;
    width: 10px;
}

.user-img--medium .online-status,
.online-status--medium {
    height: 13px;
    width: 13px;
}

.user-img--large .online-status,
.online-status--large {
    height: 16px;
    width: 16px;
}

.user-img--xlarge .online-status,
.online-status--xlarge {
    height: 22px;
    width: 22px;
}

.online-status {
    position: absolute;
    background: #eee;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    -webkit-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.online-status--chat {
    left: 6px;
    top: 9px;
}

.online-status--online {
    background: #5BAF59;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    visibility: visible;
}

.chat-log .chat-log-unread {
    background-color: #d9edf7 !important;
}

ul.notifications, ul.chat-log {
    min-width: 300px;
}

    ul.notifications a, ul.chat-log a {
        white-space: normal;
    }

.icon-highlight {
    color: #00aeea
}

.unread-number-label {
    position: absolute;
    top: 7px;
    right: 2px;
}

/* --- */

.header-padding {
    padding: 10px 20px 0;
}

.nav-tabs-noborder {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.popover-content--fixed {
    max-height: 190px;
    overflow-y: auto;
}

#reviewLinkWindowAlert {
    display: none;
    position: fixed;
    top: 0;
    width: 99.5%;
    z-index: 10000;
    padding: 9px;
    margin: 4px;
}

.reviews-sidebyside-table {
    width: 100%;
}

    .reviews-sidebyside-table tr:first-child td {
        padding-bottom: 20px;
    }

    .reviews-sidebyside-table td {
        vertical-align: top;
    }

.notSharedReviewSide h4 {
    font-size: 14px;
}

.team-goal-row-hide {
    display: none;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    float: left;
    clear: left;
}

ul.tasks {
    list-style-type: none;
    margin: 0;
    min-height: 15px;
    padding: 0;
    padding-top: 5px;
}

    ul.tasks table {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    ul.tasks li ul {
        padding: 0px;
    }


        ul.tasks li ul li {
            padding-top: 2px;
            border-bottom: 1px solid #ddd;
        }

.byline {
    font-size: 12px;
    color: #666;
}

.tasks-group {
    color: #333333;
    font-size: 16px;
}

/*.task-badge {
}

.tasks .badge.OverDue {
    background-color: #d9534f;
}

.tasks .badge.ThisWeek {
    background-color: #f0ad4e;
}

.tasks .badge.RecentlyCompletedTasks {
    background-color: #5cb85c;
}*/

.text-red {
    color: #A94442;
}

/*Succession CSS*/

.highhigh {
    background-color: #E06666;
    border-color: #E06666;
}

.lowhigh {
    background-color: #EA9999;
    border-color: #EA9999;
}

.lowlow {
    background-color: #93C47D;
    border-color: #93C47D;
}

.highlow {
    background-color: #6AA860;
    border-color: #6AA860;
}

.med {
    background-color: #6FA8DC;
    border-color: #6FA8DC;
}

.lowGreen {
    background-color: #93C47D;
    border-color: #93C47D;
}

.highRed {
    background-color: #E06666;
    border-color: #E06666;
}

.medBlue {
    background-color: rgb(206, 206, 38);
    border-color: rgb(246, 247, 9);
}

.medYellow {
    background-color: rgb(206, 206, 38);
    border-color: rgb(246, 247, 9);
}

.btn-delete {
    background: url(../../App_Themes/Default/Images/Icons/delete.gif) no-repeat;
    cursor: pointer;
    width: auto;
    height: auto;
    border: 0;
    padding: 0;
    margin: 3px 0;
    -moz-min-width: 16px;
    -ms-min-width: 16px;
    -o-min-width: 16px;
    -webkit-min-width: 16px;
    min-width: 16px;
}

/*Survey CSS*/
#MatrixEdit {
    display: none;
}

#surveys-table td {
    padding-right: 20px;
}

table.dataTable th.align-right {
    padding-right: 20px;
}

.matrix-table {
    width: auto !important;
}


label.header-font {
    font-size: 18px !important;
}


.icon-space {
    margin-right: 4px;
}

.title-img {
    margin: 0 5px 0 0 !important;
}

.popover-content {
    font-weight: normal;
}

.overlay {
    width: 100%;
    height: 100px;
    min-height: 100%;
    background-color: #999999;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.6;
    z-index: 10;
    margin-top: 10px;
}

/*** change cursor type to pointer****/
.removegroup {
    cursor: pointer;
}

/***** removeMaxwidth is used to remove the max width of bootstrap *******/

.remove-max-width {
    max-width: none;
}

/*********** Amir Css to cover bootsrap css ***********/


h3 > .tooltip {
    font-weight: normal;
}

.arrow + h3.popover-title {
    font-size: 14px !important;
    font-weight: normal !important;
}

.popover-title + div.popover-content {
    font-size: 14px !important;
    font-weight: normal !important;
}

.reviews-sidebyside-table label {
    font-weight: normal;
}

span.circlelabel {
    width: 12px;
    height: 12px;
    background: #428bca;
    display: inline-block;
    margin: 0px 5px 0 2px;
    border-radius: 4px;
}

span.partof-text {
    color: #737373;
    font-size: 12px;
    margin-left: 24px;
}

ul.ui-autocomplete {
    z-index: 1100;
}

/* for forum images*/

[id^=fileTable] li img {
    margin: 3px;
    display: inline;
}

.modal-xlg {
    width: 800px;
}

.modal {
    overflow-y: auto;
}

.highlight { /* Highlighting of text using jQuery plugin */
    background-color: #ffff00;
}

@media (min-width: 1170px) {
    .modal-xxl {
        width: 1000px;
    }
}

@media (max-width: 617px) {
    .gdprConsentButtons {
        width: 300px;
    }
}

@media (max-width: 385px) {
    .gdprConsentButtons {
        width: 100%;
    }
}

@media (max-width: 348px) {
    .gdprSettingLogOut {
        width: 130px;
    }

    .gdprLogoutButton {
        margin-top: 10px;
    }
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-bold {
    font-weight: bold;
}


/* LazyTree BEGIN*/
table.lazy-tree {
}

    table.lazy-tree > tbody > tr,
    table.lazy-tree > tbody > tr > th,
    table.lazy-tree > tbody > tr > td {
        height: 35px;
    }

    table.lazy-tree > thead > tr,
    table.lazy-tree > thead > tr > th,
    table.lazy-tree > thead > tr > td {
        height: 70px;
    }

        table.lazy-tree > thead > tr > th,
        table.lazy-tree > tbody > tr > th,
        table.lazy-tree > tbody > tr > td {
            padding: 3px;
        }

    table.lazy-tree > tbody > tr > td {
        min-width: 120px;
        position: relative;
        max-width: 120px;
    }

        table.lazy-tree > thead > tr > th:first-child,
        table.lazy-tree > tbody > tr > td:first-child {
            width: 25%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: inherit;
        }

    table.lazy-tree > tbody > tr.lazy-tree-empty,
    table.lazy-tree > tbody > tr.lazy-tree-empty > td {
        height: 0;
        overflow: hidden;
        min-width: 0;
        min-height: 0;
        width: auto;
        line-height: 0;
        padding: 0;
        margin: 0;
    }

span.lazy-tree-expand {
    position: absolute;
    line-height: 28px;
    cursor: pointer;
}

span.lazy-tree-nav {
    position: relative;
    margin-left: 15px;
}

    span.lazy-tree-nav.lazy-tree-nav-limit-width {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        margin-top: 3px;
        margin-bottom: 3px;
        height: 24px;
    }

        span.lazy-tree-nav.lazy-tree-nav-limit-width .lazy-tree-nav-limit-width-child {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            width: 100%;
            max-width: 100%;
        }

tr:hover > td > span.lazy-tree-nav.lazy-tree-nav-limit-width .lazy-tree-nav-limit-width-child {
    white-space: normal;
}

table.lazy-tree > tbody > tr.lazy-tree-collapse-rows > td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* LazyTree END*/

/* Rating BEGIN*/

.perf-rating {
    display: inline-block;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

    .perf-rating.perf-rating-rating-in-progress {
        cursor: wait;
    }

    .perf-rating > .perf-rating-element {
        height: 100%;
        padding: 0 1px;
        float: left;
        position: relative;
    }

        .perf-rating > .perf-rating-element > a {
            display: block;
            height: 100%;
            width: 12px;
            border: 1px solid #c0c0c0;
            border-radius: 2px;
            background-color: white;
            transition: 0.15s all;
            color: black;
            text-decoration: none;
        }

        .perf-rating > .perf-rating-element.perf-rating-element-selected > a,
        .perf-rating > .perf-rating-element.perf-rating-element-hover > a {
            border-color: #00aeea;
            background-color: #00aeea;
            transition: 0.15s all;
        }

        .perf-rating > .perf-rating-element.perf-rating-element-rating-in-progress > a {
            background-color: #c0c0c0;
            border: 1px solid #c0c0c0;
        }

        .perf-rating > .perf-rating-element > a.fa,
        .perf-rating > .perf-rating-element.perf-rating-element-selected > a.fa,
        .perf-rating > .perf-rating-element.perf-rating-element-hover > a.fa,
        .perf-rating > .perf-rating-element > a.glyphicon,
        .perf-rating > .perf-rating-element.perf-rating-element-selected > a.glyphicon,
        .perf-rating > .perf-rating-element.perf-rating-element-hover > a.glyphicon {
            border-color: white;
            background-color: inherit;
        }

        .perf-rating > .perf-rating-element.perf-rating-element-auto-hide > a {
            border-color: white;
            background-color: white;
            opacity: 0;
        }

        .perf-rating > .perf-rating-element.perf-rating-element-auto-hide.perf-rating-element-hover > a,
        .perf-rating > .perf-rating-element.perf-rating-element-auto-hide.perf-rating-element-value-selected > a {
            opacity: 1;
        }

        .perf-rating > .perf-rating-element.fa.perf-rating-element-rating-in-progress > a,
        .perf-rating > .perf-rating-element.glyphicon.perf-rating-element-rating-in-progress > a {
            color: #c0c0c0;
        }

/* Rating END*/

/* Vertical Scroll BEGIN*/
.vertical-scroll-container {
    overflow-y: auto;
    position: relative;
}

.vertical-rest-of-height {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
}

.vertical-scroll-parent {
    position: relative;
}
/* Vertical Scroll END*/


/* User List BEGIN*/
.list-small .user-img--large img {
    max-width: 32px;
}

.list-small h3 {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
}

.list-small span.lazy-tree-nav {
    margin-left: 0;
}

.list-small tbody tr td {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.list-small tbody tr:hover {
    background-color: #f8f8f8;
}

.list-small tbody tr.lazy-tree-empty td {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
/* User List END*/


/* Recipient Type Filters BEGIN*/
ul.filters li.active.filter-recipient-type-date-before,
ul.js-statusfilters li.active.filter-recipient-type-date-before,
ul.js-user-filters li.active.filter-recipient-type-date-before,
ul.filters li.active.filter-recipient-type-date-after,
ul.js-statusfilters li.active.filter-recipient-type-date-after,
ul.js-user-filters li.active.filter-recipient-type-date-after,
ul.filters li.active.filter-recipient-type-AllUsersWithAccess,
ul.js-statusfilters li.active.filter-recipient-type-AllUsersWithAccess,
ul.js-user-filters li.active.filter-recipient-type-AllUsersWithAccess,
ul.filters li.active.filter-recipient-type-AllNotApplied,
ul.js-statusfilters li.active.filter-recipient-type-AllNotApplied,
ul.js-user-filters li.active.filter-recipient-type-AllNotApplied,
ul.filters li.active.filter-recipient-type-AllApplied,
ul.js-statusfilters li.active.filter-recipient-type-AllApplied,
ul.js-user-filters li.active.filter-recipient-type-AllApplied {
    background-color: #074975 !important;
}

ul.filters li.active.filter-recipient-type-AllNotStarted,
ul.js-statusfilters li.active.filter-recipient-type-AllNotStarted,
ul.js-user-filters li.active.filter-recipient-type-AllNotStarted {
    background-color: #C4C4C4 !important;
}

ul.filters li.active.filter-recipient-type-AllinProgress,
ul.js-statusfilters li.active.filter-recipient-type-AllinProgress,
ul.js-user-filters li.active.filter-recipient-type-AllinProgress,
ul.filters li.active.filter-recipient-type-AllNotFinished,
ul.js-statusfilters li.active.filter-recipient-type-AllNotFinished,
ul.js-user-filters li.active.filter-recipient-type-AllNotFinished {
    background-color: #FFB000 !important;
}

ul.filters li.active.filter-recipient-type-AllFailed,
ul.js-statusfilters li.active.filter-recipient-type-AllFailed,
ul.js-user-filters li.active.filter-recipient-type-AllFailed,
ul.filters li.active.filter-recipient-type-AllAbsent,
ul.js-statusfilters li.active.filter-recipient-type-AllAbsent,
ul.js-user-filters li.active.filter-recipient-type-AllAbsent,
ul.filters li.active.filter-recipient-type-AllExpired,
ul.js-statusfilters li.active.filter-recipient-type-AllExpired,
ul.js-user-filters li.active.filter-recipient-type-AllExpired {
    background-color: #E13D3D !important;
    color: white !important;
}

ul.filters li.active.filter-recipient-type-AllCompleted,
ul.js-statusfilters li.active.filter-recipient-type-AllCompleted,
ul.js-user-filters li.active.filter-recipient-type-AllCompleted,
ul.filters li.active.filter-recipient-type-AllPresent,
ul.js-statusfilters li.active.filter-recipient-type-AllPresent,
ul.js-user-filters li.active.filter-recipient-type-AllPresent,
ul.filters li.active.filter-recipient-type-AllValid,
ul.js-statusfilters li.active.filter-recipient-type-AllValid,
ul.js-user-filters li.active.filter-recipient-type-AllValid {
    background-color: #089763 !important;
    color: white !important;
}
/* Recipient Type Filters END*/

/* Template Manager BEGIN */


li.sendoutTemplate > a {
    font-size: 13px;
    margin-left: 25px;
}

.event-list-sidebar > .list-group-item {
    padding-top: 0px;
    padding-bottom: 0px;
}

button.js-new-template.btn.btn-sm.btn-success {
    margin-top: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Template Manager END */

/*Selection Class*/
.selection {
    border-radius: 2px;
    color: #ffffff;
    background-color: #00aeea;
    background-repeat: repeat-x;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin: 1px 0 0 0;
    padding: 1px;
    background-image: linear-gradient(top, #049cdb, #00aeea);
    border-left-color: #00aeea;
    border-right-color: #00aeea;
    border-top-color: #00aeea;
    border-bottom-color: #003f81;
}

#copyFromTemplete {
    margin-right: 35px;
}

.boxed .subjects_label {
    width: 196px;
}

.subjects_textbox {
    width: 35%;
}

.groups-selected-list {
    list-style: none;
    margin-bottom: 5px;
}

    .groups-selected-list.combination {
        border: 2px solid #00aeea;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 3px 3px 0;
    }

.groups-selected-list, .groups-combination {
    padding: 0;
}

    .groups-selected-list .note {
        background-color: #f89406;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 3px;
    }

    /*.groups-selected-list .note a {
            color: white;
            cursor: pointer;
        }*/

    .groups-selected-list li {
        margin: 0 0 3px 0;
    }

/*.groups-selected-column button {
    font-size: 13px;
    padding: 3px 3px 0 3px;
}*/

.groups-selected-column button i {
    font-size: 11px;
    margin-right: 3px;
}

.groups-combination li {
    list-style: none;
    margin: 2px 0;
}

.groups-combination .empty {
    padding: 6px 12px !important;
}

.inline {
    padding-top: 7px;
    display: inline-block;
}

.js-textbox {
    margin-top: 8px;
}

/*.question-history-btn-wrapper {
    float: right;
    text-align: center;
    width: auto;
    height: 30px;
}*/

.crgc-root .select-group {
    color: #333;
    text-decoration: none;
}

.team-chart-header {
    font-weight: bold;
    margin: 4px 10px 21px;
    padding-bottom: 9px;
    text-align: center;
}

.dxchart .dxc-markers path {
    cursor: pointer;
}

.team-competence-group-filter {
    margin: 0 5px 0 0;
}

/* close is not working with typescript in IE mozila*/

.close-cross {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close-cross:hover,
    .close-cross:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

/* CSS ADDED to create a filter without remove button*/
.filter-label {
    cursor: pointer;
    float: left;
    font-weight: bold;
    background: #00aeea;
    font-size: 11px;
    float: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 2px 5px 2px 0;
    color: #fff;
    padding: 2px 16px 2px 8px;
    position: relative;
}

    .filter-label a {
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        margin: 0 8px 0 0;
    }

/* end of item label*/

.label-as-badge {
    border-radius: 1em;
}

.label-as-badge-span {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 14px;
}

/*TinyMce editor content body in tinymce-dynamicfields*/
.mce-content-body {
    margin-left: 5px;
    padding: 0px !important;
}

time {
    white-space: nowrap;
}

/*.dx-widget {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}*/

.alert-primary {
    background-color: white;
}

.btn-dashboard {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    padding: 40px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 30px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
    font-size: 24px;
}

    .btn-dashboard a {
        color: #fff;
    }

    .btn-dashboard:active {
        color: #fff;
    }

    .btn-dashboard:focus {
        color: #fff;
    }

    .btn-dashboard:hover {
        color: #fff;
    }

.checklistActiveSetting {
    padding-bottom: 0px;
}

.checklist-user-modal-window .modal-dialog {
    width: 450px;
}

.text-overflow {
    height: 120px;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
}

.btn-overflow {
    display: none;
}

.text-overflow-maxheight {
    max-height: 120px;
    height: auto !important;
}

.js-expandable {
    color: #666;
    font-size: 14px;
    cursor: pointer;
}

.folder a {
    color: #000000;
}

#CreateConceptButton {
    margin-left: 15px;
}

.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date, .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
    margin-top: 0px !important;
}

.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
    font-size: 13px;
}

.edit-education-category, .edit-education-type {
    max-width: 120px;
    word-break: break-all;
}

    .edit-education-category > i, .edit-education-type > i {
        padding-right: 5px;
    }

.list-group-item {
    border: 0px;
}

    .list-group-item a :not(.btn):not(#i):not(.badge) {
        color: #666;
    }

    .list-group-item a[class=""] .fa-chevron-down {
        color: #666;
        transform: rotate(0deg);
    }

    .list-group-item .collapsed .fa-chevron-down {
        transform: rotate(-90deg);
    }



/*learning requirements modal start*/
.learning-requirements-wrapper .dataTables_filter {
    float: left !important;
}

.learning-requirements-wrapper td, .learning-requirements-wrapper th {
    padding: 1px !important;
    vertical-align: middle !important;
}

#existingGroupActivitiesTable thead {
    display: none;
}

.learning-requirements-wrapper .dataTables_filter {
    display: none;
}

.available-learning-requirements-wrapper {
    margin-top: 20px;
}

#availableActivitiesSearch {
    margin-top: 2px;
    margin-bottom: 2px;
}
/*learning requirements modal end*/


.sectionMenu { /*meeting section menu*/
    position: -webkit-sticky;
    position: sticky;
    top: 194px;
}

.meetingQuestionOption {
    margin-bottom: -10px;
    margin-top: 10px;
}

.expand-icon > button:before {
    font-family: FontAwesome;
    content: "\f146";
    padding-right: 5px;
}

.expand-icon > button.collapsed:before {
    content: "\f0fe";
}

/*scorm upload dialog*/
.dx-fileuploader-input-wrapper .dx-button {
    height: 30px;
}

.meetingSectionAnchor {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden;
}

.occassion-modal-dialog {
    z-index: 1500
}

/*WCAG accessibillity*/
.dx-button-text {
    overflow: auto;
}

/*Help-tree selected article*/
.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #7cd992 !important;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}

.header-noline {
    background-image: none;
    padding: 0px;
    margin: 0px;
    text-transform: none;
}

.revealPasswordEye {
    position: absolute;
    top: 0.5em;
    right: 1em;
    cursor: pointer;
}
html body{position:relative;}html body.single-nav{margin-top:62px;}html body.double-nav{margin-top:82px;}html body.no-nav{background:none;padding-top:0;}html[data-mode=default] nav.navbar .navbar-collapse ul.navbar-nav{width:100%;}@media(min-width:1200px){html[data-mode=default] nav.navbar .navbar-collapse ul.navbar-nav{width:auto;}}html[data-mode=default] #body-container{margin-top:75px;}html[data-mode=globalMenu] body{overflow:hidden;height:calc(100vh - 154px);}html[data-mode=globalMenu] body #globalmenubar{height:52px!important;}html[data-mode=globalMenu] body #navbar-person{background-color:#eceff1;top:52px;}html[data-mode=globalMenu] body #navbar-person ul.right-nav-items{padding:0;list-style:none;display:flex;align-items:center;margin:8px 0 0 0;}html[data-mode=globalMenu] body #navbar-person ul.right-nav-items li{margin-right:10px;}html[data-mode=globalMenu] body #navbar-person #navbarDropdownUserMenu .user-img{margin:0 0 0 0;}html[data-mode=globalMenu] body #navbar-person #notificationsDropdown{list-style-type:none;}html[data-mode=globalMenu] body #navbar-person .dropdown-menu{right:0;left:auto;border-radius:12px;}html[data-mode=globalMenu] body #navbar-person .dropdown-menu .dropdown-header,html[data-mode=globalMenu] body #navbar-person .dropdown-menu .dropdown-item{padding:10px 20px;}html[data-mode=globalMenu] body #navbar-person .dropdown-menu .dropdown-item{border-radius:12px;}html[data-mode=globalMenu] body #navbar-person .dropdown-menu .dropdown-item:hover{text-decoration:none;}html[data-mode=globalMenu] body #navbar-person .dropdown-menu.show{border:1px solid #eee;box-shadow:0 10px 15px #e5e5e5;padding:20px;}html[data-mode=globalMenu] body #body-container{display:flex;overflow:auto;margin-top:58px;}html[data-mode=globalMenu] body #body-container #side-menu{width:108px;transition:width .5s ease;border-radius:12px;position:sticky;top:0;z-index:1030;}html[data-mode=globalMenu] body #body-container #side-menu:not(.nav-collapsed){width:320px;}html[data-mode=globalMenu] body #body-container #body-content{flex:1;flex-grow:1;height:calc(100% - 1rem);margin-top:80px;}html[data-custom-theme=true] #side-menu,html[data-custom-theme=True] #side-menu{background-color:#eceff1;margin-right:1.5em;}html[data-custom-theme=true] .boxed,html[data-custom-theme=True] .boxed{box-shadow:none;}#navbar-top{z-index:200;}
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0
}

    table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
            text-align: center
        }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end
    }

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable > thead > tr > th:active, table.dataTable > thead > tr > td:active {
    outline: none
}

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
    padding-right: 30px
}

table.dataTable > thead .sorting, table.dataTable > thead .sorting_asc, table.dataTable > thead .sorting_desc, table.dataTable > thead .sorting_asc_disabled, table.dataTable > thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

    table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.3
    }

    table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before {
        right: 1em;
        content: "\2191"
    }

    table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {
        right: 0.5em;
        content: "\2193"
    }

    table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:after {
        opacity: 1
    }

    table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after {
        opacity: 0
    }

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

    div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
        display: none
    }

    div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
        border-top: none
    }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none
    }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important
        }
}

table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable {
    border-right-width: 0
}

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-left-width: 0
    }

        table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
            border-right-width: 1px
        }

    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        border-bottom-width: 0
    }

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
        padding-left: 0
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-right: 0
    }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0px;
	right: 4px;
	width: 16px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: none;
	position: relative;
}

.jspDrag
{

	background: #00aeea;
	position: relative;
	top: 0;
	left: 4px;
	cursor: pointer;
	width:8px;
	border-radius:4px;

}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow, jspArrow:hover
{
	background-color:#00aeea !important;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrowUp {  background-image: url(../Images/scrollArrowUp.png) }
.jspArrowDown {  background-image: url(../Images/scrollArrowDown.png) }



.jspArrow.jspDisabled
{
	cursor: default;

}

.jspVerticalBar .jspArrow
{
	height: 16px;

}

.jspHorizontalBar .jspArrow
{
	width: 14px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* Bootstrap overrides. */

body {
    background-color: #EDEFF1;
    background-attachment: fixed;
    background-size: 100%;
    font-family: "Poppins", "Open Sans", sans-serif;
    color: #1A1A1A;
}

.theme-nav-bgcolor {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: #133552;
    border-bottom-color: #133552;
}

.img-responsive { /*For backward compatibility of customer content with this class*/
    max-width: 100%;
    height: auto;
}

.navbar-nav .active > .nav-link {
    font-weight: bold;
    border-bottom-color: rgba(0,0,0,.5);
    border-bottom-style: solid;
    border-bottom-width: thick;
}

.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
    background-color: rgba(0,0,0,.3) !important;
}

.navbar {
    padding-inline: 1rem;
}

.navbar-nav {
    height: auto;
}

    .navbar-nav > li {
        margin-top: 0;
        margin-bottom: 0;
        align-items: center;
    }

@media (min-width: 1200px) {
    .navbar-nav > li {
        height: 40px;
    }
}

.accordion > .card {
    border-radius: 4px;
    border-bottom: 0;
}

    .accordion > .card:not(:last-of-type) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion > .card:not(:first-of-type) {
        border-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

input.no-margin {
    margin: 0;
}

.form-text {
    color: #666;
    font-size: 13px;
    margin: 0;
}

.popover.top .arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    bottom: -4px;
    margin-left: -10px;
}

.ie8 .popover.top .arrow {
    border-top: 10px solid #000000;
}

.progress {
    margin: 0;
    filter: none;
}


.modal-large {
    width: 800px;
    margin: -250px 0 0 -400px;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}

.progress .bar {
    float: left;
}

    .progress .bar + .bar {
        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    }

fieldset {
    margin-bottom: 27px;
}

.popover-large.popover {
    width: 350px !important;
    max-width: 350px;
}

.popover-large p {
    margin-bottom: 5px !important;
}

.popover-content h3 {
    font-size: 20px !important;
}

.table td.no-padding {
    padding: 0;
}

small {
    font-size: 85%;
}

.tooltip {
    z-index: 1100;
}

.tooltip-inner {
    max-width: 300px;
    max-height: 450px;
    overflow: hidden;
}

.input-prepend .add-on {
    margin-right: -4px;
}

ul.unstyled,
ol.unstyled {
    margin-left: 0;
    list-style: none;
    padding: 0;
}


.datetimecontrol {
    margin: 0.3rem 0;
}

.post-feed {
    margin: 0.3rem 0;
}

.control-label {
    font-weight: bold;
}

.label-inverse {
    background: #333333;
}

@media print {
    a[href]:after {
        content: none !important;
    }

    .btn {
        visibility: hidden;
    }

    body {
        padding: 0px 0px 0px 0px !important;
    }

    textarea {
        font-size: 12px !important;
    }

    div.questionsBox .row {
        page-break-inside: avoid;
    }

    [class*="col-md-6"] {
        float: left;
        width: 50%;
    }

    [class*="col-md-offset-3"] {
        margin-left: 25%;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1370px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1570px;
    }
}

@media (min-width: 1900px) {
    .container {
        max-width: 1880px;
    }
}

.container-fluid {
    max-width: 1920px;
}

/*Search-bar length*/
@media (min-width: 400px) {
    .form-inline .form-control {
        width: 200px;
    }
}

@media (min-width: 576px) {
    .form-inline .form-control {
        width: 300px;
    }
}

@media (min-width: 768px) {
    .form-inline .form-control {
        width: 400px;
    }
}

.quick-search-box {
    width: 150px !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #1A1A1A;
}

h1 {
    font-size: 2.25rem;
    padding-bottom: 0.8rem;
    margin-bottom: 2rem;
    line-height: 1.44444;
}

h2 {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
}

h3 {
    font-size: 1.3rem;
}

    h3:not(.popover-header) {
        margin-top: 0.8rem
    }

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 1rem;
}

.navbar-toggler {
    padding: .1rem .2rem;
    font-size: 1rem;
}

.hiddenSubmitButton {
    display: none !important;
}


/*Simployer adaption start */
.btn:disabled:hover {
    cursor: auto
}

.btn {
    padding: 3px 13px 3px 13px;
    border-radius: 4px;
}

    .btn:focus {
        box-shadow: none !important;
    }

.btn-primary {
    background-color: #074975;
    border-color: #074975;
    color: white;
}

    .btn-primary:not(:disabled):not(.disabled):hover {
        background-color: #074975;
        border-color: #074975;
        color: white;
    }

    .btn-primary.focus, .btn-primary:focus {
        background-color: #074975;
        border-color: #074975;
        color: white;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: #003554;
        border-color: #003554;
        color: white;
    }

.btn-secondary {
    background-color: #D9EFFA;
    border-color: #D9EFFA;
    color: #1A1A1A;
}

    .btn-secondary:not(:disabled):not(.disabled):hover {
        background-color: #D9EFFA;
        border-color: #D9EFFA;
        color: #1A1A1A;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        background-color: #D9EFFA;
        border-color: #D9EFFA;
        color: #1A1A1A;
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #1A1A1A;
        background-color: #9FC9E0;
        border-color: #9FC9E0;
    }

.btn-danger {
    background-color: #E13D3D;
    border-color: #E13D3D;
    color: white;
}

    .btn-danger:hover {
        background-color: #E13D3D;
        border-color: #E13D3D;
        color: white;
    }

    .btn-danger.focus, .btn-danger:focus {
        background-color: #E13D3D;
        border-color: #E13D3D;
        color: white;
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        background-color: #E13D3D;
        border-color: #E13D3D;
        color: white;
    }


.btn-warning {
    background-color: #FFB000;
    border-color: #FFB000;
    color: #1A1A1A;
}

    .btn-warning:hover {
        background-color: #FFB000;
        border-color: #FFB000;
        color: #1A1A1A;
    }

    .btn-warning.focus, .btn-warning:focus {
        background-color: #FFB000;
        border-color: #FFB000;
        color: #1A1A1A;
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        background-color: #FFB000;
        border-color: #FFB000;
        color: #1A1A1A;
    }

.btn-success {
    color: white;
    background-color: #089763;
    border-color: #089763;
}

    .btn-success:hover {
        background-color: #089763;
        border-color: #089763;
        color: white;
    }

    .btn-success.focus, .btn-success:focus {
        background-color: #089763;
        border-color: #089763;
        color: white;
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        background-color: #089763;
        border-color: #089763;
        color: white;
    }


.btn-info {
    color: #1A1A1A;
    background-color: #D9EFFA;
    border-color: #D9EFFA;
}

    .btn-info:hover {
        background-color: #D9EFFA;
        border-color: #D9EFFA;
        color: #1A1A1A;
    }

    .btn-info.focus, .btn-info:focus {
        background-color: #D9EFFA;
        border-color: #D9EFFA;
        color: #1A1A1A;
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        background-color: #D9EFFA;
        border-color: #D9EFFA;
        color: #1A1A1A;
    }

.btn-link {
    color: #337AB7;
    text-decoration: none !important;
}
    .btn-link:hover {
        color: #337AB7;
        text-decoration: underline !important;
    }

button.close {
    border: hidden;
    background-color: transparent;
    color: #1a1a1a;
}

.badge-info {
    color: #1A1A1A;
    background-color: #D9EFFA;
}

.badge-light {
    color: #1A1A1A;
    background-color: #f8f9fa;
}

.badge-success {
    color: white;
    background-color: #089763;
}

.badge-warning {
    color: #1A1A1A;
    background-color: #FFB000;
}

.badge-danger {
    color: white;
    background-color: #E13D3D;
}

.badge-secondary {
    color: #1A1A1A;
    background-color: #C4C4C4;
}

.badge-dark {
    color: white;
    background-color: #1A1A1A;
}

.progress-bar.bg-info {
    background-color: #9FC9E0 !important;
    color: #1A1A1A !important;
}

.progress-bar.bg-danger {
    background-color: #E13D3D !important;
    color: white !important;
}

.progress-bar.bg-warning {
    background-color: #FFB000 !important;
    color: #1A1A1A !important;
}

.progress-bar.bg-success {
    background-color: #089763 !important;
    color: white !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #074975;
}

.nav-pills .nav-link:not(.active) {
    color: #0066a5;
}

.modal-header {
    border-bottom: none;
    margin: 1rem;
}

    .modal-header .close {
        width: 3rem;
        height: 3rem;
        border-radius: 100%;
        border: 0.125rem solid #074975;
        color: #074975;
        margin: -0.25rem 0 0 0;
        text-align: center;
        opacity: 1;
        padding-top: 6px;
        padding-left: 13px;
        font-size: 2rem;
        font-weight: 400;
        text-decoration: none;
    }

        .modal-header .close:hover, .modal-header .close:focus, .modal-header .close:active {
            background-color: #d9d9d9;
        }

.modal-title {
    font-size: 1.3125rem;
    font-weight: 600;
    content: '';
    background-position-y: bottom;
    background-position-x: left;
    padding-bottom: 0.3rem;
    line-height: 1.44444;
}

.modal-body {
    margin: 1rem;
}

.modal-footer {
    background-color: #F4F4F4;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.page-item.active .page-link {
    background-color: #074975;
    border-color: #074975;
}

.modal-content {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.page-link {
    color: #337AB7;
}

.alert {
    border: none;
    color: #1A1A1A;
}

.alert-info {
    background-color: #D9EFFA;
    color: #1A1A1A;
}

.alert-info .btn-secondary {
    background-color: #9FC9E0;
    border-color: #9FC9E0;
    color: #1A1A1A;
}
    .alert-info .btn-secondary:not(:disabled):not(.disabled):hover {
        background-color: #9FC9E0;
        border-color: #9FC9E0;
        color: #1A1A1A;
    }

    .alert-info .btn-secondary.focus, .btn-secondary:focus {
        background-color: #9FC9E0;
        border-color: #9FC9E0;
        color: #1A1A1A;
    }

.alert-warning {
    background-color: #FFB000;
    color: #1A1A1A;
}

.alert-success {
    background-color: #089763;
    color: white;
}

    .alert-success h3 {
        color: white;
    }

.alert-danger {
    background-color: #EC5B55;
    color: white;
}

/*Simployer customizations ends*/

/*hack for modals from angular to show starts*/
.fade.in {
    opacity: 1;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.border-danger {
    border-color: #E13D3D;
    border-width: 2px;
}

.text-danger {
    color: #E13D3D;
}

/*hack for modals from angular to show ends*/
.has-error .form-text,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #E13D3D;
}

.has-error .form-control {
    border-color: #E13D3D;
    border-width: 2px;
}

.modal-template-editor form,
.modal-template-editor .row,
.modal-template-editor .tab-content,
.modal-template-editor + .modal-footer .me-auto {
    width: 100%;
}

.dx-button-text {
    line-height: unset !important;
}

.btn.btn-block {
    margin-bottom: 0.5rem;
    width: 100%;
}

.nav-tabs .nav-link {
    background-color: rgba(255,255,255,0.3);
    color: #0066a5;
}

.nav-tabs {
    border-bottom: none;
}

input.form-check-input:checked {
    border-color: #089763 !important;
    background-color: #089763 !important;
}

.close {
    padding: unset !important;
}

a.page-help-view-btn {
    color: #0066a5;
}

/*
 * The commented lines are the original lines and are kept for backup.
 */

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
/*div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}*/
/*div.star-rating,div.star-rating a{background:url(../Images/star.gif) no-repeat 0 0px}*/
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
/*div.star-rating-on a{background-position:0 -16px!important}*/
/*div.star-rating-hover a{background-position:0 -32px}*/
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
/*div.star-rating{background:transparent!important;overflow:hidden!important}*/
/* END jQuery.Rating Plugin CSS */

div.rating-cancel {
    visibility: hidden;
}

.star-rating-control {
    /*min-width is to prevent row breaking*/ 
    min-width:100px; width: auto !important; width: 100px; display: inline-block; 
}

.star-rating-control:hover .rating-cancel {
    visibility: visible;
}

/*div.rating-cancel.star-rating-hover a {
    background-position: 0 -16px;
}*/

div.rating-cancel,
div.star-rating {
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    float: left;
    overflow: hidden;
}

div.rating-cancel .tooltip,
div.star-rating .tooltip {
    text-indent: 0;
}

div.rating-cancel,
div.rating-cancel a {
    background: url(../Images/glyphicons-halflings.png) no-repeat -310px 2px;
    display:block;
    height: 18px;
}

div.star-rating {
    padding: 0 1px;
}

div.star-rating a {
    border: 1px solid #c0c0c0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 18px;
    width: 12px;
}

div.star-rating-below-limit a {
    height: 18px;
    width: 12px;      
}

div.star-rating-on a,
div.star-rating.star-rating-hover a {
    background: #9FC9E0;
    border: 1px solid #9FC9E0;
    height: 18px;
    width: 12px;
}

.star-rating-limit-value {
    text-indent: -999em;
    cursor: pointer;
    display: block;
    float: left;
}

    .star-rating-limit-value a {
        display: block;
        border: 1px solid #212529;
        background-color: #212529;
        width: 3px;
        height: 18px;
    }

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label.ui-state-hover {
    font-weight: normal;
}
/*.ui-multiselect-checkboxes label input { position:relative;top: 1px;display: inline-block; }*/
.ui-multiselect-checkboxes label input {
    display: inline-block;
    margin-right: 5px;
}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio.uniform span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("../images/uniformjs/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio.uniform, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio.uniform, div.radio.uniform *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("../images/uniformjs/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("../images/uniformjs/bg-input.png") repeat-x 0 0;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("../images/uniformjs/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%; }
  div.selector.active {
    background-position: 0 -156px; }
    div.selector.active span {
      background-position: right -26px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -182px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right -52px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -208px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -78px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* Radio */
div.radio.uniform {
  position: relative; }
  div.radio.uniform, div.radio.uniform span, div.radio.uniform input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px; }
    div.radio span.checked {
      background-position: -72px -279px; }
  div.radio.uniform input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -18px -18px -279px; }
    div.radio.active span.checked {
      background-position: -90px -279px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -279px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -279px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -465px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -437px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -493px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -381px; }

/* Buttons */
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px; }
  div.button.active {
    background-position: 0 -671px; }
    div.button.active span {
      background-position: right -551px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -701px; }
    div.button.hover span, div.button.focus span {
      background-position: right -581px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -611px;
      cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  input.uniform-input.hover, input.uniform-input.focus,
  select.uniform-multiselect.hover,
  select.uniform-multiselect.focus,
  textarea.uniform.hover,
  textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999; }

/* PRESENTATION */
/* Buttons */
div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
div.selector {
  font-size: 12px; }
  div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white; }
  div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px; }
  div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }

.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

.form-search .combobox-container,
.form-inline .combobox-container {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
.form-search .combobox-container .input-group-addon,
.form-inline .combobox-container .input-group-addon {
  width: auto;
}
.combobox-selected .caret {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .fa-times {
    display: none;
}
.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}

/**
* DevExtreme (dx.common.css)
* Version: 19.2.3
* Build date: Tue Oct 22 2019
*
* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-clearfix:before,
.dx-clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-clearfix:after {
    clear: both;
}

.dx-translate-disabled {
    -webkit-transform: none !important;
    transform: none !important;
}

.dx-hidden-input {
    position: fixed;
    top: -10px;
    left: -10px;
    width: 0;
    height: 0;
}

.dx-user-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.dx-state-invisible,
.dx-hidden {
    display: none !important;
}

.dx-gesture-cover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2147483647;
}

.dx-animating {
    pointer-events: none;
}

.dx-fade-animation.dx-enter,
.dx-no-direction.dx-enter,
.dx-fade-animation.dx-leave.dx-leave-active,
.dx-no-direction.dx-leave.dx-leave-active {
    opacity: 0;
}

    .dx-fade-animation.dx-leave,
    .dx-no-direction.dx-leave,
    .dx-fade-animation.dx-enter.dx-enter-active,
    .dx-no-direction.dx-enter.dx-enter-active {
        opacity: 1;
    }

.dx-overflow-animation.dx-enter.dx-forward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
}

.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 2;
}

.dx-overflow-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-leave.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-overflow-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 2;
}

.dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
}

.dx-slide-animation.dx-enter.dx-forward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.dx-slide-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-leave.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.dx-slide-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dx-opendoor-animation.dx-enter.dx-forward {
    -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    -webkit-transform-origin: center left 0;
    transform-origin: center left 0;
    opacity: 0;
}

.dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.dx-opendoor-animation.dx-leave.dx-forward {
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: center left 0;
    transform-origin: center left 0;
    opacity: 1;
}

.dx-opendoor-animation.dx-leave.dx-backward {
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: center left 0;
    transform-origin: center left 0;
    opacity: 1;
}

.dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    -webkit-transform-origin: center left 0;
    transform-origin: center left 0;
    opacity: 0;
}

.dx-opendoor-animation.dx-enter.dx-backward {
    -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
    -webkit-transform-origin: center left 0;
    transform-origin: center left 0;
    opacity: 0;
}

.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-forward {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-backward {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
}

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
    opacity: 0;
}

.dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
    z-index: 1;
}

.dx-ios7-slide-animation.dx-enter.dx-forward {
    z-index: 2;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-ios7-slide-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    z-index: 1;
}

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.dx-ios7-slide-animation.dx-leave.dx-forward {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    z-index: 1;
}

.dx-ios7-slide-animation.dx-leave.dx-backward {
    z-index: 2;
}

.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-enter.dx-forward {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    opacity: 0;
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-enter.dx-backward {
    -webkit-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
    opacity: 0;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-leave.dx-forward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
    -webkit-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
    opacity: 0;
    z-index: 1;
}

.dx-ios7-toolbar-animation.dx-leave.dx-backward {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 2;
}

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    opacity: 0;
    z-index: 2;
}

.dx-drop-animation.dx-enter,
.dx-drop-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0);
}

    .dx-drop-animation.dx-leave,
    .dx-drop-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.dx-3d-drop-animation.dx-enter,
.dx-3d-drop-animation.dx-leave.dx-leave-active {
    -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    opacity: 0;
}

    .dx-3d-drop-animation.dx-leave,
    .dx-3d-drop-animation.dx-enter.dx-enter-active {
        -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-fade-drop-animation.dx-enter,
.dx-fade-drop-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
    opacity: 0;
}

    .dx-fade-drop-animation.dx-leave,
    .dx-fade-drop-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-fade-rise-animation.dx-enter,
.dx-fade-rise-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
    transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
    opacity: 0;
}

    .dx-fade-rise-animation.dx-leave,
    .dx-fade-rise-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-fade-slide-animation.dx-enter,
.dx-fade-slide-animation.dx-leave.dx-leave-active {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    opacity: 0;
}

    .dx-fade-slide-animation.dx-leave,
    .dx-fade-slide-animation.dx-enter.dx-enter-active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

.dx-fade-zoom-animation.dx-enter,
.dx-fade-zoom-animation.dx-leave.dx-leave-active {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
}

    .dx-fade-zoom-animation.dx-leave,
    .dx-fade-zoom-animation.dx-enter.dx-enter-active {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }

.dx-icon-plus,
.dx-icon-overflow,
.dx-icon-add,
.dx-icon-airplane,
.dx-icon-arrowleft,
.dx-icon-arrowdown,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-chart,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-comment,
.dx-icon-doc,
.dx-icon-download,
.dx-icon-edit,
.dx-icon-email,
.dx-icon-event,
.dx-icon-favorites,
.dx-icon-find,
.dx-icon-folder,
.dx-icon-food,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-group,
.dx-icon-help,
.dx-icon-home,
.dx-icon-image,
.dx-icon-info,
.dx-icon-key,
.dx-icon-like,
.dx-icon-map,
.dx-icon-menu,
.dx-icon-money,
.dx-icon-music,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-runner,
.dx-icon-tags,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-user,
.dx-icon-save,
.dx-icon-clear,
.dx-icon-search,
.dx-icon-bold,
.dx-icon-italic,
.dx-icon-underline,
.dx-icon-strike,
.dx-icon-indent,
.dx-icon-fontsize,
.dx-icon-growfont,
.dx-icon-shrinkfont,
.dx-icon-color,
.dx-icon-background,
.dx-icon-superscript,
.dx-icon-subscript,
.dx-icon-header,
.dx-icon-blockquote,
.dx-icon-formula,
.dx-icon-codeblock,
.dx-icon-orderedlist,
.dx-icon-bulletlist,
.dx-icon-increaseindent,
.dx-icon-decreaseindent,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-link,
.dx-icon-video,
.dx-icon-mention,
.dx-icon-variable,
.dx-icon-clearformat,
.dx-icon-undo,
.dx-icon-redo {
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-icon {
    background-position: 50% 50%;
}

.dx-svg-icon {
    pointer-events: none;
}

.dx-color-scheme {
    font-family: "#";
}

.dx-widget {
    display: block;
    -ms-content-zooming: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    padding: 0;
    outline: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    .dx-widget,
    .dx-widget:before,
    .dx-widget:after,
    .dx-widget *,
    .dx-widget *:before,
    .dx-widget *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-item {
    outline: 0;
}

.dx-rtl {
    direction: rtl;
    unicode-bidi: embed;
}

.dx-state-disabled {
    pointer-events: none;
}

.dx-draggable {
    left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-draggable.dx-state-disabled,
    .dx-state-disabled .dx-draggable {
        cursor: default;
    }

.dx-draggable-clone {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

.dx-sortable {
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-sortable.dx-state-disabled,
    .dx-state-disabled .dx-sortable {
        cursor: default;
    }

.dx-sortable-dragging.dx-sortable-clone {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0.9;
    z-index: 10000;
}

.dx-sortable-source {
    opacity: 0.5;
}

.dx-sortable-source-hidden {
    opacity: 0;
}

.dx-sortable-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000;
}

.dx-sortable-placeholder-inside {
    border-width: 2px;
}

.dx-resizable {
    display: block;
    position: relative;
}

.dx-resizable-handle {
    position: absolute;
    z-index: 50;
}

.dx-state-disabled .dx-resizable-handle {
    cursor: default;
}

.dx-resizable-handle-left,
.dx-resizable-handle-right {
    top: 0;
    height: 100%;
    width: 3px;
}

.dx-resizable-handle-left {
    left: 0;
    cursor: e-resize;
}

.dx-resizable-handle-right {
    right: 0;
    cursor: e-resize;
}

.dx-resizable-handle-top,
.dx-resizable-handle-bottom {
    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-top-left,
.dx-resizable-handle-corner-bottom-right {
    cursor: se-resize;
}

.dx-resizable-handle-corner-top-right,
.dx-resizable-handle-corner-bottom-left {
    cursor: ne-resize;
}

.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-bottom-left {
    left: 0;
    border-bottom-right-radius: 100%;
}

.dx-resizable-handle-corner-top-right,
.dx-resizable-handle-corner-bottom-right {
    right: 0;
    border-bottom-left-radius: 100%;
}

.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
    top: 0;
}

.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right {
    bottom: 0;
}

.dx-fieldset {
    margin-bottom: 20px;
}

    .dx-fieldset .dx-field-value {
        margin: 0;
    }

    .dx-fieldset,
    .dx-fieldset * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-fieldset-header:empty {
    display: none;
}

.dx-field {
    position: relative;
    padding: 0.4em;
}

    .dx-field:before,
    .dx-field:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dx-field:after {
        clear: both;
    }

.dx-field-label {
    float: left;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-field-value,
.dx-field-value-static {
    float: right;
}

.dx-field-value-static {
    white-space: normal;
}

.dx-field-value.dx-datebox {
    min-width: 60%;
}

.dx-field-value:not(.dx-widget) > .dx-datebox {
    min-width: 100%;
}

.dx-field-value .dx-selectbox-tag-container {
    white-space: normal;
}

.dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
    position: relative;
    width: auto;
    text-align: left;
}

.dx-rtl .dx-fieldset .dx-field-label,
.dx-fieldset.dx-rtl .dx-field-label {
    float: right;
}

.dx-rtl .dx-fieldset .dx-field-value,
.dx-fieldset.dx-rtl .dx-field-value {
    float: left;
}

.dx-card {
    overflow: hidden;
}

.dx-box-item-content {
    font-size: 14px;
}

.dx-box-fallback-item > .dx-box-item-content {
    width: 100%;
    height: 100%;
}

.dx-box-item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
}

.dx-button-disabled {
    cursor: default;
}

.dx-button {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

    .dx-button .dx-icon {
        -webkit-user-drag: none;
        display: inline-block;
        vertical-align: middle;
    }

.dx-button-content {
    height: 100%;
    max-height: 100%;
}

.dx-button-has-text .dx-button-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-button-content:after {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
    font-size: 0;
}

.dx-button-link {
    text-decoration: none;
}

.dx-button-text {
    display: inline;
    vertical-align: middle;
}

.dx-button-submit-input {
    padding: 0;
    margin: 0;
    border: 0;
    height: 0;
    width: 0;
    font-size: 0;
    opacity: 0;
}

.dx-state-disabled.dx-button,
.dx-state-disabled .dx-button {
    cursor: default;
}

.dx-buttongroup {
    display: inline-block;
}

.dx-buttongroup-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-buttongroup-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

    .dx-buttongroup-item.dx-button-mode-outlined,
    .dx-buttongroup-item.dx-button-mode-contained {
        border-left-width: 0;
    }

        .dx-buttongroup-item.dx-button-mode-outlined.dx-button,
        .dx-buttongroup-item.dx-button-mode-contained.dx-button {
            border-radius: 0;
        }

    .dx-buttongroup-item.dx-button-mode-text {
        margin-left: 1px;
    }

.dx-buttongroup-item-has-width {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}

.dx-scrollable-scrollbar-simulated {
    position: relative;
}

.dx-scrollable {
    display: block;
    height: 100%;
    min-height: 0;
}

.dx-scrollable-native {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity;
}

    .dx-scrollable-native .dx-scrollable-scrollbar {
        display: none;
    }

    .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
        display: block;
    }

    .dx-scrollable-native .dx-scrollable-container {
        -webkit-overflow-scrolling: touch;
        position: relative;
        height: 100%;
    }

    .dx-scrollable-native.dx-scrollable-vertical,
    .dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .dx-scrollable-native.dx-scrollable-horizontal,
    .dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container {
        -ms-touch-action: pan-x;
        touch-action: pan-x;
        float: none;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .dx-scrollable-native.dx-scrollable-both,
    .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
        -ms-touch-action: pan-y pan-x;
        touch-action: pan-y pan-x;
        float: none;
        overflow-x: auto;
        overflow-y: auto;
    }

    .dx-scrollable-native.dx-scrollable-disabled,
    .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
        -ms-touch-action: auto;
        touch-action: auto;
    }

    .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
        opacity: 0;
    }

    .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
        min-height: 101%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content {
        min-height: 0;
        padding: 0;
    }

    .dx-scrollable-native.dx-scrollable-native-generic {
        -ms-overflow-style: auto;
        overflow: hidden;
    }

        .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
            height: auto;
        }

    .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
        -webkit-transform: none;
        transform: none;
        z-index: 0;
    }

.dx-scrollable-scrollbar-simulated ::-webkit-scrollbar,
.dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar {
    display: none;
}

.dx-scrollable-container {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .dx-scrollable-container:focus {
        outline: none;
    }

.dx-scrollable-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.dx-scrollable-content {
    position: relative;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .dx-scrollable-content:before,
    .dx-scrollable-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dx-scrollable-content:after {
        clear: both;
    }

.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-both .dx-scrollable-content {
    display: block;
    float: left;
    min-width: 100%;
}

.dx-scrollable-scrollbar {
    position: absolute;
    pointer-events: auto;
}

.dx-scrollbar-vertical {
    top: 0;
    right: 0;
    height: 100%;
}

    .dx-scrollbar-vertical .dx-scrollable-scroll {
        width: 5px;
    }

.dx-scrollbar-horizontal {
    bottom: 0;
    left: 0;
    width: 100%;
}

    .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 5px;
    }

.dx-scrollable-scroll {
    position: relative;
    background-color: #888;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(0, 0);
    -webkit-transition: background-color 0s linear;
    transition: background-color 0s linear;
}

    .dx-scrollable-scroll.dx-state-invisible {
        display: block !important;
        background-color: transparent;
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: background-color 0.5s linear 1s;
        transition: background-color 0.5s linear 1s;
    }

.dx-rtl .dx-scrollable,
.dx-rtl.dx-scrollable {
    direction: ltr;
}

    .dx-rtl .dx-scrollable .dx-scrollable-content,
    .dx-rtl.dx-scrollable .dx-scrollable-content,
    .dx-rtl .dx-scrollable .dx-scrollable-container,
    .dx-rtl.dx-scrollable .dx-scrollable-container {
        direction: ltr;
    }

        .dx-rtl .dx-scrollable .dx-scrollable-content > *,
        .dx-rtl.dx-scrollable .dx-scrollable-content > * {
            direction: rtl;
        }

    .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical,
    .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
        right: auto;
        left: 0;
    }

    .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
    .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
        direction: ltr;
    }

.dx-device-ios-6 .dx-scrollable-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar {
    display: none;
}

.dx-scrollable-simulated .dx-scrollable-content {
    overflow-anchor: none;
}

.dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar {
    pointer-events: none;
}

.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
    position: absolute;
    display: none;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
    width: 40px;
    height: 40px;
    left: 50%;
    position: absolute;
    z-index: 1;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
    background-image: none;
    position: static;
    height: 100%;
    width: 100%;
    left: -50%;
    margin-left: -20px;
    padding: 0;
    border-radius: 50%;
}

    .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
        -webkit-transition: -webkit-transform 100ms linear;
        transition: -webkit-transform 100ms linear;
        transition: transform 100ms linear;
        transition: transform 100ms linear, -webkit-transform 100ms linear;
    }

    .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator {
        position: relative;
        top: 0;
        padding: 4px;
        margin: 0;
        height: 100%;
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator {
            float: left;
        }

.dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
    -webkit-transition: top 0.2s ease-out 0s;
    transition: top 0.2s ease-out 0s;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain;
    -webkit-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
    display: none;
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
    position: absolute;
    left: 0;
    width: 100%;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
    -webkit-transform: none;
    transform: none;
}

.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled {
    overflow-y: auto;
}

    .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content {
        overflow-y: hidden;
    }

    .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content {
        overflow-y: hidden;
    }

.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket {
    width: 100%;
    text-align: center;
}

.dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
    display: block;
}

.dx-scrollview-content {
    position: static;
}

    .dx-scrollview-content:before,
    .dx-scrollview-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dx-scrollview-content:after {
        clear: both;
    }

.dx-scrollview-pull-down {
    width: 100%;
    height: 50px;
    padding: 15px 0;
    top: -80px;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-user-drag: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-scrollview-pull-down-container {
    display: inline-block;
    width: 49%;
    text-align: right;
}

.dx-scrollview-pull-down-indicator {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    margin: -15px 20px 0 15px;
    width: 20px;
    -webkit-user-drag: none;
}

.dx-scrollview-pull-down-image {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    width: 20px;
    height: 50px;
    background-size: contain;
    -webkit-user-drag: none;
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.dx-scrollview-pull-down-text {
    display: inline;
    vertical-align: middle;
    position: relative;
    overflow: visible;
    -webkit-user-drag: none;
}

    .dx-scrollview-pull-down-text div {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: visible;
        opacity: 0;
    }

        .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
            opacity: 1;
        }

.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
    -webkit-transform: translate(0, 0) rotate(-180deg);
    transform: translate(0, 0) rotate(-180deg);
}

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
    opacity: 0;
}

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
    opacity: 1;
}

.dx-scrollview-scrollbottom {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

    .dx-scrollview-scrollbottom:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.dx-scrollview-scrollbottom-indicator {
    display: inline-block;
    margin: 0 10px 0 0;
    -webkit-user-drag: none;
}

.dx-scrollview-scrollbottom-text {
    display: inline-block;
    margin-top: -20px;
    vertical-align: middle;
    -webkit-user-drag: none;
}

.dx-scrollview-scrollbottom-end {
    opacity: 0;
}

.dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket,
.dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket {
    left: auto;
    right: 0;
}

.dx-rtl .dx-scrollview-pull-down-container {
    text-align: left;
}

.dx-rtl .dx-scrollview-pull-down-indicator {
    left: auto;
    right: 0;
}

.dx-rtl .dx-scrollview-pull-down-text div {
    left: auto;
    right: 0;
}

.dx-rtl .dx-scrollview-scrollbottom-indicator {
    margin: 0 0 0 10px;
}

.dx-checkbox {
    display: inline-block;
    cursor: pointer;
    line-height: 0;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-checkbox.dx-state-readonly {
        cursor: default;
    }

.dx-checkbox-icon {
    display: inline-block;
    position: relative;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.dx-checkbox-container {
    height: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-checkbox-has-text .dx-checkbox-icon,
.dx-checkbox-has-text .dx-checkbox-text {
    vertical-align: middle;
}

.dx-checkbox-text {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: normal;
    height: 100%;
    width: 100%;
}

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
    margin: 0;
    padding: 0;
}

.dx-state-disabled.dx-checkbox,
.dx-state-disabled .dx-checkbox {
    cursor: default;
}

.dx-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

.dx-switch-wrapper {
    display: inline-block;
    text-align: left;
    height: 100%;
    width: 100%;
}

    .dx-switch-wrapper:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

.dx-switch-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dx-switch-container {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.dx-state-disabled.dx-switch,
.dx-state-disabled .dx-switch {
    cursor: default;
}

.dx-switch-inner {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dx-switch-handle {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.dx-switch-on-value .dx-switch-inner {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.dx-switch-on-value .dx-switch-handle {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dx-rtl.dx-switch-wrapper,
.dx-rtl .dx-switch-wrapper {
    text-align: right;
}

.dx-rtl .dx-switch-inner {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.dx-rtl .dx-switch-handle {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dx-rtl.dx-switch-on-value .dx-switch-handle {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.dx-badge {
    padding: 0 5px;
    border-radius: 14px;
    color: white;
    font-size: 13px;
    line-height: 1;
}

.dx-tabs-ie-hack a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: white;
    text-decoration: none;
    opacity: 0.001;
}

.dx-tabs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    table-layout: fixed;
    position: relative;
}

    .dx-tabs.dx-tabs-stretched {
        table-layout: auto;
    }

    .dx-tabs.dx-overflow-hidden {
        overflow: hidden;
    }

.dx-tabs-wrapper {
    display: table-row;
}

.dx-tabs-scrollable .dx-tabs-wrapper {
    display: block;
    white-space: nowrap;
    height: 100%;
}

.dx-tabs-scrollable .dx-tab {
    height: 100%;
    display: inline-block;
}

    .dx-tabs-scrollable .dx-tab:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.dx-tabs-scrollable .dx-scrollable-content {
    height: 100%;
}

.dx-tabs-nav-buttons .dx-tabs-scrollable {
    margin-right: 25px;
    margin-left: 25px;
}

.dx-tabs-nav-button {
    width: 25px;
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
}

.dx-tabs-nav-button-left {
    left: 0;
}

.dx-tabs-nav-button-right {
    right: 0;
}

.dx-tabs-expanded {
    display: table;
}

.dx-tab {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}

    .dx-tab a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: white;
        text-decoration: none;
        opacity: 0.001;
    }

    .dx-tab .dx-icon {
        width: 16px;
        height: 16px;
        display: block;
        margin: 0 auto;
        -webkit-user-drag: none;
    }

.dx-tab-content {
    display: inline-block;
    max-width: 100%;
}

.dx-tab-text {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    -webkit-user-drag: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-tabs-item-badge {
    display: inline-block;
    vertical-align: top;
}

.dx-state-disabled .dx-tab {
    cursor: default;
}

.dx-map-container,
.dx-map-shield {
    position: relative;
    width: 100%;
    height: 100%;
    color: #000;
}

.dx-map-shield {
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, 0.01);
    opacity: 0.01;
}

.dx-tabs.dx-navbar {
    margin: 0;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-tabs.dx-navbar .dx-icon {
        display: block;
        margin: 0 auto;
        width: 31px;
        height: 31px;
    }

.dx-rtl.dx-tabs.dx-navbar .dx-icon,
.dx-rtl .dx-tabs.dx-navbar .dx-icon {
    margin: 0 auto;
}

.dx-tabs.dx-navbar .dx-tab-text {
    display: block;
    vertical-align: 50%;
}

.dx-nav-item {
    position: relative;
    vertical-align: bottom;
}

    .dx-nav-item.dx-state-disabled {
        cursor: default;
    }

.dx-nav-item-content {
    display: block;
}

.dx-nav-item a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.dx-navbar-item-badge {
    position: absolute;
    top: 11%;
    right: 50%;
    margin-right: -24px;
}

.dx-rtl .dx-nav-item .dx-navbar-item-badge {
    right: auto;
    left: 50%;
    margin-right: auto;
    margin-left: -24px;
}

.dx-texteditor {
    display: block;
}

    .dx-texteditor input::-ms-clear {
        display: none;
    }

.dx-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: auto;
    height: 100%;
    text-align: left;
    cursor: text;
    pointer-events: none;
}

    .dx-placeholder:before {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        content: attr(DATA-DX_PLACEHOLDER);
        pointer-events: none;
        white-space: nowrap;
    }

    .dx-placeholder:after {
        content: ' ';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.dx-texteditor-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.dx-texteditor-buttons-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: content;
    -ms-flex-preferred-size: content;
    flex-basis: content;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dx-texteditor-input-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.dx-texteditor-input {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    outline: 0;
    border: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

    .dx-texteditor-input:-webkit-autofill + .dx-placeholder {
        display: none;
    }

.dx-show-clear-button {
    position: relative;
}

.dx-clear-button-area {
    height: 100%;
    width: 34px;
    position: relative;
    cursor: pointer;
    text-align: justify;
}

    .dx-clear-button-area .dx-icon-clear {
        position: absolute;
        display: inline-block;
        background-size: contain;
    }

.dx-texteditor-empty .dx-clear-button-area {
    display: none;
}

.dx-state-disabled .dx-placeholder {
    cursor: auto;
}

.dx-state-disabled .dx-clear-button-area {
    display: none;
}

.dx-state-disabled .dx-texteditor-input {
    opacity: 1;
}

.dx-rtl .dx-texteditor .dx-placeholder,
.dx-rtl.dx-texteditor .dx-placeholder {
    text-align: right;
    left: auto;
    right: 0;
}

.dx-device-android .dx-texteditor-input {
    -webkit-user-modify: read-write-plaintext-only;
}

.dx-searchbox .dx-icon-search {
    display: block;
    position: relative;
    pointer-events: none;
}

    .dx-searchbox .dx-icon-search:before {
        content: "";
        position: absolute;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dx-dropdowneditor {
    position: relative;
}

    .dx-dropdowneditor.dx-dropdowneditor-field-clickable {
        cursor: pointer;
    }

.dx-dropdowneditor-input-wrapper {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .dx-dropdowneditor-input-wrapper .dx-texteditor {
        border: none;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
        text-overflow: ellipsis;
    }

        .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear {
            width: 0;
            height: 0;
        }

.dx-dropdowneditor-field-template-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    opacity: 0.35;
}

.dx-dropdowneditor-button {
    position: relative;
    float: right;
    height: 100%;
    cursor: pointer;
}

    .dx-dropdowneditor-button .dx-button-content {
        text-align: center;
        white-space: nowrap;
    }

.dx-rtl .dx-dropdowneditor-button,
.dx-rtl.dx-dropdowneditor-button {
    float: left;
}

.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
    cursor: default;
}

.dx-dropdowneditor-icon {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor {
    cursor: default;
}

.dx-state-disabled .dx-dropdowneditor-button {
    cursor: inherit;
}

.dx-state-disabled .dx-dropdowneditor-icon {
    opacity: 0.2;
}

.dx-list {
    margin: 0;
    min-height: 3em;
}

    .dx-list .dx-scrollview-content:focus {
        outline: 0;
    }

.dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
    white-space: normal;
}

.dx-empty-collection .dx-list-select-all {
    display: none;
}

.dx-list-group-header:before {
    width: 0;
    height: 0;
    display: block;
    float: right;
    margin-top: 6px;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 5px 0 5px;
}

.dx-list-collapsible-groups .dx-list-group-header {
    cursor: pointer;
}

    .dx-list-collapsible-groups .dx-list-group-header:before {
        content: ' ';
    }

.dx-list-group-collapsed .dx-list-group-header:before {
    border-width: 0 5px 5px 5px;
}

.dx-list-group-body {
    overflow: hidden;
}

.dx-list-item {
    position: static;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    width: 100%;
}

    .dx-list-item-content:before {
        content: "_";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left;
    }

.dx-list .dx-empty-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 3em;
}

.dx-list-item-badge-container {
    display: table-cell;
    width: 20px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.dx-list-item-badge {
    float: right;
    position: relative;
}

.dx-list-item-chevron-container {
    display: table-cell;
    width: 15px;
    vertical-align: middle;
}

.dx-list-item-icon-container {
    display: inline-block;
}

.dx-list-item-chevron {
    height: 8px;
    width: 8px;
    margin-left: -6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-width: 2px 0 0 2px;
    border-style: solid;
    opacity: 0.3;
}

.dx-rtl .dx-list-item-chevron {
    margin-left: auto;
    margin-right: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dx-list-item-response-wait {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dx-list-slide-menu-content {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.dx-list-item-before-bag,
.dx-list-item-after-bag {
    display: table-cell;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

    .dx-list-item-before-bag .dx-list-toggle-delete-switch {
        display: block;
        float: left;
        padding: 3px 0;
    }

    .dx-list-item-before-bag .dx-icon-toggle-delete {
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .dx-list-item-before-bag .dx-list-select-checkbox {
        float: left;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

.dx-list-select-all {
    white-space: nowrap;
}

.dx-list-select-all-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: move;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    background-position: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: default;
}

.dx-list-switchable-menu-shield-positioning {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.dx-device-android-4 .dx-list-switchable-menu-shield-positioning {
    -webkit-transform: none;
    transform: none;
}

.dx-list-switchable-delete-top-shield,
.dx-list-switchable-delete-bottom-shield {
    position: absolute;
    right: 0;
    left: 0;
    cursor: pointer;
}

.dx-list-switchable-delete-top-shield {
    top: 0;
}

.dx-list-switchable-delete-bottom-shield {
    bottom: 0;
}

.dx-list-switchable-delete-item-content-shield {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dx-list-switchable-delete-button-container {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.dx-list-switchable-delete-button-wrapper {
    display: table;
    height: 100%;
}

.dx-list-switchable-delete-button-inner-wrapper {
    display: table-cell;
    padding-left: 1px;
    height: 100%;
    vertical-align: middle;
}

.dx-list-switchable-menu-item-shield-positioning {
    position: relative;
}

    .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
        position: relative;
    }

    .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content {
        position: relative;
    }

.dx-list-switchable-delete-ready .dx-icon-toggle-delete {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dx-list-slide-menu-buttons-container {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.dx-device-ios .dx-list-slide-menu-buttons-container {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.dx-list-slide-menu-buttons {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    display: table;
    height: 100%;
}

.dx-list-slide-menu-button {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}

.dx-list-static-delete-button {
    padding: 0 5px;
}

    .dx-list-static-delete-button .dx-button-content {
        overflow: visible;
    }

.dx-list-next-button {
    padding: 5px;
    text-align: center;
}

    .dx-list-next-button .dx-button {
        padding: 0 3em;
    }

.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
    cursor: default;
}

.dx-state-disabled .dx-list-toggle-delete-switch,
.dx-state-disabled .dx-list-switchable-delete-button {
    cursor: default;
}

.dx-list-context-menuitem {
    cursor: pointer;
}

.dx-list-search {
    margin-bottom: 5px;
}

.dx-rtl .dx-list .dx-list-item-badge-container,
.dx-rtl.dx-list .dx-list-item-badge-container {
    padding-left: 10px;
    padding-right: 0;
}

.dx-rtl .dx-list .dx-list-item-badge,
.dx-rtl.dx-list .dx-list-item-badge {
    float: left;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch {
    float: right;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox {
    float: right;
}

.dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
.dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
    padding-right: 1px;
    padding-left: 0;
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button-container,
.dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
    right: 100%;
    left: 0;
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button,
.dx-rtl.dx-list .dx-list-slide-item-delete-button {
    right: auto;
    left: 0;
}

.dx-rtl .dx-list .dx-list-group-header:before,
.dx-rtl.dx-list .dx-list-group-header:before {
    float: left;
}

.dx-textarea .dx-texteditor-input-container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.dx-textarea .dx-texteditor-input {
    resize: none;
    font-family: inherit;
    display: block;
    overflow: auto;
    white-space: pre-wrap;
    margin: 0;
}

.dx-textarea .dx-texteditor-input-auto-resize {
    overflow-y: hidden;
}

.dx-textarea .dx-placeholder {
    height: auto;
}

    .dx-textarea .dx-placeholder:before {
        white-space: normal;
    }

.dx-numberbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-numberbox input[type=number] {
        -moz-appearance: textfield;
    }

        .dx-numberbox input[type=number]::-webkit-outer-spin-button,
        .dx-numberbox input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

.dx-numberbox-spin-container {
    width: 22px;
    height: 100%;
}

.dx-numberbox-spin-down,
.dx-numberbox-spin-up {
    position: relative;
    width: 100%;
    height: 50%;
    cursor: pointer;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    width: 64px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
    width: 50%;
    height: 100%;
    display: inline-block;
}

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
    width: 100%;
    height: 100%;
}

.dx-state-disabled .dx-numberbox-spin-container {
    opacity: 0.2;
}

.dx-timeview {
    height: 250px;
    width: 270px;
}

    .dx-timeview.dx-state-disabled.dx-widget,
    .dx-timeview .dx-state-disabled.dx-widget,
    .dx-timeview.dx-state-disabled .dx-widget,
    .dx-timeview .dx-state-disabled .dx-widget {
        opacity: 1;
    }

.dx-timeview-clock {
    position: relative;
}

.dx-timeview-hourarrow,
.dx-timeview-minutearrow {
    position: absolute;
    left: 50%;
    width: 30px;
    height: 50%;
    margin-left: -15px;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-backface-visibility: hidden;
}

.dx-timeview-field .dx-numberbox {
    width: 70px;
}

    .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
        width: 110px;
    }

.dx-dateview-item {
    margin: 0;
}

.dx-dateview-rollers {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-dateviewroller {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dx-dateview-item-selected-frame:before,
.dx-dateview-item-selected-frame:after {
    pointer-events: none;
}

.dx-dateview-item-selected-border {
    display: none;
}

.dx-dateviewroller-month .dx-dateview-value-formatter,
.dx-dateviewroller-day .dx-dateview-name-formatter {
    display: none;
}

.dx-texteditor input[type=date]::-webkit-inner-spin-button {
    height: 20px;
}

.dx-datebox-native .dx-texteditor-buttons-container {
    pointer-events: none;
}

.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-colorview-container-cell {
    float: left;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    min-height: 40px;
    min-width: 100px;
}

    .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item {
        display: block;
    }

        .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
            border-bottom: none;
        }

    .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content {
        display: block;
    }

.dx-overlay-wrapper.dx-dropdownmenu-popup .dx-overlay-content .dx-popover-arrow {
    width: 0;
    height: 0;
}

.dx-dropdownmenu-popup-wrapper .dx-list-item {
    display: block;
}

.dx-toolbar {
    width: 100%;
}

    .dx-toolbar .dx-button-content:after {
        display: none;
    }

    .dx-toolbar .dx-button .dx-icon {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dx-toolbar-items-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.dx-toolbar-item {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-toolbar-item .dx-tabs {
        table-layout: auto;
    }

    .dx-toolbar-item img {
        display: block;
    }

.dx-toolbar-menu-container {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-toolbar-menu-container .dx-tabs {
        table-layout: auto;
    }

    .dx-toolbar-menu-container img {
        display: block;
    }

.dx-toolbar-group {
    float: left;
    margin: 0 10px;
}

.dx-toolbar-before,
.dx-toolbar-after {
    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;
    height: 100%;
    text-align: center;
}

.dx-toolbar-center,
.dx-toolbar-before,
.dx-toolbar-after {
    top: 0;
    display: table;
    height: 100%;
}

.dx-rtl .dx-toolbar-before {
    right: 0;
    left: auto;
}

.dx-rtl .dx-toolbar-after {
    right: auto;
    left: 0;
}

.dx-toolbar-menu-section:empty {
    display: none;
}

.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content {
    padding: 0;
}

.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
    border-bottom: none;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
    border: none;
    background: none;
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 10px;
}

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text {
        line-height: normal;
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
        text-align: left;
    }

.dx-toolbar-text-auto-hide .dx-button .dx-button-text {
    display: none;
}

.dx-toolbar .dx-texteditor {
    width: 150px;
}

.dx-toolbar-item-invisible {
    display: none;
}

.dx-tileview div.dx-scrollable-container {
    overflow-y: hidden;
}

.dx-tile {
    position: absolute;
    text-align: center;
}

    .dx-tile.dx-state-active {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
        -webkit-transition: -webkit-transform 100ms linear;
        transition: -webkit-transform 100ms linear;
        transition: transform 100ms linear;
        transition: transform 100ms linear, -webkit-transform 100ms linear;
    }

.dx-tile-content {
    padding: 0;
    width: 100%;
    height: 100%;
}

.dx-tileview-wrapper {
    position: relative;
    height: 1px;
}

.dx-device-ios-6 .dx-tile {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-overlay-wrapper {
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1000;
}

    .dx-overlay-wrapper,
    .dx-overlay-wrapper *,
    .dx-overlay-wrapper:before,
    .dx-overlay-wrapper:after,
    .dx-overlay-wrapper *:before,
    .dx-overlay-wrapper *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-overlay-modal {
    width: 100%;
    height: 100%;
}

.dx-overlay-shader {
    background-color: rgba(128, 128, 128, 0.5);
    pointer-events: auto;
}

.dx-overlay-content {
    position: absolute;
    pointer-events: auto;
    z-index: 1000;
    outline: 0;
    overflow: hidden;
}

    .dx-overlay-content > .dx-template-wrapper {
        height: 100%;
        width: 100%;
    }

.dx-device-android .dx-overlay-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-android .dx-scrollable-native .dx-overlay-content {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.dx-toast-content {
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
}

.dx-toast-icon {
    display: table-cell;
    background-size: contain;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
}

.dx-toast-message {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.dx-toast-info {
    background-color: #80b9e4;
}

.dx-toast-warning {
    background-color: #ffb277;
}

.dx-toast-error {
    background-color: #f77;
}

.dx-toast-success {
    background-color: #6ec881;
}

.dx-rtl .dx-toast-message {
    padding-left: 0;
    padding-right: 10px;
}

.dx-popup-title {
    padding: 10px;
    min-height: 19px;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    white-space: normal;
}

.dx-popup-draggable .dx-popup-title {
    cursor: move;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-overlay-content > .dx-template-wrapper.dx-popup-title {
    height: auto;
    width: auto;
}

.dx-overlay-content .dx-popup-content > .dx-template-wrapper {
    height: 100%;
    width: 100%;
}

.dx-overlay-content .dx-popup-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-popup-flex-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title,
.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom {
    width: 100%;
}

.dx-popup-flex-height .dx-popup-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.dx-popup-content {
    padding: 10px;
    -webkit-user-drag: none;
}

    .dx-popup-content.dx-dialog-content {
        padding: 0;
    }

.dx-popup-inherit-height .dx-popup-content > .dx-treeview,
.dx-popup-inherit-height .dx-popup-content > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable {
    max-height: inherit;
    min-height: inherit;
}

    .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper,
    .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper,
    .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-wrapper > .dx-scrollable-container,
    .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-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 {
    max-height: inherit;
    min-height: inherit;
}

    .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview,
    .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable,
    .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable {
        max-height: inherit;
        min-height: inherit;
    }

        .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper,
        .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper,
        .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-wrapper > .dx-scrollable-container,
        .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-scrollable-wrapper > .dx-scrollable-container {
            max-height: inherit;
            min-height: inherit;
        }

    .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget {
        max-height: inherit;
    }

.dx-dialog-root .dx-overlay-shader {
    background-color: #444;
}

.dx-dialog-message {
    padding: 10px 10px 5px 10px;
}

.dx-prevent-safari-scrolling {
    position: fixed;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
}

.dx-popover-wrapper .dx-popover-arrow:after {
    width: 14.14227125px;
    height: 14.14227125px;
}

.dx-popover-wrapper.dx-position-top .dx-popover-arrow,
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
    width: 20px;
    height: 10px;
}

.dx-popover-wrapper.dx-position-right .dx-popover-arrow,
.dx-popover-wrapper.dx-position-left .dx-popover-arrow {
    width: 10px;
    height: 20px;
}

.dx-popover-arrow {
    position: absolute;
    z-index: 2000;
    overflow: hidden;
}

    .dx-popover-arrow:after {
        position: absolute;
        display: block;
        overflow: hidden;
        content: " ";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.dx-popover-wrapper.dx-position-top .dx-popover-arrow:after {
    top: 0;
    left: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
    right: 0;
    bottom: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.dx-popover-wrapper.dx-position-left .dx-popover-arrow:after {
    bottom: 0;
    left: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.dx-popover-wrapper.dx-position-right .dx-popover-arrow:after {
    top: 0;
    right: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.dx-popover-wrapper .dx-overlay-content {
    overflow: visible;
}

.dx-popover-wrapper .dx-popup-content {
    overflow: hidden;
}

.dx-device-ios .dx-popover-arrow:after {
    -webkit-transform: rotate(-45deg) translateZ(0);
}

.dx-progressbar .dx-position-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-left .dx-progressbar-status,
.dx-progressbar .dx-position-right .dx-progressbar-status {
    display: table-cell;
    vertical-align: middle;
}

.dx-progressbar .dx-position-top-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container,
.dx-progressbar .dx-position-top-left .dx-progressbar-status,
.dx-progressbar .dx-position-bottom-left .dx-progressbar-status {
    float: left;
}

.dx-progressbar .dx-position-top-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container,
.dx-progressbar .dx-position-top-right .dx-progressbar-status,
.dx-progressbar .dx-position-bottom-right .dx-progressbar-status {
    float: right;
}

.dx-progressbar .dx-position-top-center .dx-progressbar-status,
.dx-progressbar .dx-position-bottom-center .dx-progressbar-status {
    text-align: center;
}

.dx-progressbar .dx-position-left .dx-progressbar-status {
    padding-right: 8px;
}

.dx-progressbar .dx-position-right .dx-progressbar-status {
    padding-left: 8px;
}

.dx-progressbar:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.dx-progressbar-range-container {
    width: 100%;
}

.dx-progressbar-container {
    position: relative;
    width: 100%;
}

.dx-progressbar-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    direction: ltr;
}

.dx-progressbar-range {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

.dx-progressbar-status {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 20px;
    font-size: 12px;
}

.dx-progressbar-animating-segment {
    display: none;
}

.dx-progressbar-animating-container {
    width: 100%;
}

.dx-rtl.dx-progressbar .dx-progressbar-wrapper,
.dx-rtl .dx-progressbar .dx-progressbar-wrapper {
    direction: rtl;
}

.dx-tooltip-wrapper .dx-overlay-content {
    min-width: 34px;
    min-height: 26px;
    text-align: center;
    line-height: 0;
}

    .dx-tooltip-wrapper .dx-overlay-content:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        display: inline-block;
        padding: 12px 17px;
        font-size: 0.85em;
        line-height: normal;
        white-space: nowrap;
    }

.dx-slider-label {
    position: absolute;
    font-size: 0.85em;
}

    .dx-slider-label:last-child {
        right: 0;
        left: auto;
    }

.dx-rtl .dx-slider-label:last-child {
    left: 0;
    right: auto;
}

.dx-slider-label-position-bottom {
    padding-bottom: 14px;
}

    .dx-slider-label-position-bottom .dx-slider-label {
        bottom: -8px;
    }

.dx-slider-label-position-top {
    padding-top: 14px;
}

    .dx-slider-label-position-top .dx-slider-label {
        top: -8px;
    }

.dx-slider {
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-slider:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .dx-slider .dx-overlay-content {
        height: 28px;
    }

        .dx-slider .dx-overlay-content:before {
            display: none;
        }

    .dx-slider .dx-popover-wrapper .dx-popover-arrow:after {
        width: 9.89958987px;
        height: 9.89958987px;
    }

    .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow,
    .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
        width: 14px;
        height: 7px;
    }

    .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow,
    .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow {
        width: 7px;
        height: 14px;
    }

.dx-slider-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.dx-slider-bar {
    position: relative;
}

.dx-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none;
    -webkit-user-drag: none;
}

.dx-slider-handle {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: auto;
    -webkit-user-drag: none;
}

    .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content {
        line-height: 0;
    }

.dx-state-disabled .dx-slider-wrapper {
    cursor: default;
}

.dx-rtl .dx-slider-handle {
    right: auto;
    left: 0;
}

.dx-slider-tooltip-on-hover .dx-tooltip {
    visibility: hidden;
}

.dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip,
.dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip {
    visibility: visible;
}

.dx-rangeslider-start-handle {
    top: 0;
    right: auto;
    left: 0;
}

.dx-rtl .dx-rangeslider-start-handle {
    right: 0;
    left: auto;
}

.dx-gallery {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pinch-zoom pan-y;
    touch-action: pinch-zoom pan-y;
}

.dx-gallery-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

    .dx-gallery-wrapper > .dx-empty-message {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.dx-gallery-container {
    position: relative;
    height: 100%;
}

.dx-gallery-item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}

.dx-gallery-item-image {
    max-width: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto;
    margin: auto;
}

.dx-gallery-item-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dx-gallery .dx-gallery-item-loop {
    display: none;
}

.dx-gallery-loop .dx-gallery-item-loop {
    display: inline-block;
    position: absolute;
}

.dx-gallery-item-invisible {
    visibility: hidden;
}

.dx-gallery-nav-button-prev,
.dx-gallery-nav-button-next {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background-size: 100% 100%;
}

.dx-gallery-nav-button-prev {
    left: 0;
}

.dx-gallery-nav-button-next {
    right: 0;
}

.dx-gallery-indicator {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 10px;
    font-size: 0;
}

.dx-gallery-indicator-item {
    display: inline-block;
    margin: 0 2px;
    height: 10px;
    cursor: pointer;
}

.dx-state-disabled .dx-gallery-nav-button-prev,
.dx-state-disabled .dx-gallery-nav-button-next,
.dx-state-disabled .dx-gallery-indicator-item {
    cursor: default;
}

.dx-rtl .dx-gallery-nav-button-prev {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-gallery-nav-button-next {
    right: auto;
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-device-android .dx-scrollable-native .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-indicator,
.dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev,
.dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev,
.dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-android .dx-gallery-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-device-ios-6 {
}

    .dx-device-ios-6 .dx-gallery,
    .dx-device-ios-6 .dx-gallery-item,
    .dx-device-ios-6 .dx-gallery-indicator,
    .dx-device-ios-6 .dx-gallery-nav-button-prev,
    .dx-device-ios-6 .dx-gallery-nav-button-next {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.dx-dropdownlist-popup-wrapper .dx-list {
    min-height: 35px;
}

    .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
        margin: 0;
    }

.dx-lookup {
    margin: 0;
    height: 19px;
}

    .dx-lookup .dx-popup-content .dx-scrollable {
        height: calc(100% - 45px);
    }

    .dx-lookup .dx-lookup-field-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .dx-lookup .dx-rtl .dx-lookup-field-wrapper:after {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

.dx-lookup-field {
    outline: none;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dx-lookup-field:before {
        content: ".";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left;
    }

.dx-lookup-arrow {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    height: 100%;
}

.dx-rtl .dx-lookup-arrow {
    right: auto;
    left: 0;
}

.dx-state-disabled .dx-lookup-field,
.dx-state-disabled .dx-lookup-field {
    cursor: default;
}

.dx-lookup-popup-wrapper .dx-list-item {
    cursor: pointer;
}

.dx-lookup-popup-search .dx-list {
    height: 90%;
}

.dx-lookup-search-wrapper {
    width: 100%;
}

.dx-actionsheet-popup-wrapper .dx-overlay-content {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-user-drag: none;
}

.dx-actionsheet-popup-wrapper .dx-popup-content .dx-button,
.dx-actionsheet-popover-wrapper .dx-popup-content .dx-button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.dx-actionsheet-item,
.dx-actionsheet-cancel {
    width: 100%;
}

.dx-state-disabled .dx-actionsheet-container .dx-button,
.dx-state-disabled .dx-actionsheet-container .dx-button {
    cursor: default;
}

.dx-actionsheet-popup-wrapper .dx-popup-title,
.dx-actionsheet-popover-wrapper .dx-popup-title {
    word-wrap: break-word;
}

.dx-loadindicator {
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    border: none;
    background-color: transparent;
}

.dx-loadindicator-wrapper {
    width: 100%;
    height: 100%;
    font-size: 32px;
    margin: auto;
}

.dx-loadindicator-image {
    background-size: contain;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.dx-loadindicator-icon {
    direction: ltr;
}

.dx-loadindicator-icon-custom {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear;
    animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear;
}

@-webkit-keyframes dx-loadindicator-icon-custom-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes dx-loadindicator-icon-custom-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dx-loadindicator-container > .dx-loadindicator {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -16px;
    margin-left: -16px;
}

    .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
        margin-top: -16px;
        margin-left: -16px;
    }

.dx-loadindicator-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.dx-loadpanel-content {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fefefe;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    border-radius: 5px;
}

    .dx-loadpanel-content:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

.dx-loadpanel-content-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.dx-loadpanel-message {
    text-align: center;
}

.dx-loadpanel-content.dx-loadpanel-pane-hidden {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}

@-webkit-keyframes dx-loadpanel-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dx-loadpanel-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dx-dropdownbutton {
    display: inline-block;
}

.dx-dropdownbutton-content.dx-popup-content {
    padding: 0;
}

.dx-dropdownbutton-content .dx-list .dx-empty-message,
.dx-dropdownbutton-content .dx-list .dx-list-item {
    border: none;
}

.dx-dropdownbutton-toggle.dx-button .dx-button-content {
    padding-left: 0;
    padding-right: 0;
}

.dx-rtl .dx-dropdownbutton-toggle {
    border-right-width: 0;
}

.dx-dropdownbutton-action.dx-button .dx-button-content {
    padding-right: 10px;
    padding-left: 10px;
}

.dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button .dx-button-content {
    padding-left: 10px;
    padding-right: 4px;
}

.dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button .dx-button-content {
    padding-left: 4px;
    padding-right: 10px;
}

.dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
    border-right-width: 0;
    border-left-width: 1px;
}

.dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
    border-right-width: 1px;
    border-left-width: 0;
}

.dx-selectbox {
    cursor: pointer;
}

    .dx-selectbox .dx-texteditor-input {
        max-width: 100%;
    }

        .dx-selectbox .dx-texteditor-input:-moz-read-only {
            cursor: pointer;
        }

        .dx-selectbox .dx-texteditor-input:read-only {
            cursor: pointer;
        }

.dx-selectbox-container {
    position: relative;
}

.dx-state-disabled .dx-selectbox .dx-texteditor-input,
.dx-state-disabled.dx-selectbox .dx-texteditor-input {
    cursor: default;
}

.dx-tagbox .dx-texteditor-input {
    width: auto;
}

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input {
    border: none;
    color: transparent;
    text-shadow: 0 0 0 gray;
    min-width: 0;
    width: 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: none;
    }

.dx-tagbox.dx-state-disabled .dx-texteditor-input {
    background: none;
}

.dx-tagbox.dx-state-disabled .dx-tag-content {
    cursor: default;
}

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.dx-tag {
    max-width: calc(100% - 1px);
    display: inline-block;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.dx-tag-container.dx-texteditor-input-container {
    padding: 0;
    padding-right: 4px;
    outline: none;
}

.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
    overflow: hidden;
    white-space: nowrap;
}

.dx-texteditor-container.dx-tag-container {
    white-space: normal;
}

.dx-tag-content {
    position: relative;
    display: inline-block;
    margin: 4px 0 0 4px;
    min-width: 30px;
    text-align: center;
    cursor: pointer;
}

    .dx-tag-content:before {
        content: ".";
        color: transparent;
        display: inline-block;
        width: 0;
    }

.dx-tag-remove-button {
    position: absolute;
    top: 0;
    right: 0;
}

    .dx-tag-remove-button:before,
    .dx-tag-remove-button:after {
        position: absolute;
        top: 50%;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.dx-rtl .dx-tagbox .dx-tag-content,
.dx-tagbox.dx-rtl .dx-tag-content {
    margin-left: 0;
    margin-right: 4px;
}

.dx-rtl .dx-tagbox .dx-tag-remove-button,
.dx-tagbox.dx-rtl .dx-tag-remove-button {
    right: auto;
    left: 0;
}

.dx-rtl .dx-tagbox .dx-tag-container,
.dx-tagbox.dx-rtl .dx-tag-container {
    padding-left: 4px;
    padding-right: 0;
}

.dx-radiobutton {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-state-disabled.dx-radiobutton {
    cursor: default;
}

.dx-radiobutton {
    display: table;
    cursor: pointer;
}

.dx-radio-value-container {
    display: table-cell;
    padding-right: 10px;
    padding-left: 5px;
    vertical-align: middle;
}

.dx-rtl .dx-radio-value-container,
.dx-rtl.dx-radio-value-container {
    padding-right: 5px;
    padding-left: 10px;
}

.dx-radiogroup-horizontal:before,
.dx-radiogroup-horizontal:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-radiogroup-horizontal:after {
    clear: both;
}

.dx-radiogroup-horizontal .dx-radiobutton {
    float: left;
}

.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
    float: right;
}

.dx-radiogroup-horizontal .dx-radiobutton:last-of-type {
    margin-right: 0;
}

.dx-state-disabled .dx-radiobutton {
    cursor: default;
}

.dx-accordion-item-title {
    font-size: 18px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-accordion-item-title .dx-icon {
        width: 16px;
        height: 16px;
        background-size: contain;
        display: inline-block;
        margin-right: 5px;
    }

    .dx-accordion-item-title:before {
        content: '';
        background-position: center;
        float: right;
    }

.dx-accordion-item-body {
    overflow: hidden;
    font-size: 14px;
}

.dx-accordion-item-closed .dx-accordion-item-body {
    visibility: hidden;
}

.dx-accordion-item {
    overflow: hidden;
}

.dx-accordion-item-opened .dx-accordion-item-body {
    visibility: visible;
}

.dx-state-disabled .dx-accordion-item-title {
    cursor: default;
}

.dx-rtl .dx-accordion-item-title:before {
    float: left;
}

.dx-slideoutview {
    height: 100%;
    width: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-slideoutview-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.dx-slideoutview-menu-content {
    position: absolute;
    top: 0;
    bottom: 0;
}

    .dx-slideoutview-menu-content.dx-slideoutview-right {
        right: 0;
    }

    .dx-slideoutview-menu-content.dx-slideoutview-left {
        left: 0;
    }

.dx-slideoutview-content {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
}

.dx-slideoutview-shield {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.dx-device-android .dx-slideoutview-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dx-slideout {
    height: 100%;
    width: 100%;
}

.dx-slideout-menu {
    min-width: 280px;
    max-width: 350px;
}

    .dx-slideout-menu .dx-list-item .dx-icon {
        float: left;
        margin-right: 15px;
        width: 24px;
        height: 24px;
        background-size: 100% 100%;
    }

.dx-slideout-item,
.dx-slideout-item-content {
    height: 100%;
    width: 100%;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

.dx-colorview-container {
    width: 450px;
    overflow: hidden;
}

    .dx-colorview-container label {
        display: block;
        overflow: hidden;
        line-height: 36px;
        font-weight: normal;
        margin: 0;
        white-space: normal;
    }

        .dx-colorview-container label.dx-colorview-label-hex {
            margin: 10px 0 0 0;
        }

        .dx-colorview-container label.dx-colorview-alpha-channel-label {
            margin-left: 43px;
            width: 115px;
        }

        .dx-colorview-container label .dx-texteditor {
            width: 69px;
            float: right;
            margin: 1px 1px 10px 0;
        }

    .dx-colorview-container .dx-button {
        margin-top: 0;
        margin-bottom: 0;
    }

        .dx-colorview-container .dx-button.dx-colorview-apply-button {
            margin-right: 10px;
            margin-left: 0;
        }

        .dx-colorview-container .dx-button.dx-colorview-cancel-button {
            margin-right: 0;
            margin-left: 0;
        }

.dx-colorview-container-row {
    overflow: hidden;
    padding-top: 1px;
}

    .dx-colorview-container-row:first-child {
        margin-top: 0;
    }

    .dx-colorview-container-row.dx-colorview-alpha-channel-row {
        margin-top: 10px;
    }

.dx-colorview-container-cell {
    float: left;
}

.dx-colorview-palette-handle {
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    cursor: crosshair;
    border-radius: 100%;
    z-index: 5;
}

.dx-colorview-hue-scale-handle,
.dx-colorview-alpha-channel-handle {
    position: absolute;
    cursor: pointer;
}

.dx-colorview-hue-scale-handle {
    width: 36px;
    height: 17px;
    top: 0;
    left: -7px;
}

.dx-colorview-alpha-channel-handle {
    width: 17px;
    height: 36px;
    top: -6px;
    left: 0;
}

.dx-colorview-hue-scale {
    position: relative;
    width: 18px;
    height: 299px;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
    background-image: linear-gradient(0deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.dx-colorview-color-preview-container-inner,
.dx-colorview-alpha-channel-wrapper,
.dx-colorbox-input-container::after {
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}

.dx-colorview-alpha-channel-wrapper {
    background-position: 0 6px, 8px 14px;
}

.dx-colorbox-input-container {
    height: 100%;
}

.dx-colorview-palette-gradient-white {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.dx-colorview-palette-gradient-black {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.dx-colorview-palette {
    position: relative;
    overflow: hidden;
    width: 288px;
    height: 299px;
    cursor: crosshair;
}

.dx-colorview-palette-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dx-colorview-alpha-channel-scale {
    width: 288px;
    height: 20px;
    position: relative;
}

.dx-colorview-hue-scale-cell {
    margin-left: 19px;
    position: relative;
}

.dx-colorview-hue-scale-wrapper {
    height: 301px;
}

.dx-colorview-controls-container {
    position: relative;
    width: 90px;
    margin-left: 27px;
}

.dx-colorview-color-preview {
    width: 86px;
    height: 40px;
}

.dx-colorview-alpha-channel-cell {
    margin: 6px 0;
    position: relative;
    width: 292px;
}

    .dx-colorview-alpha-channel-cell .dx-button {
        width: 90px;
    }

.dx-rtl .dx-colorview-container-row .dx-colorview-container-cell {
    float: right;
}

.dx-rtl .dx-colorview-hue-scale-cell {
    margin-right: 19px;
    margin-left: 0;
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-right: 41px;
    margin-left: 0;
}

.dx-rtl .dx-colorview-container label .dx-texteditor {
    float: left;
}

.dx-rtl .dx-colorview-controls-container {
    margin-right: 25px;
    margin-left: 0;
}

.dx-rtl .dx-colorview-alpha-channel-scale {
    direction: ltr;
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
    border: none;
}

.dx-colorbox-input-container .dx-placeholder:before {
    max-width: calc(100% - 25px);
}

.dx-colorbox .dx-texteditor-input-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    left: 14px;
}

.dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container:before {
    background: none;
}

.dx-colorbox-color-result-preview {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 17px;
    height: 17px;
    margin-top: -8.5px;
    left: 13px;
    border: 1px solid;
}

.dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input {
    -webkit-appearance: none;
    padding-left: 40px;
}

.dx-colorbox-overlay {
    padding: 20px;
}

    .dx-colorbox-overlay .dx-popup-content {
        overflow: hidden;
        padding: 0;
    }

    .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child {
        padding-right: 10px;
    }

    .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button {
        margin: 0;
    }

.dx-rtl .dx-colorbox .dx-placeholder,
.dx-rtl.dx-colorbox .dx-placeholder {
    right: 32px;
}

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input {
    direction: ltr;
    text-align: end;
    padding-right: 40px;
}

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview {
    left: auto;
    right: 13px;
}

.dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before,
.dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before {
    left: auto;
    right: 14px;
}

.dx-pager {
    overflow: hidden;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .dx-pager .dx-pages {
        float: right;
    }

        .dx-pager .dx-pages .dx-page {
            display: inline-block;
            cursor: pointer;
            padding: 7px 8px 8px;
            margin-left: 5px;
            margin-right: 1px;
        }

            .dx-pager .dx-pages .dx-page:first-child {
                margin-left: 1px;
            }

        .dx-pager .dx-pages .dx-separator {
            display: inline-block;
            padding-left: 8px;
            padding-right: 8px;
        }

        .dx-pager .dx-pages .dx-info {
            display: inline-block;
            margin-right: 9px;
            opacity: 0.6;
        }

        .dx-pager .dx-pages .dx-navigate-button {
            width: 10px;
            height: 20px;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            padding: 7px 13px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

            .dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
                opacity: 0.3;
                cursor: inherit;
            }

        .dx-pager .dx-pages .dx-prev-button,
        .dx-pager .dx-pages .dx-next-button {
            position: relative;
        }

    .dx-pager .dx-page-sizes {
        float: left;
    }

        .dx-pager .dx-page-sizes .dx-page-size {
            display: inline-block;
            cursor: pointer;
            padding-left: 10px;
            padding-right: 9px;
            padding-top: 7px;
            padding-bottom: 8px;
            margin-left: 4px;
            margin-right: 1px;
        }

            .dx-pager .dx-page-sizes .dx-page-size:first-child {
                margin-left: 1px;
            }

        .dx-pager .dx-pages .dx-selection,
        .dx-pager .dx-page-sizes .dx-selection {
            cursor: inherit;
            text-shadow: none;
        }

    .dx-pager .dx-light-pages {
        display: inline-block;
    }

        .dx-pager .dx-light-pages .dx-page-index {
            width: 40px;
        }

        .dx-pager .dx-light-pages .dx-pages-count {
            cursor: pointer;
        }

        .dx-pager .dx-light-pages .dx-info-text,
        .dx-pager .dx-light-pages .dx-pages-count {
            padding-left: 6px;
        }

        .dx-pager .dx-light-pages .dx-page-index,
        .dx-pager .dx-light-pages .dx-info-text,
        .dx-pager .dx-light-pages .dx-pages-count {
            display: table-cell;
        }

    .dx-rtl .dx-pager .dx-pages,
    .dx-pager.dx-rtl .dx-pages {
        float: left;
        direction: ltr;
    }

        .dx-rtl .dx-pager .dx-pages .dx-page,
        .dx-pager.dx-rtl .dx-pages .dx-page {
            direction: ltr;
        }

        .dx-rtl .dx-pager .dx-pages .dx-info,
        .dx-pager.dx-rtl .dx-pages .dx-info {
            direction: rtl;
            margin-left: 9px;
            margin-right: 0;
        }

    .dx-rtl .dx-pager .dx-page-sizes,
    .dx-pager.dx-rtl .dx-page-sizes {
        float: right;
    }

.dx-gridbase-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}

    .dx-gridbase-container > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.dx-datagrid-checkbox-size {
    vertical-align: middle;
}

.dx-datagrid-important-margin {
    margin-right: 5px !important;
}

.dx-datagrid-table {
    background-color: transparent;
}

.dx-datagrid .dx-datagrid-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

    .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
        position: relative;
    }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
            pointer-events: auto;
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
            visibility: hidden;
            background-color: transparent;
            pointer-events: none;
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none {
            border-bottom-color: transparent;
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
            width: auto;
        }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-top: 0;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
    margin-top: 1px;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel {
    border-bottom: 0;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 0;
}

.dx-datagrid .dx-menu-subitem ul li {
    padding-top: 0;
}

    .dx-datagrid .dx-menu-subitem ul li:first-child {
        padding-top: 1px;
    }

.dx-datagrid .dx-menu-subitem .dx-menu-item {
    padding: 7px 30px 7px 5px;
}

    .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: left;
    }

.dx-datagrid .dx-link {
    text-decoration: underline;
    cursor: pointer;
}

.dx-datagrid .dx-column-indicators {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

    .dx-datagrid .dx-column-indicators.dx-visibility-hidden {
        visibility: hidden;
    }

    .dx-datagrid .dx-column-indicators .dx-sort-index-icon {
        padding-right: 3px;
        margin-left: -3px;
        width: 15px;
    }

    .dx-datagrid .dx-column-indicators .dx-sort.dx-sort,
    .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-header-filter.dx-header-filter {
        display: inline-block;
    }

        .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after,
        .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: -7px;
        }

.dx-datagrid .dx-row > td,
.dx-datagrid .dx-row > tr > td {
    padding: 7px;
}

.dx-datagrid .dx-error-row {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

    .dx-datagrid .dx-error-row .dx-error-message {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

        .dx-datagrid .dx-error-row .dx-error-message a {
            color: inherit;
        }

.dx-datagrid .dx-datagrid-rowsview .dx-row .dx-command-drag {
    cursor: move;
    vertical-align: middle;
    padding: 0;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    border-bottom: none;
    font-size: 16px;
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
        font-size: 16px;
    }

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
    padding: 0 20px 20px 20px;
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        opacity: 0.5;
        margin-bottom: 10px;
        -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

        .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action {
            opacity: 1;
            cursor: pointer;
            -ms-touch-action: pinch-zoom;
            touch-action: pinch-zoom;
        }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
    padding: 0;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node {
    padding-left: 0;
}

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox {
        left: 4px;
    }

.dx-datagrid-nowrap {
    white-space: nowrap;
}

    .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
        white-space: nowrap;
    }

.dx-datagrid-drag-header {
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-datagrid-drag-header.dx-drag-command-cell {
        padding: 0;
    }

.dx-datagrid-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px;
}

.dx-datagrid-columns-separator-transparent {
    border-left: 0;
    border-right: 0;
}

.dx-datagrid-tracker {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: col-resize;
}

.dx-datagrid-table-content {
    position: absolute;
    top: 0;
}

.dx-datagrid-focus-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    visibility: hidden;
}

.dx-datagrid-action,
.dx-datagrid-drag-action {
    cursor: pointer;
}

.dx-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-datagrid-content {
    position: relative;
}

.dx-datagrid-text-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dx-datagrid-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-datagrid-content .dx-datagrid-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px;
}

    .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
        max-width: none;
    }

        .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
            display: none;
        }

        .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
            width: 26px;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
        float: none !important;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
            width: 14px;
        }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
            display: inline-block;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
        max-width: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
        float: none !important;
    }

        .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
            width: 14px;
        }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell {
        max-width: 0;
    }

    .dx-datagrid-content .dx-datagrid-table [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > td,
    .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
        vertical-align: top;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
        .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
            border-left: 0;
        }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
        .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
            border-right: none;
            vertical-align: top;
        }

            .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td,
            .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
                border-left: none;
            }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
        overflow: hidden;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid:not(.dx-field-item-content) {
        padding: 0;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
        position: static;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
        max-width: 0;
        padding: 0;
        vertical-align: middle;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
            border: 0;
            margin: 0;
        }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor {
            margin-left: -1px;
            padding-left: 1px;
        }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
        width: 100px;
        min-width: 100px;
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
            width: 80px;
            min-width: 80px;
            line-height: 1;
        }

            .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-expand {
        padding: 0;
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive {
        padding: 0;
        vertical-align: middle;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
        padding: 7px 7px 7px 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
        border-right: none;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
        border-left: none;
    }

.dx-highlight-outline {
    position: relative;
    padding: 7px;
}

    .dx-highlight-outline::after {
        content: '';
        position: absolute;
        border: 2px solid transparent;
        top: 0;
        left: 1px;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .dx-highlight-outline.dx-hidden {
        display: block !important;
    }

        .dx-highlight-outline.dx-hidden::after {
            display: none;
        }

.dx-editor-cell .dx-texteditor-input {
    margin: 0;
}

.dx-editor-cell .dx-highlight-outline {
    padding: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    display: inline-block;
    content: '\200B';
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-column-lines .dx-highlight-outline::after {
    left: 0;
}

.dx-datagrid-headers {
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block;
}

.dx-header-row > td {
    white-space: nowrap;
    overflow: hidden;
}

    .dx-header-row > td > .dx-datagrid-text-content {
        white-space: normal;
        vertical-align: top;
    }

.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right {
    display: inline-block;
    max-width: 100%;
}

.dx-header-row .dx-sort-indicator,
.dx-header-row .dx-header-filter-indicator {
    max-width: calc(100% - 17px);
}

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-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-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
    border-width: 0;
}

    .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
        content: " ";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        pointer-events: none;
    }

.dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
    border-top: 1px solid transparent;
}

.dx-datagrid-filter-range-overlay .dx-editor-container.dx-highlight-outline {
    padding: 0;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-menu {
    display: none;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
    position: relative;
}

    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
        display: block;
    }

    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
        padding-left: 32px;
    }

.dx-datagrid-filter-row .dx-highlight-outline::after {
    pointer-events: none;
}

.dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after {
    border-color: transparent;
}

.dx-datagrid-filter-row .dx-menu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin-left: -2px;
    margin-top: -2px;
    height: 100%;
    overflow: visible;
}

    .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
        height: 100%;
    }

        .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text,
        .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
            display: none;
        }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 100%;
    height: 102%;
    content: '';
}

.dx-datagrid-filter-row > td:first-child .dx-menu,
.dx-datagrid-filter-row > .dx-first-cell .dx-menu {
    margin-left: 0;
}

.dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px;
    padding-right: 30px;
}

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
    padding: 8px 5px 7px 5px;
}

    .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
        padding: 9px 6px 8px 6px;
    }

.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: normal;
}

.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-state-disabled {
    cursor: pointer;
}

    .dx-state-disabled .dx-menu-item {
        cursor: default;
    }

.dx-datagrid-search-panel {
    margin: 0;
    margin-left: 15px;
}

.dx-gridbase-container > .dx-datagrid-rowsview {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    height: auto;
}

    .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: auto;
            min-width: 0;
            min-height: 0;
        }

.dx-datagrid-rowsview {
    position: relative;
    overflow: hidden;
}

    .dx-datagrid-rowsview.dx-empty {
        height: 100px;
    }

        .dx-datagrid-rowsview.dx-empty .dx-scrollable-content {
            height: 100%;
        }

    .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
        z-index: 2;
    }

    .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
        z-index: 3;
    }

    .dx-datagrid-rowsview .dx-datagrid-content {
        overflow-anchor: none;
    }

        .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
            min-height: 100%;
        }

    .dx-datagrid-rowsview:focus {
        outline: 0;
    }

    .dx-datagrid-rowsview .dx-row > td,
    .dx-datagrid-rowsview .dx-row > tr > td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child {
        border-top: none;
    }

        .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.dx-row:hover > td .dx-link,
    .dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
        color: inherit;
    }

    .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row,
    .dx-datagrid-rowsview .dx-datagrid-table .dx-virtual-row {
        border-top: 0;
        border-bottom: 0;
    }

        .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row > td,
        .dx-datagrid-rowsview .dx-datagrid-table .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 > td:hover > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
        padding: 30px;
    }

        .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
            outline: 0;
        }

    .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
        border-color: transparent;
    }

.dx-datagrid-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dx-datagrid-bottom-load-panel {
    text-align: center;
    padding: 10px;
}

.dx-datagrid-hidden-column {
    white-space: nowrap;
}

    .dx-datagrid-hidden-column > * {
        display: none !important;
    }

.dx-datagrid-total-footer {
    position: relative;
}

    .dx-datagrid-total-footer > .dx-datagrid-content {
        padding-top: 7px;
        padding-bottom: 7px;
    }

.dx-datagrid-summary-item {
    font-weight: bold;
}

.dx-datagrid-export-menu .dx-menu-item .dx-checkbox {
    margin-left: 0;
}

    .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
    }

    .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
        white-space: nowrap;
        word-break: normal;
    }

.dx-command-adaptive {
    width: 36px;
    min-width: 36px;
}

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
        padding: 0;
    }

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
    width: 0;
    height: 0;
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0;
}

.dx-datagrid-notouch-action {
    -ms-touch-action: none;
    touch-action: none;
    -ms-content-zooming: none;
    -ms-overflow-style: none;
}

.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
    border: none;
}

.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
    text-align: center;
    left: 0;
    right: 0;
    bottom: 50%;
    position: absolute;
}

.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item,
.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item {
    padding: 7px 5px 7px 30px;
}

    .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image,
    .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: right;
    }

.dx-rtl .dx-datagrid .dx-texteditor-buttons-container,
.dx-datagrid.dx-rtl .dx-texteditor-buttons-container {
    text-align: start;
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table {
    direction: rtl;
}

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
        border-left: none;
    }

        .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
            border-right: none;
        }

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
        padding: 7px 32px 7px 7px;
    }

.dx-rtl .dx-datagrid-headers,
.dx-rtl .dx-datagrid-total-footer {
    direction: ltr;
}

    .dx-rtl .dx-datagrid-headers .dx-datagrid-table,
    .dx-rtl .dx-datagrid-total-footer .dx-datagrid-table {
        direction: rtl;
    }

.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before {
    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;
    padding-left: 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;
    margin-right: 15px;
}

.dx-datagrid-filter-panel,
.dx-datagrid-filter-panel-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.dx-datagrid-filter-panel {
    padding: 10px;
}

    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover,
        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter: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;
        margin-right: 7px;
        cursor: pointer;
    }

.dx-datagrid {
    position: relative;
    cursor: default;
    white-space: normal;
    line-height: normal;
}

.dx-hidden.dx-group-cell {
    display: table-cell !important;
    font-size: 0 !important;
}

.dx-datagrid-group-panel {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .dx-datagrid-group-panel .dx-group-panel-message {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dx-datagrid-group-panel .dx-group-panel-item {
        display: inline-block;
        min-width: 30px;
        margin-right: 10px;
        white-space: nowrap;
    }

        .dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
            margin-left: 6px;
        }

    .dx-datagrid-group-panel .dx-block-separator {
        display: inline-block;
        min-width: 30px;
        margin-right: 10px;
        white-space: nowrap;
        color: transparent;
        position: relative;
        min-width: 0;
    }

        .dx-datagrid-group-panel .dx-block-separator .dx-sort {
            margin-left: 6px;
        }

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
    border-top: none;
}

.dx-datagrid-rowsview .dx-group-row:focus {
    outline: 0;
}

.dx-datagrid-rowsview .dx-group-row.dx-row > td {
    border-left-color: transparent;
    border-right-color: transparent;
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
    outline: none;
}

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
    cursor: pointer;
    position: relative;
}

    .dx-datagrid-group-opened:before,
    .dx-datagrid-group-closed:before {
        position: absolute;
        display: block;
        right: 0;
        left: 0;
    }

.dx-rtl .dx-datagrid-group-closed {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
    border-left: none;
    border-right: none;
}

.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
    margin-right: 0;
    margin-left: 10px;
}

.dx-rtl .dx-datagrid-group-panel .dx-sort {
    margin-left: 0;
    margin-right: 6px;
}

.dx-pivotgrid-fields-container .dx-sort,
.dx-pivotgrid-fields-container .dx-header-filter {
    display: inline-block;
}

.dx-pivotgrid-fields-container .dx-area-field-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dx-pivotgrid-fields-container.dx-drag .dx-area-field-content {
    display: inline-block;
}

.dx-pivotgrid-fields-container.dx-drag .dx-column-indicators {
    float: none;
    display: inline-block;
}

.dx-pivotgrid-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dx-pivotgrid {
    cursor: default;
    width: 100%;
    position: relative;
}

    .dx-pivotgrid.dx-overflow-hidden {
        overflow: hidden;
    }

    .dx-pivotgrid .dx-area-data-cell,
    .dx-pivotgrid .dx-area-column-cell {
        width: 100%;
    }

    .dx-pivotgrid .dx-area-data-cell {
        position: relative;
    }

    .dx-pivotgrid table,
    .dx-pivotgrid tbody,
    .dx-pivotgrid tfoot,
    .dx-pivotgrid thead,
    .dx-pivotgrid tr,
    .dx-pivotgrid th,
    .dx-pivotgrid td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

    .dx-pivotgrid table {
        border-collapse: collapse;
        table-layout: auto;
        border-spacing: 0;
    }

    .dx-pivotgrid td {
        vertical-align: top;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-pivotgrid .dx-area-description-cell {
        position: relative;
        background-clip: padding-box;
    }

        .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
            position: absolute;
            bottom: 0;
        }

    .dx-pivotgrid .dx-ie {
        height: 1px;
    }

        .dx-pivotgrid .dx-ie .dx-area-description-cell {
            position: static;
            height: inherit;
            vertical-align: bottom;
            font-size: 0;
        }

            .dx-pivotgrid .dx-ie .dx-area-description-cell .dx-pivotgrid-fields-area {
                position: relative;
                display: inline-block;
            }

    .dx-pivotgrid .dx-area-field-content {
        display: inline-block;
    }

    .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 {
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-area-field-content {
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-popup-content .dx-column-indicators {
        float: none !important;
        display: inline-block;
    }

    .dx-pivotgrid .dx-popup-content .dx-area-field-content {
        display: inline-block;
    }

    .dx-pivotgrid .dx-pivotgrid-area {
        white-space: nowrap;
    }

    .dx-pivotgrid .dx-pivotgrid-collapsed,
    .dx-pivotgrid .dx-pivotgrid-expanded {
        cursor: pointer;
    }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand,
        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
            display: inline-block;
        }

    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area {
        white-space: normal;
    }

    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed,
    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded,
    .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted {
        white-space: nowrap;
    }

        .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
        .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span,
        .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span {
            white-space: normal;
        }

.dx-pivotgridfieldchooser {
    position: relative;
}

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        height: 100%;
    }

        .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(1) {
                -webkit-box-flex: 3;
                -webkit-flex-grow: 3;
                -ms-flex-positive: 3;
                flex-grow: 3;
            }

            .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-flex: 4;
                -webkit-flex-grow: 4;
                -ms-flex-positive: 4;
                flex-grow: 4;
            }

    .dx-pivotgridfieldchooser .dx-col {
        width: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dx-pivotgridfieldchooser .dx-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 0;
    }

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(1) {
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .dx-pivotgridfieldchooser .dx-area-caption {
        vertical-align: middle;
    }

.dx-pivotgrid-action {
    cursor: pointer;
}

.dx-pivotgrid-drag-action {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-treelist-checkbox-size {
    vertical-align: middle;
}

.dx-treelist-important-margin {
    margin-right: 5px !important;
}

.dx-treelist-table {
    background-color: transparent;
}

.dx-treelist .dx-treelist-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

    .dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
        position: relative;
    }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
            pointer-events: auto;
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
            visibility: hidden;
            background-color: transparent;
            pointer-events: none;
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none {
            border-bottom-color: transparent;
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
            width: auto;
        }

.dx-treelist.dx-treelist-borders > .dx-treelist-total-footer {
    border-top: 0;
}

.dx-treelist.dx-treelist-borders > .dx-treelist-pager {
    margin-top: 1px;
}

.dx-treelist.dx-treelist-borders > .dx-treelist-header-panel {
    border-bottom: 0;
}

.dx-treelist.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 0;
}

.dx-treelist .dx-menu-subitem ul li {
    padding-top: 0;
}

    .dx-treelist .dx-menu-subitem ul li:first-child {
        padding-top: 1px;
    }

.dx-treelist .dx-menu-subitem .dx-menu-item {
    padding: 7px 30px 7px 5px;
}

    .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: left;
    }

.dx-treelist .dx-link {
    text-decoration: underline;
    cursor: pointer;
}

.dx-treelist .dx-column-indicators {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

    .dx-treelist .dx-column-indicators.dx-visibility-hidden {
        visibility: hidden;
    }

    .dx-treelist .dx-column-indicators .dx-sort-index-icon {
        padding-right: 3px;
        margin-left: -3px;
        width: 15px;
    }

    .dx-treelist .dx-column-indicators .dx-sort.dx-sort,
    .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-header-filter.dx-header-filter {
        display: inline-block;
    }

        .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter:after,
        .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: -7px;
        }

.dx-treelist .dx-row > td,
.dx-treelist .dx-row > tr > td {
    padding: 7px;
}

.dx-treelist .dx-error-row {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

    .dx-treelist .dx-error-row .dx-error-message {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

        .dx-treelist .dx-error-row .dx-error-message a {
            color: inherit;
        }

.dx-treelist .dx-treelist-rowsview .dx-row .dx-command-drag {
    cursor: move;
    vertical-align: middle;
    padding: 0;
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
    border-bottom: none;
    font-size: 16px;
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
        font-size: 16px;
    }

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
    padding: 0 20px 20px 20px;
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        opacity: 0.5;
        margin-bottom: 10px;
        -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

        .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action {
            opacity: 1;
            cursor: pointer;
            -ms-touch-action: pinch-zoom;
            touch-action: pinch-zoom;
        }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
    padding: 0;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node {
    padding-left: 0;
}

    .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox {
        left: 4px;
    }

.dx-treelist-nowrap {
    white-space: nowrap;
}

    .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
        white-space: nowrap;
    }

.dx-treelist-drag-header {
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-treelist-drag-header.dx-drag-command-cell {
        padding: 0;
    }

.dx-treelist-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px;
}

.dx-treelist-columns-separator-transparent {
    border-left: 0;
    border-right: 0;
}

.dx-treelist-tracker {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: col-resize;
}

.dx-treelist-table-content {
    position: absolute;
    top: 0;
}

.dx-treelist-focus-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    visibility: hidden;
}

.dx-treelist-action,
.dx-treelist-drag-action {
    cursor: pointer;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
    color: inherit;
}

.dx-treelist-content {
    position: relative;
}

.dx-treelist-text-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dx-treelist-table-fixed {
    table-layout: fixed;
    width: 100%;
}

input.dx-hidden {
    display: inline-block !important;
    width: 0 !important;
}

.dx-hidden-cell {
    visibility: hidden;
}

.dx-row > td,
.dx-row > tr > td {
    border: none;
}

.dx-treelist-content .dx-treelist-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px;
}

    .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
        max-width: none;
    }

        .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
            display: none;
        }

        .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
            width: 26px;
        }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
        float: none !important;
    }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
            width: 14px;
        }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
            display: inline-block;
        }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
        max-width: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
        float: none !important;
    }

        .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
            width: 14px;
        }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell {
        max-width: 0;
    }

    .dx-treelist-content .dx-treelist-table [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-row > td,
    .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
        vertical-align: top;
    }

        .dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
        .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
            border-left: 0;
        }

        .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space,
        .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
            border-right: none;
            vertical-align: top;
        }

            .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td,
            .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
                border-left: none;
            }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
        overflow: hidden;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-cell-modified:not(.dx-field-item-content),
    .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid:not(.dx-field-item-content) {
        padding: 0;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
        position: static;
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay .dx-overlay-content {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
        max-width: 0;
        padding: 0;
        vertical-align: middle;
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor,
        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
            border: 0;
            margin: 0;
        }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-dropdowneditor {
            margin-left: -1px;
            padding-left: 1px;
        }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
        width: 100px;
        min-width: 100px;
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
            width: 80px;
            min-width: 80px;
            line-height: 1;
        }

            .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-expand {
        padding: 0;
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive {
        padding: 0;
        vertical-align: middle;
    }

    .dx-treelist-content .dx-treelist-table .dx-filter-range-content {
        padding: 7px 7px 7px 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
        border-right: none;
    }

    .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
        border-left: none;
    }

.dx-highlight-outline {
    position: relative;
    padding: 7px;
}

    .dx-highlight-outline::after {
        content: '';
        position: absolute;
        border: 2px solid transparent;
        top: 0;
        left: 1px;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .dx-highlight-outline.dx-hidden {
        display: block !important;
    }

        .dx-highlight-outline.dx-hidden::after {
            display: none;
        }

.dx-editor-cell .dx-texteditor-input {
    margin: 0;
}

.dx-editor-cell .dx-highlight-outline {
    padding: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    display: inline-block;
    content: '\200B';
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-column-lines .dx-highlight-outline::after {
    left: 0;
}

.dx-treelist-headers {
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block;
}

.dx-header-row > td {
    white-space: nowrap;
    overflow: hidden;
}

    .dx-header-row > td > .dx-treelist-text-content {
        white-space: normal;
        vertical-align: top;
    }

.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right {
    display: inline-block;
    max-width: 100%;
}

.dx-header-row .dx-sort-indicator,
.dx-header-row .dx-header-filter-indicator {
    max-width: calc(100% - 17px);
}

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
        margin-right: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
        margin-left: 3px;
    }

    .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
        max-width: calc(100% - 34px);
    }

    .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
        max-width: calc(100% - 31px);
    }

        .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 62px);
        }

    .dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
        max-width: calc(100% - 29px);
    }

        .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator {
            max-width: calc(100% - 43px);
        }

        .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 46px);
        }

        .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 74px);
        }

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
    border-width: 0;
}

    .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
        content: " ";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        pointer-events: none;
    }

.dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
    border-top: 1px solid transparent;
}

.dx-treelist-filter-range-overlay .dx-editor-container.dx-highlight-outline {
    padding: 0;
}

.dx-treelist-filter-row .dx-editor-cell .dx-menu {
    display: none;
}

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
    position: relative;
}

    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
        display: block;
    }

    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
        padding-left: 32px;
    }

.dx-treelist-filter-row .dx-highlight-outline::after {
    pointer-events: none;
}

.dx-treelist-filter-row .dx-focused .dx-highlight-outline::after {
    border-color: transparent;
}

.dx-treelist-filter-row .dx-menu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin-left: -2px;
    margin-top: -2px;
    height: 100%;
    overflow: visible;
}

    .dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
        height: 100%;
    }

        .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text,
        .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
            display: none;
        }

.dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 100%;
    height: 102%;
    content: '';
}

.dx-treelist-filter-row > td:first-child .dx-menu,
.dx-treelist-filter-row > .dx-first-cell .dx-menu {
    margin-left: 0;
}

.dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px;
    padding-right: 30px;
}

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
    padding: 8px 5px 7px 5px;
}

    .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
        padding: 9px 6px 8px 6px;
    }

.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: normal;
}

.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;
    margin-left: 15px;
}

.dx-gridbase-container > .dx-treelist-rowsview {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    height: auto;
}

    .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: auto;
            min-width: 0;
            min-height: 0;
        }

.dx-treelist-rowsview {
    position: relative;
    overflow: hidden;
}

    .dx-treelist-rowsview.dx-empty {
        height: 100px;
    }

        .dx-treelist-rowsview.dx-empty .dx-scrollable-content {
            height: 100%;
        }

    .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
        z-index: 2;
    }

    .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
        z-index: 3;
    }

    .dx-treelist-rowsview .dx-treelist-content {
        overflow-anchor: none;
    }

        .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
            min-height: 100%;
        }

    .dx-treelist-rowsview:focus {
        outline: 0;
    }

    .dx-treelist-rowsview .dx-row > td,
    .dx-treelist-rowsview .dx-row > tr > td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dx-treelist-rowsview .dx-row.dx-row-lines:first-child {
        border-top: none;
    }

        .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.dx-row:hover > td .dx-link,
    .dx-treelist-rowsview .dx-selection > tr > td .dx-link,
    .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
        color: inherit;
    }

    .dx-treelist-rowsview .dx-treelist-table .dx-freespace-row,
    .dx-treelist-rowsview .dx-treelist-table .dx-virtual-row {
        border-top: 0;
        border-bottom: 0;
    }

        .dx-treelist-rowsview .dx-treelist-table .dx-freespace-row > td,
        .dx-treelist-rowsview .dx-treelist-table .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 > td:hover > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox {
        display: inline-block;
    }

    .dx-treelist-rowsview .dx-row > .dx-master-detail-cell {
        padding: 30px;
    }

        .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
            outline: 0;
        }

    .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after {
        border-color: transparent;
    }

.dx-treelist-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dx-treelist-bottom-load-panel {
    text-align: center;
    padding: 10px;
}

.dx-treelist-hidden-column {
    white-space: nowrap;
}

    .dx-treelist-hidden-column > * {
        display: none !important;
    }

.dx-treelist-total-footer {
    position: relative;
}

    .dx-treelist-total-footer > .dx-treelist-content {
        padding-top: 7px;
        padding-bottom: 7px;
    }

.dx-treelist-summary-item {
    font-weight: bold;
}

.dx-treelist-export-menu .dx-menu-item .dx-checkbox {
    margin-left: 0;
}

    .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
    }

    .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
        white-space: nowrap;
        word-break: normal;
    }

.dx-command-adaptive {
    width: 36px;
    min-width: 36px;
}

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
        padding: 0;
    }

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
    width: 0;
    height: 0;
}

.dx-treelist-revert-tooltip .dx-revert-button {
    margin: 0;
}

.dx-treelist-notouch-action {
    -ms-touch-action: none;
    touch-action: none;
    -ms-content-zooming: none;
    -ms-overflow-style: none;
}

.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
    border: none;
}

.dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
    text-align: center;
    left: 0;
    right: 0;
    bottom: 50%;
    position: absolute;
}

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item,
.dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
    padding: 7px 5px 7px 30px;
}

    .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image,
    .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: right;
    }

.dx-rtl .dx-treelist .dx-texteditor-buttons-container,
.dx-treelist.dx-rtl .dx-texteditor-buttons-container {
    text-align: start;
}

.dx-rtl .dx-treelist-content .dx-treelist-table {
    direction: rtl;
}

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
        border-left: none;
    }

        .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
            border-right: none;
        }

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
        padding: 7px 32px 7px 7px;
    }

.dx-rtl .dx-treelist-headers,
.dx-rtl .dx-treelist-total-footer {
    direction: ltr;
}

    .dx-rtl .dx-treelist-headers .dx-treelist-table,
    .dx-rtl .dx-treelist-total-footer .dx-treelist-table {
        direction: rtl;
    }

.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before {
    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;
    padding-left: 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;
    margin-right: 15px;
}

.dx-treelist-filter-panel,
.dx-treelist-filter-panel-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.dx-treelist-filter-panel {
    padding: 10px;
}

    .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover,
        .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter: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;
        margin-right: 7px;
        cursor: pointer;
    }

.dx-treelist-container {
    position: relative;
    cursor: default;
    white-space: normal;
    line-height: normal;
}

.dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable,
.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable {
    white-space: nowrap;
}

    .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content,
    .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content {
        display: inline;
        white-space: normal;
    }

    .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container,
    .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container {
        float: none;
    }

.dx-treelist-rowsview .dx-treelist-icon-container {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    line-height: 1;
}

.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: left;
}

.dx-menu-base {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
}

    .dx-menu-base .dx-menu-items-container,
    .dx-menu-base .dx-menu-item-wrapper {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

    .dx-menu-base .dx-menu-items-container {
        list-style-type: none;
        display: inline-block;
        white-space: nowrap;
        cursor: pointer;
    }

    .dx-menu-base .dx-state-disabled,
    .dx-menu-base.dx-state-disabled .dx-menu-items-container {
        cursor: default;
    }

    .dx-menu-base .dx-menu-item {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 100%;
    }

        .dx-menu-base .dx-menu-item.dx-state-disabled {
            opacity: 0.5;
        }

        .dx-menu-base .dx-menu-item .dx-menu-item-content {
            white-space: nowrap;
            height: 100%;
            width: 100%;
        }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
                display: inline-block;
                vertical-align: middle;
                border: 0;
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
                display: inline;
                vertical-align: middle;
                overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: 2em;
            }

                .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
                    height: 100%;
                }

    .dx-menu-base.dx-rtl {
        text-align: right;
    }

        .dx-menu-base.dx-rtl .dx-menu-item-popout-container {
            left: 0;
            right: auto;
        }

.dx-menu {
    position: relative;
}

.dx-menu-horizontal {
    height: 100%;
}

    .dx-menu-horizontal:after {
        height: 100%;
        display: inline-block;
        content: '';
        vertical-align: middle;
    }

    .dx-menu-horizontal .dx-menu-item-wrapper {
        display: inline-block;
    }

    .dx-menu-horizontal .dx-menu-separator {
        display: inline-block;
        margin: 0 15px 0 0;
    }

.dx-menu-vertical {
    height: 100%;
}

    .dx-menu-vertical:after {
        height: 100%;
        display: inline-block;
        content: '';
        vertical-align: middle;
    }

    .dx-menu-vertical .dx-menu-item-wrapper {
        display: block;
    }

    .dx-menu-vertical .dx-menu-separator {
        margin: 0 0 15px 0;
    }

.dx-rtl.dx-menu {
    text-align: right;
}

.dx-context-menu-container-border {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.dx-context-menu-content-delimiter {
    position: absolute;
    display: none;
    z-index: 2000;
    cursor: pointer;
}

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
    left: auto;
    right: 0;
}

.dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility,
.dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
    left: 0;
    right: auto;
}

.dx-menu-adaptive-mode .dx-treeview-item {
    cursor: pointer;
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
    padding: 1px;
}

    .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
        padding-left: 15px;
    }

.dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content,
.dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
    padding-right: 15px;
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child {
    border-bottom: none;
}

.dx-menu-adaptive-mode-overlay-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
            height: auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

.dx-context-menu.dx-overlay-content {
    overflow: inherit;
    position: absolute;
}

.dx-context-menu .dx-menu-items-container {
    padding: 1px;
}

.dx-context-menu .dx-menu-item .dx-submenu {
    position: absolute;
    z-index: 1003;
}

.dx-context-menu .dx-menu-separator {
    height: 1px;
    margin: 5px 0;
}

.dx-calendar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    position: relative;
    display: block;
}

    .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
        position: absolute;
        bottom: 0;
    }

.dx-calendar-views-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.dx-calendar-navigator {
    position: relative;
    text-align: center;
    width: 100%;
}

    .dx-calendar-navigator .dx-button {
        position: absolute;
        display: inline-block;
    }

        .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
            visibility: hidden;
        }

    .dx-calendar-navigator .dx-calendar-caption-button {
        text-decoration: none;
    }

.dx-calendar-body {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

    .dx-calendar-body .dx-widget {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .dx-calendar-body table {
        width: 100%;
        height: 100%;
        position: absolute;
        direction: ltr;
        table-layout: fixed;
    }

    .dx-calendar-body td {
        cursor: pointer;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dx-calendar-body thead th {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dx-calendar-cell {
    white-space: normal;
}

.dx-calendar-contoured-date {
    outline-offset: -1px;
}

.dx-rtl.dx-calendar .dx-calendar-body table {
    left: 0;
}

.dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
    direction: ltr;
}

.dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month,
.dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month,
.dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month,
.dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month {
    cursor: default;
}

.dx-state-disabled .dx-calendar-body table th,
.dx-state-disabled .dx-calendar-body table td {
    cursor: default;
}

.dx-multiview-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -ms-touch-action: pinch-zoom pan-y;
    touch-action: pinch-zoom pan-y;
}

.dx-multiview-item-container {
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%;
}

    .dx-multiview-item-container .dx-empty-message {
        text-align: center;
    }

.dx-multiview-item {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%;
}

    .dx-multiview-item.dx-item-selected {
        position: relative;
    }

.dx-multiview-item-content {
    width: 100%;
    height: 100%;
}

.dx-multiview-item-hidden {
    top: -9999px;
    visibility: hidden;
}

.dx-treeview-loadindicator-wrapper {
    text-align: center;
}

.dx-treeview-node-loadindicator {
    position: absolute;
}

.dx-treeview-search {
    margin-bottom: 5px;
}

.dx-treeview {
    height: 100%;
}

    .dx-treeview :focus {
        outline: none;
    }

    .dx-treeview .dx-scrollable:focus {
        outline: none;
    }

    .dx-treeview .dx-empty-message {
        line-height: normal;
    }

.dx-checkbox + .dx-treeview-node-container,
.dx-treeview-node-container:first-child {
    margin: 0;
    display: block;
}

.dx-treeview-select-all-item {
    width: 100%;
}

.dx-treeview-node-container {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    display: none;
    overflow: hidden;
}

    .dx-treeview-node-container.dx-treeview-node-container-opened {
        display: block;
    }

.dx-treeview-node {
    list-style-type: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

    .dx-treeview-node a {
        text-decoration: none;
    }

    .dx-treeview-node .dx-checkbox {
        position: absolute;
        margin: 0;
    }

.dx-treeview-item {
    display: block;
    cursor: pointer;
}

    .dx-treeview-item .dx-icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: 5px;
        background-size: 24px 24px;
    }

    .dx-treeview-item .dx-treeview-item-content span {
        vertical-align: middle;
    }

    .dx-treeview-item.dx-state-disabled {
        opacity: 0.5;
    }

.dx-treeview-toggle-item-visibility {
    position: absolute;
    cursor: pointer;
}

    .dx-treeview-toggle-item-visibility.dx-state-disabled {
        cursor: default;
    }

.dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node {
    padding-left: 0;
}

.dx-rtl .dx-treeview-node-container .dx-treeview-node {
    padding-left: 0;
}

    .dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item {
        padding-left: 0;
    }

    .dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon {
        margin-right: 0;
    }

.dx-rtl .dx-treeview-toggle-item-visibility {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-tabpanel-tabs {
    width: 100%;
}

    .dx-tabpanel-tabs .dx-tabs {
        height: 100%;
    }

.dx-tabpanel-container {
    width: 100%;
    height: 100%;
}

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input {
    display: none;
}

.dx-fileuploader-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dx-fileuploader-container {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.dx-fileuploader-input-wrapper:before,
.dx-fileuploader-input-wrapper:after {
    display: table;
    content: "";
    line-height: 0;
}

.dx-fileuploader-input-wrapper:after {
    clear: both;
}

.dx-fileuploader-input-wrapper:before,
.dx-fileuploader-input-wrapper:after {
    width: 100%;
}

.dx-fileuploader-input-wrapper:before {
    padding-top: 1em;
    margin-top: -1em;
}

.dx-fileuploader-input-wrapper:after {
    padding-bottom: 1em;
    margin-bottom: -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,
        .dx-fileuploader-button .dx-fileuploader-input::-ms-browse {
            cursor: pointer;
        }

.dx-fileuploader-content {
    display: table-row-group;
    vertical-align: middle;
}

    .dx-fileuploader-content > .dx-fileuploader-upload-button {
        margin-top: 10px;
    }

.dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
    display: none;
}

.dx-fileuploader-input-content {
    width: 100%;
    display: table;
}

.dx-fileuploader-files-container {
    padding-top: 0;
    width: 100%;
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top: 22px;
}

.dx-fileuploader-file-container {
    width: 100%;
    padding: 4px 0 4px;
}

    .dx-fileuploader-file-container .dx-button {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

        .dx-fileuploader-file-container .dx-button.dx-state-invisible {
            margin-right: 0;
        }

.dx-fileuploader-button-container,
.dx-fileuploader-input-container {
    display: table-cell;
    vertical-align: middle;
}

.dx-fileuploader-input-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dx-fileuploader-input {
    opacity: 0;
    width: 100%;
    margin: 0;
    cursor: default;
}

.dx-fileuploader-input-label {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: default;
}

    .dx-fileuploader-input-label:before {
        content: '';
        position: absolute;
        top: -50%;
        overflow: hidden;
        cursor: default;
    }

.dx-fileuploader-button-container {
    display: table-cell;
    vertical-align: middle;
}

.dx-fileuploader-file {
    display: table-cell;
    width: 100%;
    white-space: nowrap;
}

.dx-fileuploader-file-info {
    float: left;
    width: 100%;
}

.dx-fileuploader-file-status-message {
    float: left;
    font-size: 12px;
    height: 16px;
}

.dx-fileuploader .dx-progressbar {
    float: left;
    width: 100%;
    height: 22px;
    margin-top: -6px;
}

.dx-fileuploader-file-name {
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-fileuploader-file-size {
    margin-left: 4px;
    float: left;
    vertical-align: super;
    font-size: 10px;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-button,
.dx-rtl.dx-fileuploader .dx-fileuploader-button {
    float: right;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button {
    margin-left: 10px;
    margin-right: 0;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-name,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-name,
.dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message {
    float: right;
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-size,
.dx-rtl.dx-fileuploader .dx-fileuploader-file-size {
    margin-right: 4px;
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    height: auto;
}

    .dx-fileuploader-invalid .dx-fileuploader-file-status-message span {
        display: block;
        margin-bottom: 2px;
    }

        .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
            margin-bottom: 0;
        }

.dx-fileuploader-invalid .dx-fileuploader-button-container {
    vertical-align: top;
}

.dx-fileuploader-invalid .dx-fileuploader-cancel-button {
    margin-top: 5px;
}

.dx-validationsummary-item {
    cursor: pointer;
}

.dx-invalid-message.dx-overlay {
    position: relative;
}

.dx-invalid-message.dx-overlay-wrapper {
    width: 100%;
    visibility: hidden;
    pointer-events: none;
}

.dx-invalid-message > .dx-overlay-content {
    display: inline-block;
    position: relative;
    border-width: 0;
    padding: 10px;
    font-size: 0.85em;
    line-height: normal;
    word-wrap: break-word;
}

.dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-invalid-message-always .dx-overlay-wrapper {
    visibility: visible;
}

.dx-recurrence-repeat-end-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dx-scheduler-appointment-popup .dx-popup-content {
    padding-top: 0;
    padding-bottom: 0;
}

.dx-scheduler-appointment-popup .dx-scrollable-content {
    padding-top: 20px;
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content {
    padding: 0;
}

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item {
        width: 360px;
    }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content {
            padding: 5px;
        }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-top: 7px;
        margin-left: 5px;
    }

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content,
    .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 5px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
        .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
            text-align: left;
            font-weight: bold;
            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 .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 .dx-scheduler-appointment-content-details {
    margin-top: 2px;
}

    .dx-scheduler .dx-scheduler-appointment-content-details .dx-scheduler-appointment-content-date {
        line-height: 0.8;
    }

.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
    position: relative;
    background: #fff;
}

.dx-scheduler .dx-empty-message {
    line-height: normal;
}

.dx-scheduler .dx-scheduler-work-space-month > .dx-scrollable-native .dx-scrollable-content {
    min-height: 100%;
}

.dx-scheduler-all-day-panel td {
    padding: 0;
}

.dx-scheduler-appointment-collector {
    position: absolute;
    display: block;
    height: 20px;
    text-align: center;
    cursor: pointer;
    margin: 3px 0 0 3px;
}

    .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 4px;
    }

        .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content.dx-button-content {
            padding: 0;
        }

        .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
            display: inline-block;
            vertical-align: middle;
            line-height: 13.33333333px;
            height: 20px;
            padding-left: 2px;
        }

    .dx-scheduler-appointment-collector.dx-state-hover:before {
        border-radius: 20px;
    }

    .dx-scheduler-appointment-collector.dx-button.dx-button-default {
        padding: 0;
        max-width: none;
        border-radius: 20px;
    }

.dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments,
.dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments {
    pointer-events: none;
}

.dx-rtl .dx-scheduler-appointment-collector {
    margin: 3px 3px 0 0;
}

.dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
    white-space: pre-wrap;
    line-height: 1.3;
}

.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
    margin: 0;
}

    .dx-scheduler-adaptive .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
        line-height: 20px;
    }

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 10px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 15px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 15px;
}

.dx-layout-manager .dx-field-empty-item {
    width: 100%;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
    padding-left: 0;
    padding-right: 0;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item {
    padding-top: 0;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
    padding-top: 10px;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
        display: block;
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content,
    .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        display: block;
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

.dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label {
    vertical-align: baseline;
}

.dx-layout-manager .dx-label-h-align .dx-field-item-label,
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
    display: table-cell;
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
        display: block;
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
    white-space: nowrap;
    vertical-align: middle;
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
        display: block;
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-content {
    vertical-align: top;
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
    .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
        margin-top: 7px;
        margin-bottom: 4px;
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
    width: 100%;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 20px;
}

.dx-field-item-label-location-top {
    display: block;
}

.dx-form-group-content {
    border-width: 0;
    padding: 0;
    margin: 0;
}

.dx-form-group-caption {
    font-size: 20px;
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 19px;
    padding-bottom: 20px;
    margin-top: 6px;
}

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 20px;
}

.dx-layout-manager-hidden-label {
    position: absolute;
    display: block;
    visibility: hidden;
}

.dx-field-item-help-text {
    font-style: italic;
    white-space: normal;
}

.dx-field-item-label-location-left {
    padding-right: 10px;
}

.dx-field-item-label-location-right {
    padding-left: 10px;
}

.dx-rtl .dx-field-item-required-mark,
.dx-rtl .dx-field-item-optional-mark {
    unicode-bidi: embed;
}

.dx-rtl .dx-field-item:not(.dx-first-col) {
    padding-left: 0;
    padding-right: 15px;
}

.dx-rtl .dx-field-item:not(.dx-last-col) {
    padding-left: 15px;
    padding-right: 0;
}

.dx-rtl .dx-field-item-label-location-left {
    padding-right: 0;
    padding-left: 10px;
}

.dx-rtl .dx-field-item-label-location-right {
    padding-left: 0;
    padding-right: 10px;
}

.dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
    padding-right: 0;
    padding-left: 0;
}

.dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 0;
    padding-right: 20px;
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-text,
.dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon {
    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-text,
.dx-filterbuilder .dx-filterbuilder-action-icon {
    margin-left: 0;
    margin-right: 5px;
}

    .dx-filterbuilder .dx-filterbuilder-text:focus,
    .dx-filterbuilder .dx-filterbuilder-item-value-text:focus,
    .dx-filterbuilder .dx-filterbuilder-action-icon:focus {
        outline: none;
    }

.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-text-separator,
        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator {
            margin: 0 7px;
            opacity: 0.3;
        }

        .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,
        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
            min-width: 20px;
            padding: 2px 7px 3px 7px;
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
            vertical-align: middle;
            margin-top: -7px;
            margin-bottom: -4px;
            display: inline-block;
        }

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
        display: inline-block;
        cursor: pointer;
        position: relative;
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
            padding: 5px 8px;
        }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
    padding-left: 26px;
}

.dx-filterbuilder-operations .dx-treeview-item {
    padding-left: 5px;
}

.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
    padding-right: 5px;
}

.dx-filterbuilder-overlay {
    white-space: nowrap;
}

    .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
        padding-left: 0;
    }

        .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened {
            margin-left: 15px;
        }

    .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
        padding-right: 0;
    }

        .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
            margin-right: 15px;
        }

    .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
        border-radius: 0;
    }

        .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content {
            padding: 0;
        }

    .dx-filterbuilder-overlay .dx-scrollable-container {
        max-height: 360px;
    }

    .dx-filterbuilder-overlay .dx-menu-items-container {
        padding: 0;
    }

.dx-drawer {
    height: 100%;
    width: 100%;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.dx-drawer-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.dx-drawer-panel-content {
    position: absolute;
    top: 0;
    bottom: 0;
}

.dx-drawer-right .dx-drawer-panel-content {
    right: 0;
}

.dx-drawer-left .dx-drawer-panel-content {
    left: 0;
}

.dx-drawer-content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
}

.dx-drawer-shader {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
    top: auto;
}

.dx-drawer-shrink .dx-drawer-panel-content {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
}

.dx-drawer-shrink .dx-drawer-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.dx-drawer-shrink .dx-drawer-content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper,
.dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dx-drawer-overlap .dx-drawer-panel-content {
    overflow: visible;
}

    .dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper {
        right: auto;
        left: auto;
    }

.dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper,
.dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper {
    overflow-y: visible;
}

.dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper,
.dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper {
    overflow-x: visible;
}

.dx-drawer-overlap.dx-drawer-right.dx-drawer-expand .dx-overlay-content {
    right: 0;
}

.dx-htmleditor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid transparent;
}

.dx-quill-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-height: 1px;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

    .ql-clipboard p {
        margin: 0;
        padding: 0;
    }

.dx-htmleditor-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.42;
    width: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

    .dx-htmleditor-content .dx-variable > span {
        padding: 3px 6px;
        border-radius: 8px;
    }

    .dx-htmleditor-content > * {
        cursor: text;
    }

    .dx-htmleditor-content p,
    .dx-htmleditor-content ol,
    .dx-htmleditor-content ul,
    .dx-htmleditor-content pre,
    .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 {
        margin: 0;
        padding: 0;
    }

    .dx-htmleditor-content p,
    .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 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;
    }

    .dx-htmleditor-content td {
        border: 1px solid #000;
        padding: 2px 5px;
    }

    .dx-htmleditor-content ol,
    .dx-htmleditor-content ul {
        padding-left: 1.5em;
    }

.dx-rtl .dx-htmleditor-content ol,
.dx-rtl .dx-htmleditor-content ul {
    padding-left: 0;
    padding-right: 1.5em;
}

.dx-htmleditor-content li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
}

    .dx-htmleditor-content li::before {
        display: inline-block;
        margin-left: -1.5em;
        margin-right: 0.3em;
        text-align: right;
        white-space: nowrap;
        width: 1.2em;
    }

.dx-rtl .dx-htmleditor-content li {
    padding-left: 0;
    padding-right: 1.5em;
}

    .dx-rtl .dx-htmleditor-content li::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
        text-align: left;
    }

.dx-htmleditor-content ul > li::before {
    content: '\2022';
}

.dx-htmleditor-content li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}

    .dx-htmleditor-content li::before {
        content: counter(list-0, decimal) '. ';
    }

.dx-htmleditor-content ol li.ql-indent-1 {
    counter-increment: list-1;
}

    .dx-htmleditor-content ol li.ql-indent-1::before {
        content: counter(list-1, lower-alpha) '. ';
    }

.dx-htmleditor-content li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-2 {
    counter-increment: list-2;
}

    .dx-htmleditor-content ol li.ql-indent-2::before {
        content: counter(list-2, lower-roman) '. ';
    }

.dx-htmleditor-content li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-3 {
    counter-increment: list-3;
}

    .dx-htmleditor-content ol li.ql-indent-3::before {
        content: counter(list-3, decimal) '. ';
    }

.dx-htmleditor-content li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-4 {
    counter-increment: list-4;
}

    .dx-htmleditor-content ol li.ql-indent-4::before {
        content: counter(list-4, lower-alpha) '. ';
    }

.dx-htmleditor-content li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-5 {
    counter-increment: list-5;
}

    .dx-htmleditor-content ol li.ql-indent-5::before {
        content: counter(list-5, lower-roman) '. ';
    }

.dx-htmleditor-content li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-6 {
    counter-increment: list-6;
}

    .dx-htmleditor-content ol li.ql-indent-6::before {
        content: counter(list-6, decimal) '. ';
    }

.dx-htmleditor-content li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-7 {
    counter-increment: list-7;
}

    .dx-htmleditor-content ol li.ql-indent-7::before {
        content: counter(list-7, lower-alpha) '. ';
    }

.dx-htmleditor-content li.ql-indent-7 {
    counter-reset: list-8 list-9;
}

.dx-htmleditor-content ol li.ql-indent-8 {
    counter-increment: list-8;
}

    .dx-htmleditor-content ol li.ql-indent-8::before {
        content: counter(list-8, lower-roman) '. ';
    }

.dx-htmleditor-content li.ql-indent-8 {
    counter-reset: list-9;
}

.dx-htmleditor-content ol li.ql-indent-9 {
    counter-increment: list-9;
}

    .dx-htmleditor-content ol li.ql-indent-9::before {
        content: counter(list-9, decimal) '. ';
    }

.dx-htmleditor-content .ql-indent-1 {
    padding-left: 3em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-1 {
    padding-left: 0;
    padding-right: 3em;
}

.dx-htmleditor-content li.ql-indent-1 {
    padding-left: 4.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-1 {
    padding-left: 0;
    padding-right: 4.5em;
}

.dx-htmleditor-content .ql-indent-2 {
    padding-left: 6em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-2 {
    padding-left: 0;
    padding-right: 6em;
}

.dx-htmleditor-content li.ql-indent-2 {
    padding-left: 7.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-2 {
    padding-left: 0;
    padding-right: 7.5em;
}

.dx-htmleditor-content .ql-indent-3 {
    padding-left: 9em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-3 {
    padding-left: 0;
    padding-right: 9em;
}

.dx-htmleditor-content li.ql-indent-3 {
    padding-left: 10.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-3 {
    padding-left: 0;
    padding-right: 10.5em;
}

.dx-htmleditor-content .ql-indent-4 {
    padding-left: 12em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-4 {
    padding-left: 0;
    padding-right: 12em;
}

.dx-htmleditor-content li.ql-indent-4 {
    padding-left: 13.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-4 {
    padding-left: 0;
    padding-right: 13.5em;
}

.dx-htmleditor-content .ql-indent-5 {
    padding-left: 15em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-5 {
    padding-left: 0;
    padding-right: 15em;
}

.dx-htmleditor-content li.ql-indent-5 {
    padding-left: 16.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-5 {
    padding-left: 0;
    padding-right: 16.5em;
}

.dx-htmleditor-content .ql-indent-6 {
    padding-left: 18em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-6 {
    padding-left: 0;
    padding-right: 18em;
}

.dx-htmleditor-content li.ql-indent-6 {
    padding-left: 19.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-6 {
    padding-left: 0;
    padding-right: 19.5em;
}

.dx-htmleditor-content .ql-indent-7 {
    padding-left: 21em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-7 {
    padding-left: 0;
    padding-right: 21em;
}

.dx-htmleditor-content li.ql-indent-7 {
    padding-left: 22.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-7 {
    padding-left: 0;
    padding-right: 22.5em;
}

.dx-htmleditor-content .ql-indent-8 {
    padding-left: 24em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-8 {
    padding-left: 0;
    padding-right: 24em;
}

.dx-htmleditor-content li.ql-indent-8 {
    padding-left: 25.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-8 {
    padding-left: 0;
    padding-right: 25.5em;
}

.dx-htmleditor-content .ql-indent-9 {
    padding-left: 27em;
}

.dx-rtl .dx-htmleditor-content .ql-indent-9 {
    padding-left: 0;
    padding-right: 27em;
}

.dx-htmleditor-content li.ql-indent-9 {
    padding-left: 28.5em;
}

.dx-rtl .dx-htmleditor-content li.ql-indent-9 {
    padding-left: 0;
    padding-right: 28.5em;
}

.dx-rtl .dx-htmleditor-content li {
    padding-right: 1.5em;
}

    .dx-rtl .dx-htmleditor-content li::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
        text-align: left;
    }

.dx-htmleditor-content table {
    table-layout: fixed;
    width: 100%;
}

    .dx-htmleditor-content table td {
        outline: none;
    }

.dx-htmleditor-content .ql-code-block-container {
    font-family: monospace;
}

.dx-htmleditor-content .ql-video {
    display: block;
    max-width: 100%;
}

    .dx-htmleditor-content .ql-video.ql-align-center {
        margin: 0 auto;
    }

    .dx-htmleditor-content .ql-video.ql-align-right {
        margin: 0 0 0 auto;
    }

.dx-htmleditor-content .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
}

.dx-htmleditor-content .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
}

.dx-htmleditor-content .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}

.dx-htmleditor-content.ql-blank::before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}

.dx-htmleditor-content pre {
    white-space: pre-wrap;
    background-color: rgba(191, 191, 191, 0.15);
}

.dx-htmleditor-content blockquote {
    padding-left: 12px;
    border-left: 4px solid;
}

.dx-rtl .dx-htmleditor-content blockquote {
    padding-left: 0;
    padding-right: 12px;
    border-left: none;
    border-right: 4px solid;
}

.dx-suggestion-list-wrapper .dx-list {
    min-height: 35px;
}

    .dx-suggestion-list-wrapper .dx-list .dx-scrollable-content {
        margin: 0;
    }

.dx-suggestion-list {
    min-width: 50px;
}

    .dx-suggestion-list .dx-list-item {
        display: block;
    }

    .dx-suggestion-list .dx-list-item-icon {
        border-radius: 50%;
        vertical-align: text-bottom;
    }

.dx-formdialog-form {
    min-width: 360px;
}

.dx-formdialog-field-target .dx-field-item-content {
    text-align: right;
}

.dx-rtl .dx-formdialog-field-target .dx-field-item-content {
    text-align: left;
}

.dx-htmleditor-toolbar-wrapper {
    padding: 5px;
}

.dx-color-format .dx-icon-color,
.dx-background-format .dx-icon-color,
.dx-color-format .dx-icon-background,
.dx-background-format .dx-icon-background {
    border-bottom: 3px solid transparent;
}

.dx-htmleditor-toolbar-separator {
    height: 100%;
    border-left: 1px solid transparent;
}

.dx-htmleditor-toolbar-menu-separator {
    width: 100%;
    border-top: 1px solid transparent;
}

    .dx-htmleditor-toolbar-menu-separator::before {
        content: none;
    }

.dx-resize-frame {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px dashed lightslategrey;
}

    .dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-resize-frame .dx-resizable-handle-corner-top-left,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        border: 1px solid white;
        width: 11px;
        height: 11px;
        border-radius: 0;
    }

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
    width: 15px;
    height: 15px;
}

.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-resize-frame .dx-resizable-handle-corner-bottom-right {
    right: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right {
    right: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
    left: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
    left: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-resize-frame .dx-resizable-handle-corner-top-left {
    top: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left {
    top: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
    bottom: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
    bottom: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-right::after,
.dx-resize-frame .dx-resizable-handle-left::after,
.dx-resize-frame .dx-resizable-handle-top::after,
.dx-resize-frame .dx-resizable-handle-bottom::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border: 1px solid white;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
    width: 15px;
    height: 15px;
}

.dx-resize-frame .dx-resizable-handle-right::after,
.dx-resize-frame .dx-resizable-handle-left::after {
    top: calc(50% - 11px / 2);
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after {
    top: calc(50% - 15px / 2);
}

.dx-resize-frame .dx-resizable-handle-top::after,
.dx-resize-frame .dx-resizable-handle-bottom::after {
    left: calc(50% - 11px / 2);
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after,
.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
    left: calc(50% - 15px / 2);
}

.dx-resize-frame .dx-resizable-handle-right::after {
    right: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after {
    right: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-left::after {
    left: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after {
    left: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-top::after {
    top: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after {
    top: -7.5px;
}

.dx-resize-frame .dx-resizable-handle-bottom::after {
    bottom: -5.5px;
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after {
    bottom: -7.5px;
}

.dx-mention {
    padding: 1px 0;
    border-radius: 2px;
}

    .dx-mention .dx-template-wrapper {
        white-space: nowrap;
        display: inline-block;
    }

    .dx-mention > span {
        margin: 0 2px;
    }

.dx-fa-button .dx-overlay-content {
    border-radius: 50%;
    cursor: pointer;
}

.dx-filemanager {
    height: 500px;
    border: 1px solid;
}

    .dx-filemanager .dx-filemanager-wrapper {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dx-filemanager .dx-filemanager-notification-drawer {
        height: 100%;
    }

    .dx-filemanager .dx-filemanager-notification-popup > .dx-overlay-content {
        min-width: 400px;
        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-filemanager-progress-panel {
        width: 340px;
        height: 100%;
    }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-container {
            padding: 10px 10px 20px 10px;
        }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 0 0 5px 10px;
        }

            .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title .dx-filemanager-progress-panel-title-text {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                -webkit-align-self: center;
                -ms-flex-item-align: center;
                align-self: center;
                font-size: 18px;
                font-weight: 600;
            }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-common .dx-filemanager-progress-box-common {
            font-weight: 600;
        }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-separator {
            height: 20px;
        }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-i.dx-filemanager-i-cancel {
            width: 16px;
            height: 16px;
        }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box {
            margin-bottom: 8px;
            border-radius: 2px;
        }

    .dx-filemanager .dx-filemanager-progress-box {
        padding: 10px 0 10px 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .dx-filemanager .dx-filemanager-progress-box.dx-filemanager-progress-box-without-close-button {
            padding-right: 41px;
        }

        .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-image {
            font-size: 30px;
            margin-right: 10px;
        }

        .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-wrapper {
            -webkit-box-flex: 1;
            -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
            flex: 1 auto;
        }

        .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-common {
            padding: 5px 0;
        }

        .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-progress-bar {
            padding: 5px 0;
        }

        .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;
    }

    .dx-filemanager .dx-filemanager-toolbar {
        padding: 6px 10px;
    }

        .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
            width: 1px;
            margin-right: 5px;
        }

    .dx-filemanager .dx-filemanager-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        border-top: 1px solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
    }

        .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
            padding: 5px 10px;
            height: 100%;
            width: 100%;
            display: block;
        }

        .dx-filemanager .dx-filemanager-container .dx-drawer-opened .dx-splitter.dx-state-disabled {
            width: 1px;
        }

        .dx-filemanager .dx-filemanager-container .dx-drawer-panel-content {
            display: block;
            width: 30%;
        }

            .dx-filemanager .dx-filemanager-container .dx-drawer-panel-content.dx-drawer-panel-content-initial {
                min-width: 250px;
                max-width: 300px;
            }

    .dx-filemanager .dx-filemanager-dirs-panel {
        height: 100%;
    }

    .dx-filemanager .dx-filemanager-breadcrumbs {
        padding: 6px 11px;
        border-bottom: 1px solid;
    }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-horizontal .dx-menu-item-wrapper {
            vertical-align: middle;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content {
            padding: 5px 0 10px;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-parent-folder-item .dx-menu-item-content {
            padding: 5px 9px 10px;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
            width: 1px;
            height: 36px;
            padding: 0;
            margin: 0 10px;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item .dx-menu-item-content {
            padding: 5px 1px 10px;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
            cursor: default;
        }

    .dx-filemanager .dx-filemanager-notification-container {
        position: absolute;
        top: -5000px;
        left: -5000px;
    }

    .dx-filemanager .dx-filemanager-editing-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: 10px 14px;
        }

    .dx-filemanager .dx-row.dx-selection .dx-filemanager-file-actions-button,
    .dx-filemanager .dx-row.dx-state-hover .dx-filemanager-file-actions-button {
        visibility: visible;
    }

    .dx-filemanager .dx-filemanager-items-panel {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dx-filemanager .dx-filemanager-thumbnails {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port {
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 5px;
        }

            .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-container {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item {
                float: left;
                text-align: center;
                cursor: pointer;
                white-space: nowrap;
                width: 100px;
                height: 100px;
                border: 1px dashed transparent;
                margin: 5px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content {
                    overflow: hidden;
                    padding: 13px 0 10px;
                }

                    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail {
                        border: 0;
                        width: 48px;
                        height: 48px;
                        font-size: 48px;
                    }

                    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-spacer {
                        border: 0;
                        padding: 0;
                        margin: 0;
                        height: 10px;
                        visibility: hidden;
                    }

                    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-name {
                        overflow: hidden;
                        width: 100%;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

    .dx-filemanager .dx-filemanager-details {
        height: 100%;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .dx-filemanager .dx-filemanager-details > div {
            height: 100%;
        }

        .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name {
                -webkit-box-flex: 1;
                -webkit-flex: 1 auto;
                -ms-flex: 1 auto;
                flex: 1 auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .dx-filemanager .dx-filemanager-i.dx-filemanager-i-progress,
    .dx-filemanager .dx-filemanager-i.dx-icon.dx-filemanager-i-progress {
        -webkit-animation: dx-filemanager-icon-rotate 1.5s infinite linear;
        animation: dx-filemanager-icon-rotate 1.5s infinite linear;
    }

@-webkit-keyframes dx-filemanager-icon-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes dx-filemanager-icon-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dx-filemanager-file-actions-button {
    visibility: hidden;
    text-align: center;
}

    .dx-filemanager-file-actions-button.dx-widget {
        line-height: 100%;
    }

    .dx-filemanager-file-actions-button .dx-button {
        border: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-filemanager-file-actions-button .dx-button .dx-button-content {
            padding: 10px 11px;
        }

        .dx-filemanager-file-actions-button .dx-button i {
            font-style: normal;
        }

    .dx-filemanager-file-actions-button.dx-filemanager-file-actions-button-activated,
    .dx-filemanager-file-actions-button:hover {
        visibility: visible;
    }

.dx-filemanager-dirs-tree {
    width: 100%;
}

    .dx-filemanager-dirs-tree .dx-treeview-item-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

        .dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text {
            -webkit-box-flex: 1;
            -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
            flex: 1 auto;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dx-filemanager-dirs-tree .dx-filemanager-file-actions-button {
        margin-top: 1px;
        margin-bottom: -1px;
    }

    .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-progresspanel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

    .dx-filemanager-progresspanel .dx-filemanager-progressbox {
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }

    .dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button {
        margin-top: 5px;
        float: right;
    }

.dx-diagram {
    border: 1px solid transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 400px;
}

    .dx-diagram .dx-diagram-toolbar-wrapper {
        padding: 5px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .dx-diagram .dx-diagram-content-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        overflow: hidden;
    }

    .dx-diagram .dx-diagram-left-panel {
        -webkit-box-flex: 240px;
        -webkit-flex: 240px 0 0;
        -ms-flex: 240px 0 0px;
        flex: 240px 0 0;
        overflow-y: auto;
        position: relative;
        border-right: 1px solid transparent;
    }

        .dx-diagram .dx-diagram-left-panel > * {
            position: absolute;
        }

        .dx-diagram .dx-diagram-left-panel > .dx-scrollview {
            width: 100%;
        }

    .dx-diagram .dx-diagram-drawer-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0;
        overflow: hidden;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

    .dx-diagram .dx-diagram-content {
        height: 100%;
    }

    .dx-diagram .dx-diagram-right-panel {
        border-left: 1px solid transparent;
    }

        .dx-diagram .dx-diagram-right-panel .dx-scrollview {
            width: 280px;
        }

        .dx-diagram .dx-diagram-right-panel .dx-accordion {
            width: 100%;
        }

    .dx-diagram .dx-diagram-toolbar-separator {
        height: 100%;
        border-left: 1px solid transparent;
    }

    .dx-diagram .dx-diagram-toolbar-menu-separator {
        width: 100%;
        border-top: 1px solid transparent;
    }

        .dx-diagram .dx-diagram-toolbar-menu-separator::before {
            content: none;
        }

    .dx-diagram.dx-diagram-fullscreen {
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        position: fixed;
        z-index: 2;
    }

    .dx-diagram .dxdi-canvas {
        overflow: hidden;
    }

.dx-diagram-toolbar .dx-diagram-select-b .dx-texteditor,
.dx-dropdownmenu-popup .dx-diagram-select-b .dx-texteditor,
.dx-diagram-toolbar .dx-diagram-color-b .dx-texteditor,
.dx-dropdownmenu-popup .dx-diagram-color-b .dx-texteditor {
    width: auto;
}

.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper,
.dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper,
.dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i {
        display: block;
    }

    .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox,
    .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox,
    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox,
    .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox {
        width: 0;
    }

        .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
        .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
        .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input,
        .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input {
            width: 0;
            padding-left: 0;
        }

.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-gantt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .dx-gantt .dx-gantt-si {
        text-align: center;
        vertical-align: middle;
    }

    .dx-gantt .dx-gantt-treelist-wrapper {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

        .dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-scrollbar-vertical {
            display: none;
        }

        .dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-treelist-headers + .dx-treelist-rowsview {
            border-top: none;
        }

    .dx-gantt .dx-splitter-wrapper .dx-splitter-border .dx-splitter {
        width: 2px;
    }

    .dx-gantt .dx-gantt-view {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
    }

        .dx-gantt .dx-gantt-view .dx-gantt-tac-hb {
            margin-top: -1px;
        }

        .dx-gantt .dx-gantt-view .dx-scrollable-scrollbar {
            z-index: 100;
        }

.dx-splitter-wrapper {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 998;
    top: 0;
}

    .dx-splitter-wrapper.dx-splitter-initial {
        right: 0;
    }

    .dx-splitter-wrapper .dx-splitter-border {
        z-index: 997;
        height: 100%;
        display: table;
    }

        .dx-splitter-wrapper .dx-splitter-border .dx-splitter {
            height: 100%;
            width: 3px;
            display: block;
            cursor: col-resize;
            z-index: 999;
        }

            .dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-splitter-transparent {
                z-index: 998;
            }

            .dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-state-disabled {
                width: 0;
                cursor: default;
            }

.dx-deferrendering .dx-deferrendering-loadindicator-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering {
    display: none !important;
}

.dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering {
    display: none !important;
}

/**
* DevExtreme (dx.light.compact.css)
* Version: 19.2.3
* Build date: Tue Oct 22 2019
*
* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-theme-generic-typography {
    background-color: #fff;
    color: #333;
    font-weight: normal;
    /*font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;*/
    line-height: 1.33334;
}

    .dx-theme-generic-typography input,
    .dx-theme-generic-typography textarea {
        /*font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;*/
        line-height: 1.33334;
    }

    .dx-theme-generic-typography h1,
    .dx-theme-generic-typography .dx-font-xl {
        font-weight: 200;
        font-size: 29px;
    }

    .dx-theme-generic-typography h2,
    .dx-theme-generic-typography .dx-font-l {
        font-weight: normal;
        font-size: 24px;
    }

    .dx-theme-generic-typography h3 {
        font-weight: normal;
        font-size: 20px;
    }

    .dx-theme-generic-typography .dx-font-m {
        font-weight: normal;
        font-size: 18px;
    }

    .dx-theme-generic-typography h4,
    .dx-theme-generic-typography .dx-font-s {
        font-weight: 500;
        font-size: 16px;
    }

    .dx-theme-generic-typography h5 {
        font-weight: 700;
        font-size: 14px;
    }

    .dx-theme-generic-typography h6,
    .dx-theme-generic-typography small,
    .dx-theme-generic-typography .dx-font-xs {
        font-weight: 800;
        font-size: 10px;
    }

    .dx-theme-generic-typography a {
        color: #337ab7;
    }

.dx-theme-marker {
    font-family: "dx.generic.light.compact";
}

.dx-theme-accent-as-text-color {
    color: #337ab7 !important;
}

.dx-theme-text-color {
    color: #333 !important;
}

.dx-theme-background-color-as-text-color {
    color: #fff !important;
}

.dx-theme-border-color-as-text-color {
    color: #ddd !important;
}

.dx-theme-accent-as-background-color {
    background-color: #337ab7 !important;
    fill: #337ab7 !important;
}

.dx-theme-text-color-as-background-color {
    background-color: #333 !important;
    fill: #333 !important;
}

.dx-theme-background-color {
    background-color: #fff !important;
    fill: #fff !important;
}

.dx-theme-border-color-as-background-color {
    background-color: #ddd !important;
    fill: #ddd !important;
}

.dx-theme-accent-as-border-color {
    border-color: #337ab7 !important;
}

.dx-theme-text-color-as-border-color {
    border-color: #333 !important;
}

.dx-theme-background-color-as-border-color {
    border-color: #fff !important;
}

.dx-theme-border-color {
    border-color: #ddd !important;
}

@font-face {
    font-family: 'DXIcons';
    src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), url(icons/dxicons.woff2) format('woff2'), url(icons/dxicons.woff) format('woff'), url(icons/dxicons.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.dx-icon {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dx-icon-add {
    font: 14px/1 DXIcons;
}

    .dx-icon-add:before {
        content: "\f00b";
    }

.dx-icon-airplane {
    font: 14px/1 DXIcons;
}

    .dx-icon-airplane:before {
        content: "\f000";
    }

.dx-icon-bookmark {
    font: 14px/1 DXIcons;
}

    .dx-icon-bookmark:before {
        content: "\f017";
    }

.dx-icon-box {
    font: 14px/1 DXIcons;
}

    .dx-icon-box:before {
        content: "\f018";
    }

.dx-icon-car {
    font: 14px/1 DXIcons;
}

    .dx-icon-car:before {
        content: "\f01b";
    }

.dx-icon-card {
    font: 14px/1 DXIcons;
}

    .dx-icon-card:before {
        content: "\f019";
    }

.dx-icon-cart {
    font: 14px/1 DXIcons;
}

    .dx-icon-cart:before {
        content: "\f01a";
    }

.dx-icon-chart {
    font: 14px/1 DXIcons;
}

    .dx-icon-chart:before {
        content: "\f01c";
    }

.dx-icon-check {
    font: 14px/1 DXIcons;
}

    .dx-icon-check:before {
        content: "\f005";
    }

.dx-icon-clear {
    font: 14px/1 DXIcons;
}

    .dx-icon-clear:before {
        content: "\f008";
    }

.dx-icon-clock {
    font: 14px/1 DXIcons;
}

    .dx-icon-clock:before {
        content: "\f01d";
    }

.dx-icon-close {
    font: 14px/1 DXIcons;
}

    .dx-icon-close:before {
        content: "\f00a";
    }

.dx-icon-coffee {
    font: 14px/1 DXIcons;
}

    .dx-icon-coffee:before {
        content: "\f02a";
    }

.dx-icon-comment {
    font: 14px/1 DXIcons;
}

    .dx-icon-comment:before {
        content: "\f01e";
    }

.dx-icon-doc {
    font: 14px/1 DXIcons;
}

    .dx-icon-doc:before {
        content: "\f021";
    }

.dx-icon-download {
    font: 14px/1 DXIcons;
}

    .dx-icon-download:before {
        content: "\f022";
    }

.dx-icon-dragvertical {
    font: 14px/1 DXIcons;
}

    .dx-icon-dragvertical:before {
        content: "\f038";
    }

.dx-icon-edit {
    font: 14px/1 DXIcons;
}

    .dx-icon-edit:before {
        content: "\f023";
    }

.dx-icon-email {
    font: 14px/1 DXIcons;
}

    .dx-icon-email:before {
        content: "\f024";
    }

.dx-icon-event {
    font: 14px/1 DXIcons;
}

    .dx-icon-event:before {
        content: "\f026";
    }

.dx-icon-favorites {
    font: 14px/1 DXIcons;
}

    .dx-icon-favorites:before {
        content: "\f025";
    }

.dx-icon-find {
    font: 14px/1 DXIcons;
}

    .dx-icon-find:before {
        content: "\f027";
    }

.dx-icon-filter {
    font: 14px/1 DXIcons;
}

    .dx-icon-filter:before {
        content: "\f050";
    }

.dx-icon-folder {
    font: 14px/1 DXIcons;
}

    .dx-icon-folder:before {
        content: "\f028";
    }

.dx-icon-food {
    font: 14px/1 DXIcons;
}

    .dx-icon-food:before {
        content: "\f029";
    }

.dx-icon-gift {
    font: 14px/1 DXIcons;
}

    .dx-icon-gift:before {
        content: "\f02b";
    }

.dx-icon-globe {
    font: 14px/1 DXIcons;
}

    .dx-icon-globe:before {
        content: "\f02c";
    }

.dx-icon-group {
    font: 14px/1 DXIcons;
}

    .dx-icon-group:before {
        content: "\f02e";
    }

.dx-icon-help {
    font: 14px/1 DXIcons;
}

    .dx-icon-help:before {
        content: "\f02f";
    }

.dx-icon-home {
    font: 14px/1 DXIcons;
}

    .dx-icon-home:before {
        content: "\f030";
    }

.dx-icon-image {
    font: 14px/1 DXIcons;
}

    .dx-icon-image:before {
        content: "\f031";
    }

.dx-icon-info {
    font: 14px/1 DXIcons;
}

    .dx-icon-info:before {
        content: "\f032";
    }

.dx-icon-key {
    font: 14px/1 DXIcons;
}

    .dx-icon-key:before {
        content: "\f033";
    }

.dx-icon-like {
    font: 14px/1 DXIcons;
}

    .dx-icon-like:before {
        content: "\f034";
    }

.dx-icon-map {
    font: 14px/1 DXIcons;
}

    .dx-icon-map:before {
        content: "\f035";
    }

.dx-icon-menu {
    font: 14px/1 DXIcons;
}

    .dx-icon-menu:before {
        content: "\f00c";
    }

.dx-icon-message {
    font: 14px/1 DXIcons;
}

    .dx-icon-message:before {
        content: "\f024";
    }

.dx-icon-money {
    font: 14px/1 DXIcons;
}

    .dx-icon-money:before {
        content: "\f036";
    }

.dx-icon-music {
    font: 14px/1 DXIcons;
}

    .dx-icon-music:before {
        content: "\f037";
    }

.dx-icon-overflow {
    font: 14px/1 DXIcons;
}

    .dx-icon-overflow:before {
        content: "\f00d";
    }

.dx-icon-percent {
    font: 14px/1 DXIcons;
}

    .dx-icon-percent:before {
        content: "\f039";
    }

.dx-icon-photo {
    font: 14px/1 DXIcons;
}

    .dx-icon-photo:before {
        content: "\f03a";
    }

.dx-icon-plus {
    font: 14px/1 DXIcons;
}

    .dx-icon-plus:before {
        content: "\f00b";
    }

.dx-icon-minus {
    font: 14px/1 DXIcons;
}

    .dx-icon-minus:before {
        content: "\f074";
    }

.dx-icon-preferences {
    font: 14px/1 DXIcons;
}

    .dx-icon-preferences:before {
        content: "\f03b";
    }

.dx-icon-product {
    font: 14px/1 DXIcons;
}

    .dx-icon-product:before {
        content: "\f03c";
    }

.dx-icon-pulldown {
    font: 14px/1 DXIcons;
}

    .dx-icon-pulldown:before {
        content: "\f062";
    }

.dx-icon-refresh {
    font: 14px/1 DXIcons;
}

    .dx-icon-refresh:before {
        content: "\f03d";
    }

.dx-icon-remove {
    font: 14px/1 DXIcons;
}

    .dx-icon-remove:before {
        content: "\f00a";
    }

.dx-icon-revert {
    font: 14px/1 DXIcons;
}

    .dx-icon-revert:before {
        content: "\f04c";
    }

.dx-icon-runner {
    font: 14px/1 DXIcons;
}

    .dx-icon-runner:before {
        content: "\f040";
    }

.dx-icon-save {
    font: 14px/1 DXIcons;
}

    .dx-icon-save:before {
        content: "\f041";
    }

.dx-icon-search {
    font: 14px/1 DXIcons;
}

    .dx-icon-search:before {
        content: "\f027";
    }

.dx-icon-tags {
    font: 14px/1 DXIcons;
}

    .dx-icon-tags:before {
        content: "\f009";
    }

.dx-icon-tel {
    font: 14px/1 DXIcons;
}

    .dx-icon-tel:before {
        content: "\f003";
    }

.dx-icon-tips {
    font: 14px/1 DXIcons;
}

    .dx-icon-tips:before {
        content: "\f004";
    }

.dx-icon-todo {
    font: 14px/1 DXIcons;
}

    .dx-icon-todo:before {
        content: "\f005";
    }

.dx-icon-toolbox {
    font: 14px/1 DXIcons;
}

    .dx-icon-toolbox:before {
        content: "\f007";
    }

.dx-icon-trash {
    font: 14px/1 DXIcons;
}

    .dx-icon-trash:before {
        content: "\f03e";
    }

.dx-icon-user {
    font: 14px/1 DXIcons;
}

    .dx-icon-user:before {
        content: "\f02d";
    }

.dx-icon-upload {
    font: 14px/1 DXIcons;
}

    .dx-icon-upload:before {
        content: "\f006";
    }

.dx-icon-floppy {
    font: 14px/1 DXIcons;
}

    .dx-icon-floppy:before {
        content: "\f073";
    }

.dx-icon-arrowleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowleft:before {
        content: "\f011";
    }

.dx-icon-arrowdown {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowdown:before {
        content: "\f015";
    }

.dx-icon-arrowright {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowright:before {
        content: "\f00e";
    }

.dx-icon-arrowup {
    font: 14px/1 DXIcons;
}

    .dx-icon-arrowup:before {
        content: "\f013";
    }

.dx-icon-spinleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinleft:before {
        content: "\f04f";
    }

.dx-icon-spinright {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinright:before {
        content: "\f04e";
    }

.dx-icon-spinnext {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinnext:before {
        content: "\f04e";
    }

.dx-rtl .dx-icon-spinnext:before {
    content: "\f04f";
}

.dx-icon-spinprev {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinprev:before {
        content: "\f04f";
    }

.dx-rtl .dx-icon-spinprev:before {
    content: "\f04e";
}

.dx-icon-spindown {
    font: 14px/1 DXIcons;
}

    .dx-icon-spindown:before {
        content: "\f001";
    }

.dx-icon-spinup {
    font: 14px/1 DXIcons;
}

    .dx-icon-spinup:before {
        content: "\f002";
    }

.dx-icon-chevronleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronleft:before {
        content: "\f012";
    }

.dx-icon-chevronright {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronright:before {
        content: "\f010";
    }

.dx-icon-chevronnext {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronnext:before {
        content: "\f010";
    }

.dx-rtl .dx-icon-chevronnext:before {
    content: "\f012";
}

.dx-icon-chevronprev {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronprev:before {
        content: "\f012";
    }

.dx-rtl .dx-icon-chevronprev:before {
    content: "\f010";
}

.dx-icon-chevrondown {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevrondown:before {
        content: "\f016";
    }

.dx-icon-chevronup {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevronup:before {
        content: "\f014";
    }

.dx-icon-chevrondoubleleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevrondoubleleft:before {
        content: "\f042";
    }

.dx-icon-chevrondoubleright {
    font: 14px/1 DXIcons;
}

    .dx-icon-chevrondoubleright:before {
        content: "\f03f";
    }

.dx-icon-equal {
    font: 14px/1 DXIcons;
}

    .dx-icon-equal:before {
        content: "\f044";
    }

.dx-icon-notequal {
    font: 14px/1 DXIcons;
}

    .dx-icon-notequal:before {
        content: "\f045";
    }

.dx-icon-less {
    font: 14px/1 DXIcons;
}

    .dx-icon-less:before {
        content: "\f046";
    }

.dx-icon-greater {
    font: 14px/1 DXIcons;
}

    .dx-icon-greater:before {
        content: "\f047";
    }

.dx-icon-lessorequal {
    font: 14px/1 DXIcons;
}

    .dx-icon-lessorequal:before {
        content: "\f048";
    }

.dx-icon-greaterorequal {
    font: 14px/1 DXIcons;
}

    .dx-icon-greaterorequal:before {
        content: "\f049";
    }

.dx-icon-isblank {
    font: 14px/1 DXIcons;
}

    .dx-icon-isblank:before {
        content: "\f075";
    }

.dx-icon-isnotblank {
    font: 14px/1 DXIcons;
}

    .dx-icon-isnotblank:before {
        content: "\f076";
    }

.dx-icon-sortup {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortup:before {
        content: "\f051";
    }

.dx-icon-sortdown {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortdown:before {
        content: "\f052";
    }

.dx-icon-sortuptext {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortuptext:before {
        content: "\f053";
    }

.dx-icon-sortdowntext {
    font: 14px/1 DXIcons;
}

    .dx-icon-sortdowntext:before {
        content: "\f054";
    }

.dx-icon-sorted {
    font: 14px/1 DXIcons;
}

    .dx-icon-sorted:before {
        content: "\f055";
    }

.dx-icon-expand {
    font: 14px/1 DXIcons;
}

    .dx-icon-expand:before {
        content: "\f04a";
    }

.dx-icon-collapse {
    font: 14px/1 DXIcons;
}

    .dx-icon-collapse:before {
        content: "\f04b";
    }

.dx-icon-columnfield {
    font: 14px/1 DXIcons;
}

    .dx-icon-columnfield:before {
        content: "\f057";
    }

.dx-icon-rowfield {
    font: 14px/1 DXIcons;
}

    .dx-icon-rowfield:before {
        content: "\f058";
    }

.dx-icon-datafield {
    font: 14px/1 DXIcons;
}

    .dx-icon-datafield:before {
        content: "\f101";
    }

.dx-icon-fields {
    font: 14px/1 DXIcons;
}

    .dx-icon-fields:before {
        content: "\f059";
    }

.dx-icon-fieldchooser {
    font: 14px/1 DXIcons;
}

    .dx-icon-fieldchooser:before {
        content: "\f05a";
    }

.dx-icon-columnchooser {
    font: 14px/1 DXIcons;
}

    .dx-icon-columnchooser:before {
        content: "\f04d";
    }

.dx-icon-pin {
    font: 14px/1 DXIcons;
}

    .dx-icon-pin:before {
        content: "\f05b";
    }

.dx-icon-unpin {
    font: 14px/1 DXIcons;
}

    .dx-icon-unpin:before {
        content: "\f05c";
    }

.dx-icon-pinleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-pinleft:before {
        content: "\f05d";
    }

.dx-icon-pinright {
    font: 14px/1 DXIcons;
}

    .dx-icon-pinright:before {
        content: "\f05e";
    }

.dx-icon-contains {
    font: 14px/1 DXIcons;
}

    .dx-icon-contains:before {
        content: "\f063";
    }

.dx-icon-startswith {
    font: 14px/1 DXIcons;
}

    .dx-icon-startswith:before {
        content: "\f064";
    }

.dx-icon-endswith {
    font: 14px/1 DXIcons;
}

    .dx-icon-endswith:before {
        content: "\f065";
    }

.dx-icon-doesnotcontain {
    font: 14px/1 DXIcons;
}

    .dx-icon-doesnotcontain:before {
        content: "\f066";
    }

.dx-icon-range {
    font: 14px/1 DXIcons;
}

    .dx-icon-range:before {
        content: "\f06a";
    }

.dx-icon-export {
    font: 14px/1 DXIcons;
}

    .dx-icon-export:before {
        content: "\f05f";
    }

.dx-icon-exportxlsx {
    font: 14px/1 DXIcons;
}

    .dx-icon-exportxlsx:before {
        content: "\f060";
    }

.dx-icon-exportpdf {
    font: 14px/1 DXIcons;
}

    .dx-icon-exportpdf:before {
        content: "\f061";
    }

.dx-icon-exportselected {
    font: 14px/1 DXIcons;
}

    .dx-icon-exportselected:before {
        content: "\f06d";
    }

.dx-icon-warning {
    font: 14px/1 DXIcons;
}

    .dx-icon-warning:before {
        content: "\f06b";
    }

.dx-icon-more {
    font: 14px/1 DXIcons;
}

    .dx-icon-more:before {
        content: "\f06c";
    }

.dx-icon-square {
    font: 14px/1 DXIcons;
}

    .dx-icon-square:before {
        content: "\f067";
    }

.dx-icon-clearsquare {
    font: 14px/1 DXIcons;
}

    .dx-icon-clearsquare:before {
        content: "\f068";
    }

.dx-icon-back {
    font: 14px/1 DXIcons;
}

    .dx-icon-back:before {
        content: "\f012";
    }

.dx-rtl .dx-icon-back:before {
    content: "\f010";
}

.dx-icon-repeat {
    font: 14px/1 DXIcons;
}

    .dx-icon-repeat:before {
        content: "\f069";
    }

.dx-icon-selectall {
    font: 14px/1 DXIcons;
}

    .dx-icon-selectall:before {
        content: "\f070";
    }

.dx-icon-unselectall {
    font: 14px/1 DXIcons;
}

    .dx-icon-unselectall:before {
        content: "\f071";
    }

.dx-icon-print {
    font: 14px/1 DXIcons;
}

    .dx-icon-print:before {
        content: "\f072";
    }

.dx-icon-bold {
    font: 14px/1 DXIcons;
}

    .dx-icon-bold:before {
        content: "\f077";
    }

.dx-icon-italic {
    font: 14px/1 DXIcons;
}

    .dx-icon-italic:before {
        content: "\f078";
    }

.dx-icon-underline {
    font: 14px/1 DXIcons;
}

    .dx-icon-underline:before {
        content: "\f079";
    }

.dx-icon-strike {
    font: 14px/1 DXIcons;
}

    .dx-icon-strike:before {
        content: "\f07a";
    }

.dx-icon-indent {
    font: 14px/1 DXIcons;
}

    .dx-icon-indent:before {
        content: "\f07b";
    }

.dx-icon-font {
    font: 14px/1 DXIcons;
}

    .dx-icon-font:before {
        content: "\f11b";
    }

.dx-icon-fontsize {
    font: 14px/1 DXIcons;
}

    .dx-icon-fontsize:before {
        content: "\f07c";
    }

.dx-icon-shrinkfont {
    font: 14px/1 DXIcons;
}

    .dx-icon-shrinkfont:before {
        content: "\f07d";
    }

.dx-icon-growfont {
    font: 14px/1 DXIcons;
}

    .dx-icon-growfont:before {
        content: "\f07e";
    }

.dx-icon-color {
    font: 14px/1 DXIcons;
}

    .dx-icon-color:before {
        content: "\f07f";
    }

.dx-icon-background {
    font: 14px/1 DXIcons;
}

    .dx-icon-background:before {
        content: "\f080";
    }

.dx-icon-fill {
    font: 14px/1 DXIcons;
}

    .dx-icon-fill:before {
        content: "\f10d";
    }

.dx-icon-palette {
    font: 14px/1 DXIcons;
}

    .dx-icon-palette:before {
        content: "\f120";
    }

.dx-icon-superscript {
    font: 14px/1 DXIcons;
}

    .dx-icon-superscript:before {
        content: "\f081";
    }

.dx-icon-subscript {
    font: 14px/1 DXIcons;
}

    .dx-icon-subscript:before {
        content: "\f082";
    }

.dx-icon-header {
    font: 14px/1 DXIcons;
}

    .dx-icon-header:before {
        content: "\f083";
    }

.dx-icon-blockquote {
    font: 14px/1 DXIcons;
}

    .dx-icon-blockquote:before {
        content: "\f084";
    }

.dx-icon-formula {
    font: 14px/1 DXIcons;
}

    .dx-icon-formula:before {
        content: "\f056";
    }

.dx-icon-codeblock {
    font: 14px/1 DXIcons;
}

    .dx-icon-codeblock:before {
        content: "\f085";
    }

.dx-icon-orderedlist {
    font: 14px/1 DXIcons;
}

    .dx-icon-orderedlist:before {
        content: "\f086";
    }

.dx-icon-bulletlist {
    font: 14px/1 DXIcons;
}

    .dx-icon-bulletlist:before {
        content: "\f087";
    }

.dx-icon-increaseindent {
    font: 14px/1 DXIcons;
}

    .dx-icon-increaseindent:before {
        content: "\f088";
    }

.dx-icon-decreaseindent {
    font: 14px/1 DXIcons;
}

    .dx-icon-decreaseindent:before {
        content: "\f089";
    }

.dx-icon-increaselinespacing {
    font: 14px/1 DXIcons;
}

    .dx-icon-increaselinespacing:before {
        content: "\f07b";
    }

.dx-icon-decreaselinespacing {
    font: 14px/1 DXIcons;
}

    .dx-icon-decreaselinespacing:before {
        content: "\f106";
    }

.dx-icon-alignleft {
    font: 14px/1 DXIcons;
}

    .dx-icon-alignleft:before {
        content: "\f08a";
    }

.dx-icon-alignright {
    font: 14px/1 DXIcons;
}

    .dx-icon-alignright:before {
        content: "\f08b";
    }

.dx-icon-aligncenter {
    font: 14px/1 DXIcons;
}

    .dx-icon-aligncenter:before {
        content: "\f08c";
    }

.dx-icon-alignjustify {
    font: 14px/1 DXIcons;
}

    .dx-icon-alignjustify:before {
        content: "\f08d";
    }

.dx-icon-link {
    font: 14px/1 DXIcons;
}

    .dx-icon-link:before {
        content: "\f08e";
    }

.dx-icon-video {
    font: 14px/1 DXIcons;
}

    .dx-icon-video:before {
        content: "\f08f";
    }

.dx-icon-mention {
    font: 14px/1 DXIcons;
}

    .dx-icon-mention:before {
        content: "\f090";
    }

.dx-icon-variable {
    font: 14px/1 DXIcons;
}

    .dx-icon-variable:before {
        content: "\f091";
    }

.dx-icon-clearformat {
    font: 14px/1 DXIcons;
}

    .dx-icon-clearformat:before {
        content: "\f092";
    }

.dx-icon-fullscreen {
    font: 14px/1 DXIcons;
}

    .dx-icon-fullscreen:before {
        content: "\f11a";
    }

.dx-icon-hierarchy {
    font: 14px/1 DXIcons;
}

    .dx-icon-hierarchy:before {
        content: "\f124";
    }

.dx-icon-file {
    font: 14px/1 DXIcons;
}

    .dx-icon-file:before {
        content: "\f021";
    }

.dx-icon-docfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-docfile:before {
        content: "\f111";
    }

.dx-icon-docxfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-docxfile:before {
        content: "\f110";
    }

.dx-icon-pdffile {
    font: 14px/1 DXIcons;
}

    .dx-icon-pdffile:before {
        content: "\f118";
    }

.dx-icon-pptfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-pptfile:before {
        content: "\f114";
    }

.dx-icon-pptxfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-pptxfile:before {
        content: "\f115";
    }

.dx-icon-rtffile {
    font: 14px/1 DXIcons;
}

    .dx-icon-rtffile:before {
        content: "\f112";
    }

.dx-icon-txtfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-txtfile:before {
        content: "\f113";
    }

.dx-icon-xlsfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-xlsfile:before {
        content: "\f116";
    }

.dx-icon-xlsxfile {
    font: 14px/1 DXIcons;
}

    .dx-icon-xlsxfile:before {
        content: "\f117";
    }

.dx-icon-copy {
    font: 14px/1 DXIcons;
}

    .dx-icon-copy:before {
        content: "\f107";
    }

.dx-icon-cut {
    font: 14px/1 DXIcons;
}

    .dx-icon-cut:before {
        content: "\f10a";
    }

.dx-icon-paste {
    font: 14px/1 DXIcons;
}

    .dx-icon-paste:before {
        content: "\f108";
    }

.dx-icon-share {
    font: 14px/1 DXIcons;
}

    .dx-icon-share:before {
        content: "\f11f";
    }

.dx-icon-activefolder {
    font: 14px/1 DXIcons;
}

    .dx-icon-activefolder:before {
        content: "\f028";
    }

.dx-icon-inactivefolder {
    font: 14px/1 DXIcons;
}

    .dx-icon-inactivefolder:before {
        content: "\f105";
    }

.dx-icon-newfolder {
    font: 14px/1 DXIcons;
}

    .dx-icon-newfolder:before {
        content: "\f123";
    }

.dx-icon-movetofolder {
    font: 14px/1 DXIcons;
}

    .dx-icon-movetofolder:before {
        content: "\f121";
    }

.dx-icon-parentfolder {
    font: 14px/1 DXIcons;
}

    .dx-icon-parentfolder:before {
        content: "\f122";
    }

.dx-icon-rename {
    font: 14px/1 DXIcons;
}

    .dx-icon-rename:before {
        content: "\f109";
    }

.dx-icon-detailslayout {
    font: 14px/1 DXIcons;
}

    .dx-icon-detailslayout:before {
        content: "\f10b";
    }

.dx-icon-contentlayout {
    font: 14px/1 DXIcons;
}

    .dx-icon-contentlayout:before {
        content: "\f11e";
    }

.dx-icon-smalliconslayout {
    font: 14px/1 DXIcons;
}

    .dx-icon-smalliconslayout:before {
        content: "\f119";
    }

.dx-icon-mediumiconslayout {
    font: 14px/1 DXIcons;
}

    .dx-icon-mediumiconslayout:before {
        content: "\f10c";
    }

.dx-icon-undo {
    font: 14px/1 DXIcons;
}

    .dx-icon-undo:before {
        content: "\f04c";
    }

.dx-rtl .dx-icon-undo:before {
    content: "\f093";
}

.dx-icon-redo {
    font: 14px/1 DXIcons;
}

    .dx-icon-redo:before {
        content: "\f093";
    }

.dx-rtl .dx-icon-redo:before {
    content: "\f04c";
}

.dx-icon-hidepanel {
    font: 14px/1 DXIcons;
}

    .dx-icon-hidepanel:before {
        content: "\f11c";
    }

.dx-rtl .dx-icon-hidepanel:before {
    content: "\f11d";
}

.dx-icon-showpanel {
    font: 14px/1 DXIcons;
}

    .dx-icon-showpanel:before {
        content: "\f11d";
    }

.dx-rtl .dx-icon-showpanel:before {
    content: "\f11c";
}

.dx-tab .dx-icon,
.dx-tab.dx-tab-selected .dx-icon {
    background-size: 100% 100%;
    background-position: 50% 50%;
}

.dx-scrollview-pulldown {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-loadindicator-image {
    background-image: url("data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=");
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-small {
    background-image: url("data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7");
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-large {
    background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7");
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-widget {
    color: #333;
    font-weight: normal;
    /*font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;*/
    line-height: 1.33334;
}

    .dx-widget input,
    .dx-widget textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

.dx-state-disabled.dx-widget,
.dx-state-disabled .dx-widget {
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    zoom: 1;
    cursor: default;
}

    .dx-state-disabled.dx-widget .dx-widget,
    .dx-state-disabled .dx-widget .dx-widget {
        opacity: 1;
    }

.dx-card {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}

.dx-field {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

    .dx-field input,
    .dx-field textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

.dx-field-label {
    color: #333;
    cursor: default;
}

.dx-field-value.dx-attention {
    color: #d9534f;
    padding-left: 22px;
}

    .dx-field-value.dx-attention:before {
        pointer-events: none;
        font-weight: bold;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        font-size: 11px;
        background-color: #d9534f;
        color: #fff;
        content: '!';
        border-radius: 50%;
    }

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-field-value-static {
    width: 60%;
}

.dx-field-label {
    padding: 5px 8px 5px 0;
}

.dx-field {
    min-height: 26px;
    padding: 0;
}

.dx-field-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
    margin: 0;
}

.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
    float: right;
}

.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
    margin: 5px 0;
}

.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
    margin: 4px 0;
}

.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
    margin: 3px 0;
}

.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
    margin: 3px 0;
}

.dx-field-value.dx-attention {
    padding: 5px 6px 5px;
    position: relative;
    padding-left: 22px;
}

    .dx-field-value.dx-attention:before {
        left: 0;
    }

.dx-field-value-static {
    padding: 5px 6px 5px;
}

.dx-fieldset {
    margin: 15px 10px;
    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-button,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.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-switch {
    float: left;
}

.dx-fieldset-header {
    margin: 0 0 10px 0;
    font-weight: 500;
    font-size: 16px;
}

.dx-field {
    margin: 0 0 5px 0;
}

    .dx-field:last-of-type {
        margin: 0;
    }

.dx-device-mobile .dx-fieldset {
    margin: 20px 15px;
    padding: 0;
}

.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
    float: left;
}

.dx-device-mobile .dx-fieldset-header {
    margin: 0 0 20px 0;
    font-weight: 500;
    font-size: 16px;
}

.dx-device-mobile .dx-field {
    margin: 0 0 10px 0;
}

    .dx-device-mobile .dx-field:last-of-type {
        margin: 0;
    }

.dx-box-item-content {
    font-size: 12px;
}

.dx-button-content {
    line-height: 0;
}

.dx-button-text {
    line-height: normal;
}

.dx-button a {
    text-decoration: none;
}

.dx-button .dx-button-content {
    padding: 5px;
}

.dx-button .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button .dx-icon,
.dx-rtl.dx-button .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button .dx-icon.dx-icon-right {
    margin-left: 0;
    margin-right: 0;
}

.dx-rtl .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-button .dx-icon.dx-icon-right {
    margin-right: 0;
    margin-left: 0;
}

.dx-button-has-icon .dx-button-content {
    padding: 5px;
}

.dx-button-has-icon .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button-has-icon .dx-icon,
.dx-rtl.dx-button-has-icon .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-has-icon .dx-icon.dx-icon-right {
    margin-left: 0;
    margin-right: 0;
}

.dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
    margin-right: 0;
    margin-left: 0;
}

.dx-button-has-text .dx-button-content {
    padding: 4px 10px 4px;
}

.dx-button-has-text .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 7px;
    margin-left: 0;
}

.dx-rtl .dx-button-has-text .dx-icon,
.dx-rtl.dx-button-has-text .dx-icon {
    margin-left: 7px;
    margin-right: 0;
}

.dx-button-has-text .dx-icon.dx-icon-right {
    margin-left: 7px;
    margin-right: 0;
}

.dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
    margin-right: 7px;
    margin-left: 0;
}

.dx-button-back .dx-button-content {
    padding: 5px;
}

.dx-button-back .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button-back .dx-icon,
.dx-rtl.dx-button-back .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-back .dx-icon.dx-icon-right {
    margin-left: 0;
    margin-right: 0;
}

.dx-rtl .dx-button-back .dx-icon.dx-icon-right,
.dx-rtl.dx-button-back .dx-icon.dx-icon-right {
    margin-right: 0;
    margin-left: 0;
}

.dx-button-back .dx-button-text {
    display: none;
}

.dx-button {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
}

.dx-state-disabled.dx-button .dx-icon,
.dx-state-disabled .dx-button .dx-icon {
    opacity: 0.6;
}

.dx-state-disabled.dx-button .dx-button-text,
.dx-state-disabled .dx-button .dx-button-text {
    opacity: 0.5;
}

.dx-button-mode-contained {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
}

    .dx-button-mode-contained .dx-icon {
        color: #333;
    }

    .dx-button-mode-contained.dx-state-hover {
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    .dx-button-mode-contained.dx-state-focused {
        background-color: #ebebeb;
        border-color: #ddd;
    }

    .dx-button-mode-contained.dx-state-active {
        background-color: #c2c2c2;
        border-color: #ddd;
        color: #333;
    }

    .dx-button-mode-contained.dx-button-danger {
        background-color: #d9534f;
        border-color: transparent;
        color: #fff;
    }

        .dx-button-mode-contained.dx-button-danger .dx-icon {
            color: #fff;
        }

        .dx-button-mode-contained.dx-button-danger.dx-state-hover {
            background-color: #a02622;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-danger.dx-state-focused {
            background-color: #8b211e;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-danger.dx-state-active {
            background-color: #220807;
            border-color: transparent;
            color: #fff;
        }

    .dx-button-mode-contained.dx-button-success {
        background-color: #5cb85c;
        border-color: transparent;
        color: #fff;
    }

        .dx-button-mode-contained.dx-button-success .dx-icon {
            color: #fff;
        }

        .dx-button-mode-contained.dx-button-success.dx-state-hover {
            background-color: #357935;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-success.dx-state-focused {
            background-color: #2d672d;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-success.dx-state-active {
            background-color: #060f06;
            border-color: transparent;
            color: #fff;
        }

    .dx-button-mode-contained.dx-button-default {
        background-color: #337ab7;
        border-color: transparent;
        color: #fff;
    }

        .dx-button-mode-contained.dx-button-default .dx-icon {
            color: #fff;
        }

        .dx-button-mode-contained.dx-button-default.dx-state-hover {
            background-color: #1d4567;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-default.dx-state-focused {
            background-color: #173853;
            border-color: transparent;
        }

        .dx-button-mode-contained.dx-button-default.dx-state-active {
            background-color: #000000;
            border-color: transparent;
            color: #fff;
        }

.dx-button-mode-outlined {
    background-color: transparent;
    border-color: #ddd;
    color: #333;
}

    .dx-button-mode-outlined .dx-icon {
        color: #333;
    }

    .dx-button-mode-outlined.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.04);
        border-color: #ddd;
    }

    .dx-button-mode-outlined.dx-state-focused {
        background-color: rgba(0, 0, 0, 0.08);
        border-color: #ddd;
    }

    .dx-button-mode-outlined.dx-state-active {
        background-color: rgba(0, 0, 0, 0.24);
        border-color: #ddd;
        color: #333;
    }

    .dx-button-mode-outlined.dx-button-danger {
        background-color: transparent;
        border-color: #d43f3a;
        color: #d43f3a;
    }

        .dx-button-mode-outlined.dx-button-danger .dx-icon {
            color: #d43f3a;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
            background-color: rgba(212, 63, 58, 0.1);
            border-color: #d43f3a;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-focused {
            background-color: rgba(212, 63, 58, 0.1);
            border-color: #d43f3a;
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-active {
            background-color: rgba(212, 63, 58, 0.4);
            border-color: #d43f3a;
            color: #d43f3a;
        }

    .dx-button-mode-outlined.dx-button-success {
        background-color: transparent;
        border-color: #4cae4c;
        color: #4cae4c;
    }

        .dx-button-mode-outlined.dx-button-success .dx-icon {
            color: #4cae4c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-hover {
            background-color: rgba(76, 174, 76, 0.1);
            border-color: #4cae4c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-focused {
            background-color: rgba(76, 174, 76, 0.1);
            border-color: #4cae4c;
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-active {
            background-color: rgba(76, 174, 76, 0.4);
            border-color: #4cae4c;
            color: #4cae4c;
        }

    .dx-button-mode-outlined.dx-button-default {
        background-color: transparent;
        border-color: #2d6da3;
        color: #2d6da3;
    }

        .dx-button-mode-outlined.dx-button-default .dx-icon {
            color: #2d6da3;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-hover {
            background-color: rgba(45, 109, 163, 0.1);
            border-color: #2d6da3;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-focused {
            background-color: rgba(45, 109, 163, 0.1);
            border-color: #2d6da3;
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-active {
            background-color: rgba(45, 109, 163, 0.4);
            border-color: #2d6da3;
            color: #2d6da3;
        }

.dx-button-mode-text {
    background-color: transparent;
    border-color: transparent;
    color: #333;
}

    .dx-button-mode-text .dx-icon {
        color: #333;
    }

    .dx-button-mode-text.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.04);
        border-color: transparent;
    }

    .dx-button-mode-text.dx-state-focused {
        background-color: rgba(0, 0, 0, 0.08);
        border-color: transparent;
    }

    .dx-button-mode-text.dx-state-active {
        background-color: rgba(0, 0, 0, 0.24);
        border-color: transparent;
        color: #333;
    }

    .dx-button-mode-text.dx-button-danger {
        background-color: transparent;
        border-color: transparent;
        color: #d43f3a;
    }

        .dx-button-mode-text.dx-button-danger .dx-icon {
            color: #d43f3a;
        }

        .dx-button-mode-text.dx-button-danger.dx-state-hover {
            background-color: rgba(212, 63, 58, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-danger.dx-state-focused {
            background-color: rgba(212, 63, 58, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-danger.dx-state-active {
            background-color: rgba(212, 63, 58, 0.4);
            border-color: transparent;
            color: #d43f3a;
        }

    .dx-button-mode-text.dx-button-success {
        background-color: transparent;
        border-color: transparent;
        color: #4cae4c;
    }

        .dx-button-mode-text.dx-button-success .dx-icon {
            color: #4cae4c;
        }

        .dx-button-mode-text.dx-button-success.dx-state-hover {
            background-color: rgba(76, 174, 76, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-success.dx-state-focused {
            background-color: rgba(76, 174, 76, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-success.dx-state-active {
            background-color: rgba(76, 174, 76, 0.4);
            border-color: transparent;
            color: #4cae4c;
        }

    .dx-button-mode-text.dx-button-default {
        background-color: transparent;
        border-color: transparent;
        color: #2d6da3;
    }

        .dx-button-mode-text.dx-button-default .dx-icon {
            color: #2d6da3;
        }

        .dx-button-mode-text.dx-button-default.dx-state-hover {
            background-color: rgba(45, 109, 163, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-default.dx-state-focused {
            background-color: rgba(45, 109, 163, 0.1);
            border-color: transparent;
        }

        .dx-button-mode-text.dx-button-default.dx-state-active {
            background-color: rgba(45, 109, 163, 0.4);
            border-color: transparent;
            color: #2d6da3;
        }

.dx-button-normal.dx-state-hover .dx-button-content,
.dx-button-back.dx-state-hover .dx-button-content {
    background-color: transparent;
    border-radius: 4px;
}

.dx-texteditor-buttons-container > .dx-button {
    margin: 1px 1px;
}

    .dx-texteditor-buttons-container > .dx-button > .dx-button-content {
        padding-top: 2px;
        padding-bottom: 2px;
    }

.dx-button-mode-outlined.dx-buttongroup-item,
.dx-button-mode-contained.dx-buttongroup-item {
    padding-left: 1px;
    padding-right: 1px;
}

    .dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content,
    .dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content {
        border-radius: 0;
    }

.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-button-mode-contained.dx-buttongroup-first-item {
    padding-left: 0;
    border-left-width: 1px;
}

    .dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
    .dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
    .dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
    .dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-button-mode-contained.dx-buttongroup-last-item {
    padding-right: 0;
}

    .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
    .dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
    .dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
    .dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.dx-button-mode-text.dx-buttongroup-first-item {
    margin-left: 0;
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled {
    opacity: 1;
}

    .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content,
    .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content {
        opacity: 0.6;
    }

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-focused {
    background-color: rgba(0, 0, 0, 0.08);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color: rgba(45, 109, 163, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-default.dx-state-focused {
    background-color: rgba(45, 109, 163, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: rgba(76, 174, 76, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-success.dx-state-focused {
    background-color: rgba(76, 174, 76, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-danger.dx-state-hover {
    background-color: rgba(212, 63, 58, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-danger.dx-state-focused {
    background-color: rgba(212, 63, 58, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused {
    background-color: rgba(0, 0, 0, 0.08);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover {
    background-color: rgba(45, 109, 163, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused {
    background-color: rgba(45, 109, 163, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover {
    background-color: rgba(76, 174, 76, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused {
    background-color: rgba(76, 174, 76, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover {
    background-color: rgba(212, 63, 58, 0.1);
}

.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused {
    background-color: rgba(212, 63, 58, 0.1);
}

.dx-buttongroup-item.dx-button.dx-item-selected {
    background-color: rgba(0, 0, 0, 0.17);
}

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.11);
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-state-focused {
        background-color: rgba(0, 0, 0, 0.14);
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success {
        background-color: rgba(92, 184, 92, 0.3);
    }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success.dx-state-hover {
            background-color: rgba(92, 184, 92, 0.2);
        }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success.dx-state-focused {
            background-color: rgba(92, 184, 92, 0.2);
        }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
        background-color: rgba(51, 122, 183, 0.3);
    }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default.dx-state-hover {
            background-color: rgba(51, 122, 183, 0.2);
        }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default.dx-state-focused {
            background-color: rgba(51, 122, 183, 0.2);
        }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
        background-color: rgba(217, 83, 79, 0.3);
    }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger.dx-state-hover {
            background-color: rgba(217, 83, 79, 0.2);
        }

        .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger.dx-state-focused {
            background-color: rgba(217, 83, 79, 0.2);
        }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal .dx-icon {
        color: #333;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success .dx-icon {
        color: #5cb85c;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default .dx-icon {
        color: #337ab7;
    }

    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger,
    .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger .dx-icon {
        color: #d9534f;
    }

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item {
    border-left-width: 0;
    padding-left: 1px;
    padding-right: 0;
}

    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
        border-radius: 0 4px 4px 0;
    }

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item {
    border-left-width: 1px;
    padding-right: 1px;
    padding-left: 0;
}

    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
        border-radius: 4px 0 0 4px;
    }

    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
    .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
    .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
        border-radius: 4px;
    }

.dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
    margin-left: 1px;
}

.dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
    margin-left: 0;
}

.dx-scrollable-content {
    -webkit-transform: none;
}

.dx-scrollable-scroll {
    padding: 2px;
    background-color: transparent;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

    .dx-scrollable-scroll.dx-state-invisible {
        opacity: 0;
        -webkit-transition: opacity 0.5s linear 1s;
        transition: opacity 0.5s linear 1s;
    }

.dx-scrollable-scroll-content {
    width: 100%;
    height: 100%;
    background-color: rgba(191, 191, 191, 0.7);
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
}

.dx-scrollbar-hoverable {
    background-color: transparent;
}

    .dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        background-color: rgba(191, 191, 191, 0.2);
    }

        .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
            background-color: #bfbfbf;
        }

    .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
        opacity: 1;
    }

        .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
            background-color: transparent;
            background-color: rgba(0, 0, 0, 0);
            -webkit-box-shadow: 0 0 0 1px transparent;
            box-shadow: 0 0 0 1px transparent;
        }

.dx-scrollbar-vertical .dx-scrollable-scroll {
    float: right;
    width: 8px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 8px;
    -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
    transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}

    .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
        -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
        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 {
            -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
        }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
            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 {
                -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
            }

    .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        width: 15px;
    }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
        .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
            width: 15px;
        }

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 8px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 8px;
    -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
    transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
        -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
        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 {
            -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
            transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
        }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
            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 {
                -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
                transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
            }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        height: 15px;
    }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
        .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
            height: 15px;
        }

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 8px;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
    padding-left: 8px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 8px;
}

.dx-scrollable-customizable-scrollbars .dx-scrollable-container {
    -ms-scrollbar-base-color: #757575;
    -ms-scrollbar-arrow-color: #757575;
    -ms-scrollbar-shadow-color: #fff;
    -ms-scrollbar-track-color: #fff;
}

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:horizontal {
        height: 19px;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:vertical {
        width: 19px;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-thumb {
        background-color: #757575;
        border-right: 2px solid transparent;
        border-left: 1px solid transparent;
        background-clip: content-box;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button {
        background-color: transparent;
    }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:decrement {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=") no-repeat;
            background-position: center;
        }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:increment {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==") no-repeat;
            background-position: center;
        }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC") no-repeat;
            background-position: 3px 5px;
        }

        .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:increment {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==") no-repeat;
            background-position: 3px 5px;
        }

.dx-rtl .dx-scrollable .dx-scrollable-scroll,
.dx-rtl.dx-scrollable .dx-scrollable-scroll {
    float: left;
}

.dx-loadindicator {
    background-color: transparent;
}

.dx-loadindicator-image {
    background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7");
}

.dx-loadindicator-icon {
    position: relative;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
}

    .dx-loadindicator-icon .dx-loadindicator-segment {
        position: absolute;
        width: 19%;
        height: 30%;
        left: 44.5%;
        top: 37%;
        opacity: 0;
        background: #606060;
        border-radius: 50%;
        border-top-left-radius: 10%;
        border-top-right-radius: 10%;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite;
        animation: dx-generic-loadindicator-opacity 1s linear infinite;
    }

@-webkit-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

.dx-loadindicator-icon .dx-loadindicator-segment0 {
    -webkit-transform: rotate(0deg) translate(0, -142%);
    transform: rotate(0deg) translate(0, -142%);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.dx-loadindicator-icon .dx-loadindicator-segment1 {
    -webkit-transform: rotate(45deg) translate(0, -142%);
    transform: rotate(45deg) translate(0, -142%);
    -webkit-animation-delay: -0.875s;
    animation-delay: -0.875s;
}

.dx-loadindicator-icon .dx-loadindicator-segment2 {
    -webkit-transform: rotate(90deg) translate(0, -142%);
    transform: rotate(90deg) translate(0, -142%);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.dx-loadindicator-icon .dx-loadindicator-segment3 {
    -webkit-transform: rotate(135deg) translate(0, -142%);
    transform: rotate(135deg) translate(0, -142%);
    -webkit-animation-delay: -0.625s;
    animation-delay: -0.625s;
}

.dx-loadindicator-icon .dx-loadindicator-segment4 {
    -webkit-transform: rotate(180deg) translate(0, -142%);
    transform: rotate(180deg) translate(0, -142%);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.dx-loadindicator-icon .dx-loadindicator-segment5 {
    -webkit-transform: rotate(225deg) translate(0, -142%);
    transform: rotate(225deg) translate(0, -142%);
    -webkit-animation-delay: -0.375s;
    animation-delay: -0.375s;
}

.dx-loadindicator-icon .dx-loadindicator-segment6 {
    -webkit-transform: rotate(270deg) translate(0, -142%);
    transform: rotate(270deg) translate(0, -142%);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.dx-loadindicator-icon .dx-loadindicator-segment7 {
    -webkit-transform: rotate(315deg) translate(0, -142%);
    transform: rotate(315deg) translate(0, -142%);
    -webkit-animation-delay: -0.125s;
    animation-delay: -0.125s;
}

.dx-loadindicator-icon .dx-loadindicator-segment8,
.dx-loadindicator-icon .dx-loadindicator-segment9,
.dx-loadindicator-icon .dx-loadindicator-segment10,
.dx-loadindicator-icon .dx-loadindicator-segment11,
.dx-loadindicator-icon .dx-loadindicator-segment12,
.dx-loadindicator-icon .dx-loadindicator-segment13,
.dx-loadindicator-icon .dx-loadindicator-segment14,
.dx-loadindicator-icon .dx-loadindicator-segment15 {
    display: none;
}

.dx-rtl .dx-loadindicator-icon {
    right: 15%;
    left: 0;
}

.dx-overlay-shader {
    background-color: rgba(255, 255, 255, 0.8);
}

.dx-overlay-wrapper {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

    .dx-overlay-wrapper input,
    .dx-overlay-wrapper textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid #ddd;
}

.dx-loadpanel-content {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.dx-scrollview-pull-down-image {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: 100%;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
    width: 24px;
    height: 24px;
}

.dx-validationsummary-item {
    color: #d9534f;
}

.dx-validationsummary-item-content {
    border-bottom: 1px dashed;
    display: inline-block;
    line-height: normal;
}

.dx-invalid-message > .dx-overlay-content {
    color: #fff;
    background-color: #d9534f;
}

@-webkit-keyframes valid-badge-frames {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes valid-badge-frames {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.dx-invalid-message > .dx-overlay-content {
    border-radius: 4px;
}

.dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
    border-radius: 0;
}

.dx-checkbox {
    line-height: 0;
}

    .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
        border-color: #f4f4f4;
        background-color: #fff;
    }

    .dx-checkbox.dx-state-hover .dx-checkbox-icon {
        border: 1px solid #265a87;
    }

    .dx-checkbox.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #337ab7;
    }

    .dx-checkbox.dx-state-active .dx-checkbox-icon {
        background-color: rgba(96, 96, 96, 0.2);
    }

.dx-checkbox-icon {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #337ab7;
    font-size: 10px;
    text-align: center;
    line-height: 10px;
}

    .dx-checkbox-checked .dx-checkbox-icon:before {
        content: "\f005";
    }

    .dx-checkbox-checked .dx-checkbox-icon:before {
        position: absolute;
        display: block;
        width: 10px;
        top: 50%;
        margin-top: -5px;
        left: 50%;
        margin-left: -5px;
    }

.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #337ab7;
    font-size: 8px;
    text-align: center;
    line-height: 8px;
}

    .dx-checkbox-indeterminate .dx-checkbox-icon:before {
        content: "\f067";
    }

    .dx-checkbox-indeterminate .dx-checkbox-icon:before {
        position: absolute;
        display: block;
        width: 8px;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -4px;
    }

.dx-checkbox-text {
    margin-left: -16px;
    padding-left: 21px;
}

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
    margin-right: -16px;
    padding-right: 21px;
}

.dx-state-disabled.dx-checkbox,
.dx-state-disabled .dx-checkbox {
    opacity: 1;
}

    .dx-state-disabled.dx-checkbox .dx-checkbox-icon,
    .dx-state-disabled .dx-checkbox .dx-checkbox-icon {
        opacity: 0.4;
    }

.dx-state-disabled .dx-checkbox-text {
    opacity: 0.4;
}

.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
    border-color: #d9534f;
}

.dx-switch {
    width: 36px;
    height: 18px;
}

    .dx-switch.dx-state-readonly .dx-switch-container {
        border-color: #f4f4f4;
        background-color: #fff;
    }

    .dx-switch.dx-state-active .dx-switch-handle:before {
        background-color: #204d73;
    }

    .dx-switch.dx-state-active .dx-switch-container {
        border-color: #337ab7;
        background-color: rgba(96, 96, 96, 0.2);
    }

    .dx-switch.dx-state-hover .dx-switch-handle:before {
        background-color: #337ab7;
    }

    .dx-switch.dx-state-hover .dx-switch-container {
        background-color: transparent;
        border-color: #337ab7;
    }

    .dx-switch.dx-state-focused .dx-switch-container {
        border-color: #337ab7;
    }

    .dx-switch.dx-state-focused .dx-switch-handle:before {
        background-color: #337ab7;
    }

    .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
        background-color: #204d73;
    }

.dx-switch-container {
    overflow: hidden;
    margin: 0 -4px 0 0;
    padding: 0 1px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 2px;
}

.dx-switch-inner {
    width: 200%;
    height: 100%;
}

.dx-switch-on,
.dx-switch-off {
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    padding-right: 14px;
    line-height: 16px;
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dx-switch-off {
    padding-left: 1px;
    color: #999999;
}

.dx-switch-on {
    color: #333;
}

.dx-switch-handle {
    position: relative;
    float: left;
    -webkit-flex-basis: 14px;
    -ms-flex-preferred-size: 14px;
    flex-basis: 14px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .dx-switch-handle:before {
        display: block;
        content: ' ';
        width: 100%;
        height: 100%;
        background-color: #63a0d4;
        border-radius: 2px;
    }

.dx-switch-on-value .dx-switch-handle:before {
    background-color: #337ab7;
}

.dx-rtl .dx-switch .dx-switch-on,
.dx-switch.dx-rtl .dx-switch-on,
.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
    float: right;
    padding-right: 1px;
}

.dx-rtl .dx-switch .dx-switch-on,
.dx-switch.dx-rtl .dx-switch-on {
    padding-left: 14px;
}

.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: -14px;
}

.dx-rtl .dx-switch .dx-switch-container,
.dx-switch.dx-rtl .dx-switch-container {
    margin: 0 0 0 -4px;
}

.dx-invalid.dx-switch .dx-switch-container {
    border-color: rgba(217, 83, 79, 0.4);
}

.dx-invalid.dx-state-focused .dx-switch-container,
.dx-invalid.dx-state-hover .dx-switch-container {
    border-color: #d9534f;
}

.dx-badge {
    background-color: #337ab7;
    color: #fff;
    font-size: 11px;
    padding: 0 5px 2px;
    line-height: normal;
}

.dx-tabs {
    border: 1px solid #ddd;
}

.dx-tabs-scrollable {
    margin: -1px;
    height: calc(100% + 2px);
}

    .dx-tabs-scrollable .dx-tabs-wrapper {
        border: 1px solid #ddd;
    }

.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}

.dx-tabs-nav-button {
    border: none;
    background-color: #f7f7f7;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-tabs-nav-button .dx-button-content {
        padding: 0;
    }

    .dx-tabs-nav-button.dx-state-active {
        border: none;
    }

    .dx-tabs-nav-button.dx-state-disabled {
        opacity: 1;
    }

        .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
            opacity: 0.6;
        }

.dx-tab {
    padding: 4px;
    background-color: #f7f7f7;
    color: #333;
}

    .dx-tab .dx-icon {
        color: #333;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        margin-right: 7px;
        margin-left: 0;
    }

.dx-rtl .dx-tab .dx-icon,
.dx-rtl.dx-tab .dx-icon {
    margin-left: 7px;
    margin-right: 0;
}

.dx-tab .dx-icon.dx-icon-right {
    margin-left: 7px;
    margin-right: 0;
}

.dx-rtl .dx-tab .dx-icon.dx-icon-right,
.dx-rtl.dx-tab .dx-icon.dx-icon-right {
    margin-right: 7px;
    margin-left: 0;
}

.dx-tab.dx-state-hover {
    background-color: #fff;
}

.dx-tab.dx-state-active {
    background-color: rgba(88, 88, 88, 0.2);
    color: #333;
}

.dx-tab.dx-state-focused:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #337ab7;
    border-left: 1px solid #337ab7;
    border-top: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
    z-index: 1;
}

.dx-tab.dx-tab-selected {
    background-color: #fff;
    color: #333;
}

.dx-tab-selected:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.dx-tab-selected .dx-icon {
    color: #333;
}

.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    border-left: 1px solid #f7f7f7;
}

.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    border-left: 1px solid #ddd;
    border-right: 1px solid #f7f7f7;
}

.dx-tab-text {
    vertical-align: middle;
    line-height: 21px;
}

.dx-state-disabled.dx-tabs {
    opacity: 1;
}

.dx-state-disabled .dx-tab-content {
    opacity: 0.3;
}

.dx-navbar {
    padding: 0;
    border: none;
}

.dx-nav-item,
.dx-rtl .dx-nav-item {
    background: #f7f7f7;
}

    .dx-nav-item .dx-tab-text,
    .dx-rtl .dx-nav-item .dx-tab-text {
        line-height: normal;
        color: #333;
    }

.dx-navbar .dx-nav-item .dx-icon,
.dx-navbar .dx-rtl .dx-nav-item .dx-icon {
    width: 26px;
    height: 26px;
    background-position: 0px 0px;
    background-size: 26px 26px;
    padding: 0px;
    font-size: 26px;
    text-align: center;
    line-height: 26px;
    color: #333;
}

.dx-nav-item.dx-tab-selected:after,
.dx-rtl .dx-nav-item.dx-tab-selected:after,
.dx-nav-item.dx-state-focused:after,
.dx-rtl .dx-nav-item.dx-state-focused:after,
.dx-nav-item.dx-state-active:after,
.dx-rtl .dx-nav-item.dx-state-active:after {
    content: none;
}

.dx-nav-item.dx-tab-selected,
.dx-rtl .dx-nav-item.dx-tab-selected {
    background: #fff;
}

    .dx-nav-item.dx-tab-selected .dx-tab-text,
    .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text,
    .dx-nav-item.dx-tab-selected .dx-icon,
    .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon {
        color: #333;
    }

.dx-nav-item.dx-state-active,
.dx-rtl .dx-nav-item.dx-state-active {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-nav-item.dx-state-focused,
.dx-rtl .dx-nav-item.dx-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px #337ab7;
    box-shadow: inset 0 0 0 1px #337ab7;
}

.dx-nav-item.dx-state-disabled .dx-icon,
.dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
    opacity: 0.5;
}

.dx-navbar-item-badge {
    margin-right: -26px;
    top: 6%;
}

.dx-rtl .dx-navbar-item-badge {
    margin-left: -26px;
}

.dx-texteditor.dx-editor-outlined {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.dx-texteditor.dx-editor-underlined {
    background: transparent;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.dx-texteditor.dx-editor-filled {
    background: rgba(51, 51, 51, 0.05);
    border: 1px solid transparent;
    border-radius: 4px;
}

.dx-texteditor.dx-state-readonly {
    border-style: dashed;
}

    .dx-texteditor.dx-state-readonly.dx-editor-filled {
        border-color: transparent;
        background-color: rgba(51, 51, 51, 0.03);
    }

        .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
            background-color: rgba(51, 51, 51, 0.03);
        }

        .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
            background-color: rgba(51, 122, 183, 0.07);
        }

    .dx-texteditor.dx-state-readonly.dx-editor-underlined {
        border-style: none;
        border-bottom-style: dashed;
    }

.dx-texteditor.dx-state-hover {
    border-color: rgba(51, 122, 183, 0.4);
}

    .dx-texteditor.dx-state-hover.dx-editor-filled {
        border-color: transparent;
        background-color: rgba(51, 122, 183, 0.1);
    }

.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-underlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-outlined {
    border-color: #337ab7;
}

.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled {
    background-color: transparent;
}

.dx-texteditor.dx-invalid .dx-texteditor-input,
.dx-texteditor.dx-valid .dx-texteditor-input {
    padding-right: 24px;
}

.dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-rtl .dx-texteditor-input {
    padding: 4px 5px 4px;
    padding-left: 24px;
}

.dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-texteditor.dx-valid .dx-texteditor-input-container:after {
    right: 2px;
}

.dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl .dx-texteditor.dx-valid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-valid .dx-texteditor-input-container:after {
    left: 2px;
    right: auto;
}

.dx-texteditor.dx-validation-pending .dx-texteditor-input {
    padding-right: 24px;
}

.dx-texteditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
    padding: 4px 5px 4px;
    padding-left: 24px;
}

.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
    right: 2px;
}

.dx-rtl .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator,
.dx-rtl.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
    left: 2px;
    right: auto;
}

.dx-show-clear-button .dx-clear-button-area {
    width: 24px;
    min-width: 24px;
    right: 0;
}

.dx-show-clear-button .dx-icon-clear {
    color: #999999;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-position: 5px 5px;
    background-size: 14px 14px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-placeholder {
    color: #999999;
}

    .dx-placeholder:before {
        padding: 4px 5px 4px;
    }

.dx-editor-underlined .dx-placeholder:before {
    padding-left: 0;
}

.dx-texteditor-input {
    margin: 0;
    padding: 4px 5px 4px;
    background: rgba(0, 0, 0, 0);
    color: #333;
    font-size: 1em;
    border-radius: 4px;
    min-height: 24px;
}

.dx-editor-underlined .dx-texteditor-input {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

.dx-editor-filled .dx-texteditor-input {
    background: transparent;
}

.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
    padding-left: 5px;
}

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
    padding-left: 0;
    padding-right: 5px;
}

.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
    left: 5px;
}

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
    left: 0;
    right: 5px;
}

.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
    margin-left: 0;
}

.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
    margin-right: 0;
}

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
    margin-left: 1px;
    margin-right: 0;
}

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
    margin-left: 0;
    margin-right: 1px;
}

.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child:last-child {
    margin-left: 0;
    margin-right: 0;
}

.dx-invalid.dx-texteditor {
    border-color: rgba(217, 83, 79, 0.4);
}

    .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused,
    .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused,
    .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused {
        border-color: #d9534f;
    }

    .dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container:after,
    .dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container:after,
    .dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container:after {
        pointer-events: none;
        font-weight: bold;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        font-size: 11px;
        background-color: #d9534f;
        color: #fff;
        content: '!';
        border-radius: 50%;
    }

    .dx-invalid.dx-texteditor.dx-editor-filled {
        background-color: rgba(217, 83, 79, 0.1);
        border-color: transparent;
    }

        .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused {
            background: transparent;
        }

.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
    margin-right: 0;
}

.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
    margin-left: 0;
}

.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
    margin-left: 1px;
    margin-right: 1px;
}

.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
    margin-left: 0;
    margin-right: 1px;
}

.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child {
    margin-left: 0;
    margin-right: 1px;
}

.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
    margin-left: 1px;
    margin-right: 0;
}

.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
    margin-left: 1px;
    margin-right: 1px;
}

.dx-valid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after {
    pointer-events: none;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-family: 'DXIcons', sans-serif;
    color: #5cb85c;
    content: '\f005';
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
    animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}

.dx-validation-pending.dx-texteditor.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.dx-validation-pending.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container .dx-pending-indicator,
.dx-validation-pending.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.dx-rtl .dx-placeholder,
.dx-rtl .dx-placeholder:before {
    right: 0;
    left: auto;
}

.dx-editor-underlined.dx-rtl .dx-placeholder,
.dx-editor-underlined.dx-rtl .dx-placeholder:before {
    padding-right: 0;
}

.dx-searchbox .dx-icon-search {
    font: 14px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-position: 5px 5px;
    background-size: 14px 14px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 13px;
    color: #999999;
}

    .dx-searchbox .dx-icon-search:before {
        content: "\f027";
    }

    .dx-searchbox .dx-icon-search:before {
        position: static;
        text-indent: 0;
        color: #999999;
    }

.dx-searchbox .dx-texteditor-input,
.dx-searchbox .dx-placeholder:before {
    padding-left: 24px;
}

.dx-rtl .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-searchbox .dx-placeholder:before {
    padding-right: 24px;
}

.dx-rtl.dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-editor-underlined.dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-placeholder:before {
    padding-right: 0;
}

.dx-searchbar {
    padding-bottom: 5px;
}

    .dx-searchbar .dx-texteditor {
        margin: 0;
    }

.dx-list-item-chevron {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border: none;
    opacity: 1;
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-left: -5px;
    color: #333;
}

.dx-rtl .dx-list-item-chevron {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.dx-list-item-chevron:before {
    content: "\f010";
}

.dx-rtl .dx-list-item-chevron:before {
    content: "\f012";
}

.dx-list-item-icon-container {
    width: 19px;
    height: 14px;
    vertical-align: top;
}

.dx-list-item-icon {
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-list-search {
    margin-bottom: 3px;
}

.dx-list {
    border: none;
}

    .dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 29px);
    }

    .dx-list .dx-empty-message {
        text-align: left;
    }

    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
    .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon {
        border-color: #265a87;
    }

    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
    .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #337ab7;
    }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.04);
        color: #333;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
            color: #333;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
        background-color: rgba(0, 0, 0, 0.1);
        color: #333;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
            color: #333;
        }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
            background-color: rgba(0, 0, 0, 0.07);
            color: #333;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: #337ab7;
        color: #fff;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
            color: #fff;
        }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
            border-color: #fff;
        }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
            background-color: rgba(51, 122, 183, 0.7);
            color: #fff;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
        background-color: #337ab7;
        color: #fff;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
            color: #fff;
        }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
            background-color: #337ab7;
            color: #fff;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
        color: #333;
    }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
        color: #333;
    }

.dx-list-group-header {
    font-weight: bold;
    padding: 10px 5px 5px 5px;
    border-top: 0 solid #ddd;
    border-bottom: 2px solid #ddd;
    background: rgba(238, 238, 238, 0.05);
    color: #333;
}

.dx-list-group:first-of-type .dx-list-group-header {
    border-top: none;
}

.dx-list-group-header:before {
    border-top-color: #333;
}

.dx-list-group-collapsed .dx-list-group-header:before {
    border-bottom-color: #333;
}

.dx-list-item:first-of-type {
    border-top: none;
}

.dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-list-item .dx-icon-toggle-delete {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==");
    background-size: 100%;
}

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #959595;
    background: #fff;
    border-top: 1px solid rgba(51, 122, 183, 0.5);
    border-bottom: 1px solid rgba(51, 122, 183, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-list-item,
.dx-list .dx-empty-message {
    border-top: 0 solid #ddd;
    color: #333;
}

.dx-list-item-separator-hidden .dx-list-item,
.dx-list-item-separator-hidden .dx-list .dx-empty-message {
    border-top: none;
    border-bottom: none;
}

.dx-list-item-content,
.dx-list .dx-empty-message {
    padding: 5px 5px;
}

.dx-list-next-button .dx-button .dx-button-content {
    padding: 4px 10px 4px;
}

.dx-list-next-button .dx-button .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 7px;
    margin-left: 0;
}

.dx-rtl .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-list-next-button .dx-button .dx-icon {
    margin-left: 7px;
    margin-right: 0;
}

.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
    margin-left: 7px;
    margin-right: 0;
}

.dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
    margin-right: 7px;
    margin-left: 0;
}

.dx-list-item-chevron-container {
    width: 11px;
}

.dx-list-border-visible {
    border: 1px solid #ddd;
}

    .dx-list-border-visible .dx-list-select-all {
        border-bottom: 1px solid #ddd;
    }

.dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
    width: 24px;
}

.dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 26px;
}

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
        padding: 0;
    }

.dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 2.5px 2.5px 2.5px 5px;
    width: 14px;
    height: 14px;
}

.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: 1px;
    margin-bottom: -3px;
    margin-left: 5px;
}

.dx-list-select-all {
    padding: 4px 0;
}

.dx-list-select-all-checkbox {
    float: left;
    margin: -1px 5px -3px 5px;
}

.dx-list-select-all-label {
    line-height: 1;
    padding: 0 5px;
    margin-top: 0;
}

.dx-list-item-after-bag.dx-list-static-delete-button-container {
    width: 23px;
}

.dx-list-item-after-bag.dx-list-reorder-handle-container {
    width: 23.2px;
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 22.4px;
    height: 22.4px;
    background-position: 4px 4px;
    background-size: 14px 14px;
    padding: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-list-item-after-bag .dx-list-reorder-handle:before {
        content: "\f038";
    }

.dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #d9534f;
}

.dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #337ab7;
}

.dx-list-switchable-delete-button,
.dx-list-static-delete-button {
    margin-right: 5px;
    padding: 0;
}

    .dx-list-switchable-delete-button .dx-button-content,
    .dx-list-static-delete-button .dx-button-content {
        padding: 1px;
    }

.dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: 0.6;
}

.dx-rtl .dx-list .dx-empty-message,
.dx-rtl.dx-list .dx-empty-message {
    text-align: right;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 2.5px 5px 2.5px 2.5px;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-right: 5px;
    margin-left: 1px;
}

.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
    float: right;
    margin-right: 5px;
    margin-left: 1px;
}

.dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-rtl.dx-list .dx-list-switchable-delete-button {
    margin-left: 5px;
    margin-right: 0;
}

.dx-device-mobile .dx-list {
    border: none;
}

    .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 29px);
    }

    .dx-device-mobile .dx-list .dx-empty-message {
        text-align: left;
    }

    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon {
        border-color: #265a87;
    }

    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
    .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #337ab7;
    }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.04);
        color: #333;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
            color: #333;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
        background-color: rgba(0, 0, 0, 0.1);
        color: #333;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
            color: #333;
        }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
            background-color: rgba(0, 0, 0, 0.07);
            color: #333;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: #337ab7;
        color: #fff;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
            color: #fff;
        }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
            border-color: #fff;
        }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
            background-color: rgba(51, 122, 183, 0.7);
            color: #fff;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
        background-color: #337ab7;
        color: #fff;
    }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
            color: #fff;
        }

        .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
            background-color: #337ab7;
            color: #fff;
        }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
        color: #333;
    }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
        color: #333;
    }

.dx-device-mobile .dx-list-group-header {
    font-weight: bold;
    padding: 10px 15px 5px 15px;
    border-top: 0 solid #ddd;
    border-bottom: 2px solid #ddd;
    background: rgba(238, 238, 238, 0.05);
    color: #333;
}

.dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header {
    border-top: none;
}

.dx-device-mobile .dx-list-group-header:before {
    border-top-color: #333;
}

.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
    border-bottom-color: #333;
}

.dx-device-mobile .dx-list-item:first-of-type {
    border-top: none;
}

.dx-device-mobile .dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==");
    background-size: 100%;
}

.dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #959595;
    background: #fff;
    border-top: 1px solid rgba(51, 122, 183, 0.5);
    border-bottom: 1px solid rgba(51, 122, 183, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-device-mobile .dx-list-item,
.dx-device-mobile .dx-list .dx-empty-message {
    border-top: 0 solid #ddd;
    color: #333;
}

.dx-list-item-separator-hidden .dx-device-mobile .dx-list-item,
.dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message {
    border-top: none;
    border-bottom: none;
}

.dx-device-mobile .dx-list-item-content,
.dx-device-mobile .dx-list .dx-empty-message {
    padding: 5px 15px;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
    padding: 4px 10px 4px;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 7px;
    margin-left: 0;
}

.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    margin-left: 7px;
    margin-right: 0;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
    margin-left: 7px;
    margin-right: 0;
}

.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
    margin-right: 7px;
    margin-left: 0;
}

.dx-device-mobile .dx-list-item-chevron-container {
    width: 21px;
}

.dx-device-mobile .dx-list-border-visible {
    border: 1px solid #ddd;
}

    .dx-device-mobile .dx-list-border-visible .dx-list-select-all {
        border-bottom: 1px solid #ddd;
    }

.dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
    width: 34px;
}

.dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 36px;
}

.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
        padding: 0;
    }

.dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 2.5px 7.5px 2.5px 15px;
    width: 14px;
    height: 14px;
}

.dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: 1px;
    margin-bottom: -3px;
    margin-left: 15px;
}

.dx-device-mobile .dx-list-select-all {
    padding: 4px 0;
}

.dx-device-mobile .dx-list-select-all-checkbox {
    float: left;
    margin: -1px 5px -3px 15px;
}

.dx-device-mobile .dx-list-select-all-label {
    line-height: 1;
    padding: 0 5px;
    margin-top: 0;
}

.dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
    width: 33px;
}

.dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
    width: 33.2px;
}

.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 22.4px;
    height: 22.4px;
    background-position: 4px 4px;
    background-size: 14px 14px;
    padding: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
        content: "\f038";
    }

.dx-device-mobile .dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-device-mobile .dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #d9534f;
}

.dx-device-mobile .dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #337ab7;
}

.dx-device-mobile .dx-list-switchable-delete-button,
.dx-device-mobile .dx-list-static-delete-button {
    margin-right: 15px;
    padding: 0;
}

    .dx-device-mobile .dx-list-switchable-delete-button .dx-button-content,
    .dx-device-mobile .dx-list-static-delete-button .dx-button-content {
        padding: 1px;
    }

.dx-device-mobile .dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-device-mobile .dx-state-disabled.dx-list-item,
.dx-device-mobile .dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: 0.6;
}

.dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
.dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
    text-align: right;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 2.5px 15px 2.5px 7.5px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-right: 15px;
    margin-left: 1px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
    float: right;
    margin-right: 15px;
    margin-left: 1px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
    margin-left: 15px;
    margin-right: 0;
}

.dx-dropdownbutton-popup-wrapper {
    height: 100%;
}

    .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
        border-top-width: 0;
        border-bottom-width: 1px;
    }

        .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
            border-top-width: 1px;
            border-bottom-width: 0;
        }

    .dx-dropdownbutton-popup-wrapper .dx-popup-content {
        height: 100%;
        padding: 1px;
    }

    .dx-dropdownbutton-popup-wrapper .dx-list {
        height: 100%;
        min-height: 26.00008px;
    }

        .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
            min-height: 20.00008px;
        }

            .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
                padding: 2px 4px;
            }

    .dx-dropdownbutton-popup-wrapper .dx-list-select-all {
        padding: 7px 0 3px;
    }

    .dx-dropdownbutton-popup-wrapper .dx-list-item,
    .dx-dropdownbutton-popup-wrapper .dx-empty-message {
        border-top: 0;
    }

        .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type,
        .dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type {
            border-bottom: none;
        }

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
    background: #fff;
}

.dx-popover-wrapper .dx-popup-title {
    margin: 0;
}

    .dx-popover-wrapper .dx-popup-title.dx-toolbar {
        padding-left: 15px;
    }

.dx-popover-wrapper .dx-popover-arrow:after,
.dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background: #fff;
}

.dx-popover-arrow:after {
    border: 1px solid #ddd;
}

.dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
    padding-right: 15px;
    padding-left: 0;
}

.dx-actionsheet-container .dx-actionsheet-item {
    margin: 0 0 5px 0;
}

.dx-actionsheet-container .dx-button {
    margin: 0;
}

.dx-button.dx-actionsheet-cancel {
    margin: 0;
}

.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
    padding: 1px;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    border-radius: 8px;
}

.dx-dropdownmenu-popup-wrapper .dx-list-item {
    border-top: 0;
}

.dx-dropdownlist-popup-wrapper {
    height: 100%;
}

    .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
        border-top-width: 0;
        border-bottom-width: 1px;
    }

        .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
            border-top-width: 1px;
            border-bottom-width: 0;
        }

    .dx-dropdownlist-popup-wrapper .dx-popup-content {
        height: 100%;
        padding: 1px;
    }

    .dx-dropdownlist-popup-wrapper .dx-list {
        height: 100%;
        min-height: 26.00008px;
    }

        .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
            min-height: 20.00008px;
        }

            .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
                padding: 2px 4px;
            }

    .dx-dropdownlist-popup-wrapper .dx-list-select-all {
        padding: 7px 0 3px;
    }

    .dx-dropdownlist-popup-wrapper .dx-list-item,
    .dx-dropdownlist-popup-wrapper .dx-empty-message {
        border-top: 0;
    }

        .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
        .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type {
            border-bottom: none;
        }

.dx-autocomplete .dx-texteditor-input {
    font-size: 1em;
}

.dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-autocomplete.dx-valid .dx-texteditor-container:after {
    right: 4px;
}

.dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl .dx-autocomplete.dx-valid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-valid .dx-texteditor-container:after {
    left: 4px;
}

.dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
    right: 4px;
}

.dx-rtl .dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator,
.dx-rtl.dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
    left: 4px;
}

.dx-numberbox-spin-container {
    overflow: hidden;
    width: 20px;
    border-radius: 4px;
}

.dx-numberbox-spin-up-icon {
    font: 14px/1 DXIcons;
    color: #333;
}

    .dx-numberbox-spin-up-icon:before {
        content: "\f002";
    }

.dx-numberbox-spin-down-icon {
    font: 14px/1 DXIcons;
    color: #333;
}

    .dx-numberbox-spin-down-icon:before {
        content: "\f001";
    }

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    border-radius: 3px;
}

    .dx-numberbox-spin-up-icon:before,
    .dx-numberbox-spin-down-icon:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

.dx-numberbox-spin-button {
    padding: 1px;
}

.dx-editor-underlined .dx-numberbox-spin-button {
    background: transparent;
}

.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: 0 0 0 1px transparent inset;
    background-color: #e6e6e6;
}

.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    background-color: #b3b3b3;
    color: #333;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    width: 60px;
    border-left: none;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
    background-position: center;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
.dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    border-right: none;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input {
    padding-right: 5px;
}

.dx-timeview {
    height: auto;
    width: auto;
}

.dx-timeview-clock {
    min-height: 169px;
    min-width: 169px;
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 50% 50%;
    background-size: 161px;
}

.dx-timeview-hourarrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2257px%22%20viewBox%3D%220%200%205%2057%22%20enable-background%3D%22new%200%200%205%2057%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C54c0%2C1.7-1.1%2C3-2.5%2C3S0%2C55.7%2C0%2C54V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V54z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 5px 37px;
}

.dx-timeview-minutearrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2279px%22%20viewBox%3D%220%200%205%2079%22%20enable-background%3D%22new%200%200%205%2079%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C76c0%2C1.7-1.1%2C3-2.5%2C3S0%2C77.7%2C0%2C76V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V76z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 5px 69px;
}

.dx-timeview-format12 {
    width: 55px;
    margin-left: 5px;
    margin-right: auto;
}

    .dx-timeview-format12.dx-rtl,
    .dx-rtl .dx-timeview-format12 {
        margin-left: auto;
        margin-right: 5px;
    }

.dx-timeview-time-separator {
    margin: 0 5px;
}

.dx-timeview-field {
    min-height: 32px;
}

    .dx-timeview-field .dx-numberbox {
        width: 54px;
    }

        .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
            width: 94px;
        }

.dx-dateview-rollers {
    width: auto;
    text-align: center;
    display: block;
}

.dx-dateviewroller-current .dx-dateview-item {
    -webkit-transition: font-size 0.2s ease-out;
    transition: font-size 0.2s ease-out;
}

.dx-dateviewroller {
    min-width: 4em;
    text-align: center;
    display: inline-block;
}

    .dx-dateviewroller .dx-button {
        display: none;
    }

    .dx-dateviewroller .dx-scrollable-content:before,
    .dx-dateviewroller .dx-scrollable-content:after {
        content: "";
        height: 59px;
        display: block;
    }

    .dx-dateviewroller .dx-scrollable-container {
        height: 152px;
    }

    .dx-dateviewroller.dx-dateviewroller-year {
        min-width: 4.85em;
    }

    .dx-dateviewroller.dx-state-active .dx-button {
        display: none;
    }

.dx-dateviewroller-month {
    min-width: 12em;
}

.dx-dateviewroller-hours:after {
    content: ":";
    font-size: 2.2em;
    position: absolute;
    right: -9%;
    font-weight: bold;
    top: 37%;
    color: #333;
}

.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
    padding-left: 20%;
}

.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
    width: 80%;
}

.dx-dateview-item {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 1.3em;
    color: #333;
}

.dx-dateview-item-selected {
    font-size: 2.2em;
}

.dx-rtl.dx-dateviewroller-hours:after {
    left: -9%;
    right: auto;
}

.dx-dateview-item-selected-frame {
    position: absolute;
    top: 59px;
    width: 100%;
}

    .dx-dateview-item-selected-frame:before,
    .dx-dateview-item-selected-frame:after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        height: 59px;
    }

    .dx-dateview-item-selected-frame:before {
        top: -59px;
        border-bottom: 1px solid #ddd;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    }

    .dx-dateview-item-selected-frame:after {
        top: 34px;
        border-top: 1px solid #ddd;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    }

.dx-device-tablet .dx-dateview-rollers,
.dx-device-phone .dx-dateview-rollers,
.dx-dateview-compact .dx-dateview-rollers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-device-tablet .dx-dateviewroller-month,
.dx-device-phone .dx-dateviewroller-month,
.dx-dateview-compact .dx-dateviewroller-month {
    min-width: 4em;
}

.dx-device-tablet .dx-dateview-item,
.dx-device-phone .dx-dateview-item,
.dx-dateview-compact .dx-dateview-item {
    font-size: 1.1em;
}

.dx-device-tablet .dx-dateview-item-selected,
.dx-device-phone .dx-dateview-item-selected,
.dx-dateview-compact .dx-dateview-item-selected {
    font-size: 1.4em;
}

.dx-calendar {
    width: 232px;
    min-width: 232px;
    height: 225.4px;
    min-height: 225.4px;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    border: 1px solid transparent;
}

    .dx-calendar.dx-calendar-with-footer {
        height: 270.4px;
        min-height: 240.4px;
    }

        .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
            bottom: 45px;
        }

        .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
            text-align: center;
            height: 35px;
            width: 100%;
        }

            .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
                background: none;
            }

                .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
                    background-color: #d4d4d4;
                }

.dx-calendar-navigator {
    line-height: 1.6;
    height: 30px;
    display: table;
    border-collapse: collapse;
}

    .dx-calendar-navigator .dx-button {
        height: 100%;
        border-radius: 0;
        display: table-cell;
        border-color: #ddd;
    }

        .dx-calendar-navigator .dx-button .dx-icon {
            font-size: 14px;
        }

        .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
            border-collapse: collapse;
            visibility: visible;
            opacity: 1;
        }

            .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
                opacity: 0.5;
            }

        .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
            z-index: 1;
        }

        .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
            z-index: 1;
            border-color: #ddd;
        }

    .dx-calendar-navigator .dx-calendar-caption-button {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        text-transform: uppercase;
        right: 24px;
        left: 24px;
    }

        .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
            background-color: #d4d4d4;
        }

        .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
            padding: 3px 3px;
            color: #337ab7;
        }

.dx-calendar-navigator-previous-month {
    width: 24px;
    background: none;
}

    .dx-calendar-navigator-previous-month.dx-button {
        margin: 0 2px;
    }

    .dx-calendar-navigator-previous-month .dx-button-content {
        padding: 0;
    }

    .dx-calendar-navigator-previous-month.dx-state-hover {
        z-index: 1;
    }

.dx-calendar-navigator-previous-month,
.dx-calendar-navigator-next-view {
    width: 24px;
    background: none;
}

    .dx-calendar-navigator-previous-month.dx-button,
    .dx-calendar-navigator-next-view.dx-button {
        margin: 0 1px;
    }

    .dx-calendar-navigator-previous-month .dx-button-content,
    .dx-calendar-navigator-next-view .dx-button-content {
        padding: 0;
    }

.dx-calendar-navigator-previous-view,
.dx-calendar-navigator-previous-month {
    left: 0;
}

    .dx-calendar-navigator-previous-view.dx-button,
    .dx-calendar-navigator-previous-month.dx-button {
        border-radius: 4px 0 0 4px;
    }

        .dx-calendar-navigator-previous-view.dx-button .dx-icon,
        .dx-calendar-navigator-previous-month.dx-button .dx-icon {
            color: #337ab7;
        }

.dx-calendar-navigator-next-view,
.dx-calendar-navigator-next-month {
    right: 0;
}

    .dx-calendar-navigator-next-view.dx-button,
    .dx-calendar-navigator-next-month.dx-button {
        border-radius: 0 4px 4px 0;
    }

        .dx-calendar-navigator-next-view.dx-button .dx-icon,
        .dx-calendar-navigator-next-month.dx-button .dx-icon {
            color: #337ab7;
        }

.dx-calendar-body {
    top: 42px;
}

    .dx-calendar-body thead {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
    }

        .dx-calendar-body thead tr {
            height: 25px;
            padding-bottom: 10px;
        }

            .dx-calendar-body thead tr th {
                -webkit-box-shadow: inset 0 -1px 0 #ddd;
                box-shadow: inset 0 -1px 0 #ddd;
                color: #999999;
            }

    .dx-calendar-body table {
        border-spacing: 0;
    }

        .dx-calendar-body table th {
            color: #999999;
            text-align: center;
            font-size: 10px;
            padding: 1px 0 2px 0;
        }

.dx-calendar-cell {
    text-align: center;
    padding: 1px 3px 2px;
    color: #333;
    font-size: 13px;
    border: 1px double transparent;
    width: 39px;
    border-radius: 4px;
}

    .dx-calendar-cell.dx-calendar-today {
        font-weight: bold;
    }

    .dx-calendar-cell.dx-state-hover {
        -webkit-box-shadow: inset 0 -1px 0 1000px rgba(0, 0, 0, 0.04);
        box-shadow: inset 0 -1px 0 1000px rgba(0, 0, 0, 0.04);
        color: #333;
    }

    .dx-calendar-cell.dx-calendar-other-view,
    .dx-calendar-cell.dx-calendar-empty-cell {
        color: #b0b0b0;
    }

        .dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
        .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
            color: #b0b0b0;
        }

    .dx-calendar-cell.dx-calendar-empty-cell {
        cursor: default;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=") center center no-repeat;
    }

        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
        -webkit-box-shadow: inset 0 -1px 0 1000px rgba(96, 96, 96, 0.2);
        box-shadow: inset 0 -1px 0 1000px rgba(96, 96, 96, 0.2);
    }

    .dx-calendar-cell.dx-calendar-contoured-date {
        -webkit-box-shadow: inset 0 0 0 1px #bebebe;
        box-shadow: inset 0 0 0 1px #bebebe;
    }

    .dx-calendar-cell.dx-calendar-selected-date,
    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
        color: #fff;
        -webkit-box-shadow: inset 0 0 0 1000px #337ab7;
        box-shadow: inset 0 0 0 1000px #337ab7;
        font-weight: normal;
    }

        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
            -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #337ab7;
            box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #337ab7;
        }

.dx-invalid.dx-calendar {
    border-color: rgba(217, 83, 79, 0.4);
}

    .dx-invalid.dx-calendar.dx-state-focused {
        border-color: #d9534f;
    }

.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
    margin: 0;
}

.dx-datebox-wrapper .dx-popup-title {
    min-height: 10px;
    border-bottom: none;
    background: none;
}

.dx-datebox-wrapper .dx-item {
    border: none;
}

.dx-datebox-wrapper .dx-popup-bottom .dx-button {
    min-width: 60px;
    width: auto;
}

.dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
    margin: 0 14px;
}

.dx-datebox-wrapper-list .dx-overlay-content {
    border-top: none;
}

.dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
    padding: 10px;
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons;
    width: 22px;
    height: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    border-radius: 3px;
}

    .dx-datebox-calendar .dx-dropdowneditor-icon:before {
        content: "\f026";
    }

    .dx-datebox-calendar .dx-dropdowneditor-icon:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

.dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-datebox-calendar.dx-rtl.dx-editor-underlined {
    padding-right: 0;
}

.dx-datebox-wrapper-calendar .dx-popup-content {
    padding: 0;
}

.dx-datebox-wrapper-calendar .dx-calendar {
    border: none;
    margin: 15px;
}

.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
    margin-right: 15px;
    margin-bottom: 15px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
    margin-right: 7.5px;
    margin-bottom: 7.5px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 15px 15px 7.5px 7.5px;
}

.dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 0 7.5px 7.5px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
    margin-top: -1px;
    margin-right: 15px;
}

@media (max-width: 320px) {
    .dx-datebox-wrapper-calendar .dx-calendar {
        margin: 15px;
    }
}

.dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
    margin-right: 5px;
    margin-left: 0;
}

.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
    margin-left: 7.5px;
    margin-right: 15px;
}

.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin-right: 7.5px;
    margin-left: 15px;
}

.dx-datebox-list .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons;
    width: 22px;
    height: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    border-radius: 3px;
}

    .dx-datebox-list .dx-dropdowneditor-icon:before {
        content: "\f01d";
    }

    .dx-datebox-list .dx-dropdowneditor-icon:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

.dx-datebox-wrapper-list .dx-popup-content {
    padding: 0;
}

.dx-datebox input[type="date"] {
    line-height: normal;
}

.dx-datebox.dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
    padding-right: 20px;
}

.dx-datebox.dx-auto-width.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-rtl .dx-texteditor-input {
    padding-right: 5px;
    padding-left: 20px;
}

.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
    min-height: 23px;
}

.dx-menu-item {
    color: #333;
}

    .dx-menu-item.dx-state-hover {
        color: #333;
        background-color: rgba(0, 0, 0, 0.04);
    }

    .dx-menu-item.dx-state-focused {
        background-color: #337ab7;
        color: #fff;
    }

    .dx-menu-item.dx-menu-item-has-text .dx-icon {
        margin-right: -14px;
    }

.dx-menu-item-selected {
    background-color: #e6e6e6;
    color: #333;
}

    .dx-menu-item-selected.dx-state-focused {
        background-color: rgba(51, 122, 183, 0.7);
        color: #fff;
    }

.dx-menu-item-expanded {
    color: #333;
    background-color: rgba(0, 0, 0, 0.04);
}

.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-active,
.dx-menu-item-expanded {
    outline: none;
}

.dx-menu-base {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

    .dx-menu-base input,
    .dx-menu-base textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

    .dx-menu-base.dx-state-focused {
        outline: none;
    }

    .dx-menu-base .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

    .dx-menu-base .dx-menu-item-content {
        padding: 1px 3px 5px;
    }

        .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
            padding: 0 23px 3px 17px;
        }

        .dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
            min-width: 7px;
            min-height: 7px;
        }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text {
        padding: 0 17px 3px 23px;
    }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
        margin-left: 0;
        margin-right: auto;
    }

        .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon {
        margin-left: -14px;
    }

.dx-treeview-node-loadindicator {
    left: auto;
    right: 0;
}

.dx-rtl .dx-treeview-node .dx-checkbox {
    left: auto;
}

.dx-treeview-node-loadindicator {
    top: 8px;
    left: -1px;
    width: 11px;
    height: 11px;
}

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
    padding-left: 0;
    padding-right: 20px;
}

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
    padding-left: 1px;
    padding-right: 6px;
}

.dx-treeview.dx-rtl .dx-treeview-node {
    padding-right: 10px;
}

.dx-treeview.dx-rtl .dx-treeview-item .dx-icon {
    margin-left: 5px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
    padding-right: 31px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
    right: 14px;
}

.dx-treeview.dx-rtl .dx-treeview-select-all-item {
    padding-left: 0;
    padding-right: 14px;
}

    .dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
        padding-left: 0;
        padding-right: 26px;
    }

.dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility {
    right: -4px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
    overflow: visible;
}

.dx-treeview-search {
    margin-bottom: 3px;
}

.dx-treeview-with-search > .dx-scrollable {
    height: calc(100% - 29px);
}

.dx-treeview-border-visible {
    border: 1px solid #ddd;
}

    .dx-treeview-border-visible .dx-treeview-select-all-item {
        padding-left: 20px;
    }

    .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
        padding: 1px 1px 1px 6px;
    }

.dx-treeview-select-all-item {
    margin: 0 0 6px 0;
    border-bottom: 1px solid #ddd;
    padding: 6px 0 8px 15px;
}

    .dx-treeview-select-all-item .dx-checkbox-text {
        padding-left: 26px;
    }

.dx-treeview-node {
    padding-left: 10px;
}

.dx-state-selected > .dx-treeview-item {
    color: #333;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: #333;
    padding-left: 31px;
}

.dx-treeview-item-with-checkbox .dx-checkbox {
    top: 5px;
    left: 14px;
}

.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #337ab7;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #333;
    background-color: rgba(0, 0, 0, 0.1);
}

.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
    background-color: rgba(0, 0, 0, 0.07);
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #337ab7;
    color: #fff;
}

.dx-treeview-item {
    padding: 4px 6px;
    min-height: 28px;
}

    .dx-treeview-item .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

    .dx-treeview-item.dx-state-hover {
        background-color: rgba(0, 0, 0, 0.04);
        color: #333;
    }

.dx-treeview-toggle-item-visibility {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #333;
    width: 16px;
    height: 28px;
    top: 0;
    left: -4px;
}

    .dx-treeview-toggle-item-visibility:before {
        content: "\f04e";
    }

    .dx-treeview-toggle-item-visibility:before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px;
    }

    .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
        font: 14px/1 DXIcons;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }

        .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
            content: "\f001";
        }

        .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px;
        }

.dx-context-menu-container-border {
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.dx-context-menu-content-delimiter {
    background-color: #fff;
}

.dx-menu {
    color: #333;
}

    .dx-menu .dx-menu-item-expanded {
        background-color: #fff;
    }

    .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
        margin: 0 17px 0 1px;
    }

    .dx-menu .dx-menu-item-has-text .dx-menu-item-text {
        padding: 0 3px 3px 3px;
    }

    .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
        margin: 0 1px;
    }

    .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
        padding: 0 17px 3px 3px;
    }

    .dx-menu .dx-menu-horizontal .dx-menu-item-popout {
        font: 14px/1 DXIcons;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
            content: "\f001";
        }

        .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
            position: absolute;
            display: block;
            width: 14px;
            top: 50%;
            margin-top: -7px;
            left: 50%;
            margin-left: -7px;
        }

    .dx-menu .dx-menu-vertical .dx-menu-item-popout {
        font: 14px/1 DXIcons;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
            content: "\f04e";
        }

        .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
            position: absolute;
            display: block;
            width: 14px;
            top: 50%;
            margin-top: -7px;
            left: 50%;
            margin-left: -7px;
        }

    .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
        margin: 0 1px 0 17px;
    }

    .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text {
        padding: 0 3px 3px 0;
    }

    .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
        padding: 0 3px 3px 17px;
    }

.dx-menu-adaptive-mode {
    background-color: #fff;
}

    .dx-menu-adaptive-mode .dx-treeview {
        border: 1px solid #ddd;
        border-radius: 4px;
    }

        .dx-menu-adaptive-mode .dx-treeview,
        .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
            -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        }

    .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
        font-size: 18px;
    }

    .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
        color: inherit;
    }

    .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
        color: #fff;
    }

    .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
        border-bottom: 1px solid #ddd;
    }

.dx-selectbox-popup-wrapper .dx-overlay-content {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: #fff;
}

.dx-toolbar {
    background-color: #fff;
    color: #333;
    padding: 0;
    overflow: visible;
}

    .dx-toolbar .dx-toolbar-before {
        padding-right: 15px;
    }

.dx-rtl.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-toolbar .dx-toolbar-before:empty,
.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 26px;
    overflow: visible;
}

.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-toolbar .dx-toolbar-label {
    font-size: 18px;
}

.dx-device-mobile .dx-toolbar {
    padding: 0;
    overflow: visible;
}

    .dx-device-mobile .dx-toolbar .dx-toolbar-before {
        padding-right: 15px;
    }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-before:empty,
.dx-device-mobile .dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-device-mobile .dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-toolbar.dx-state-disabled {
    opacity: 1;
}

.dx-toolbar.dx-toolbar-compact .dx-button {
    min-width: auto;
}

.dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-toolbar-after .dx-toolbar-item:last-child {
        padding: 0 0 0 5px;
    }

    .dx-toolbar-after .dx-toolbar-item:first-child {
        padding: 0;
    }

.dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child {
    padding-left: 5px;
}

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
        padding: 0 0 0 5px;
    }

    .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
        padding: 0;
    }

.dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
    padding-left: 5px;
}

.dx-toolbar-background {
    background-color: #fff;
}

.dx-toolbar-menu-section {
    border-bottom: 1px solid #ddd;
}

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
    .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-button-content {
        padding: 0;
    }

    .dx-toolbar-menu-section .dx-button-content {
        padding: 4px;
    }

    .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
        padding: 5px 10px;
    }

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding: 5px;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #333;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
    margin-left: 0;
    margin-right: 0;
}

.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
    margin-right: 0;
    margin-left: 0;
}

.dx-toolbar .dx-tab {
    padding: 4px;
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 6px;
}

.dx-popup-wrapper > .dx-popup-fullscreen {
    border-radius: 0;
}

.dx-popup-title {
    position: relative;
    padding: 2px 10px;
    min-height: 28px;
    border-bottom: 1px solid #ddd;
    background: transparent;
    color: #333;
}

    .dx-popup-title.dx-toolbar {
        padding: 2px 10px;
        overflow: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-popup-title.dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before:empty,
.dx-popup-title.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 26px;
    overflow: visible;
}

.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 18px;
}

.dx-popup-title .dx-closebutton {
    display: block;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    background: transparent;
    border-color: transparent;
    width: 19px;
    height: 19px;
    margin: 0 -4px 0 4px;
}

    .dx-popup-title .dx-closebutton .dx-button-content {
        padding: 0;
    }

    .dx-popup-title .dx-closebutton .dx-icon {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon,
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon {
    opacity: 0.6;
}

.dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text,
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text {
    opacity: 0.5;
}

.dx-rtl .dx-popup-title .dx-closebutton {
    margin: 0 4px 0 -4px;
}

.dx-popup-title .dx-closebutton .dx-icon {
    width: 17px;
    height: 17px;
    background-position: 3px 3px;
    background-size: 11px 11px;
    padding: 3px;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
}

.dx-device-mobile .dx-popup-title .dx-closebutton {
    width: 37px;
    height: 37px;
    margin: 0 -11px 0 11px;
}

.dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton {
    margin: 0 11px 0 -11px;
}

.dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon {
    width: 35px;
    height: 35px;
    background-position: 10px 10px;
    background-size: 15px 15px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

.dx-popup-content {
    padding: 10px;
}

    .dx-popup-content > .dx-button {
        margin: 0 5px;
    }

.dx-popup-bottom {
    background: transparent;
    color: #333;
}

    .dx-popup-bottom.dx-toolbar {
        padding: 10px;
        overflow: visible;
    }

        .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
            padding-right: 15px;
        }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
.dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 26px;
    overflow: visible;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
    font-size: 18px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar {
    padding: 10px;
    overflow: visible;
}

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
        padding-right: 15px;
    }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 26px;
    overflow: visible;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
        padding-left: 20px;
    }

    .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

    .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
        padding: 0;
    }

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
    font-size: 18px;
}

.dx-popup-bottom .dx-button {
    min-width: 100px;
}

.dx-popup-content.dx-dialog-content {
    min-width: 200px;
    padding: 10px;
}

.dx-dialog-message {
    padding: 0;
}

.dx-dropdowneditor-button {
    width: 24px;
    min-width: 24px;
    padding: 1px;
    border-radius: 4px;
}

    .dx-dropdowneditor-button.dx-button-mode-outlined,
    .dx-dropdowneditor-button.dx-button-mode-contained,
    .dx-dropdowneditor-button.dx-button-mode-text {
        background: transparent;
    }

.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-dropdowneditor-icon {
    border: 1px solid transparent;
    color: #333;
    font: 14px/1 DXIcons;
    width: 22px;
    height: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    border-radius: 3px;
}

    .dx-dropdowneditor-icon:before {
        content: "\f001";
    }

    .dx-dropdowneditor-icon:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined {
    border: none;
    background: transparent;
}

.dx-dropdowneditor .dx-clear-button-area {
    width: 22px;
    min-width: 22px;
}

.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 0;
}

.dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 5px;
    padding-left: 0;
}

.dx-rtl.dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl .dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 0;
}

.dx-invalid .dx-texteditor-input,
.dx-valid .dx-texteditor-input,
.dx-validation-pending .dx-texteditor-input {
    padding-right: 20px;
}

.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-valid.dx-rtl .dx-texteditor-input,
.dx-validation-pending.dx-rtl .dx-texteditor-input {
    padding-right: 5px;
    padding-left: 20px;
}

.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: #e6e6e6;
    border-color: transparent;
}

.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: rgba(51, 122, 183, 0.2);
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: #b3b3b3;
    border-color: transparent;
    color: #333;
    opacity: 1;
}

.dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: rgba(51, 122, 183, 0.3);
}

.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: 26px;
}

.dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: auto;
    left: 26px;
}

.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: 48px;
}

.dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: auto;
    left: 48px;
}

.dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(217, 83, 79, 0.2);
}

.dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(217, 83, 79, 0.3);
}

.dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(217, 83, 79, 0.3);
}

.dx-valid.dx-dropdowneditor .dx-texteditor-container:after {
    right: 26px;
}

.dx-rtl .dx-valid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-valid.dx-dropdowneditor .dx-texteditor-container:after {
    right: auto;
    left: 26px;
}

.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: 48px;
}

.dx-rtl .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: auto;
    left: 48px;
}

.dx-textarea {
    height: auto;
}

    .dx-textarea .dx-icon-clear {
        top: 0;
        margin-top: 0;
    }

    .dx-textarea.dx-invalid .dx-texteditor-container:after {
        top: 4px;
        margin-top: 0;
    }

.dx-tile {
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(221, 221, 221, 0.6);
    text-align: left;
}

    .dx-tile.dx-state-focused,
    .dx-tile.dx-state-hover {
        background-color: #fff;
        border-color: rgba(51, 122, 183, 0.4);
    }

    .dx-tile.dx-state-active {
        background-color: rgba(96, 96, 96, 0.2);
        color: #333;
        border-color: transparent;
    }

.dx-toast-content {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    padding: 5px;
    -webkit-box-shadow: 0 2px 3px 0 transparent;
    box-shadow: 0 2px 3px 0 transparent;
    border-radius: 6px;
}

.dx-toast-icon {
    width: 25px;
    height: 25px;
}

.dx-toast-info {
    background-color: #337ab7;
}

    .dx-toast-info .dx-toast-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==");
    }

.dx-toast-message {
    line-height: 16px;
}

.dx-toast-warning {
    background-color: #f0ad4e;
}

    .dx-toast-warning .dx-toast-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC");
    }

.dx-toast-error {
    background-color: #d9534f;
}

    .dx-toast-error .dx-toast-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC");
    }

.dx-toast-success {
    background-color: #5cb85c;
}

    .dx-toast-success .dx-toast-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==");
    }

.dx-progressbar-container {
    height: 6px;
    border: 1px solid #ddd;
    background-color: #dddddd;
    border-radius: 2px;
}

.dx-progressbar-range {
    position: relative;
    border: 1px solid #337ab7;
    background-color: #337ab7;
    margin-top: -1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dx-progressbar-animating-container {
    height: 6px;
    background-color: #dddddd;
    background-size: 90% 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#337ab7), color-stop(95%, transparent));
    background-image: linear-gradient(-90deg, transparent 5%, #337ab7, transparent 95%);
    background-repeat: repeat;
}

.dx-state-disabled .dx-progressbar-range {
    background-color: rgba(51, 122, 183, 0.6);
}

.dx-state-disabled .dx-progressbar-animating-container {
    -webkit-animation: none;
    animation: none;
    background-position-x: 45%;
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
    -webkit-animation: loader-rtl 2s linear infinite;
    animation: loader-rtl 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#337ab7), color-stop(95%, transparent));
    background-image: linear-gradient(-90deg, transparent 5%, #337ab7, transparent 95%);
    background-repeat: repeat;
}

@-webkit-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-webkit-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

.dx-tooltip-wrapper .dx-overlay-content {
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
    border: 1px solid #ddd;
    background: #fff;
}

.dx-slider .dx-tooltip-wrapper .dx-overlay-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-slider .dx-state-active.dx-slider-handle {
    border: 1px solid #fff;
    background: #204d73;
}

.dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #285f8f;
}

.dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #285f8f;
}

.dx-slider-wrapper {
    height: 20px;
}

.dx-slider-bar {
    margin: 10px 4.5px;
    height: 2px;
    background: #ddd;
    border-radius: 2px;
}

.dx-slider-range {
    border: 1px solid transparent;
    height: 0px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-slider-range.dx-slider-range-visible {
        border: 1px solid #337ab7;
        background: #337ab7;
        border-radius: 2px;
    }

.dx-slider-label-position-bottom .dx-slider-label {
    bottom: -17px;
}

.dx-slider-label-position-top .dx-slider-label {
    top: -14px;
}

.dx-slider-handle {
    margin-top: -10px;
    margin-right: -4.5px;
    width: 9px;
    height: 20px;
    border: 1px solid #fff;
    background-color: #337ab7;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-state-disabled .dx-slider,
.dx-state-disabled.dx-slider {
    opacity: 1;
}

    .dx-state-disabled .dx-slider .dx-slider-bar,
    .dx-state-disabled.dx-slider .dx-slider-bar {
        opacity: 0.5;
    }

.dx-invalid .dx-slider-handle {
    background-color: #d9534f;
}

.dx-invalid .dx-slider-range-visible {
    background-color: #d9534f;
    border-color: #d9534f;
}

.dx-invalid .dx-slider-bar {
    background-color: rgba(217, 83, 79, 0.4);
}

.dx-rtl .dx-slider-handle {
    margin-left: -5px;
}

.dx-rangeslider-start-handle {
    margin-left: -7px;
}

.dx-rtl .dx-rangeslider-start-handle {
    margin-right: -7px;
}

.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
    position: absolute;
    top: 0;
    width: 34%;
    height: 100%;
    background: #fff;
    background: transparent;
    cursor: pointer;
    font-size: 32px;
    text-align: center;
    line-height: 32px;
}

    .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
    .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
        background-color: rgba(51, 122, 183, 0.5);
    }

    .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
    .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
        background-color: rgba(51, 122, 183, 0.7);
    }

    .dx-gallery .dx-gallery-nav-button-prev:before,
    .dx-gallery .dx-gallery-nav-button-next:before {
        position: absolute;
        display: block;
        width: 32px;
        top: 50%;
        margin-top: -16px;
        left: 50%;
        margin-left: -16px;
    }

    .dx-gallery .dx-gallery-nav-button-prev:after,
    .dx-gallery .dx-gallery-nav-button-next:after {
        content: '';
        position: absolute;
        width: 32px;
        height: 100%;
        border-radius: 0px;
    }

    .dx-gallery .dx-gallery-nav-button-prev:before,
    .dx-gallery .dx-gallery-nav-button-next:before {
        position: absolute;
        z-index: 10;
        clear: both;
        font-size: 32px;
        color: #fff;
    }

.dx-gallery .dx-gallery-nav-button-prev {
    font: 14px/1 DXIcons;
}

    .dx-gallery .dx-gallery-nav-button-prev:before {
        content: "\f012";
    }

    .dx-gallery .dx-gallery-nav-button-prev:after {
        left: 0;
    }

    .dx-gallery .dx-gallery-nav-button-prev:before {
        left: 0;
        right: auto;
        margin-left: 0;
    }

.dx-gallery .dx-gallery-nav-button-next {
    font: 14px/1 DXIcons;
}

    .dx-gallery .dx-gallery-nav-button-next:before {
        content: "\f010";
    }

    .dx-gallery .dx-gallery-nav-button-next:after {
        right: 0;
    }

    .dx-gallery .dx-gallery-nav-button-next:before {
        right: 0;
        left: auto;
    }

.dx-gallery-indicator {
    pointer-events: none;
    text-align: center;
}

.dx-gallery-indicator-item {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #337ab7;
    pointer-events: auto;
    margin: 2px 6px;
    width: 6px;
    height: 6px;
    background: #fff;
}

.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    width: 7px;
    height: 7px;
    background: #337ab7;
    border: 2px solid rgba(255, 255, 255, 0.8);
    margin: 1.5px 6px;
}

.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
    background: #22527b;
}

.dx-lookup {
    height: 26px;
    border: 1px solid #ddd;
    background: #fff;
}

    .dx-lookup.dx-editor-underlined {
        background: transparent;
    }

.dx-lookup-field {
    padding: 4px 24px 4px 5px;
    font-size: 1em;
}

.dx-rtl .dx-lookup-field {
    padding: 4px 5px 4px 24px;
}

.dx-lookup-arrow {
    font: 14px/1 DXIcons;
    width: 24px;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-lookup-arrow:before {
        content: "\f04e";
    }

.dx-rtl .dx-lookup-arrow:before {
    content: "\f04f";
}

.dx-lookup-arrow:before {
    position: absolute;
    display: block;
    width: 14px;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -7px;
}

.dx-state-readonly .dx-lookup-field:before {
    opacity: 0.5;
}

.dx-lookup-popup-wrapper .dx-list-item {
    border-top: none;
}

    .dx-lookup-popup-wrapper .dx-list-item:last-of-type {
        border-bottom: none;
    }

.dx-lookup-popup-wrapper .dx-list-item-content {
    padding-left: 10px;
    padding-right: 10px;
}

.dx-lookup-popup-wrapper .dx-popup-content {
    top: 0;
    padding: 0;
}

.dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
    top: 36px;
}

.dx-lookup-empty .dx-lookup-field {
    color: #999999;
}

.dx-invalid.dx-lookup .dx-lookup-field:after {
    right: 26px;
    pointer-events: none;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    background-color: #d9534f;
    color: #fff;
    content: '!';
    border-radius: 50%;
}

.dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after,
.dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after {
    right: auto;
    left: 26px;
}

.dx-valid.dx-lookup .dx-lookup-field:after {
    right: 26px;
    pointer-events: none;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-family: 'DXIcons', sans-serif;
    color: #5cb85c;
    content: '\f005';
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
    animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}

.dx-rtl .dx-valid.dx-lookup .dx-lookup-field:after,
.dx-rtl.dx-valid.dx-lookup .dx-lookup-field:after {
    right: auto;
    left: 26px;
}

.dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator {
    right: 26px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.dx-rtl .dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator,
.dx-rtl.dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator {
    right: auto;
    left: 26px;
}

.dx-lookup-popup-search .dx-list {
    height: calc(100% - 45px);
}

.dx-lookup-search-wrapper {
    padding: 10px;
    padding-bottom: 4px;
}

.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-left: 0;
    margin-left: 3px;
}

.dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input,
.dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

.dx-tagbox-single-line .dx-tag-container {
    padding-right: 0;
}

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input {
    height: auto;
}

.dx-tag-container.dx-texteditor-input-container {
    padding-bottom: 2px;
}

    .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
        padding-bottom: 2px;
        min-height: 22px;
    }

.dx-tag-content {
    margin: 2px 0 0 2px;
    padding: 2px 17px 2px 4px;
    min-width: 40px;
    background-color: #dddddd;
    border-radius: 2px;
    color: #333;
}

.dx-tag-remove-button {
    width: 17px;
    height: 100%;
}

    .dx-tag-remove-button:before,
    .dx-tag-remove-button:after {
        right: 7px;
        margin-top: -5px;
        width: 3px;
        height: 11px;
        background: #aaaaaa;
    }

    .dx-tag-remove-button:after {
        right: 3px;
        margin-top: -1px;
        width: 11px;
        height: 3px;
    }

    .dx-tag-remove-button:active:before,
    .dx-tag-remove-button:active:after {
        background: #dddddd;
    }

.dx-tag.dx-state-focused .dx-tag-content {
    background-color: #cbcbcb;
    color: #333;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:after {
    background-color: #aaaaaa;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:active:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:active:after {
    background: #dddddd;
}

.dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-tagbox.dx-valid .dx-texteditor-container:after {
    right: 4px;
}

.dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-rtl .dx-tagbox.dx-valid .dx-texteditor-container:after,
.dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-tagbox.dx-valid .dx-texteditor-container:after {
    left: 4px;
}

.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
    right: 4px;
}

.dx-rtl .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator,
.dx-rtl.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
    left: 4px;
}

.dx-tagbox-popup-wrapper .dx-list-select-all {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 1px;
}

.dx-rtl .dx-tag-content {
    padding-right: 4px;
    padding-left: 17px;
}

.dx-rtl .dx-tag-remove-button:before {
    right: auto;
    left: 7px;
}

.dx-rtl .dx-tag-remove-button:after {
    right: auto;
    left: 3px;
}

.dx-radiobutton-icon {
    width: 16px;
    height: 16px;
}

    .dx-radiobutton-icon:before {
        display: block;
        width: 14px;
        height: 14px;
        border: 1px solid #ddd;
        background-color: #fff;
        content: "";
        border-radius: 8px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -12px;
    margin-left: 4px;
    width: 8px;
    height: 8px;
    background: #337ab7;
    content: "";
    border-radius: 4px;
}

.dx-radiobutton {
    line-height: 16px;
}

    .dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
        border-color: #f4f4f4;
        background-color: #fff;
    }

    .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
        border-color: rgba(51, 122, 183, 0.4);
    }

    .dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
        background-color: rgba(96, 96, 96, 0.2);
    }

    .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
        border: 1px solid #337ab7;
    }

    .dx-radiobutton.dx-state-disabled {
        opacity: 0.5;
    }

.dx-invalid .dx-radiobutton-icon:before {
    border-color: rgba(217, 83, 79, 0.4);
}

.dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #d9534f;
}

.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #d9534f;
}

.dx-state-disabled .dx-radiobutton.dx-state-disabled {
    opacity: 1;
}

.dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
.dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    margin-right: 4.5px;
    margin-left: 0;
}

.dx-radio-value-container {
    padding-left: 0;
}

.dx-radiogroup .dx-radiobutton,
.dx-radiogroup .dx-radiobutton-icon {
    margin: 1px 0;
}

.dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before {
    border-color: #f4f4f4;
    background-color: #fff;
}

.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 17px;
}

.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 0;
    margin-left: 17px;
}

.dx-accordion {
    background-color: #fff;
    color: #333;
}

.dx-accordion-item {
    border: 1px solid transparent;
    border-top-color: #ddd;
}

    .dx-accordion-item:last-child {
        border-bottom: 1px solid #ddd;
    }

    .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
        color: #333;
    }

    .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
        color: #333;
        background-color: rgba(96, 96, 96, 0.2);
    }

    .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
        border-bottom-color: rgba(0, 0, 0, 0.04);
    }

.dx-accordion-item-opened {
    border-color: #ddd;
}

    .dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title {
        background-color: transparent;
    }

    .dx-accordion-item-opened > .dx-accordion-item-title {
        background-color: transparent;
    }

        .dx-accordion-item-opened > .dx-accordion-item-title:before {
            content: "\f014";
        }

    .dx-accordion-item-opened + .dx-accordion-item {
        border-top-color: transparent;
    }

        .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
            border-top-color: rgba(0, 0, 0, 0.04);
        }

.dx-accordion-item-title {
    color: #333;
    padding: 5px 7px;
    font-size: 16px;
}

    .dx-accordion-item-title:before {
        font-weight: normal;
        color: #333;
        content: "\f016";
        font-family: DXIcons;
        font-size: 14px;
        margin-left: 7px;
        margin-right: 0;
        line-height: 21px;
    }

    .dx-accordion-item-title .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        margin-right: 7px;
        margin-left: 0;
        display: inline-block;
        color: #333;
    }

.dx-rtl .dx-accordion-item-title .dx-icon,
.dx-rtl.dx-accordion-item-title .dx-icon {
    margin-left: 7px;
    margin-right: 0;
}

.dx-accordion-item-title .dx-icon.dx-icon-right {
    margin-left: 7px;
    margin-right: 0;
}

.dx-rtl .dx-accordion-item-title .dx-icon.dx-icon-right,
.dx-rtl.dx-accordion-item-title .dx-icon.dx-icon-right {
    margin-right: 7px;
    margin-left: 0;
}

.dx-state-disabled.dx-accordion-item {
    opacity: 0.5;
}

.dx-state-focused.dx-accordion-item {
    border-color: #337ab7;
}

.dx-accordion-item-body {
    padding: 3px 7px 12px;
    font-size: 12px;
}

.dx-rtl .dx-accordion-item-title:before {
    margin-left: 0;
    margin-right: 7px;
}

.dx-slideoutview-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1px;
    border-style: solid;
    border-width: 0 1px;
}

.dx-slideout-menu .dx-list-item .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
    margin-left: 9px;
    margin-right: 0;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
    margin-right: 9px;
    margin-left: 0;
}

.dx-slideoutview-menu-content,
.dx-slideoutview-content {
    background-color: #fff;
}

.dx-slideoutview-content {
    border-color: rgba(221, 221, 221, 0.5);
}

.dx-slideoutview-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1px;
    border-style: solid;
    border-width: 0 1px;
}

.dx-slideout-menu .dx-list-item .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
    margin-left: 9px;
    margin-right: 0;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
    margin-right: 9px;
    margin-left: 0;
}

.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);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    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);
    -webkit-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);
    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);
    -webkit-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);
    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 {
    width: 316px;
}

    .dx-colorview-container label {
        line-height: 25px;
    }

        .dx-colorview-container label.dx-colorview-label-hex {
            margin: 5px 0 0 0;
        }

        .dx-colorview-container label.dx-colorview-alpha-channel-label {
            margin-left: 29px;
            width: 92px;
        }

        .dx-colorview-container label .dx-texteditor {
            width: 51px;
            margin: 1px 1px 8px 0;
        }

.dx-colorview-hue-scale-cell {
    margin-left: 15px;
}

.dx-colorview-palette {
    width: 190px;
    height: 200px;
}

.dx-colorview-alpha-channel-scale {
    width: 190px;
}

.dx-colorview-container-row.dx-colorview-alpha-channel-row {
    margin-top: 5px;
}

.dx-colorview-hue-scale {
    width: 18px;
    height: 200px;
}

.dx-colorview-alpha-channel-cell {
    width: 194px;
}

.dx-colorview-hue-scale-wrapper {
    height: 202px;
}

.dx-colorview-color-preview {
    width: 100%;
    height: 25px;
}

.dx-colorview-controls-container {
    width: 70px;
    margin-left: 15px;
}

.dx-colorview-container label {
    color: #333;
}

.dx-colorview-palette-cell,
.dx-colorview-alpha-channel-border,
.dx-colorview-hue-scale-wrapper,
.dx-colorview-color-preview-container {
    padding: 1px;
    margin: 1px;
    margin-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #ddd;
    box-shadow: 0 0 0 1px #ddd;
}

.dx-colorview-color-preview-container {
    margin-bottom: 15px;
}

.dx-rtl .dx-colorview-controls-container {
    margin-left: 0;
    margin-right: 15px;
}

.dx-rtl .dx-colorview-hue-scale-cell {
    margin-left: 0;
    margin-right: 15px;
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-left: 0;
    margin-right: 29px;
}

.dx-colorbox.dx-state-focused .dx-colorbox-input {
    padding-left: 40px;
}

.dx-colorbox .dx-placeholder {
    left: 32px;
}

.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 0 0;
}

.dx-colorbox-color-result-preview {
    border-color: #ddd;
}

.dx-colorbox-overlay {
    padding: 0;
}

    .dx-colorbox-overlay.dx-overlay-content {
        background-color: #fff;
    }

    .dx-colorbox-overlay .dx-popup-content {
        padding: 10px;
    }

.dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input,
.dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input {
    padding-right: 40px;
}

.dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
    padding-left: 10px;
    padding-right: 0;
}

.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid #ddd;
}

.dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top: 1px solid #ddd;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top-width: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.dx-sortable-dragging > .dx-gridbase-container > .dx-datagrid-rowsview {
    border-color: rgba(51, 122, 183, 0.5);
}

.dx-datagrid {
    color: #333;
    background-color: #fff;
}

    .dx-datagrid .dx-sort-up {
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-sort-up:before {
            content: "\f051";
        }

    .dx-datagrid .dx-sort-down {
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-sort-down:before {
            content: "\f052";
        }

    .dx-datagrid .dx-sort-down,
    .dx-datagrid .dx-sort-up {
        font-family: inherit;
    }

        .dx-datagrid .dx-sort-down:before,
        .dx-datagrid .dx-sort-up:before {
            font-family: 'DXIcons', sans-serif;
        }

    .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
    .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
        outline: none;
    }

    .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: 2px solid #337ab7;
        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-row > td,
    .dx-datagrid .dx-datagrid-headers .dx-header-filter {
        outline: none;
    }

    .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
    .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
        outline: 2px solid #337ab7;
        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: #959595;
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-header-filter:before {
            content: "\f050";
        }

    .dx-datagrid .dx-header-filter-empty {
        color: rgba(149, 149, 149, 0.5);
    }

    .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

    .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
        background-color: #fff;
    }

    .dx-datagrid .dx-datagrid-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-virtual-row td.dx-pointer-events-none,
    .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
    .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
    }

        .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-virtual-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-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
            border-left: none;
        }

        .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-virtual-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-headers .dx-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: 2px solid #337ab7;
        outline-offset: 2px;
    }

    .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
        outline-color: #fff;
        outline-offset: 0;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
        background-color: #fff;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
        position: relative;
    }

        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
            display: block;
            height: 100%;
            content: '';
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC");
            background-repeat: no-repeat repeat;
        }

        .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
        color: #333;
    }

    .dx-datagrid .dx-error-row td {
        color: #fff;
        padding: 0;
    }

    .dx-datagrid .dx-error-row .dx-error-message {
        background-color: #e89895;
        white-space: normal;
        word-wrap: break-word;
    }

    .dx-datagrid .dx-column-lines > td:first-child {
        border-left: none;
    }

    .dx-datagrid .dx-column-lines > td:last-child {
        border-right: none;
    }

    .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
        font: 14px/1 DXIcons;
    }

        .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon:before {
            content: "\f038";
        }

.dx-datagrid-filter-panel {
    color: #333;
    border-top: 1px solid #ddd;
}

    .dx-datagrid-filter-panel .dx-icon-filter,
    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
        outline: none;
    }

    .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
    .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
    .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
        outline: 2px solid #337ab7;
        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-column-chooser {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

    .dx-datagrid-column-chooser input,
    .dx-datagrid-column-chooser textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-datagrid-adaptive-more {
    cursor: pointer;
    font: 14px/1 DXIcons;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

    .dx-datagrid-adaptive-more:before {
        content: "\f06c";
    }

.dx-datagrid-edit-popup .dx-error-message {
    background-color: #e89895;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px;
}

.dx-rtl .dx-datagrid .dx-datagrid-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-virtual-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-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

    .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-virtual-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-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
        border-right: none;
    }

    .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-virtual-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-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
        border-left: none;
    }

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid #ddd;
}

.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
    border-left: none;
    border-right: 1px solid #ddd;
}

.dx-rtl .dx-datagrid-form-buttons-container {
    float: left;
}

    .dx-rtl .dx-datagrid-form-buttons-container .dx-button {
        margin-left: 0;
        margin-right: 10px;
    }

.dx-datagrid-cell-updated-animation {
    -webkit-animation: dx-datagrid-highlight-change 1s;
    animation: dx-datagrid-highlight-change 1s;
}

@-webkit-keyframes dx-datagrid-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

@keyframes dx-datagrid-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

.dx-tabpanel .dx-tabs {
    display: block;
    border-bottom: none;
    background-color: #f7f7f7;
}

.dx-empty-collection.dx-tabpanel .dx-tabs {
    border-top: none;
}

.dx-tabpanel .dx-tab {
    width: 140px;
}

    .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
        background: none;
    }

.dx-tabpanel .dx-tab-selected:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #fff;
    bottom: -1.4px;
}

.dx-tabpanel .dx-tabs-wrapper {
    display: block;
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #337ab7;
}

.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-top: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
    border-left: 1px solid #337ab7;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab:not(.dx-tab-selected):before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #337ab7;
    bottom: -1.4px;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
    border-bottom: 1.5px solid #f7f7f7;
}

.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid #ddd;
}

.dx-form-group-caption {
    font-size: 16px;
}

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #ddd;
    padding-bottom: 10px;
}

.dx-field-item-label-text {
    color: #333;
}

.dx-field-item-help-text {
    color: #333;
}

.dx-field-item-required-mark {
    color: #ea4444;
}

.dx-field-item-optional-mark {
    color: #afafaf;
}

.dx-context-menu {
    color: #333;
}

    .dx-context-menu .dx-submenu {
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    }

    .dx-context-menu .dx-menu-item-popout {
        font: 14px/1 DXIcons;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-context-menu .dx-menu-item-popout:before {
            content: "\f04e";
        }

        .dx-context-menu .dx-menu-item-popout:before {
            position: absolute;
            display: block;
            width: 14px;
            top: 50%;
            margin-top: -7px;
            left: 50%;
            margin-left: -7px;
        }

    .dx-context-menu .dx-menu-separator {
        background-color: #ddd;
    }

    .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
        padding-left: 3px;
    }

.dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
.dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-right: 3px;
    padding-left: 23px;
}

.dx-context-menu.dx-rtl .dx-menu-item-content {
    padding: 3px 1px 3px 3px;
}

    .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text {
        padding: 0 17px 3px 23px;
    }

.dx-filterbuilder {
    background-color: #fff;
}

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
        color: #333;
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
            background-color: rgba(217, 83, 79, 0.3);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
                background-color: rgba(217, 83, 79, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active {
                background-color: #d9534f;
                color: #FFF;
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
            background-color: rgba(51, 122, 183, 0.3);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
                background-color: rgba(51, 122, 183, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active {
                background-color: #337ab7;
                color: #FFF;
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
            background-color: rgba(92, 184, 92, 0.3);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
                background-color: rgba(92, 184, 92, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
                background-color: #5cb85c;
                color: #FFF;
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
            background-color: rgba(221, 221, 221, 0.5);
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
                background-color: rgba(221, 221, 221, 0.5);
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus,
            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active {
                background-color: #dddddd;
                color: #FFF;
            }

    .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
        color: rgba(92, 184, 92, 0.3);
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
            color: rgba(92, 184, 92, 0.5);
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
            color: #5cb85c;
        }

    .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
        color: rgba(217, 83, 79, 0.3);
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
            color: rgba(217, 83, 79, 0.5);
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
            color: #d9534f;
        }

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
    color: #898989;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-filterbuilder .dx-filterbuilder-action-icon {
    margin-bottom: 5px;
}

.dx-filterbuilder .dx-filterbuilder-text,
.dx-filterbuilder .dx-filterbuilder-item-value-text {
    border-radius: 5px;
}

.dx-filterbuilder .dx-filterbuilder-range-separator {
    color: #333;
}

.dx-filterbuilder-overlay .dx-treeview-item {
    padding: 3px 15px;
}

.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
    padding-left: 15px;
}

.dx-pager {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .dx-pager.dx-light-mode .dx-page-sizes {
        min-width: 42px;
    }

    .dx-pager.dx-light-mode .dx-page-index {
        min-width: 19px;
    }

    .dx-pager .dx-pages .dx-page {
        padding: 4px 6px 5px;
    }

    .dx-pager .dx-pages .dx-separator {
        padding-left: 4px;
        padding-right: 4px;
    }

    .dx-pager .dx-pages .dx-navigate-button {
        width: 9px;
        height: 16px;
        padding: 5px 7px;
    }

    .dx-pager .dx-pages .dx-prev-button {
        font: 14px/1 DXIcons;
    }

        .dx-pager .dx-pages .dx-prev-button:before {
            content: "\f012";
        }

    .dx-pager .dx-pages .dx-next-button {
        font: 14px/1 DXIcons;
    }

        .dx-pager .dx-pages .dx-next-button:before {
            content: "\f010";
        }

    .dx-pager .dx-pages .dx-prev-button,
    .dx-pager .dx-pages .dx-next-button {
        font-size: 21px;
        text-align: center;
        line-height: 21px;
    }

        .dx-pager .dx-pages .dx-prev-button:before,
        .dx-pager .dx-pages .dx-next-button:before {
            position: absolute;
            display: block;
            width: 21px;
            top: 50%;
            margin-top: -10.5px;
            left: 50%;
            margin-left: -10.5px;
        }

    .dx-pager .dx-page,
    .dx-pager .dx-page-size {
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
    }

    .dx-pager .dx-page-sizes .dx-page-size {
        padding-left: 8px;
        padding-right: 6px;
        padding-top: 4px;
        padding-bottom: 5px;
    }

    .dx-pager .dx-pages .dx-selection,
    .dx-pager .dx-page-sizes .dx-selection {
        color: #333;
        border-color: transparent;
        background-color: #d4d4d4;
    }

.dx-datagrid .dx-menu-item-has-icon .dx-icon,
.dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
    color: #898989;
}

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
        content: "\f053";
    }

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
        content: "\f054";
    }

.dx-datagrid .dx-icon-filter-operation-equals,
.dx-datagrid-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-equals:before,
    .dx-datagrid-container .dx-icon-filter-operation-equals:before {
        content: "\f044";
    }

.dx-datagrid .dx-icon-filter-operation-default,
.dx-datagrid-container .dx-icon-filter-operation-default {
    font: 14px/1 DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    background-size: 12px 12px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

    .dx-datagrid .dx-icon-filter-operation-default:before,
    .dx-datagrid-container .dx-icon-filter-operation-default:before {
        content: "\f027";
    }

.dx-datagrid .dx-icon-filter-operation-not-equals,
.dx-datagrid-container .dx-icon-filter-operation-not-equals {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-not-equals:before,
    .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
        content: "\f045";
    }

.dx-datagrid .dx-icon-filter-operation-less,
.dx-datagrid-container .dx-icon-filter-operation-less {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-less:before,
    .dx-datagrid-container .dx-icon-filter-operation-less:before {
        content: "\f046";
    }

.dx-datagrid .dx-icon-filter-operation-less-equal,
.dx-datagrid-container .dx-icon-filter-operation-less-equal {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-less-equal:before,
    .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
        content: "\f048";
    }

.dx-datagrid .dx-icon-filter-operation-greater,
.dx-datagrid-container .dx-icon-filter-operation-greater {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-greater:before,
    .dx-datagrid-container .dx-icon-filter-operation-greater:before {
        content: "\f047";
    }

.dx-datagrid .dx-icon-filter-operation-greater-equal,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-greater-equal:before,
    .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
        content: "\f049";
    }

.dx-datagrid .dx-icon-filter-operation-contains,
.dx-datagrid-container .dx-icon-filter-operation-contains {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-contains:before,
    .dx-datagrid-container .dx-icon-filter-operation-contains:before {
        content: "\f063";
    }

.dx-datagrid .dx-icon-filter-operation-not-contains,
.dx-datagrid-container .dx-icon-filter-operation-not-contains {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-not-contains:before,
    .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
        content: "\f066";
    }

.dx-datagrid .dx-icon-filter-operation-starts-with,
.dx-datagrid-container .dx-icon-filter-operation-starts-with {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-starts-with:before,
    .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
        content: "\f064";
    }

.dx-datagrid .dx-icon-filter-operation-ends-with,
.dx-datagrid-container .dx-icon-filter-operation-ends-with {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-ends-with:before,
    .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
        content: "\f065";
    }

.dx-datagrid .dx-icon-filter-operation-between,
.dx-datagrid-container .dx-icon-filter-operation-between {
    font: 14px/1 DXIcons;
}

    .dx-datagrid .dx-icon-filter-operation-between:before,
    .dx-datagrid-container .dx-icon-filter-operation-between:before {
        content: "\f06a";
    }

.dx-datagrid {
    line-height: inherit;
}

    .dx-datagrid .dx-row-alt > td,
    .dx-datagrid .dx-row-alt > tr > td {
        background-color: #f5f5f5;
    }

    .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: transparent;
    }

    .dx-datagrid .dx-link {
        color: #337ab7;
    }

    .dx-datagrid .dx-row-lines > td {
        border-bottom: 1px solid #ddd;
    }

    .dx-datagrid .dx-column-lines > td {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .dx-datagrid .dx-error-row .dx-closebutton {
        float: right;
        margin: 7px;
        font: 14px/1 DXIcons;
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-datagrid .dx-error-row .dx-closebutton:before {
            content: "\f00a";
        }

    .dx-datagrid .dx-error-row .dx-error-message {
        padding: 5px;
        padding-right: 35px;
    }

    .dx-datagrid .dx-row > td {
        padding: 5px;
    }

    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        margin: 0 1px;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
        background-position-y: 34px;
    }

    .dx-datagrid .dx-command-drag {
        width: 32px;
        min-width: 32px;
    }

        .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
            vertical-align: middle;
            width: 14px;
            height: 14px;
            background-position: 0px 0px;
            background-size: 14px 14px;
            padding: 0px;
            font-size: 14px;
            text-align: center;
            line-height: 14px;
            line-height: 16px;
        }

.dx-datagrid-edit-popup .dx-error-message {
    padding: 5px;
}

.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
    padding: 5px;
    min-height: 26px;
}

.dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
    padding-right: 5px;
}

.dx-datagrid-headers .dx-lookup,
.dx-datagrid-rowsview .dx-lookup {
    height: auto;
}

.dx-datagrid-headers .dx-lookup-field,
.dx-datagrid-rowsview .dx-lookup-field {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
    padding-left: 24px;
}

.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
    padding-right: 24px;
}

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-icon-clear {
    left: 0;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

    .dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background: #fff;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
        padding-right: 20px;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
        padding-right: 60px;
    }

.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-datagrid-checkbox-size {
    line-height: 1em;
}

    .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
        font-size: 10px;
    }

    .dx-datagrid-checkbox-size .dx-checkbox-icon {
        height: 16px;
        width: 16px;
    }

    .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 6px;
    }

.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
.dx-datagrid-column-chooser-list .dx-empty-message {
    color: #999999;
    padding: 0 10px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 0 10px 10px 10px;
}

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
        margin-bottom: 5px;
    }

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
        padding-left: 20px;
    }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
    padding: 0 10px 10px 10px;
}

.dx-datagrid-column-chooser .dx-overlay-content {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
        padding-top: 7px;
        padding-bottom: 9px;
        background-color: transparent;
    }

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        margin-bottom: 5px;
        background-color: #fff;
        color: #959595;
        font-weight: normal;
        border: 1px solid #ddd;
        padding: 5px;
        -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

.dx-datagrid-drag-header {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #959595;
    font-weight: normal;
    padding: 5px;
    border: 1px solid rgba(51, 122, 183, 0.5);
    background-color: #fff;
}

.dx-datagrid-columns-separator {
    background-color: rgba(51, 122, 183, 0.5);
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.dx-datagrid-drop-highlight > td {
    background-color: #337ab7;
    color: #fff;
}

.dx-datagrid-focus-overlay {
    border: 2px solid #337ab7;
}

.dx-datagrid-table .dx-row .dx-command-select {
    width: 55px;
    min-width: 55px;
}

.dx-datagrid-table .dx-row .dx-command-edit {
    width: 70px;
    min-width: 70px;
}

.dx-datagrid-table .dx-row .dx-command-expand {
    width: 15px;
    min-width: 15px;
}

    .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
        padding-top: 5px;
    }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: rgba(0, 0, 0, 0.04);
    color: #333;
}

    .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
        border-right-color: rgba(0, 0, 0, 0.04);
    }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
    background-color: rgba(0, 0, 0, 0.04);
    color: #333;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-datagrid-headers {
    color: #959595;
    font-weight: normal;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd;
}

    .dx-datagrid-headers .dx-datagrid-content {
        margin-bottom: -1px;
    }

.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    border-bottom-width: 1px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #ddd;
}

.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
    color: #333;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

    .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
        border: 2px solid #337ab7;
    }

    .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
        background-color: #fff;
    }

        .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
            border-color: transparent;
        }

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent;
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: #fff;
}

.dx-datagrid-filter-row .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
    color: #898989;
}

.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 5px 5px 5px 24px;
}

.dx-datagrid-filter-range-overlay .dx-overlay-content {
    border: 1px solid #ddd;
    overflow: inherit;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
        left: 0;
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
        background-color: #fff;
        padding: 5px;
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
        border: 2px solid #337ab7;
    }

.dx-filter-menu.dx-menu {
    background-color: transparent;
    height: 100%;
}

    .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
        padding: 5px 3px 3px;
    }

        .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
            margin: 0 3px;
        }

.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-highlight-outline {
    padding: 5px;
}

.dx-datagrid-header-panel {
    border-bottom: 1px solid #ddd;
}

    .dx-datagrid-header-panel .dx-toolbar {
        margin-bottom: 5px;
    }

    .dx-datagrid-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

        .dx-datagrid-header-panel .dx-apply-button .dx-icon {
            color: #fff;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44;
            border-color: #4cae4c;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
            background-color: #3d8b3d;
            border-color: #4cae4c;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
            background-color: #357935;
            border-color: #4cae4c;
            color: #fff;
        }

.dx-icon-column-chooser {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-icon-column-chooser:before {
        content: "\f04d";
    }

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
        content: "\f00b";
    }

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
        content: "\f04c";
    }

.dx-datagrid-save-button .dx-icon-edit-button-save {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-datagrid-save-button .dx-icon-edit-button-save:before {
        content: "\f041";
    }

.dx-apply-button .dx-icon-apply-filter {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-apply-button .dx-icon-apply-filter:before {
        content: "\f050";
    }

.dx-datagrid-export-button .dx-icon-export-to {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-datagrid-export-button .dx-icon-export-to:before {
        content: "\f05f";
    }

.dx-datagrid-export-button .dx-icon-export-excel-button {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-datagrid-export-button .dx-icon-export-excel-button:before {
        content: "\f060";
    }

.dx-datagrid-adaptive-more {
    width: 17px;
    height: 17px;
    background-position: 0px 0px;
    background-size: 17px 17px;
    padding: 0px;
    font-size: 17px;
    text-align: center;
    line-height: 17px;
}

.dx-datagrid-borders .dx-datagrid-rowsview,
.dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px solid #ddd;
}

.dx-datagrid-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
        border-top-width: 0;
        border-bottom: 1px solid #ddd;
    }

    .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form {
        white-space: normal;
    }

.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
    background-color: #fafafa;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
    border: 1px solid #d9534f;
}

.dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
    padding: 9px 17px 9px;
}

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-datagrid-rowsview .dx-row-removed > td {
    background-color: rgba(92, 184, 92, 0.5);
    border-top: 1px solid rgba(92, 184, 92, 0.5);
    border-bottom: 1px solid rgba(92, 184, 92, 0.5);
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

.dx-datagrid-rowsview .dx-item-modified {
    border-radius: 4px;
    border: 2px solid rgba(92, 184, 92, 0.5);
}

    .dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
    }

.dx-datagrid-rowsview .dx-row-focused:focus {
    outline: none;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    background-color: #337ab7;
    color: #fff;
}

    .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input {
        border-radius: 0;
    }

    .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-opened,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-closed {
        color: #fff;
    }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
    background-color: #fff;
    color: #333;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 1px solid #337ab7;
}

.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 #337ab7;
    border-bottom: 1px solid #337ab7;
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
    background-color: #337ab7;
    color: #fff;
}

    .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
    .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
        color: #fff;
    }

    .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item {
        color: #fff;
    }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > 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 > tr > td {
    background-color: rgba(0, 0, 0, 0.1);
    color: #333;
}

    .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):hover > 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 > tr > td.dx-datagrid-group-space {
        border-right-color: rgba(0, 0, 0, 0.1);
    }

    .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):hover > 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 > tr > td.dx-pointer-events-none {
        border-left-color: #ddd;
        border-right-color: #ddd;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
        background-color: #fff;
        color: #333;
    }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #ddd;
    border-right-color: #ddd;
}

.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,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #ddd;
}

.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
}

.dx-datagrid-search-text {
    color: #fff;
    background-color: #337ab7;
}

.dx-datagrid-nodata {
    color: #999999;
    font-size: 14px;
}

.dx-datagrid-bottom-load-panel {
    border-top: 1px solid #ddd;
}

.dx-datagrid-pager {
    border-top: 3px double #ddd;
}

    .dx-datagrid-pager.dx-widget {
        color: #333;
    }

    .dx-datagrid-pager .dx-page,
    .dx-datagrid-pager .dx-page-size,
    .dx-datagrid-pager .dx-navigate-button {
        outline: none;
    }

    .dx-datagrid-pager.dx-state-focused .dx-page:focus,
    .dx-datagrid-pager.dx-state-focused .dx-page-size:focus,
    .dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus {
        outline: 2px solid #337ab7;
        outline-offset: -2px;
    }

.dx-datagrid-summary-item {
    color: rgba(51, 51, 51, 0.7);
}

.dx-datagrid-total-footer {
    border-top: 1px solid #ddd;
}

.dx-datagrid-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit;
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0 1px;
    margin-left: 1px;
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

    .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
        color: #fff;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #c9302c;
        border-color: #d43f3a;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #b52b27;
        border-color: #d43f3a;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #a02622;
        border-color: #d43f3a;
        color: #fff;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content {
        padding: 5px;
    }

.dx-toolbar-menu-section .dx-datagrid-checkbox-size {
    width: 100%;
}

    .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container {
        padding: 14px;
    }

    .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text {
        padding-left: 34px;
    }

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
    padding-right: 34px;
    padding-left: 27px;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: rgba(0, 0, 0, 0.04);
    border-right-color: transparent;
}

.dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
    margin: 0 3px;
}

.dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 5px 24px 5px 5px;
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    border-right-color: #ddd;
}

    .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:hover > 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 > tr > td:not(.dx-focused).dx-datagrid-group-space {
        border-left-color: rgba(0, 0, 0, 0.1);
    }

    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > 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 > tr > td.dx-pointer-events-none,
    .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
        border-left-color: #ddd;
    }

.dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 0;
}

.dx-datagrid-group-panel {
    font-size: 12px;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .dx-datagrid-group-panel .dx-group-panel-message {
        color: #959595;
        font-weight: normal;
        padding: 5px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .dx-datagrid-group-panel .dx-group-panel-item {
        margin-right: 5px;
        color: #959595;
        font-weight: normal;
        border: 1px solid #ddd;
        padding: 5px;
    }

    .dx-datagrid-group-panel .dx-block-separator {
        margin-right: 5px;
        color: #959595;
        font-weight: normal;
        padding: 6px;
        background-color: #eeeeee;
    }

    .dx-datagrid-group-panel .dx-sort {
        color: #898989;
    }

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
    border-top: none;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    font-weight: bold;
}

    .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
        color: #959595;
        background-color: #f7f7f7;
    }

    .dx-datagrid-rowsview .dx-row.dx-group-row td {
        border-top-color: #ddd;
        border-bottom-color: #ddd;
    }

.dx-datagrid-group-opened {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #959595;
}

    .dx-datagrid-group-opened:before {
        content: "\f001";
    }

.dx-datagrid-group-closed {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #959595;
}

    .dx-datagrid-group-closed:before {
        content: "\f04e";
    }

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
    width: 100%;
}

.dx-row.dx-datagrid-group-footer.dx-column-lines {
    border-bottom: 1px solid #ddd;
}

.dx-row.dx-datagrid-group-footer > td {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-left-width: 0;
    border-right-width: 0;
}

.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
    margin-left: 5px;
}

.dx-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td {
    background-color: #f7f7f7;
}

.dx-datagrid-filter-panel .dx-icon-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
    color: #337ab7;
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

    .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: #959595;
    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: #959595;
    font: 14px/1 DXIcons;
    font-size: 14px;
    width: 14px;
}

    .dx-pivotgrid-fields-container .dx-header-filter:before {
        content: "\f050";
    }

.dx-pivotgrid-fields-container .dx-header-filter-empty {
    color: rgba(149, 149, 149, 0.5);
}

.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 {
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(51, 122, 183, 0.5);
    }

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    background-color: #fff;
    margin-bottom: 4px;
    border: 1px solid #ddd;
    padding: 5px 6px;
}

.dx-pivotgrid-fields-container .dx-drag-source {
    opacity: 0.5;
}

.dx-pivotgrid-fields-container .dx-column-indicators {
    vertical-align: bottom;
    margin-left: 4px;
    line-height: 16px;
}

.dx-pivotgrid-fields-container .dx-area-field-content {
    vertical-align: bottom;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
    overflow: hidden;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
    margin-right: 10px;
    float: right;
    display: inline-block;
}

    .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
    .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
        margin-right: 4px;
    }

.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
    background-color: rgba(221, 221, 221, 0.2);
}

.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

    .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
    .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
    margin-left: -5px;
    padding-left: 5px;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 0;
}

.dx-pivotgrid .dx-filter-header .dx-area-field-container {
    border-spacing: 4px;
    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 #ddd;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
    border-top-width: 0;
}

.dx-pivotgrid .dx-expand-icon-container {
    margin-left: -5px;
    margin-right: 0;
}

.dx-pivotgrid .dx-area-row-cell,
.dx-pivotgrid .dx-area-description-cell {
    border-right: 1px solid #ddd;
}

.dx-pivotgrid .dx-area-description-cell {
    white-space: nowrap;
}

    .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
        margin: 1px;
    }

        .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
            border-color: transparent;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.dx-pivotgrid .dx-bottom-border,
.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-area-column-cell {
    border-bottom: 1px solid #ddd;
}

.dx-pivotgrid .dx-pivotgrid-area {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dx-pivotgrid .dx-pivotgrid-area td {
        color: #959595;
        padding: 5px 6px;
    }

.dx-pivotgrid .dx-pivotgrid-fields-area-head td {
    position: relative;
    border: none;
    padding: 6px 2px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 6px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
    padding-right: 6px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
    white-space: nowrap;
    padding: 6px 0;
    border: 1px solid transparent;
    color: #525252;
}

.dx-pivotgrid .dx-group-connector {
    position: absolute;
    width: 2px;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background-color: #ddd;
}

    .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: #333;
        white-space: nowrap;
        border-left: 1px solid #ddd;
    }

        .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
            border-left: 0;
        }

    .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total,
    .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal {
        border-top-width: 0;
    }

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
    border-top: 1px solid #ddd;
}

.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 #ddd;
}

.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-vertical-headers .dx-row-total,
.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.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);
    width: 24px;
    padding: 0;
    min-width: 24px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right: 1px solid #ddd;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    text-align: center;
    border: 1px solid #ddd;
}

    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
        text-align: left;
    }

    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
        border-left: 0;
    }

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
    border-top: 0;
}

.dx-pivotgrid .dx-expand-icon-container {
    width: 14px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
    border-bottom: 0;
}

.dx-pivotgrid .dx-total,
.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-area-description-cell {
    background-color: rgba(221, 221, 221, 0.2);
}

.dx-pivotgrid .dx-grandtotal {
    background-color: #f5f5f5;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-left: 1px solid #ddd;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-right: 1px solid #ddd;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top: 1px solid #ddd;
}

    .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 #ddd;
}

.dx-pivotgrid .dx-icon-sorted {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
}

.dx-pivotgrid .dx-menu-item .dx-icon {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-pivotgrid .dx-popup-content {
    padding: 6px;
}

    .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
        padding: 0 2px;
    }

.dx-pivotgridfieldchooser .dx-area-fields {
    overflow: hidden;
}

.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
    margin-bottom: 1px;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-pivotgridfieldchooser .dx-treeview-search {
    margin: 5px;
}

.dx-pivotgridfieldchooser .dx-area-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.dx-pivotgridfieldchooser .dx-area {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
    .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
    .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
    }

        .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
        .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
        .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 0;
        }

            .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
            .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
            .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
                height: auto;
            }

    .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
        margin-top: 3px;
        border: 1px solid #ddd;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
    }

.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.dx-pivotgridfieldchooser .dx-area-fields[group] {
    padding: 5px;
    background-color: rgba(221, 221, 221, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
    border-color: #337ab7;
}

.dx-pivotgridfieldchooser .dx-area-icon-all {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-filter {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-row {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-column {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-data {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-measure {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-dimension {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==") no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-hierarchy {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==") no-repeat center center;
}

.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: 4px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
    margin-right: 0;
    margin-left: 10px;
    float: left;
}

    .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
    .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
        margin-right: 0;
        margin-left: 4px;
    }

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
    margin-left: 0;
    padding-left: 0;
    margin-right: -5px;
    padding-right: 5px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 2px;
    padding-right: 0;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
    padding: 6px 2px;
}

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
        padding-right: 6px;
    }

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
        padding-left: 6px;
    }

.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-row-cell,
.dx-rtl.dx-pivotgrid .dx-area-description-cell {
    border-left: 1px solid #ddd;
    border-right: 0;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    border-left: 0;
    border-right: 1px solid #ddd;
}

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
        border-left: 1px solid #ddd;
        border-right: 0;
    }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    border-right: 0;
    border-left: 1px solid #ddd;
}

.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 #ddd;
}

.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 #ddd;
    border-right: 0;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
    text-align: right;
}

.dx-rtl.dx-pivotgrid .dx-expand-icon-container {
    margin-left: 0;
    margin-right: -5px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl.dx-pivotgrid .dx-icon-sorted {
    margin-left: 0;
    margin-right: 5px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-right: 1px solid #ddd;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-left: 1px solid #ddd;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
    border-right: none;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
    border-left: none;
}

.dx-pivotgrid {
    background-color: #fff;
}

    .dx-pivotgrid .dx-area-description-cell .dx-button-content {
        padding: 5px;
    }

    .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content,
    .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content {
        padding: 5px;
    }

    .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
    .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
        margin-top: 10px;
    }

    .dx-pivotgrid .dx-expand-icon-container {
        font: 14px/1 DXIcons;
    }

        .dx-pivotgrid .dx-expand-icon-container:before {
            content: "\f04e";
        }

        .dx-pivotgrid .dx-expand-icon-container:before {
            visibility: hidden;
        }

    .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
        font: 14px/1 DXIcons;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        color: #959595;
    }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
            content: "\f04e";
        }

        .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
            position: absolute;
            display: block;
            width: 14px;
            top: 50%;
            margin-top: -7px;
            left: 50%;
            margin-left: -7px;
        }

    .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
        font: 14px/1 DXIcons;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        color: #959595;
    }

        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
            content: "\f001";
        }

        .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
            position: absolute;
            display: block;
            width: 14px;
            top: 50%;
            margin-top: -7px;
            left: 50%;
            margin-left: -7px;
        }

    .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
        width: 16px;
        min-width: 16px;
    }

.dx-pivotgridfieldchooser {
    background-color: #fff;
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
    border-bottom: 1px solid #ddd;
}

.dx-treelist-borders > .dx-treelist-pager,
.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top: 1px solid #ddd;
}

.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top-width: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.dx-sortable-dragging > .dx-gridbase-container > .dx-treelist-rowsview {
    border-color: rgba(51, 122, 183, 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-container {
    color: #333;
    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-headers .dx-header-row > td,
    .dx-treelist-container .dx-treelist-headers .dx-header-filter {
        outline: none;
    }

    .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus,
    .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
        outline: 2px solid #337ab7;
    }

    .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: #959595;
        font: 14px/1 DXIcons;
    }

        .dx-treelist-container .dx-header-filter:before {
            content: "\f050";
        }

    .dx-treelist-container .dx-header-filter-empty {
        color: rgba(149, 149, 149, 0.5);
    }

    .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

    .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
        background-color: #fff;
    }

    .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,
    .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
    .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
    .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
    }

        .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,
        .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
        .dx-treelist-container .dx-datagrid-rowsview .dx-header-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 {
            border-left: none;
        }

        .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,
        .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
        .dx-treelist-container .dx-datagrid-rowsview .dx-header-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 {
            border-right: none;
        }

    .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
        outline: 2px solid #337ab7;
        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 {
        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,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC");
            background-repeat: no-repeat repeat;
        }

        .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
        color: #333;
    }

    .dx-treelist-container .dx-error-row td {
        color: #fff;
        padding: 0;
    }

    .dx-treelist-container .dx-error-row .dx-error-message {
        background-color: #e89895;
        white-space: normal;
        word-wrap: break-word;
    }

.dx-treelist-filter-panel {
    color: #333;
    border-top: 1px solid #ddd;
}

    .dx-treelist-filter-panel .dx-icon-filter,
    .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
    .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
        outline: none;
    }

    .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
    .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus,
    .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus {
        outline: 2px solid #337ab7;
    }

.dx-treelist-form-buttons-container {
    float: right;
}

    .dx-treelist-form-buttons-container .dx-button {
        margin-left: 10px;
        margin-top: 10px;
    }

.dx-treelist-column-chooser {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

    .dx-treelist-column-chooser input,
    .dx-treelist-column-chooser textarea {
        font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
        line-height: 1.33334;
    }

.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-treelist-adaptive-more {
    cursor: pointer;
    font: 14px/1 DXIcons;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

    .dx-treelist-adaptive-more:before {
        content: "\f06c";
    }

.dx-treelist-edit-popup .dx-error-message {
    background-color: #e89895;
    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 #ddd;
}

.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
    border-left: none;
    border-right: 1px solid #ddd;
}

.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,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

    .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,
    .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-datagrid-rowsview .dx-header-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 {
        border-right: none;
    }

    .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,
    .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-datagrid-rowsview .dx-header-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 {
        border-left: none;
    }

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
    -webkit-transform: scale(1);
    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-cell-updated-animation {
    -webkit-animation: dx-treelist-highlight-change 1s;
    animation: dx-treelist-highlight-change 1s;
}

@-webkit-keyframes dx-treelist-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

@keyframes dx-treelist-highlight-change {
    from {
        background-color: rgba(51, 51, 51, 0.08);
    }

    50% {
        background-color: rgba(51, 51, 51, 0.08);
    }
}

.dx-treelist .dx-menu-item-has-icon .dx-icon,
.dx-treelist-container .dx-menu-item-has-icon .dx-icon {
    color: #898989;
}

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
        content: "\f053";
    }

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

    .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
        content: "\f054";
    }

.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;
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    background-size: 12px 12px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

    .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 {
    line-height: inherit;
}

    .dx-treelist .dx-row-alt > td,
    .dx-treelist .dx-row-alt > tr > td {
        background-color: #f5f5f5;
    }

    .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: transparent;
    }

    .dx-treelist .dx-link {
        color: #337ab7;
    }

    .dx-treelist .dx-row-lines > td {
        border-bottom: 1px solid #ddd;
    }

    .dx-treelist .dx-column-lines > td {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .dx-treelist .dx-error-row .dx-closebutton {
        float: right;
        margin: 7px;
        font: 14px/1 DXIcons;
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
    }

        .dx-treelist .dx-error-row .dx-closebutton:before {
            content: "\f00a";
        }

    .dx-treelist .dx-error-row .dx-error-message {
        padding: 5px;
        padding-right: 35px;
    }

    .dx-treelist .dx-row > td {
        padding: 5px;
    }

    .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: 14px;
        height: 14px;
        background-position: 0px 0px;
        background-size: 14px 14px;
        padding: 0px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        margin: 0 1px;
    }

    .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
        background-position-y: 34px;
    }

    .dx-treelist .dx-command-drag {
        width: 32px;
        min-width: 32px;
    }

        .dx-treelist .dx-command-drag .dx-treelist-drag-icon {
            vertical-align: middle;
            width: 14px;
            height: 14px;
            background-position: 0px 0px;
            background-size: 14px 14px;
            padding: 0px;
            font-size: 14px;
            text-align: center;
            line-height: 14px;
            line-height: 16px;
        }

.dx-treelist-edit-popup .dx-error-message {
    padding: 5px;
}

.dx-treelist-headers .dx-texteditor-input,
.dx-treelist-rowsview .dx-texteditor-input {
    padding: 5px;
    min-height: 26px;
}

.dx-treelist-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
    padding-right: 5px;
}

.dx-treelist-headers .dx-lookup,
.dx-treelist-rowsview .dx-lookup {
    height: auto;
}

.dx-treelist-headers .dx-lookup-field,
.dx-treelist-rowsview .dx-lookup-field {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
    padding-left: 24px;
}

.dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
    padding-right: 24px;
}

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-icon-clear {
    left: 0;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

    .dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background: #fff;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
        padding-right: 20px;
    }

    .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
        padding-right: 60px;
    }

.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-treelist-checkbox-size {
    line-height: 1em;
}

    .dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
        font-size: 10px;
    }

    .dx-treelist-checkbox-size .dx-checkbox-icon {
        height: 16px;
        width: 16px;
    }

    .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 6px;
    }

.dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
    color: #999999;
    padding: 0 10px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
    padding: 0 10px 10px 10px;
}

    .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
        margin-bottom: 5px;
    }

    .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: 0 10px 10px 10px;
}

.dx-treelist-column-chooser .dx-overlay-content {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
        padding-top: 7px;
        padding-bottom: 9px;
        background-color: transparent;
    }

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        margin-bottom: 5px;
        background-color: #fff;
        color: #959595;
        font-weight: normal;
        border: 1px solid #ddd;
        padding: 5px;
        -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

.dx-treelist-drag-header {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #959595;
    font-weight: normal;
    padding: 5px;
    border: 1px solid rgba(51, 122, 183, 0.5);
    background-color: #fff;
}

.dx-treelist-columns-separator {
    background-color: rgba(51, 122, 183, 0.5);
}

.dx-treelist-columns-separator-transparent {
    background-color: transparent;
}

.dx-treelist-drop-highlight > td {
    background-color: #337ab7;
    color: #fff;
}

.dx-treelist-focus-overlay {
    border: 2px solid #337ab7;
}

.dx-treelist-table .dx-row .dx-command-select {
    width: 55px;
    min-width: 55px;
}

.dx-treelist-table .dx-row .dx-command-edit {
    width: 70px;
    min-width: 70px;
}

.dx-treelist-table .dx-row .dx-command-expand {
    width: 15px;
    min-width: 15px;
}

    .dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space {
        padding-top: 5px;
    }

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: rgba(0, 0, 0, 0.04);
    color: #333;
}

    .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
        border-right-color: rgba(0, 0, 0, 0.04);
    }

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
    background-color: rgba(0, 0, 0, 0.04);
    color: #333;
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-treelist-headers {
    color: #959595;
    font-weight: normal;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd;
}

    .dx-treelist-headers .dx-treelist-content {
        margin-bottom: -1px;
    }

.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 #ddd;
}

.dx-treelist-filter-row .dx-menu .dx-overlay-content {
    color: #333;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

    .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
        border: 2px solid #337ab7;
    }

    .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
        background-color: #fff;
    }

        .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
            border-color: transparent;
        }

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent;
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: #fff;
}

.dx-treelist-filter-row .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-treelist-filter-row .dx-menu-item-content .dx-icon {
    color: #898989;
}

.dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 5px 5px 5px 24px;
}

.dx-treelist-filter-range-overlay .dx-overlay-content {
    border: 1px solid #ddd;
    overflow: inherit;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
        left: 0;
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
        background-color: #fff;
        padding: 5px;
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
        border: 2px solid #337ab7;
    }

.dx-filter-menu.dx-menu {
    background-color: transparent;
    height: 100%;
}

    .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
        padding: 5px 3px 3px;
    }

        .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
            margin: 0 3px;
        }

.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-highlight-outline {
    padding: 5px;
}

.dx-treelist-header-panel {
    border-bottom: 1px solid #ddd;
}

    .dx-treelist-header-panel .dx-toolbar {
        margin-bottom: 5px;
    }

    .dx-treelist-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

        .dx-treelist-header-panel .dx-apply-button .dx-icon {
            color: #fff;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44;
            border-color: #4cae4c;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
            background-color: #3d8b3d;
            border-color: #4cae4c;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-active {
            background-color: #357935;
            border-color: #4cae4c;
            color: #fff;
        }

.dx-icon-column-chooser {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-icon-column-chooser:before {
        content: "\f04d";
    }

.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
        content: "\f00b";
    }

.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
        content: "\f04c";
    }

.dx-treelist-save-button .dx-icon-edit-button-save {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-treelist-save-button .dx-icon-edit-button-save:before {
        content: "\f041";
    }

.dx-apply-button .dx-icon-apply-filter {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-apply-button .dx-icon-apply-filter:before {
        content: "\f050";
    }

.dx-treelist-export-button .dx-icon-export-to {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-treelist-export-button .dx-icon-export-to:before {
        content: "\f05f";
    }

.dx-treelist-export-button .dx-icon-export-excel-button {
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-treelist-export-button .dx-icon-export-excel-button:before {
        content: "\f060";
    }

.dx-treelist-adaptive-more {
    width: 17px;
    height: 17px;
    background-position: 0px 0px;
    background-size: 17px 17px;
    padding: 0px;
    font-size: 17px;
    text-align: center;
    line-height: 17px;
}

.dx-treelist-borders .dx-treelist-rowsview,
.dx-treelist-headers + .dx-treelist-rowsview {
    border-top: 1px solid #ddd;
}

.dx-treelist-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
        border-top-width: 0;
        border-bottom: 1px solid #ddd;
    }

    .dx-treelist-rowsview .dx-row.dx-edit-row > td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .dx-treelist-rowsview .dx-row.dx-treelist-edit-form {
        white-space: normal;
    }

.dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
.dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
    background-color: #fafafa;
}

.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
    border: 1px solid #d9534f;
}

.dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
    padding: 9px 17px 9px;
}

.dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-treelist-rowsview .dx-row-removed > td {
    background-color: rgba(92, 184, 92, 0.5);
    border-top: 1px solid rgba(92, 184, 92, 0.5);
    border-bottom: 1px solid rgba(92, 184, 92, 0.5);
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

.dx-treelist-rowsview .dx-item-modified {
    border-radius: 4px;
    border: 2px solid rgba(92, 184, 92, 0.5);
}

    .dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
    }

.dx-treelist-rowsview .dx-row-focused:focus {
    outline: none;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    background-color: #337ab7;
    color: #fff;
}

    .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input {
        border-radius: 0;
    }

    .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-opened,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed,
    .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-closed {
        color: #fff;
    }

.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
    background-color: #fff;
    color: #333;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 1px solid #337ab7;
}

.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 #337ab7;
    border-bottom: 1px solid #337ab7;
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row {
    background-color: #337ab7;
    color: #fff;
}

    .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened,
    .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed {
        color: #fff;
    }

    .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item {
        color: #fff;
    }

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > 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) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: rgba(0, 0, 0, 0.1);
    color: #333;
}

    .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):hover > 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 > tr > td.dx-treelist-group-space {
        border-right-color: rgba(0, 0, 0, 0.1);
    }

    .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):hover > 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 > tr > td.dx-pointer-events-none {
        border-left-color: #ddd;
        border-right-color: #ddd;
    }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
        background-color: #fff;
        color: #333;
    }

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #ddd;
    border-right-color: #ddd;
}

.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,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #ddd;
}

.dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
}

.dx-treelist-search-text {
    color: #fff;
    background-color: #337ab7;
}

.dx-treelist-nodata {
    color: #999999;
    font-size: 14px;
}

.dx-treelist-bottom-load-panel {
    border-top: 1px solid #ddd;
}

.dx-treelist-pager {
    border-top: 3px double #ddd;
}

    .dx-treelist-pager.dx-widget {
        color: #333;
    }

    .dx-treelist-pager .dx-page,
    .dx-treelist-pager .dx-page-size,
    .dx-treelist-pager .dx-navigate-button {
        outline: none;
    }

    .dx-treelist-pager.dx-state-focused .dx-page:focus,
    .dx-treelist-pager.dx-state-focused .dx-page-size:focus,
    .dx-treelist-pager.dx-state-focused .dx-navigate-button:focus {
        outline: 2px solid #337ab7;
        outline-offset: -2px;
    }

.dx-treelist-summary-item {
    color: rgba(51, 51, 51, 0.7);
}

.dx-treelist-total-footer {
    border-top: 1px solid #ddd;
}

.dx-treelist-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit;
}

.dx-treelist-revert-tooltip .dx-revert-button {
    margin: 0 1px;
    margin-left: 1px;
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

    .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
        color: #fff;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #c9302c;
        border-color: #d43f3a;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #b52b27;
        border-color: #d43f3a;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #a02622;
        border-color: #d43f3a;
        color: #fff;
    }

    .dx-treelist-revert-tooltip .dx-revert-button > .dx-button-content {
        padding: 5px;
    }

.dx-toolbar-menu-section .dx-treelist-checkbox-size {
    width: 100%;
}

    .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-container {
        padding: 14px;
    }

    .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-text {
        padding-left: 34px;
    }

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
    padding-right: 34px;
    padding-left: 27px;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
    border-left-color: rgba(0, 0, 0, 0.04);
    border-right-color: transparent;
}

.dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
    margin: 0 3px;
}

.dx-rtl .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 5px 24px 5px 5px;
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
    border-right-color: #ddd;
}

    .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:hover > 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 > tr > td:not(.dx-focused).dx-treelist-group-space {
        border-left-color: rgba(0, 0, 0, 0.1);
    }

    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > 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 > tr > td.dx-pointer-events-none,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
        border-left-color: #ddd;
    }

.dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 0;
}

.dx-treelist-rowsview .dx-treelist-empty-space {
    position: relative;
    display: inline-block;
    width: 14px;
    font: 14px/1 DXIcons;
}

    .dx-treelist-rowsview .dx-treelist-empty-space:before {
        content: "\f04e";
    }

    .dx-treelist-rowsview .dx-treelist-empty-space:before {
        visibility: hidden;
    }

.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
    color: #959595;
}

.dx-treelist-rowsview .dx-treelist-expanded span {
    font: 14px/1 DXIcons;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    cursor: pointer;
}

    .dx-treelist-rowsview .dx-treelist-expanded span:before {
        content: "\f001";
    }

    .dx-treelist-rowsview .dx-treelist-expanded span:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

    .dx-treelist-rowsview .dx-treelist-expanded span:before {
        left: 0;
        margin-left: -3px;
        margin-top: -7px;
    }

.dx-treelist-rowsview .dx-treelist-collapsed span {
    font: 14px/1 DXIcons;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    cursor: pointer;
}

    .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        content: "\f04e";
    }

    .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        position: absolute;
        display: block;
        width: 14px;
        top: 50%;
        margin-top: -7px;
        left: 50%;
        margin-left: -7px;
    }

    .dx-treelist-rowsview .dx-treelist-collapsed span:before {
        left: 0;
        margin-left: -4px;
        margin-top: -7px;
    }

.dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
    color: #959595;
}

.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 {
    line-height: 0;
}

.dx-treelist-cell-expandable .dx-checkbox,
.dx-treelist-select-all .dx-checkbox {
    position: absolute;
}

.dx-treelist-icon-container.dx-editor-inline-block {
    position: relative;
    padding-right: 21px;
}

    .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
        top: 50%;
        margin-top: -8px;
    }

.dx-treelist-select-all {
    position: relative;
}

    .dx-treelist-select-all .dx-checkbox {
        left: 19px;
        margin-top: 0px;
    }

.dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-left: 40px;
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
.dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
    -webkit-transform: scaleX(-1);
    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% - 35px);
}

.dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-right: 40px;
    padding-left: 5px;
}

.dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
    padding-left: 21px;
    padding-right: 0;
}

.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
    color: #337ab7;
}

.dx-fileuploader-wrapper {
    padding: 2px;
}

.dx-fileuploader-content > .dx-fileuploader-upload-button {
    margin-left: 3px;
    margin-right: 3px;
}

.dx-fileuploader-input-wrapper {
    padding: 2px 0 2px;
    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-label {
    text-align: center;
}

.dx-fileuploader-dragover .dx-fileuploader-input-container {
    display: block;
    border: 3px dashed #ddd;
    width: 100%;
}

.dx-fileuploader-dragover .dx-fileuploader-input {
    display: block;
    width: 100%;
    padding: 4px 3px;
    margin-bottom: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    padding: 4px 4px;
}

.dx-fileuploader-file-status-message,
.dx-fileuploader-file-size {
    color: #999999;
}

.dx-fileuploader-input {
    padding: 2px 0;
}

.dx-fileuploader-input-label {
    padding: 5px 4px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-fileuploader-files-container {
    padding: 12px 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-file {
    padding-top: 5px;
    line-height: 13px;
}

.dx-fileuploader-file-name {
    padding-bottom: 1px;
    color: #333;
}

.dx-fileuploader-file-size {
    padding-bottom: 1px;
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    color: #d9534f;
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
    background: #337ab7;
}

.dx-scheduler-win-no-touch .dx-scheduler-appointment {
    -ms-touch-action: none;
    touch-action: none;
}

.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-selectbox-month-of-year,
.dx-recurrence-numberbox-repeat-count,
.dx-recurrence-datebox-until-date {
    float: left;
    position: relative !important;
}

    .dx-recurrence-numberbox-interval.dx-rtl,
    .dx-recurrence-numberbox-day-of-month.dx-rtl,
    .dx-recurrence-selectbox-month-of-year.dx-rtl,
    .dx-recurrence-numberbox-repeat-count.dx-rtl,
    .dx-recurrence-datebox-until-date.dx-rtl {
        float: right;
    }

.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-numberbox-repeat-count {
    width: 70px !important;
}

.dx-recurrence-repeat-end-wrapper {
    padding: 0 5px;
}

.dx-recurrence-radiogroup-repeat-type-label,
.dx-recurrence-repeat-end-label {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.dx-recurrence-repeat-end-label {
    float: left;
    width: auto;
    white-space: nowrap;
    line-height: 36px;
}

.dx-recurrence-selectbox-month-of-year {
    width: 120px !important;
    top: 0 !important;
}

.dx-recurrence-checkbox-day-of-week {
    position: relative !important;
    padding-right: 10px;
}

.dx-recurrence-radiogroup-repeat-type {
    margin: 0;
}

    .dx-recurrence-radiogroup-repeat-type .dx-item {
        padding-bottom: 10px;
    }

    .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
        float: right;
    }

.dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-recurrence-editor-container .dx-field-value-static {
    width: 100%;
}

.dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
    float: left;
}

    .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
        float: right;
    }

.dx-recurrence-editor-container .dx-field-label {
    width: auto;
    float: none;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
    width: 100%;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
    display: block;
    margin-bottom: 2px;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
    display: block;
    padding-top: 5px;
}

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label {
        padding-top: 10px;
    }

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
    padding-bottom: 0;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type {
    left: 0;
    position: inherit;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
    padding-top: 0;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
    padding-bottom: 2px;
    padding-top: 0;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
    margin-bottom: 0;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
    padding-top: 0;
    position: static;
}

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type {
        margin-top: 0;
    }

.dx-scheduler-recurrence-rule-item.dx-field-item {
    border-top: 1px solid #ddd;
}

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
        left: -90px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
        left: -88px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
        padding-top: 7px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
        padding-top: 10px;
    }

.dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor-container {
    padding-top: 17px;
}

.dx-recurrence-editor-container {
    position: relative;
    margin-bottom: 21px;
}

.dx-recurrence-repeat-end-container {
    margin: 0;
}

.dx-recurrence-radiogroup-repeat-type-label,
.dx-recurrence-repeat-end-label {
    line-height: 26px;
}

.dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-datebox-until-date {
    margin-left: 23px;
}

.dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-numberbox-repeat-count {
    margin-left: 11px;
}

.dx-scheduler-pseudo-cell:before {
    content: "";
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-pseudo-cell:before {
    width: 50px;
}

.dx-scheduler-fixed-appointments {
    z-index: 100;
    position: absolute;
}

.dx-scheduler-header {
    position: relative;
    z-index: 1;
    width: 100%;
}

.dx-scheduler-navigator {
    float: left;
    padding-left: 10px;
    white-space: nowrap;
    min-width: 180px;
    max-width: 40%;
}

.dx-device-mobile .dx-scheduler-navigator {
    padding-left: 5px;
}

.dx-scheduler-navigator-caption {
    width: 180px;
    min-width: 108px;
    max-width: 80%;
}

.dx-device-mobile .dx-scheduler-navigator-caption {
    width: 140px;
}

.dx-calendar.dx-scheduler-navigator-calendar {
    width: 100%;
    height: 100%;
}

.dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
    content: '';
    right: 0;
}

.dx-scheduler-view-switcher.dx-tabs {
    max-width: 52%;
    min-width: 72px;
    width: auto;
    float: right;
    height: 100%;
    border: none;
}

.dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
    display: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
    border-bottom: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab {
    width: 100px;
}

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
        border-bottom: none;
    }

.dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
    position: absolute;
    right: 10px;
}

.dx-scheduler-view-switcher-label {
    position: absolute;
}

.dx-scheduler-view-switcher-reduced {
    table-layout: auto;
}

    .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
        width: auto;
        height: 56px;
    }

    .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
        height: 56px;
    }

.dx-scheduler-appointment-content-allday {
    display: none;
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    color: #337ab7;
}

    .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: #63a0d4;
    }

.dx-scheduler-date-time-shader-all-day {
    margin-left: 100px;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.04);
    position: absolute;
    pointer-events: none;
}

.dx-scheduler-date-time-indicator {
    background-color: #63a0d4;
    position: absolute;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

    .dx-scheduler-date-time-indicator:before {
        font-size: 30px;
        color: #63a0d4;
        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-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 {
    margin-left: 100px;
    height: 1px;
    font: 14px/1 DXIcons;
}

    .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
    .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
        content: "\f04e";
    }

.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,
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
    margin-left: 50px;
}

.dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
    margin-left: 100px;
}

.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top: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-work-week .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
    width: inherit;
    height: inherit;
    content: "";
    left: inherit;
    position: absolute;
    margin-left: 100px;
    background-color: rgba(51, 51, 51, 0.04);
}

.dx-scheduler-work-space-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,
.dx-scheduler-work-space-day.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-indicator,
.dx-scheduler-work-space-work-week.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-indicator,
.dx-scheduler-work-space-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-all-day,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
    margin-left: 0;
}

.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-shader-top: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-shader-bottom:before,
.dx-scheduler-work-space-work-week.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-bottom:before {
    margin-left: 0;
}

.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,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
    margin-left: 0;
    font: 14px/1 DXIcons;
}

    .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,
    .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
        content: "\f04f";
    }

    .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,
    .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
        margin-right: -12px;
    }

.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-top: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-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
    margin-left: 0;
}

.dx-scheduler-timeline-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
.dx-scheduler-timeline-month .dx-scheduler-header-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
    .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
    .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
    .dx-scheduler-timeline-month .dx-scheduler-header-panel thead {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 100%;
    }

.dx-scheduler-timeline-week .dx-scheduler-header-row,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
.dx-scheduler-timeline-month .dx-scheduler-header-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .dx-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),
    .dx-scheduler-timeline-day.dx-scheduler-work-space-count .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) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }

.dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.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,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
    border-right: none;
}

.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";
    }

    .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
        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(51, 51, 51, 0.04);
    }

.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    border-bottom: 2px solid #63a0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        content: none;
    }

.dx-scheduler-work-space {
    border: 1px solid rgba(221, 221, 221, 0.6);
    background-color: #fff;
    position: relative;
    display: inline-block;
    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-date-table-cell {
        border-right: none;
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
        border-top: 1px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
        border-left: 1px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
        border-left: 1px solid rgba(221, 221, 221, 0.6);
        border-top: 1px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 50px;
        margin-bottom: -50px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 80px;
        margin-bottom: -80px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 110px;
        margin-bottom: -110px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 140px;
        margin-bottom: -140px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 125px;
        margin-bottom: -125px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 155px;
        margin-bottom: -155px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 185px;
        margin-bottom: -185px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 215px;
        margin-bottom: -215px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 75px;
        margin-bottom: -75px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 105px;
        margin-bottom: -105px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 135px;
        margin-bottom: -135px;
    }

    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
    .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
        padding-bottom: 165px;
        margin-bottom: -165px;
    }

    .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 {
        border-bottom: 2px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
    }

.dx-scheduler-date-table-scrollable .dx-scrollable-content {
    overflow: hidden;
    position: relative;
}

.dx-scheduler-date-table-cell {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
    height: 50px;
}

    .dx-scheduler-date-table-cell > div,
    .dx-scheduler-all-day-table-cell > div {
        pointer-events: none;
    }

.dx-scheduler-date-table-cell,
.dx-scheduler-header-panel-cell,
.dx-scheduler-time-panel-cell,
.dx-scheduler-group-header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: default;
}

.dx-scheduler-date-table-current-date {
    font-weight: bold;
}

.dx-scheduler-date-table-other-month {
    opacity: 0.5;
}

.dx-scheduler-group-flex-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .dx-scheduler-group-flex-container .dx-scheduler-group-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
    }

        .dx-scheduler-group-flex-container .dx-scheduler-group-row:before {
            display: none;
        }

        .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            padding: 0 5px;
            height: auto;
            width: 100%;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            text-align: left;
            border: none;
            border-top: 1px solid rgba(221, 221, 221, 0.6);
        }

            .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header > div {
                overflow: hidden;
                text-overflow: ellipsis;
            }

.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 #c4c4c4;
}

.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: #c4c4c4;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 25px;
    margin-bottom: -25px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 55px;
    margin-bottom: -55px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 85px;
    margin-bottom: -85px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 115px;
    margin-bottom: -115px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
    border-left: none;
    border-right: none;
}

.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-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,
.dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
    border-top: none;
}

.dx-scheduler-all-day-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.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-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.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,
.dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
    padding: 0 7px;
}

.dx-scheduler-scrollable-fixed-content {
    height: 100%;
}

.dx-scheduler-work-space-month .dx-scheduler-all-day-title {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-header-panel {
    width: 100%;
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
    margin-left: 0;
}

.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table {
    width: 100%;
    height: 100%;
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    display: none;
}

.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 .dx-scheduler-date-table-cell:first-child,
    .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
        border-left: none;
    }

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: auto;
    vertical-align: top;
    text-align: right;
    font-size: 16px;
    color: #959595;
}

    .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
        padding-right: 6px;
    }

.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 {
    top: 0;
}

.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: #337ab7;
    background-color: rgba(51, 122, 183, 0.15);
    font-weight: bold;
}

.dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
.dx-scheduler-timeline .dx-scheduler-all-day-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-title,
.dx-scheduler-timeline .dx-scheduler-all-day-title {
    display: none;
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
    right: 20px;
}

.dx-scheduler-timeline .dx-scheduler-header-row:before,
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    content: none;
}

.dx-scheduler-timeline .dx-scheduler-date-table {
    border-spacing: 0;
    border-collapse: separate;
    margin-left: 0;
}

.dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
    width: 200px;
}

.dx-scheduler-timeline .dx-scheduler-date-table-cell {
    border-right: none;
}

.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
    display: none;
}

.dx-scheduler-timeline .dx-scheduler-date-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .dx-scheduler-timeline .dx-scheduler-date-table tbody {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        height: 100%;
        min-height: 100px;
    }

    .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: inherit;
    }

.dx-scheduler-timeline .dx-scheduler-group-table {
    border-spacing: 0;
    border-collapse: separate;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .dx-scheduler-timeline .dx-scheduler-group-table tbody {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        height: 100%;
    }

.dx-scheduler-timeline .dx-scheduler-group-header-content {
    overflow: visible;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    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-sidebar-scrollable .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-group-table {
    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-sidebar-scrollable .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
    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 {
    border-bottom: 1px solid #c4c4c4;
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
    border-bottom: 1px solid #c4c4c4;
}

.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
    display: none;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    display: block;
    float: left;
    padding-bottom: 50px;
    margin-bottom: -50px;
}

    .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        content: "";
        height: 50px;
        position: absolute;
        display: block;
        margin-top: -50px;
        left: 0;
        border-right: 1px solid rgba(221, 221, 221, 0.6);
    }

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
    border: none;
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
    border-left: none;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
    border-right: none;
    border-left: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
    display: none;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0;
    padding: 0;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
    width: 100px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
    height: 100%;
    width: 100%;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
    margin-left: 100px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
    margin-right: 100px;
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
    width: 160px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
    height: 100%;
    width: 100%;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
    margin-left: 160px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
    margin-right: 160px;
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
    width: 240px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
    height: 100%;
    width: 100%;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
    margin-left: 240px;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
    margin-right: 240px;
    margin-left: 0;
}

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
    border-right: 1px solid #c4c4c4;
}

.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
    top: 0;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 121px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 151px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 181px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

    .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        height: 91px;
        margin-top: -91px;
    }

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
    border-right: none;
}

.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-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-date-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-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
    border-left: none;
}

.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-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-all-day-table-cell:nth-child(5n) {
    border-right: none;
}

.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-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-all-day-table-cell:nth-child(5n) {
    border-left: none;
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
    border-right: none;
}

.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
    border-left: none;
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-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-all-day-table-cell:nth-child(7n) {
    border-right: 1px solid #c4c4c4;
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-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-all-day-table-cell:nth-child(7n) {
    border-left: 1px solid #c4c4c4;
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-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-all-day-table-cell:nth-child(5n) {
    border-right: 1px solid #c4c4c4;
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-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-all-day-table-cell:nth-child(5n) {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    border-left: 1px solid #c4c4c4;
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-header-panel {
    border-spacing: 0;
    table-layout: fixed;
    margin-top: 10px;
    width: 100%;
    font-size: 20px;
}

.dx-scheduler-all-day-title-hidden {
    display: none;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
    display: block;
    background-color: transparent;
    color: transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 0;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 80px;
    margin-bottom: -80px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 110px;
    margin-bottom: -110px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 41px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 71px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 101px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 11px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 40px;
    margin-bottom: -40px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 70px;
    margin-bottom: -70px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 100px;
    margin-bottom: -100px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    margin-left: 100px;
}

.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
    margin-left: 50px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    width: auto;
    margin-left: 0;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
        display: none;
    }

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
    margin-left: 0;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
        display: none;
    }

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    z-index: 100;
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100px;
        border-right: 1px solid rgba(221, 221, 221, 0.6);
    }

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
    width: 50px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    float: none;
    margin-left: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    display: none;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
    float: left;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 100px;
}

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 50px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 31px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 61px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 1px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
    width: 100%;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 100px;
    padding: 0;
}

.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 50px;
}

.dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 100px 0 0;
}

.dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 50px 0 0;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 156px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 186px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 216px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
    height: 126px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 106px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 136px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 166px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 76px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 116px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 146px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 176px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 86px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 66px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 96px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 126px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 36px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0;
    padding: 0;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
    margin-left: 0;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    display: none;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
    border-left: none;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
    top: 0;
}

.dx-scheduler-header-panel-cell {
    position: relative;
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    color: #333;
    padding: 0;
    vertical-align: middle;
    height: 40px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-group-row:before,
.dx-scheduler-header-row:before,
.dx-scheduler-all-day-table-row:before {
    content: "";
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-group-row:before,
.dx-scheduler-small .dx-scheduler-header-row:before,
.dx-scheduler-small .dx-scheduler-all-day-table-row:before {
    width: 50px;
}

.dx-scheduler-all-day-panel {
    width: 100%;
}

    .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
        border-bottom: 2px solid rgba(221, 221, 221, 0.6);
    }

.dx-scheduler-all-day-title {
    color: #333;
    width: 100px;
    height: 75px;
    position: absolute;
    line-height: 75px;
    text-align: center;
    border-bottom: 2px solid rgba(221, 221, 221, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.dx-scheduler-small .dx-scheduler-all-day-title {
    width: 50px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
    height: 25px;
    line-height: 25px;
}

.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-all-day-table {
    height: 75px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
    height: 25px;
}

.dx-scheduler-group-header {
    height: 30px;
    text-align: center;
}

.dx-scheduler-time-panel {
    float: left;
    width: 100px;
    border-collapse: collapse;
    font-size: 20px;
}

.dx-scheduler-small .dx-scheduler-time-panel {
    width: 50px;
    font-size: 14px;
}

.dx-scheduler-time-panel-cell {
    color: #333;
    position: relative;
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 50px;
    padding-right: 20px;
    border-bottom: 1px solid transparent;
}

    .dx-scheduler-time-panel-cell > div {
        margin-top: -13px;
    }

.dx-scheduler-small .dx-scheduler-time-panel-cell {
    padding-left: 0;
    padding-right: 10px;
}

.dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
    margin-top: 0;
}

.dx-scheduler-time-panel-cell:after {
    position: absolute;
    bottom: -1px;
    width: 10%;
    height: 1px;
    content: '';
    right: 0;
    background-color: rgba(221, 221, 221, 0.6);
}

.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
    color: #337ab7;
}

    .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: inherit;
        content: '';
        background-color: #63a0d4;
    }

.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
    display: none;
}

.dx-scheduler-date-table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    float: left;
    margin-left: -100px;
}

.dx-scheduler-small .dx-scheduler-date-table {
    margin-left: -50px;
}

.dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    content: "";
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    width: 50px;
}

.dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    height: 50px;
}

    .dx-scheduler-all-day-table-cell.dx-state-active,
    .dx-scheduler-date-table-cell.dx-state-active {
        background-color: #c4c4c4;
    }

    .dx-scheduler-all-day-table-cell.dx-state-hover,
    .dx-scheduler-date-table-cell.dx-state-hover {
        background-color: #959595;
    }

        .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: #dbe9f5;
        }

    .dx-scheduler-all-day-table-cell.dx-state-focused,
    .dx-scheduler-date-table-cell.dx-state-focused {
        background-color: #dbe9f5;
        opacity: 1;
    }

    .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
    .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
        -webkit-box-shadow: inset 0 0 0 1px #337ab7;
        box-shadow: inset 0 0 0 1px #337ab7;
    }

.dx-scheduler-date-table-droppable-cell {
    background-color: #f2f2f2;
}

.dx-scheduler-scrollable-appointments {
    position: absolute;
    top: 0;
}

.dx-scheduler-appointment {
    border-bottom: 1px solid transparent;
    background-clip: padding-box;
    position: absolute;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background-color: #337ab7;
    color: #fff;
    -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
    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-state-active,
    .dx-scheduler-appointment.dx-resizable-resizing {
        -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
        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-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-scheduler-appointment.dx-state-focused:before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .dx-scheduler-appointment.dx-state-focused:before {
            background-color: rgba(0, 0, 0, 0.3);
            opacity: 0.98;
        }

    .dx-scheduler-appointment.dx-state-hover {
        -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
    }

        .dx-scheduler-appointment.dx-state-hover.dx-resizable {
            -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
            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-draggable-dragging {
        position: fixed;
        top: 0;
        left: 0;
        -webkit-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);
        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-appointment.dx-resizable-resizing,
    .dx-scheduler-appointment.dx-draggable-dragging {
        z-index: 1000;
        opacity: 0.7;
    }

    .dx-scheduler-appointment .dx-resizable-handle-left {
        left: -1px;
    }

    .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
        position: absolute;
        top: 3px;
        right: 5px;
        font: 14px/1 DXIcons;
    }

        .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
            content: "\f00e";
        }

.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
    right: auto;
    left: 3px;
    font: 14px/1 DXIcons;
}

    .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
        content: "\f011";
    }

.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;
}

.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,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding-right: 40px;
}

.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
    top: 9px;
}

.dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
    top: calc(35% - 3px);
    right: 20px;
}

.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-scheduler-all-day-appointment {
    -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}

.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-all-day-appointment {
    -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-all-day-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-all-day-appointment.dx-resizable-resizing {
    -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
    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-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-all-day-appointment.dx-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-all-day-appointment.dx-state-focused:before {
        pointer-events: none;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
    .dx-scheduler-all-day-appointment.dx-state-focused:before {
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 0.98;
    }

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-all-day-appointment.dx-state-hover {
    -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
}

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
        -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
        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-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
    -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
}

    .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,
    .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
        -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
        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-timeline .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-all-day-appointment.dx-draggable-dragging {
    -webkit-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);
    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-all-day-appointment .dx-scheduler-appointment-reduced-icon {
    position: absolute;
    top: 15%;
}

.dx-scheduler-appointment.dx-scheduler-appointment-body,
.dx-scheduler-appointment.dx-scheduler-appointment-tail {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler-group-header-content div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-appointment-recurrence-icon {
    position: absolute;
    background-repeat: no-repeat;
    top: 3px;
    right: 5px;
    display: none;
}

    .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
        font-size: 18px;
    }

.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
    display: block;
}

.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;
    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-title,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
    display: none;
}

.dx-scheduler-appointment-content-details {
    font-size: 11px;
    white-space: pre;
    overflow: hidden;
}

.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-content-date {
    opacity: 0.7;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
    margin: 0;
}

.dx-scheduler-appointment-popup .dx-field-item-label-location-left {
    padding-right: 20px;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item {
    padding-top: 13px;
}

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label {
        float: none;
    }

        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
        .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
            float: left;
        }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
        padding-top: 7px;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
        position: absolute;
        left: -90px;
        padding-right: 10px;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
        position: relative;
        left: -88px;
        top: 13px;
    }

    .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
        display: inline-block;
    }

.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 {
    background-color: #337ab7;
    color: #fff;
}

    .dx-scheduler-appointment-collector.dx-button,
    .dx-scheduler-appointment-collector.dx-button.dx-state-hover,
    .dx-scheduler-appointment-collector.dx-button.dx-state-active,
    .dx-scheduler-appointment-collector.dx-button.dx-state-focused {
        background-color: #337ab7;
        color: #fff;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dx-scheduler-appointment-collector.dx-button .dx-button-content,
        .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
        .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
        .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content {
            line-height: inherit;
        }

        .dx-scheduler-appointment-collector.dx-button.dx-state-hover: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-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
            color: #fff;
            opacity: 0.99;
        }

.dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
    padding-left: 0;
}

.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
    margin-top: 10px;
}

.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 75px;
    margin-bottom: -75px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 105px;
    margin-bottom: -105px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 135px;
    margin-bottom: -135px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 165px;
    margin-bottom: -165px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 25px;
    margin-bottom: -25px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 55px;
    margin-bottom: -55px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 85px;
    margin-bottom: -85px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 115px;
    margin-bottom: -115px;
}

.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-left: 100px;
    width: 100%;
    height: 0;
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-left: 50px;
}

    .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
        padding-left: 0;
        padding-right: 50px;
    }

.dx-scheduler-agenda .dx-scheduler-appointment {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler-agenda .dx-scheduler-time-panel {
    margin-top: 0;
}

.dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
    padding-top: 0;
    padding-bottom: 0;
}

.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
    vertical-align: top;
}

    .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-cell,
.dx-scheduler-agenda .dx-scheduler-date-table-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:before {
    display: none;
}

.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-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-right: -80px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -40px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -40px;
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 180px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 90px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 180px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-right: 90px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-right: -160px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -160px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -80px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 260px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 130px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 260px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-right: 130px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-right: -240px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -240px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 340px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 170px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 340px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-right: 170px;
}

.dx-scheduler-agenda .dx-scheduler-group-header {
    vertical-align: top;
    width: 80px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
    width: 40px;
    font-size: 14px;
}

.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
    font-weight: bold;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content {
    width: 80px;
    overflow: hidden;
}

    .dx-scheduler-agenda .dx-scheduler-group-header-content:before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
    }

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
    width: 38px;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content div {
    white-space: normal;
}

.dx-scheduler-agenda .dx-scheduler-appointment-content {
    font-size: 16px;
}

    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
        opacity: 1;
        font-weight: bold;
        font-size: 13px;
        margin-top: 4px;
    }

.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
    padding-right: 0;
    padding-left: 5px;
}

.dx-scheduler-agenda-nodata {
    text-align: center;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}

.dx-timezone-editor {
    overflow: hidden;
}

    .dx-timezone-editor .dx-timezone-display-name {
        float: left;
        width: 75%;
    }

    .dx-timezone-editor .dx-timezone-iana-id {
        float: right;
        width: 23%;
    }

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 90px;
    margin-bottom: 90px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 130px;
    margin-bottom: 130px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 170px;
    margin-bottom: 170px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 130px;
    margin-bottom: 130px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 170px;
    margin-bottom: 170px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
    padding-bottom: 210px;
    margin-bottom: 210px;
}

.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-header-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
    margin-left: 0 !important;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
    height: 40px;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    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-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
    width: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -200px;
}

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
        width: 200px;
    }

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-right: -200px;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
    margin-left: 0;
    margin-right: 201px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 201px 0 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    width: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-left: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
    width: 100px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
    width: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -250px;
}

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
        width: 250px;
    }

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-right: -250px;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    width: 250px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
    margin-left: 0;
    margin-right: 251px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 251px 0 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    width: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-left: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
    width: 150px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
    width: 100%;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -300px;
}

    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
    .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
        width: 300px;
    }

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-right: -300px;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    width: 300px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-left: 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
    margin-left: 0;
    margin-right: 301px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 301px 0 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-left: 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
    margin: 0 0 0 200px;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
    margin-left: 0;
}

.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
    width: 200px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
    float: left;
    height: 100%;
    min-height: 100px;
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    border-top: 1px solid rgba(221, 221, 221, 0.6);
    border-spacing: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        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;
    position: relative;
    height: 50px !important;
    line-height: 50px !important;
    border-bottom: none;
    border-right: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.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-panel:before {
        content: "";
        width: 100px;
        display: table-cell;
    }

.dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
    width: 50px;
}

.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 rgba(221, 221, 221, 0.6);
}

    .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;
    -webkit-box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0.6);
    box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-bottom: 2px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 81px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 111px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 141px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
    height: 51px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    display: block;
    float: left;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
    display: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
    -webkit-box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.6);
    box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.6);
    border-bottom: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: 75px;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    border-bottom: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
    display: none;
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-group-table {
    border-right: none;
    border-left: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-rtl .dx-scheduler-date-time-shader-all-day {
    margin-left: 0;
    margin-right: 100px;
}

.dx-rtl .dx-scheduler-navigator {
    float: right;
    padding-left: 0;
    padding-right: 10px;
}

.dx-device-mobile .dx-rtl .dx-scheduler-navigator {
    padding-right: 5px;
}

.dx-rtl .dx-scheduler-view-switcher.dx-tabs {
    float: left;
}

.dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
    left: 10px;
    right: auto;
}

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-rtl .dx-scheduler-header-panel {
    left: 0;
    right: inherit;
}

.dx-rtl .dx-scheduler-all-day-panel table {
    margin-left: 0;
}

.dx-rtl .dx-scheduler-work-space-vertical-group-table,
.dx-rtl .dx-scheduler-time-panel {
    float: right;
}

.dx-rtl .dx-scheduler-time-panel-cell {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
}

    .dx-rtl .dx-scheduler-time-panel-cell:after {
        right: auto;
        left: 0;
    }

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
    .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
    float: right;
    margin-left: 0;
    margin-right: -100px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
    margin-right: -50px;
}

.dx-rtl .dx-scheduler-appointment-recurrence-icon {
    left: 20px;
    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-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 rgba(221, 221, 221, 0.6);
    border-left: none;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
}

    .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        right: 0;
        border-left: 1px solid rgba(221, 221, 221, 0.6);
        border-right: none;
    }

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    margin-right: 0;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
    float: right;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-right: 100px;
    margin-left: auto;
}

.dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
    margin-right: 50px;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
    margin-right: 0;
}

.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,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
    border-right: none;
}

.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-sidebar-scrollable:before {
        right: 0;
        border-left: 1px solid rgba(221, 221, 221, 0.6);
        border-right: none;
    }

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
    margin-right: 0;
}

.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-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
    text-align: right;
}

.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
    margin-left: 0;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
    margin-right: 50px;
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-right: 100px;
    padding-left: 0;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    padding-right: 50px;
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
    float: right;
}

.dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
    float: left;
}

.dx-rtl .dx-timezone-editor .dx-timezone-display-name {
    float: right;
}

.dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
    float: left;
}

.dx-scheduler-time-panel-cell {
    height: 36px;
}

.dx-scheduler-date-table-cell {
    height: 36px;
}

.dx-scheduler-all-day-title {
    height: 54px;
    line-height: 54px;
    font-size: 11px;
    font-weight: bold;
    top: 39px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
    height: 18px;
    line-height: 18px;
}

:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
    top: 74px;
}

    :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
        top: -19px;
        height: 18px;
    }

:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
    top: 104px;
}

    :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
        top: -49px;
        height: 48px;
    }

:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
    top: 134px;
}

    :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
        top: -79px;
        height: 78px;
    }

.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    top: 75px;
}

.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
    top: 105px;
}

    .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
    .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
        top: -50px;
        height: 49px;
    }

.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
    top: 135px;
}

    .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
    .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
        top: -80px;
        height: 79px;
    }

.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
    top: 165px;
}

    .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
    .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
        top: -110px;
        height: 109px;
    }

.dx-scheduler-all-day-table {
    height: 54px;
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
    height: 18px;
}

.dx-scheduler-header-panel {
    margin-top: 5px;
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel {
    margin-top: 6px;
}

.dx-scheduler-header-panel-cell {
    height: 31px;
}

    .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
        top: 28px;
        height: 2px;
    }

.dx-scheduler-timeline .dx-scheduler-date-table-cell {
    height: 50px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 36px;
    margin-bottom: -36px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 66px;
    margin-bottom: -66px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 96px;
    margin-bottom: -96px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 126px;
    margin-bottom: -126px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 120px;
    margin-bottom: -120px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 150px;
    margin-bottom: -150px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 180px;
    margin-bottom: -180px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 54px;
    margin-bottom: -54px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 84px;
    margin-bottom: -84px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 114px;
    margin-bottom: -114px;
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 144px;
    margin-bottom: -144px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 5px;
    margin-bottom: -5px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 35px;
    margin-bottom: -35px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 65px;
    margin-bottom: -65px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 95px;
    margin-bottom: -95px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 59px;
    margin-bottom: -59px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 89px;
    margin-bottom: -89px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 119px;
    margin-bottom: -119px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 149px;
    margin-bottom: -149px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 23px;
    margin-bottom: -23px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 53px;
    margin-bottom: -53px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 83px;
    margin-bottom: -83px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 113px;
    margin-bottom: -113px;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
    top: 40px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 36px;
    margin-bottom: -36px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 66px;
    margin-bottom: -66px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 96px;
    margin-bottom: -96px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 126px;
    margin-bottom: -126px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 120px;
    margin-bottom: -120px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 150px;
    margin-bottom: -150px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 180px;
    margin-bottom: -180px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 54px;
    margin-bottom: -54px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 84px;
    margin-bottom: -84px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 114px;
    margin-bottom: -114px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 144px;
    margin-bottom: -144px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    margin-top: 5px;
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
    top: 105px;
}

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
        top: -50px;
        height: 49px;
    }

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
    top: 135px;
}

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
        top: -80px;
        height: 79px;
    }

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
    top: 165px;
}

    .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
        top: -110px;
        height: 109px;
    }

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-all-day-title {
    top: 75px;
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
    border-bottom: none;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 36px;
    margin-bottom: -36px;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 66px;
    margin-bottom: -66px;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 96px;
    margin-bottom: -96px;
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 126px;
    margin-bottom: -126px;
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    font-size: 11px;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
}

.dx-scheduler-header {
    background-color: #f5f5f5;
    border: 1px solid rgba(221, 221, 221, 0.6);
    height: 39px;
}

.dx-scheduler-navigator {
    padding: 7px;
}

    .dx-scheduler-navigator .dx-button {
        margin-top: -1px;
        height: 25px;
    }

    .dx-scheduler-navigator .dx-button-has-icon .dx-button-content {
        padding: 4px;
    }

.dx-scheduler-navigator-caption {
    border-radius: 0;
    border-right-width: 0;
    border-left-width: 0;
}

    .dx-scheduler-navigator-caption.dx-state-focused,
    .dx-scheduler-navigator-caption.dx-state-hover,
    .dx-scheduler-navigator-caption.dx-state-active {
        border-right-width: 1px;
        border-left-width: 1px;
    }

.dx-scheduler-navigator-previous {
    border-radius: 4px 0 0 4px;
}

.dx-rtl .dx-scheduler-navigator-previous {
    border-radius: 0 4px 4px 0;
}

.dx-scheduler-navigator-next {
    border-radius: 0 4px 4px 0;
}

.dx-rtl .dx-scheduler-navigator-next {
    border-radius: 4px 0 0 4px;
}

.dx-scheduler-view-switcher.dx-tabs {
    font-size: 12px;
}

    .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
        background: none;
    }

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
        background-color: #fff;
    }

        .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
            background-color: #fff;
        }

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
        border-left: 1px solid rgba(221, 221, 221, 0.6);
        border-right: 1px solid rgba(221, 221, 221, 0.6);
        border-top: 1px solid #337ab7;
        border-bottom: none;
    }

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
        height: 39px;
    }

.dx-scheduler-view-switcher.dx-dropdownmenu {
    margin-top: 6px;
}

.dx-scheduler-view-switcher-label {
    margin-top: 11.2px;
    right: 60px;
}

.dx-rtl .dx-scheduler-view-switcher-label {
    left: 60px;
    right: auto;
}

.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header {
        font-size: 12px;
        color: #333;
    }

.dx-scheduler-header-panel .dx-scheduler-group-header {
    font-size: 18px;
}

.dx-scheduler-header-panel .dx-scheduler-group-header,
.dx-scheduler-work-space-vertical-group-table .dx-scheduler-group-header,
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
    font-weight: bold;
    color: #333;
    padding: 0;
}

.dx-scheduler-all-day-panel {
    background-color: #fff;
}

.dx-scheduler-work-space {
    padding-top: 39px;
    margin-top: -39px;
}

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
        border-top: 1px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
        border-left: 1px solid rgba(221, 221, 221, 0.6);
    }

    .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-week .dx-scheduler-date-table-row:first-child {
    border-top: none;
}

.dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .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: #959595;
    }

.dx-scheduler-appointment-popup .dx-popup-title {
    background-color: #fff;
}

    .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-popup-bottom {
    border-top: 1px solid #ddd;
}

.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-work-space-month .dx-scheduler-date-table-cell {
    font-size: 14px;
}

.dx-scheduler-header-panel,
.dx-scheduler-time-panel {
    font-size: 14px;
}

.dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
    border-right: 1px solid #aaaaaa;
}

    .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
    .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
    .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
        border-left: none;
    }

.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    border-left: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    border-left: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-right: 1px solid #aaaaaa;
}

    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
        border-left: none;
    }

.dx-scheduler-appointment-collector {
    height: 17px;
}

    .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
        line-height: 11.33333333px;
        height: 17px;
    }

    .dx-scheduler-appointment-collector.dx-state-hover:before {
        border-radius: 17px;
    }

    .dx-scheduler-appointment-collector.dx-button.dx-button-default {
        border-radius: 17px;
    }

.dx-scheduler-appointment {
    border-left: 2px solid transparent;
    border-right: 1px solid transparent;
}

    .dx-scheduler-appointment.dx-state-focused {
        color: #fff;
    }

    .dx-scheduler-appointment.dx-scheduler-appointment-empty {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

.dx-scheduler-appointment-content {
    padding: 2px 5px;
}

.dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding-right: 40px;
}

.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 2px 25px 2px 5px;
}

.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 2px 5px 2px 25px;
}

.dx-scheduler-dropdown-appointment-date {
    color: #959595;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 67px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 97px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 127px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scheduler-header-scrollable {
    height: 37px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 36px;
    margin-bottom: -36px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 66px;
    margin-bottom: -66px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 96px;
    margin-bottom: -96px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 126px;
    margin-bottom: -126px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 36px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 66px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 96px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 6px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 5px;
    margin-bottom: -5px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 35px;
    margin-bottom: -35px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 65px;
    margin-bottom: -65px;
}

.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 95px;
    margin-bottom: -95px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 98px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 128px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 158px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
    height: 68px;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    padding-bottom: 67px;
    margin-bottom: -67px;
}

    .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
    .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
        height: 68px;
        margin-top: -68px;
    }

.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
    padding-bottom: 67px;
    margin-bottom: -67px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    background-color: #fff;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        background-color: #fff;
    }

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 67px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 97px;
}

.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 127px;
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
    height: 37px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 31px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 61px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
    height: 1px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 121px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 151px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 181px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
    height: 91px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 67px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 97px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 127px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
    height: 37px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 85px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 115px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 145px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 55px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 90px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 120px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 150px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
    height: 60px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 54px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 84px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 114px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 24px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 85px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 115px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 145px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
    height: 55px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 49px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 79px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 109px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
    height: 19px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 67px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 97px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 127px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
    height: 37px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
    height: 67px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
    height: 97px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
    height: 127px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
    height: 37px;
}

.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
    height: auto;
}

.dx-scheduler-agenda .dx-scheduler-appointment-content {
    font-size: 14px;
}

    .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date {
        font-size: 11px;
    }

.dx-scheduler-agenda .dx-scheduler-group-header {
    font-size: 14px;
    width: 60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 90px;
    margin-bottom: -90px;
}

.dx-scheduler-agenda .dx-scheduler-group-header-content {
    width: 60px;
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-right: -60px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -30px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -60px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
    margin-left: -30px;
}

.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 160px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 80px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 160px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
    padding-right: 80px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-right: -120px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -60px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -120px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
    margin-left: -60px;
}

.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 220px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 110px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 220px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
    padding-right: 110px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-right: -180px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -90px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -180px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
    margin-left: -90px;
}

.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 280px;
}

.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 140px;
}

.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-left: 0;
    padding-right: 280px;
}

.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
    padding-right: 140px;
}

.dx-scheduler-agenda-nodata {
    font-size: 14px;
}

.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content .dx-list-item {
    border-top-width: 1px;
}

.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
    background: #fff;
}

.dx-drawer-shader {
    background-color: rgba(0, 0, 0, 0.5);
}

.dx-htmleditor {
    border-color: #ddd;
}

    .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
        border-bottom: 1px solid #ddd;
    }

    .dx-htmleditor.dx-invalid {
        border-color: rgba(217, 83, 79, 0.4);
    }

        .dx-htmleditor.dx-invalid.dx-state-focused {
            border-color: #d9534f;
        }

.dx-htmleditor-content.ql-blank::before {
    color: #999999;
}

.dx-htmleditor-content pre {
    color: rgba(51, 51, 51, 0.8);
}

.dx-htmleditor-content blockquote {
    color: rgba(51, 51, 51, 0.8);
    border-left-color: #ddd;
}

.dx-rtl .dx-htmleditor-content blockquote {
    border-right-color: #ddd;
}

.dx-htmleditor-content .dx-variable > span {
    background: rgba(51, 122, 183, 0.15);
}

.dx-htmleditor-toolbar {
    background-color: transparent;
}

    .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
        background-color: #e6e6e6;
    }

        .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
            background-color: #449d44;
        }

        .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
            background-color: #285f8f;
        }

        .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
            background-color: #c9302c;
        }

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
    background-color: transparent;
}

.dx-htmleditor-toolbar-format.dx-color-format .dx-button-content,
.dx-htmleditor-toolbar-format.dx-background-format .dx-button-content {
    padding-bottom: 2px;
}

.dx-htmleditor-toolbar-separator {
    border-left-color: #ddd;
}

.dx-htmleditor-toolbar-menu-separator {
    border-top-color: #ddd;
}

.dx-resize-frame {
    border-color: #337ab7;
}

    .dx-resize-frame .dx-resizable-handle-corner-top-right,
    .dx-resize-frame .dx-resizable-handle-corner-top-left,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
    .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
        background-color: #337ab7;
    }

    .dx-resize-frame .dx-resizable-handle-top::after,
    .dx-resize-frame .dx-resizable-handle-left::after,
    .dx-resize-frame .dx-resizable-handle-right::after,
    .dx-resize-frame .dx-resizable-handle-bottom::after {
        background-color: #337ab7;
    }

.dx-mention {
    background-color: #dddddd;
    color: #333;
}

.dx-suggestion-list-wrapper {
    height: 100%;
}

    .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
        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: 26.00008px;
    }

        .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
            min-height: 20.00008px;
        }

            .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
                padding: 2px 4px;
            }

    .dx-suggestion-list-wrapper .dx-list-select-all {
        padding: 7px 0 3px;
    }

    .dx-suggestion-list-wrapper .dx-list-item,
    .dx-suggestion-list-wrapper .dx-empty-message {
        border-top: 0;
    }

        .dx-suggestion-list-wrapper .dx-list-item:last-of-type,
        .dx-suggestion-list-wrapper .dx-empty-message:last-of-type {
            border-bottom: none;
        }

.dx-fa-button.dx-fa-button-main .dx-overlay-shader {
    background-color: rgba(255, 255, 255, 0.8);
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content {
    min-width: 48px;
    max-height: 48px;
    background-color: #337ab7;
    color: #fff;
    overflow: visible;
    border-radius: 24px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

    .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
        background-color: #285f8f;
    }

        .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: #22527b;
    }

        .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: 17px;
        -webkit-box-shadow: none;
        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: none;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
            margin-right: 0;
        }

    .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-inkripple {
        border-radius: 24px;
    }

.dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    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: 17px 0 17px 12px;
    }

.dx-fa-button .dx-fa-button-icon,
.dx-fa-button .dx-fa-button-icon-close {
    padding: 8px;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: content-box;
    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: 14px;
    }

    .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 {
    min-width: 30px;
    max-height: 30px;
    background-color: transparent;
    color: #333;
    overflow: visible;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper {
            right: auto;
            left: 30px;
        }

            .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper .dx-fa-button-label {
                margin-left: 10px;
                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: #c2c2c2;
    }

    .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper {
        position: absolute;
        right: 30px;
    }

        .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
            background-color: #fff;
            color: #333;
            white-space: nowrap;
            border-radius: 4px;
            padding: 0 10px;
            margin-right: 10px;
            line-height: 26px;
            height: 26px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            font-size: 10px;
        }

    .dx-fa-button .dx-overlay-content .dx-fa-button-icon {
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        box-shadow: 0 6px 12px 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: 15px;
    }

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label {
    padding: 0 16px 0 8px;
    font-size: 12px;
    margin-right: 0;
}

.dx-filemanager {
    border-color: #ddd;
}

    .dx-filemanager .dx-filemanager-notification-common {
        border-color: #ddd;
    }

    .dx-filemanager .dx-filemanager-progress-panel {
        background-color: #fff;
    }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details {
            border-color: #ddd;
        }

            .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box {
                -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.175);
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.175);
            }

    .dx-filemanager .dx-filemanager-progress-box-error {
        color: #fff;
        background: #d9534f;
    }

    .dx-filemanager .dx-filemanager-toolbar {
        background: #fff;
    }

        .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: 26px;
            background: #ddd;
        }

        .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
            width: 130px;
        }

        .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
            background: transparent;
        }

            .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover,
            .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 {
                background: rgba(51, 51, 51, 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: transparent;
                }

                .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
                .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
                    background: transparent;
                    border-color: transparent;
                }

        .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-has-large-icon .dx-button-content {
            padding: 3px;
        }

    .dx-filemanager .dx-filemanager-container {
        border-top-color: #ddd;
    }

    .dx-filemanager .dx-filemanager-dirs-panel {
        border-right-color: #ddd;
    }

    .dx-filemanager .dx-filemanager-breadcrumbs {
        border-bottom-color: #ddd;
    }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
            background: #ddd;
            color: #333;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
            background: #ddd;
        }

        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
        .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
            background: transparent;
        }

    .dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
        color: #333;
        background: #fff;
    }

    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
        color: #333;
        background: #e6e6e6;
    }

    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused {
        border-color: #333;
    }

    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
        color: #ddd;
    }

    .dx-filemanager .dx-filemanager-files-view {
        background: #fff;
    }

        .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail {
            font-size: 14px;
        }

.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-content > i {
    margin-bottom: 1px;
}

.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
    background: #fff;
}

    .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: #333;
    }

.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: #333;
    }

.dx-filemanager-file-actions-button .dx-button {
    min-width: 32px;
    height: 18px;
}

    .dx-filemanager-file-actions-button .dx-button .dx-button-content {
        padding-top: 9px;
        padding-bottom: 9px;
    }

.dx-filemanager-i.dx-filemanager-i-refresh,
.dx-filemanager-i.dx-icon.dx-filemanager-i-refresh,
.dx-filemanager-i.dx-filemanager-i-progress,
.dx-filemanager-i.dx-icon.dx-filemanager-i-progress {
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%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%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%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23333%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x31_%22%3E%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%0A%09%09c-4.97%2C0-9%2C4.03-9%2C9h2C4%2C7.13%2C7.13%2C4%2C11%2C4z%22%2F%3E%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%0A%09%09C5.82%2C18.76%2C8.26%2C20%2C11%2C20c4.63%2C0%2C8.44-3.5%2C8.94-8H17.92z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px;
}

.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%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%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%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23333%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%235cb85c%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%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%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%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%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%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%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px;
}

.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%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%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%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23333%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23d9534f%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%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%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%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%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%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M17%2C20v-1h1v1H17z%20M17%2C13h1v5h-1V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px;
}

.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%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%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%0A%3Cpath%20id%3D%22_x32_%22%20fill%3D%22%23333%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%0A%09L4%2C10.87L5.13%2C12L8%2C9.13L10.87%2C12L12%2C10.87L9.13%2C8L12%2C5.13L10.87%2C4z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px;
}

.dx-diagram {
    border-color: #ddd;
}

    .dx-diagram .dxdi-control .dxdi-canvas {
        background-color: #d9d9d9;
    }

        .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path {
            stroke: #606060;
            stroke-opacity: 1;
        }

        .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse {
            stroke: #606060;
            stroke-opacity: 0.55;
        }

        .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background {
            fill: #606060;
            opacity: 0.55;
        }

        .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-warning ellipse {
            fill: #d9534f;
        }

    .dx-diagram .dx-diagram-toolbar-wrapper:first-child {
        border-bottom: 1px solid #ddd;
    }

    .dx-diagram .dx-diagram-left-panel,
    .dx-diagram .dx-diagram-right-panel {
        background: #fff;
    }

        .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item,
        .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item {
            border-left: none;
            border-right: none;
        }

            .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group,
            .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group {
                padding-top: 24px;
            }

            .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type,
            .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type {
                border-top: none;
            }

        .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item,
        .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item {
            border-color: #ddd;
        }

        .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type),
        .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) {
            border-bottom-color: transparent;
        }

    .dx-diagram .dx-diagram-left-panel {
        border-right-color: #ddd;
    }

        .dx-diagram .dx-diagram-left-panel .dxdi-toolbox .dxdi-canvas .dxdi-shape-text {
            opacity: 0.25;
        }

    .dx-diagram .dx-diagram-right-panel {
        border-left-color: #ddd;
    }

    .dx-diagram.dx-diagram-fullscreen {
        background-color: #fff;
    }

.dx-diagram-toolbar {
    background-color: transparent;
}

    .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: #449d44;
        }

        .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
            background-color: #285f8f;
        }

        .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
            background-color: #c9302c;
        }

    .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
        background-color: transparent;
    }

    .dx-diagram-toolbar .dx-diagram-toolbar-separator {
        border-left-color: #ddd;
    }

    .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
        border-top-color: #ddd;
    }

    .dx-diagram-toolbar .dx-diagram-toolbar-text {
        padding: 5px 0 5px 8px;
    }

    .dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor {
        width: 90px;
    }

    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
        border-bottom-width: 3px;
        border-bottom-style: solid;
    }

    .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
    .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
    .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
    .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
        margin-left: 8px;
        margin-right: 7px;
    }

    .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
    .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
    .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
    .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
        font-size: 14px;
        color: #333;
    }

.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%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%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M1%2C15l9-9l1%2C1l-9%2C9L1%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M12%2C10V5H0v12h12v-5h20v-2H12z%20M10%2C15H2V7h8V15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 20.44px;
    height: 14px;
}

.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%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%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12%2C12v4L0%2C11l12-5v4h20v2H12z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 20.44px;
    height: 14px;
}

.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%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%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M21%2C15l9-9l1%2C1l-9%2C9L21%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M0%2C10l0%2C2h20v5h12V5H20v5H0z%20M22%2C7h8v8h-8V7z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 20.44px;
    height: 14px;
}

.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%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%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M0%2C12l0-2h20V6l12%2C5l-12%2C5v-4H0z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 20.44px;
    height: 14px;
}

.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%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%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2C2H2v4h4V2z%20M30%2C16h-4v4h4V16z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 20.44px;
    height: 14px;
}

.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%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%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C14v2.2L8%2C2.8V0H0v8h8V5.8l16%2C13.3V22h8v-8H24z%20M6%2C6H2V2h4V6z%20M30%2C20h-4v-4h4V20z%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 20.44px;
    height: 14px;
}

.dx-diagram-i-button-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%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%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%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%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A");
    width: 14px;
    height: 17px;
}

.dx-diagram-i-button-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%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%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%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 14px;
    height: 14px;
}

.dx-gantt {
    border: 1px solid #ddd;
}

    .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > td,
    .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
    .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
    .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
        color: #333;
    }

    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
        border-bottom-color: #ddd;
    }

    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
    .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
        border-left-color: #ddd;
        border-right-color: #ddd;
    }

    .dx-gantt .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
        color: #333;
    }

    .dx-gantt .dx-gantt-view {
        background-color: #fff;
    }

    .dx-gantt .dx-header-row {
        height: 45px;
    }

    .dx-gantt .dx-gantt-header {
        color: #959595;
    }

        .dx-gantt .dx-gantt-header .dx-gantt-tsac,
        .dx-gantt .dx-gantt-header .dx-gantt-tsa,
        .dx-gantt .dx-gantt-header .dx-gantt-hb,
        .dx-gantt .dx-gantt-header .dx-gantt-vb {
            border-color: #ddd;
            background-color: #fff;
        }

    .dx-gantt .dx-gantt-tac {
        height: calc(100% - 45px);
    }

    .dx-gantt .dx-gantt-si {
        padding-left: 16px;
        padding-right: 16px;
    }

    .dx-gantt .dx-gantt-si,
    .dx-gantt .dx-gantt-tsa .dx-gantt-vb {
        height: 23px;
        line-height: 23px;
    }

    .dx-gantt .dx-gantt-tsac,
    .dx-gantt .dx-gantt-tsa {
        border-bottom: 1px solid #ddd;
    }

    .dx-gantt .dx-gantt-hb {
        border-top: 1px solid #ddd;
    }

    .dx-gantt .dx-gantt-vb {
        border-left: 1px solid #ddd;
    }

    .dx-gantt .dx-gantt-taskWrapper {
        padding-top: 5px;
    }

        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task,
        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut,
        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-taskRes {
            height: 18px;
        }

        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task {
            background-color: #337ab7;
            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-milestone {
                background-image: linear-gradient(135deg, #ddd, #333);
                width: 14px;
                height: 14px;
            }

        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-taskRes {
            color: #fff;
            background-color: #999;
            border-radius: 4px;
            margin-left: 21px;
            padding-left: 4px;
            padding-right: 4px;
        }

        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleIn {
            color: #fff;
            padding: 0 5px;
        }

        .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut {
            padding-right: 20px;
        }

    .dx-gantt .dx-gantt-task-edit-wrapper {
        padding-top: 5px;
        padding-left: 1px;
    }

        .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame {
            height: 18px;
            border: 1px solid #285f8f;
            border-radius: 4px;
        }

            .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress {
                border-color: transparent transparent #285f8f transparent;
            }

            .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: 5px;
    }

        .dx-gantt .dx-gantt-task-edit-wrapper-successor .dx-gantt-task-edit-frame-successor {
            height: 18px;
        }

    .dx-gantt .dx-gantt-task-edit-dependency-r,
    .dx-gantt .dx-gantt-task-edit-successor-dependency-r,
    .dx-gantt .dx-gantt-task-edit-dependency-l,
    .dx-gantt .dx-gantt-task-edit-successor-dependency-l {
        background: white;
        border: 1px solid #285f8f;
        width: 9px;
        height: 9px;
        top: 4px;
    }

    .dx-gantt .dx-gantt-task-edit-dependency-r,
    .dx-gantt .dx-gantt-task-edit-successor-dependency-r {
        left: -10px;
    }

    .dx-gantt .dx-gantt-task-edit-dependency-l,
    .dx-gantt .dx-gantt-task-edit-successor-dependency-l {
        right: -10px;
    }

    .dx-gantt .dx-gantt-task-edit-dependency-line {
        background-color: #333;
    }

    .dx-gantt .dx-gantt-sel {
        background-color: rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .dx-gantt .dx-gantt-tac-hb .dx-gantt-sel {
        border: none;
    }

    .dx-gantt .dx-gantt-conn-v {
        border-left-color: #333;
    }

    .dx-gantt .dx-gantt-conn-h {
        border-top-color: #333;
    }

    .dx-gantt .dx-gantt-arrow {
        border: 5px solid #333;
    }

    .dx-gantt .dx-gantt-altRow,
    .dx-gantt .dx-gantt-collapsable-row {
        background-color: #f5f5f5;
    }

.dx-splitter {
    background-color: rgba(51, 122, 183, 0.5);
}

    .dx-splitter.dx-splitter-transparent {
        background-color: transparent;
    }

.dx-splitter-border {
    background-color: #ddd;
}

.dx-sortable-placeholder {
    border-color: #337ab7;
}

.dx-sortable-dragging {
    border-color: rgba(51, 122, 183, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}

/*!
angular-xeditable - 0.4.0
Edit-in-place for angular.js
Build date: 2016-09-21 
*/

.editable-wrap{display:inline-block;white-space:pre;margin:0}.editable-wrap .editable-controls,.editable-wrap .editable-error{margin-bottom:0}.editable-wrap .editable-controls>input,.editable-wrap .editable-controls>select,.editable-wrap .editable-controls>textarea{margin-bottom:0}.editable-wrap .editable-input{display:inline-block}.editable-buttons{display:inline-block;vertical-align:top}.editable-buttons button{margin-left:5px}.editable-input.editable-has-buttons{width:auto}.editable-bsdate{white-space:nowrap}.editable-bstime{white-space:nowrap}.editable-bstime .editable-input input[type=text]{width:46px}.editable-bstime .well-small{margin-bottom:0;padding:10px}.editable-range output{display:inline-block;min-width:30px;vertical-align:top;text-align:center}.editable-color input[type=color]{width:50px}.editable-checkbox label span,.editable-checklist label span,.editable-radiolist label span{margin-left:7px;margin-right:10px}.editable-hide{display:none!important}.editable-click,a.editable-click{text-decoration:none;color:#428bca;border-bottom:dashed 1px #428bca}.editable-click:hover,a.editable-click:hover{text-decoration:none;color:#2a6496;border-bottom-color:#2a6496}.editable-empty,.editable-empty:hover,.editable-empty:focus,a.editable-empty,a.editable-empty:hover,a.editable-empty:focus{font-style:italic;color:#D14;text-decoration:none}.popover-wrapper>a{display:inline!important}.popover-wrapper{display:inline;position:relative}.popover-wrapper form{position:absolute;top:-53px;background:#FFF;border:1px solid #AAA;border-radius:5px;padding:7px;width:auto;display:inline-block;left:50%;z-index:101}.popover-wrapper form:before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #AAA;position:absolute;bottom:-10px}.popover-wrapper form:after{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #FFF;position:absolute;bottom:-9px}@media screen and (max-width:750px){.popover-wrapper form{margin-left:-60px}.popover-wrapper form:before{left:50px}.popover-wrapper form:after{left:51px}}@media screen and (min-width:750px){.popover-wrapper form{margin-left:-110px}.popover-wrapper form:before{left:100px}.popover-wrapper form:after{left:101px}}
#vstsLink {
    float: right;
    padding-right: 10px;
}

.version-banner:empty {
    display: none;
}
.version-banner {
    position: absolute;
    left: 2px;
    top: 2px;
    font-size: 10px;
    font-weight: bold;
    background-color: #fff;
    padding: 1px 1px;
    border: 1px solid black;
    cursor: pointer;
}

section[data-load-async] {
    display: none;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

section[data-load-async^="/"] {
    display: block;
}

section div.boxed {
    height: 100%;
    opacity: 1;
    margin-bottom: 0 !important;
}

section div.fade-in {
 -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
     -ms-animation: fadein 1s; /* Internet Explorer */
      -o-animation: fadein 1s; /* Opera < 12.1 */
         animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

ul.related-list, ul.related-list li {
}

    ul.related-list li {
        list-style-type: disc;
        margin-top: 10px; 
    }

.mce-container.mce-menu{position:fixed;}
