/* Minification failed. Returning unminified contents.
(382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(447,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(453,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(684,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(771,24): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1209,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1718,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1734,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1809,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1859,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(2368,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-back-color'
(2754,28): run-time error CSS1039: Token not allowed after unary operator: '-grouped-row'
(2807,28): run-time error CSS1039: Token not allowed after unary operator: '-grouped-row'
(2820,28): run-time error CSS1039: Token not allowed after unary operator: '-grouped-row'
(3095,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(3168,68): run-time error CSS1030: Expected identifier, found ','
(3168,98): run-time error CSS1031: Expected selector, found ')'
(3168,98): run-time error CSS1025: Expected comma or open brace, found ')'
(3289,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(3526,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(3875,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4212,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4217,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4280,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4627,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4748,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4847,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4990,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5047,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5064,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5144,38): run-time error CSS1046: Expect comma, found '0'
(5144,42): run-time error CSS1046: Expect comma, found '/'
(5144,72): run-time error CSS1046: Expect comma, found '0'
(5144,76): run-time error CSS1046: Expect comma, found '/'
(5144,106): run-time error CSS1046: Expect comma, found '0'
(5144,110): run-time error CSS1046: Expect comma, found '/'
(5266,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5513,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5518,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5671,47): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5801,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5960,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5974,35): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6080,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6182,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6326,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6383,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6579,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6679,48): run-time error CSS1030: Expected identifier, found ','
(6679,75): run-time error CSS1031: Expected selector, found ')'
(6679,75): run-time error CSS1025: Expected comma or open brace, found ')'
(6683,48): run-time error CSS1030: Expected identifier, found ','
(6683,75): run-time error CSS1031: Expected selector, found ')'
(6683,75): run-time error CSS1025: Expected comma or open brace, found ')'
(7048,70): run-time error CSS1030: Expected identifier, found ','
(7048,94): run-time error CSS1031: Expected selector, found ')'
(7048,94): run-time error CSS1025: Expected comma or open brace, found ')'
(7135,34): run-time error CSS1046: Expect comma, found '0'
(7135,38): run-time error CSS1046: Expect comma, found '/'
(7141,35): run-time error CSS1046: Expect comma, found '0'
(7141,39): run-time error CSS1046: Expect comma, found '/'
(7159,40): run-time error CSS1046: Expect comma, found '0'
(7159,44): run-time error CSS1046: Expect comma, found '/'
(7162,34): run-time error CSS1046: Expect comma, found '0'
(7162,38): run-time error CSS1046: Expect comma, found '/'
(7163,35): run-time error CSS1046: Expect comma, found '0'
(7163,39): run-time error CSS1046: Expect comma, found '/'
(7248,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(7427,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(7950,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(7969,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
 */
/* Minification failed. Returning unminified contents.
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(369,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(375,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(606,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(693,24): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1131,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1640,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1656,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1731,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(1781,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(2290,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-back-color'
(2676,28): run-time error CSS1039: Token not allowed after unary operator: '-grouped-row'
(2729,28): run-time error CSS1039: Token not allowed after unary operator: '-grouped-row'
(2742,28): run-time error CSS1039: Token not allowed after unary operator: '-grouped-row'
(3017,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(3090,68): run-time error CSS1030: Expected identifier, found ','
(3090,98): run-time error CSS1031: Expected selector, found ')'
(3090,98): run-time error CSS1025: Expected comma or open brace, found ')'
(3211,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(3448,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(3797,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4134,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4139,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4202,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4549,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4670,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4769,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4912,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4969,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(4986,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5066,38): run-time error CSS1046: Expect comma, found '0'
(5066,42): run-time error CSS1046: Expect comma, found '/'
(5066,72): run-time error CSS1046: Expect comma, found '0'
(5066,76): run-time error CSS1046: Expect comma, found '/'
(5066,106): run-time error CSS1046: Expect comma, found '0'
(5066,110): run-time error CSS1046: Expect comma, found '/'
(5188,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5435,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5440,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5593,47): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5723,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5882,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(5896,35): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6002,28): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6104,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6248,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6305,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6501,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(6601,48): run-time error CSS1030: Expected identifier, found ','
(6601,75): run-time error CSS1031: Expected selector, found ')'
(6601,75): run-time error CSS1025: Expected comma or open brace, found ')'
(6605,48): run-time error CSS1030: Expected identifier, found ','
(6605,75): run-time error CSS1031: Expected selector, found ')'
(6605,75): run-time error CSS1025: Expected comma or open brace, found ')'
(6970,70): run-time error CSS1030: Expected identifier, found ','
(6970,94): run-time error CSS1031: Expected selector, found ')'
(6970,94): run-time error CSS1025: Expected comma or open brace, found ')'
(7057,34): run-time error CSS1046: Expect comma, found '0'
(7057,38): run-time error CSS1046: Expect comma, found '/'
(7063,35): run-time error CSS1046: Expect comma, found '0'
(7063,39): run-time error CSS1046: Expect comma, found '/'
(7081,40): run-time error CSS1046: Expect comma, found '0'
(7081,44): run-time error CSS1046: Expect comma, found '/'
(7084,34): run-time error CSS1046: Expect comma, found '0'
(7084,38): run-time error CSS1046: Expect comma, found '/'
(7085,35): run-time error CSS1046: Expect comma, found '0'
(7085,39): run-time error CSS1046: Expect comma, found '/'
(7170,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(7349,25): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(7872,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
(7891,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color'
 */
/*! jQuery UI - v1.12.1 - 2018-08-24
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, sortable.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width: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:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.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}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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-on{background-position:-96px -144px}.ui-icon-radio-off{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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.progress-images {
    position: absolute;
    z-index: 1200;
}


.image-cash {
    display: none;
}

.cashed-pictures {
    display: none;
    width: 0px;
    height: 0px;
    background-image: url("/content/images/businescope-menu/arrow-left.svg");
    background-image: url("/content/images/businescope-menu/arrow-right.svg");
    background-image: url("/content/images/businescope-menu/arrow-right-dots.svg");
    background-repeat: no-repeat;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 1100;
    top: 0px;
    left: 0px;
    width: 100%; /*5000%*/
    height: 100%; /*5000%*/
    text-align: center;
    min-width: 1280px;
}

#bs_LockPane.consolidator {
    position: absolute;
    width: 100%;
    height: 100%;
}

    #bs_LockPane.consolidator.LockOn {
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0.65;
    }

.full-page-lock {
    opacity: 0.35;
    z-index: 2002;
    background: white;
}

.paging-lock {
    background-color: white;
}

.activ-loading {
    /*-webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@font-face {
    font-family: 'Arial';
    src: local('Arial'), url('/Content/fonts/ARIAL.eot'), url('/Content/fonts/ARIAL.ttf');
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanslight.woff2') format('woff2'), url('/Content/fonts/opensanslight.woff') format('woff'), url('/Content/fonts/opensanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanslightitalic.woff2') format('woff2'), url('/Content/fonts/opensanslightitalic.woff') format('woff'), url('/Content/fonts/opensanslightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensans.woff2') format('woff2'), url('/Content/fonts/opensans.woff') format('woff'), url('/Content/fonts/opensans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansitalic.woff2') format('woff2'), url('/Content/fonts/opensansitalic.woff') format('woff'), url('/Content/fonts/opensansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanssemibold.woff2') format('woff2'), url('/Content/fonts/opensanssemibold.woff') format('woff'), url('/Content/fonts/opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensanssemibolditalic.woff2') format('woff2'), url('/Content/fonts/opensanssemibolditalic.woff') format('woff'), url('/Content/fonts/opensanssemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansbold.woff2') format('woff2'), url('/Content/fonts/opensansbold.woff') format('woff'), url('/Content/fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansbolditalic.woff2') format('woff2'), url('/Content/fonts/opensansbolditalic.woff') format('woff'), url('/Content/fonts/opensansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansextrabold.woff2') format('woff2'), url('/Content/fonts/opensansextrabold.woff') format('woff'), url('/Content/fonts/opensansextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansWebFont';
    src: url('/Content/fonts/opensansextrabolditalic.woff2') format('woff2'), url('/Content/fonts/opensansextrabolditalic.woff') format('woff'), url('/Content/fonts/opensansextrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* шрифты для OneWinSeller */
@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('/Content/fonts/Montserrat-ExtraBoldItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

/*цвет шрифта(символов) иврита во всем приложении*/
.hebrew-color {
    color: rgb(0, 0, 0);
}

/*перезапись шрифта для всех элементов в приложении*/
.hebrew-font,
/*перезапись шрифта для виджета*/
.widget-widget-first-block.hebrew-font {
    font-family: 'Arial';
}

#analitycs-second-first .col-sm-8 .title.metrics-title.bottom-line ul .list-group-item.active.hebrew-li,
#filters-title .hebrew-li,
#analitycs-second-second .hebrew-li {
    margin-top: -2px;
}

/*размер шрифта(символов) иврита в заголовках групп панелей меню аналитики
    и заголовки групп фильтров - аналогично
*/
#analitycs-second-first .col-sm-8 .title.metrics-title.bottom-line .specialSimbol > .specialSimbol-text-header.hebrew-font,
#analitycs-container #filters-title .specialSimbol > .hebrew-font,
#analitycs-second-second .hebrew-li .specialSimbol > .hebrew-font {
    font-size: 18px;
}

:root {
    /* Основной цвет */
    --first-color: rgb(255, 100, 0);
    /* Серый для надписей */
    --text-color: rgb(64, 64,64);
    /* Светло-серый для кнопок или фона */
    --btn-back-color: rgb(240, 240, 240);
    /* Цвет заголовка таблицы */
    --thead-back-color: #eaeaea;
    /* grouped row */
    --grouped-row: rgb(244, 244, 244);
}

html, body {
    font: 14px 'OpenSansWebFont';
}

    body.profit {
        font-family: 'OpenSansWebFont';
    }

.left-position {
    float: left !important;
}

.right-position {
    float: right !important;
}

.display {
    display: block !important;
}

.disabled-element {
    color: #6c757d !important;
    cursor: default !important;
}

    .disabled-element:focus,
    .disabled-element:hover {
        background: none;
    }

.dropdown-item.active:not(.dropdown-item-common),
.dropdown-item:not(.dropdown-item-common):active {
    color: rgb(255, 100, 0) !important;
    color: var(--first-color) !important;
    background: transparent;
    border: none;
}

/* Отключаем выделение текста */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label {
    margin-bottom: -1px;
}

.bg-orange {
    background-color: rgb(255, 100, 0) !important;
    background-color: var(--first-color) !important;
    color: white !important;
}

.text-orange {
    color: rgb(255, 100, 0) !important;
    color: var(--first-color) !important;
}

.scale-horizontal {
    transform: scale(-1, 1);
}

.rotate-right {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-up {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-left {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

/* */
.arrow-bs:after,
.arrow-bs:before {
    bottom: 100%;
    left: 92px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-bs:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
}

.arrow-bs:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d9d9d9;
    border-width: 10px;
    margin-left: -10px;
}

/* */
.the-arrow {
    position: relative;
}

    .the-arrow.-right {
        float: right;
        top: 8px;
        right: -28px;
    }

.the-arrow {
    width: 1px;
    transition: all 0.2s;
}

    .the-arrow.-right > .shaft {
        width: 1px;
        transition-delay: 0.2s;
    }

    .the-arrow > .shaft {
        background-color: #dedede;
        display: block;
        height: 1px;
        position: relative;
        transition: all 0.2s;
        transition-delay: 0;
        will-change: transform;
    }

    .the-arrow.-right > .shaft:before {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }

    .the-arrow.-right > .shaft:before,
    .the-arrow.-right > .shaft:after {
        width: 8px;
        transition-delay: 0.3s;
        transition: all 0.5s;
    }

    .the-arrow > .shaft:before {
        -webkit-transform-origin: top right;
        transform-origin: top right;
    }

    .the-arrow > .shaft:before,
    .the-arrow > .shaft:after {
        background-color: #dedede;
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.2s;
        transition-delay: 0;
    }

    .the-arrow.-right > .shaft:after {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }

    .the-arrow > .shaft:after {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
    }

.dropdown-item:hover .the-arrow > .shaft:before,
.dropdown-item:hover .the-arrow > .shaft:after {
    background-color: #4c4c4c;
}

.dropdown-item:hover .the-arrow > .shaft {
    background-color: #4c4c4c;
}

.center-element {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* все чекбоксы проекта */
input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label[for] {
        height: 13px;
        width: 13px;
        display: inline-block;
        padding: 0 0 0 0;
    }

    input[type="checkbox"]:not(:checked) + label[for] {
        cursor: pointer;
    }

    input[type="checkbox"]:not(:checked) + label.disable-offline-filtering[for] {
        cursor: not-allowed !important;
    }

    input[type="checkbox"]:not(:checked):not(.check-all) + label[for] {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        /*background-image: url(../Content/Images/CheckboxUnchecked.png);*/
    }

    #analitycs-container input[type="checkbox"].check-all:not(:checked) + label[for].default,
    #filter-input input[type="checkbox"].check-all:not(:checked) + label[for].default,
    #filters-container input[type="checkbox"].check-all:not(:checked) + label[for].default,
    input[type="checkbox"].check-all:not(:checked) + label[for] {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABLSURBVChTY/y/gOE/wyMGBjAmBOQgmPF/E1ATiBP/HyyOFyxkhBj+P4XhP0kAqJ4JYgRpYFQTFNBTEyg1gGKaGABSB05GJKc9BgYArxhA6ifuy7sAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        /*background-image: url(../Content/Images/CheckboxUncheckedOr.png);*/
    }

    input[type="checkbox"]:checked + label[for] {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        cursor: pointer !important;
        /*background-image: url(../Content/Images/CheckboxChecked.png);*/
    }

    input[type="checkbox"]:disabled + label[for] {
        opacity: .6;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABLSURBVChTY/y/gOE/wyMGBjAmBOQgmPF/E1ATiBP/HyyOFyxkhBj+P4XhP0kAqJ4JYgRpYFQTFNBTEyg1gGKaGABSB05GJKc9BgYArxhA6ifuy7sAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        cursor: not-allowed !important;
        /*background-image: url(../Content/Images/CheckboxUncheckedOr.png);*/
    }

    input[type="checkbox"]:disabled:checked + label[for] {
        opacity: .6;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        cursor: not-allowed !important;
        /*background-image: url(../Content/Images/CheckboxChecked.png);*/
    }

.empty-row {
    display: none;
    width: 412px;
    height: 50px;
    position: absolute;
    /*top: 50%;*/
    transform: translateY(-50%);
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 12px;
    left: 0;
    right: 0;
    margin: auto;
}

    .empty-row > div {
        font-weight: 600;
    }

    .empty-row > div.ru {
        margin: 5px auto 5px;
    }

    .empty-row > div.en {
        margin: 15px auto 15px;
    }

    .empty-chart > span,
    .empty-row > div {
        display: inline-block;
        color: rgb(255, 100, 0);
        color: var(--first-color);
        text-align: center;
    }

        .empty-chart > span {
            font-weight: bold;
        }

        .empty-row > div:hover {
            cursor: default;
        }

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-show .modal-backdrop.show {
    opacity: 1;
    z-index: 2001;
    background-color: #f8f8f8;
}

#messageModal {
    z-index: 2002;
}

    #messageModal svg {
        width: 644px;
        height: 530px;
    }

    #messageModal .modal-body {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #messageModal .modal-body > .message-text {
            margin-top: -9px;
            font: 14px 'OpenSansWebFont';
            line-height: 1.786rem;
            left: 50%;
            transform: translateX(-50%);
        }

        #messageModal .modal-body span.text-orange {
            top: 293px;
            margin-left: -78px;
            position: absolute;
        }
        
        body.onewinseller.message-show #messageModal .modal-body span.text-orange {
            top: 318px !important;
        }

    #messageModal .modal-dialog {
        top: 50%;
        transform: translateY(-50%);
        max-width: none;
    }

    #messageModal .modal-content {
        background: none;
        border: none;
    }

    #messageModal #g4384:hover {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

        #messageModal #g4384:hover #path4398,
        #messageModal #g4384:hover #path4396,
        #messageModal #g4384:hover #path4394 {
            box-shadow: none !important;
            fill: rgb(255, 100, 0) !important;
            fill: var(--first-color) !important;
        }

    #messageModal .message-text {
        max-width: 325px;
    }

input:not([disabled]):not(.selectCompanyRadio):focus,
input:not([disabled]):hover,
select:not([disabled]):focus,
select:not([disabled]):hover {
    outline: none !important;
    border-color: #dedede !important;
    box-shadow: none !important;
}

.div-row input.disabled {
    background-color: white;
    color: black;
}
.chart-view {
    overflow: hidden;
    height: 268px;
}

    .chart-view > .row {
        padding-top: 10px;
        flex-wrap: nowrap;
        justify-content: center;
    }

        .chart-view > .row > div {
            padding: 0 3px;
        }

.chart-title,
.chart-container {
    width: 100%;
}

.chart-container {
    height: 270px;
}

.chart-title {
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
}

    .chart-title > p {
        margin: 0;
    }

.chart-bordered {
    background-color: #fff;
    border: solid 1px #6c757d;
}

.chart {
    padding: 5px;
    height: 258px;
}

    .chart canvas {
        z-index: 1;
        height: 100%;
        width: 100%;
    }

    .chart .chart-body {
        display: flex;
        position: relative;
        flex-flow: column;
        justify-content: space-around;
        height: calc(100% - 26px);
    }

    .chart .pie {
        opacity: 0.75;
    }

    .chart .circle {
        font-size: 13px;
        position: absolute;
        z-index: 2;
        border-radius: 50%;
        width: 150px;
        height: 150px;
        background-color: #fff;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .chart .empty-circle {
        z-index: 0;
        width: 224px;
        height: 224px;
        opacity: .8;
        background-color: #eee;
    }

.circle > .caption {
    padding-top: 14px;
    height: 100px;
}

.chart-tooltip {
    border-radius: 2px;
    background: white;
    border: 1px solid #999;
}

.chart .chart-lines {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chart-container .chart-arrow {
    height: 34px;
    width: 40px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: none;
    border-radius: .25rem;
    color: #6c757d;
    background-image: none;
}

.chart-container .chart-arrow {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.37);
}

    .chart-container .chart-arrow:not(:disabled) {
        cursor: pointer;
    }

    .chart-container .chart-arrow:focus,
    .chart-container .chart-arrow:active {
        border-color: #6c757d !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .chart-container .chart-arrow:disabled {
        color: #e8e8e8;
    }

.chart-container .button-col {
    justify-content: center;
    display: flex;
    padding-left: 6px;
    padding-right: 6px;
}

    .chart-container .button-col .-l {
        display: block;
        float: left;
        margin-right: 4px;
    }

    .chart-container .button-col .-r {
        display: block;
        margin-left: 4px;
    }

.main-table {
    position: relative;
}

    .main-table .color {
        float: left;
        position: relative;
        width: 6px;
        height: 10px;
        left: 0;
        top: 3px;
        opacity: .8;
    }

.chart-modal .chart-container {
    height: 600px;
}

.chart-modal .chart {
    height: 605px;
}

.chart-modal .circle {
    width: 400px;
    height: 400px;
}

    .chart-modal .circle > .caption {
        padding-top: 30px;
        height: 300px;
    }

.chart-modal .modal-dialog {
    transition: transform .0s ease-out,-webkit-transform .0s ease-out !important;
}

.line-chart .modal-dialog {
    min-width: 80%;
}

.dashboard {
    position: relative;
    padding: 0;
    position: relative;
    top: 15px;
    margin-left: -32px;
    width: calc(100% + 48px);
    display: flex;
    justify-content: center;
}

.empty-report {
    display: none;
    background-color: #eee;
}

.vidget-button-container {
    z-index: 4;
    position: absolute;
    /*background: #66666670;*/
}

.vidget-head {
    width: 100%;
}

.vidget-body {
    position: relative;
    background-color: #fff;
}

.vidget-body,
.vidget-chart-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vidget-button-left,
.vidget-button-right {
    padding-top: 2px;
    border: 1px solid #999;
    background-color: white;
    transition: opacity 0.5s linear;
}

    .vidget-button-left:not(:disabled),
    .vidget-button-right:not(:disabled) {
        cursor: pointer;
    }

    .vidget-button-left:disabled,
    .vidget-button-right:disabled {
        opacity: .6;
    }

    .vidget-button-left:hover,
    .vidget-button-left:focus,
    .vidget-button-right:hover
    .vidget-button-right:focus {
        cursor: pointer;
        border: 1px solid #999;
        outline: none !important;
        box-shadow: none !important;
    }


.vidget-button-left {
    float: left;
}

.vidget-button-right {
    float: right;
}

.vidget-legend-container {
    overflow: hidden;
    width: 100%;
    margin: 0;
    align-content: flex-start;
}

    .vidget-legend-container > div > svg {
        position: relative;
        top: -.125rem;
    }

.vidget-chart-body .circle {
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vidget-chart-body .empty-circle {
    z-index: 1;
    opacity: .8;
    background-color: #eee;
}

.vidget-chart-container {
    position: relative;
    opacity: .7;
    z-index: 2;
}

.vidget-chart-body {
    position: relative;
}

.empty-report .chart-lines {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.empty-report .vidget-head {
    text-align: center;
}

.empty-paging .paging {
    display: none;
    position: relative;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.empty-report > .row {
    justify-content: center;
}

html,
body {
    height: 100%;
}

#loadImg.hiddenImg,
#loadImg.hiddenImg img {
    display: none !important;
}

/*.head-container {
    min-height: 40px;
}*/

.containerDashboard {
    display: table;
    margin: 0 auto;
}

.ammountDashboard {
    display: table;
    margin-left: 1px;
}

.ammountDashboardStacked {
    display: inline-flex;
    margin-top: -20px;
}

.amountValueDashboard {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
}

.aggregateRow {
    display: table;
    margin: 0 auto;
}

.aggregateRowLeft {
    display: inline-block;
    background-color: #fff;
}

.chartDashboardParentStacked {
    margin: -60px 3px 5px 3px;
}

.chartDashboard {
    height: 210px;
    display: table;
}

    .chartDashboard:not(.customDashboard) {
        margin: -60px 3px 5px 3px;
    }

/*.customDashboard {
    margin-left: -20px;
}*/

.filterCaptionDashboard {
    width: 100%;
    display: inline-block;
}

    .filterCaptionDashboard span:first-child {
        font-weight: 600;
        color: rgb(255, 100, 0);
        color: var(--first-color);
        padding-left: 5px;
        width: 92%;
        display: inline-block;
    }

.filterTextDashboard {
    color: rgb(128, 128, 128);
    border: solid rgb(128, 128, 128);
    width: 100%;
    border-width: 1px 0px 1px 0px;
}

#main-dashboard-container ul {
    padding-left: 0px;
}

#main-dashboard-container .list-group-item {
    padding: 0px
}

#main-dashboard-container input[type="checkbox"]:not(:checked) + label[for] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    margin-left: 1px;
    /*background-image: url('/content/images/CheckboxUnchecked.png');*/
}

#main-dashboard-container .label-applayfilter {
    margin-left: 6px !important;
}

#main-dashboard-container input[type="checkbox"]:checked + label[for] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    /*background-image: url('/content/images/CheckboxChecked.png');*/
}

#main-dashboard-container input[type="checkbox"].check-all + label[for] {
    margin-left: 2px;
}

#main-dashboard-container input[type="checkbox"].check-all:not(:checked) + label[for] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    /*background-image: url('/content/images/CheckboxUnchecked.png');*/
}

#main-dashboard-container input[type="text"] {
    height: 16px;
    border: none;
    width: calc(100% - 25px);
}

/*#main-dashboard-container canvas.canvasDashboard {
    background-color: white;
    color: white;
    border: 1px solid rgb(209,209,209);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.37);
}*/

#main-dashboard-container canvas.chartDashboardParent {
    border-radius: 8px;
}

#main-dashboard-container canvas.canvasDashboard:not(.chartDashboardParent) {
    margin-top: 10px;
}

#main-dashboard-container canvas.chartDashboardPie {
}

#main-dashboard-container .totalAmountDisplayValue {
    position: relative;
    top: -75px;
    font-size: 20px;
}

#main-dashboard-container .filterAmountDisplayValue {
    position: relative;
    top: -66px;
    left: 100px;
    font-size: 14px;
    text-align: left;
}

#main-dashboard-container .differenceAmountDisplayValue {
    position: relative;
    top: -86px;
    left: -100px;
    font-size: 14px;
    text-align: right;
}

#main-dashboard-container .totalAmountDisplayValueStacked {
    position: relative;
    font-size: 20px;
}

#main-dashboard-container .filterAmountDisplayValueStacked {
    position: relative;
    left: 10px;
    font-size: 14px;
    text-align: left;
}

#main-dashboard-container .differenceAmountDisplayValueStacked {
    position: relative;
    left: -10px;
    font-size: 14px;
    text-align: right;
}

#main-dashboard-container .green-arrow {
    position: absolute;
    width: 32px;
    left: 0px;
}

#main-dashboard-container .stackedGroup1 .green-arrow {
    /*top: 294px;*/
}

#main-dashboard-container .stackedGroup2 .green-arrow {
    /*top: 69px;*/
}

#main-dashboard-container .green-arrow:not(.disabled) {
    cursor: pointer;
}

#main-dashboard-container .green-arrow.r {
    transform: rotate(180deg);
    left: calc(100% - 32px);
}

.removeChartDashboardPie .totalAmountDisplayValue,
.removeChartDashboardPie .filterAmountDisplayValue,
.removeChartDashboardPie .differenceAmountDisplayValue {
    display: none;
}

.chartDashboardChildLegend {
    font: 12px Helvetica;
    display: inline-block;
    color: #000080;
}

    .chartDashboardChildLegend > ul {
        padding: 0;
        text-align: left;
        list-style-type: none;
    }

    .chartDashboardChildLegend li {
        padding-bottom: 3px;
        font-size: 10px;
    }

        .chartDashboardChildLegend li span {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 5px;
        }

.dashboardScaleLabel {
    font: 12px Helvetica;
    text-align: right;
    position: absolute;
}

.dashboard-simbol {
    position:absolute;
    left:5px;
    top: 0.2px !important;
    display:none;
}

.dashboard-number {
    position:absolute;
    top:-1.3px;
    right:5px;
}

.dashboard-widget-number:hover + .dashboard-simbol {
    display:block;
}

.dashboard-widget-number {
    cursor: pointer;
    width: 60px;
    height: 21px;
    top: -5px;
    left: 2px;
    padding: 2px;
    border: 1px solid #dee2e6 !important;
    font: 13px 'OpenSansWebFont';
    color: black;
    padding-right: 6px;
    font-weight: unset;
}

    .dashboard-widget-panel {
        background-color: white;
        min-width: 1260px !important; /*1280px*/
        position: absolute;
        right: 0;
        left: 0;
        margin-left: 10px;
        margin-right: 10px;
    }

.dashboard-widget-container {
    height: 214px;
    width: 426px;
    float: left;
    padding: 7px 0 5px;
}
    .dashboard-widget-container > .title {
        width: 100%;
        position: relative;
    }

        .dashboard-widget-container > .title > .widgets-max-data {
            width: 24px;
            position: absolute;
            height: 100%;
            right: 12px;
            margin-right: 8px;
            color: rgb(64, 64, 64);
        }
            .dashboard-widget-container > .title > .widgets-max-data > .widgets-max-data-container > span.disabled {
                color: rgb(144, 144, 144);
            }

            .dashboard-widget-container > .title > img {
                position: absolute;
                width: 13px;
                height: 13px;
                right: 10px;
            }

        .dashboard-widget-container > .title > .arrow-left {
            transform: scale(-1, 1);
            right: 42px;
        }

            .dashboard-widget-container > .title > .arrow-left:not(.arrow-disabled) {
                transform: scale(1, 1);
            }

.canvas-widget-container > span,
.widget-container-child-dashboard > .preview > span {
    font: 13px/18px 'OpenSansWebFont';
}
.widget-container-child-dashboard > .preview > span {
    top: 75px;
    position: absolute;
    left: 0;
    right: 0;
}
/* фиксация заголовка */
.headerp {
    position: relative;
    z-index: 1065;
}

    .headerp:after {
        position: absolute;
        z-index: -1;
        top: 0;
        right: -100%;
        display: block;
        height: 100%;
        content: ' ';
    }
/* ** */

.head-container {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    min-height: 76px;
}

    .head-container > .row {
        display: flex;
        justify-content: center;
        width: 100vw;
    }

    .head-container .table-header {
        padding-bottom: 2px;
    }

.table-header h4 {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    position: relative;
    top: -2px;
    cursor: default;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-header > div {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.table-header > div {
    width: 100%;
}

    .table-header > div .head-title {
        display: inline-flex;
        margin-top: 10px;
        margin-bottom: -4px;
        width: 850px;
        overflow: hidden;
        text-wrap: nowrap;
        justify-content: center;
    }

        .table-header > div .head-title span {
            display: inline-block;
        }

.get-recent.disabled img.dissabled {
    display: block;
}

.get-recent.disabled img:not(.disabled) {
    display: none;
}

.table-header button.active.focus:not(:disabled),
.table-header button.active:focus:not(:disabled),
.table-header button.focus:not(:disabled),
.table-header button:active.focus:not(:disabled),
.table-header button:active:focus:not(:disabled),
.table-header button:active:not(:disabled),
.table-header button:focus:not(:disabled),
.table-header button:hover:not(:disabled),
.table-header button:target:not(:disabled) {
    outline: none !important;
    background: white;
    box-shadow: none !important;
}

.corporation-image {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .corporation-image > img {
        position: relative;
        top: -36px;
        left: -7px;
        width: 1270px;
    }

.head-container.show-menu {
    height: 100vh;
}

    .head-container.show-menu > .row,
    .head-container.show-menu > .row > .table-header,
    .head-container.show-menu > .row > .table-header > div {
        height: 100%;
    }

.back-block {
    top: 43px;
    left: -672px;
    width: 1280px;
    height: 216px;
    position: absolute;
    background-color: white;
}

/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /*Disable Animation on Mobile Devices*/
    .animated {
        -webkit-transition-property: none !important;
        -moz-transition-property: none !important;
        /*CSS transitions*/
        -o-transition-property: none !important;
        transition-property: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */

body {
    overflow: hidden;
}

body {
    direction: ltr;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased !important;
    -webkit-font-feature-settings: "liga","clig off" !important;
    font-feature-settings: "liga","clig off" !important;
    -webkit-font-variant-ligatures: no-common-ligatures !important;
    font-variant-ligatures: no-common-ligatures !important;
}

.main-body-container {
    height: 100%;
}

.main-container {
    z-index: 999;
    position: relative;
    z-index: 0;
    height: calc(100% - 137px);
    max-height: 100%;
    padding-bottom: 0;
    margin: 0;
    padding-top: 8px;
    overflow: hidden;
}

    .main-container > .row {
        height: 100%;
    }

.chart-container.show ~ .main-container {
    transition: height 0.0s;
    height: calc(100% - 407px);
}

#main-menu-container .container .row {
    margin-left: unset;
    margin-right: unset;
}

@media (min-width: 1200px) {
    #main-menu-container .container {
        max-width: 1280px;
    }

    #main-menu-header.container.header {
        max-width: 1140px;
    }
}

.head-container.opened ~ .chart-container.show ~ .main-container {
    transition: height 0.0s;
    height: calc(100% - 630px);
}

.opened ~ .main-container {
    height: calc(100% - 360px);
}

.text-orange-bold {
    font-weight: bold;
    color: rgb(255, 128, 0) !important;
    color: var(--first-color) !important;
}

.importantDisplay {
    display: block !important;
}

.big-lock img {
    width: 86px;
}

.btn-smart {
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white;
    background-color: var(--first-color) !important;
    background-color: rgb(255, 128, 0) !important;
}

.horizontal-scale {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/* tooltip */
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: rgb(64, 64,64);
}

.tooltip-inner {
    background-color: #fff;
    border: rgb(64, 64,64) 1px solid;
    color: rgb(64, 64,64);
}

.nicescroll-cursors {
    border-radius: 3px !important;
}

    .nicescroll-cursors.active {
        background: #ccc !important;
    }

.tooltip.show {
    z-index: 2002;
}

.modal {
    position: fixed;
    z-index: 2020;
}

.modal-backdrop {
    position: fixed;
    z-index: 2010;
}

.popover {
    position: absolute;
    z-index: 2030;
}

.tooltip {
    position: absolute;
    z-index: 2040;
}

input[type='text'] {
    text-overflow: ellipsis;
}
.scrollbar {
    margin: 0px 0 1em 0;
    height: 2px;
    background-color: #ccc;
    line-height: 0;
}

    .scrollbar.off-scrollbar,
    .scrollbar.on-scrollbar {
        display: block;
        flex: none;
        position: absolute;
        width: 852px;
    }

    .scrollbar .handle {
        height: 165%;
        background-color: var(--first-color);
        background-color: rgb(255, 128, 0);
        cursor: pointer;
        top: -1px;
    }

        .scrollbar .handle.active {
            background-color: #ccc;
        }

        .scrollbar .handle .mousearea {
            position: absolute;
            left: 0;
            width: 100%;
            height: 5px;
        }

    .scrollbar .handle,
    .scrollbar-v .handle {
        border-radius: 3px;
        position: relative;
    }

.opened ~ .main-container .scrollbar {
    margin-top: 0px;
}

.scrollbar-v {
    position: absolute;
    top: 27px;
    width: 2px;
    background-color: #ccc;
    line-height: 0;
    z-index:91;
}

    .scrollbar-v.off-scrollbar-v {
        top: 0px;
        height: 162px;
        left: 281px;
    }

    .scrollbar-v.analytics-menu-scrollbar-v {
        top: 0px;
        height: 182px;
        left: 423px;
    }

    .scrollbar-v .handle {
        width: 165%;
        background-color: var(--first-color);
        background-color: rgb(255, 128, 0);
        cursor: pointer;
        left: -1px;
    }

        .scrollbar-v .handle.active {
            background-color: #ccc;
        }

        .scrollbar-v .handle .mousearea {
            position: absolute;
            top: 0;
            width: 5px;
            height: 100%;
        }

.tables-container .TotalColumn {
    font-weight: 600 !important;
}

.tables-container .filter-row td:not(.HeaderBS), div[name="documentTable"] .filter-row td:not(.HeaderBS) {
    position: relative;
    padding: 0;
}

.tables-container .filter-row input[type="text"], div[name="documentTable"] .filter-row input[type="text"] {
    width: 100%;
    height: 100%;
    padding: 0 17px 0 27px;
    border: none;
    font-size: 12px;
}

    .tables-container .filter-row input[type="text"]:not([value=""]) ~ .close, div[name="documentTable"] .filter-row input[type="text"]:not([value=""]) ~ .close {
        display: block;
    }

    .tables-container .filter-row input[type="text"]:not([value]) ~ .close, div[name="documentTable"] .filter-row input[type="text"]:not([value]) ~ .close {
        display: none;
    }

div[name="documentTable"] .div-header-row .div-header-cell span.expressFilterFunctionSymbol {
    display: none;
    position: absolute;
    margin-left: 14px;
    font-size: x-large;
    font-weight: 900;
    cursor: pointer;
    top: 0px;
    user-select: none;
    font-family: monospace;
}

    div[name="documentTable"] .div-header-row .div-header-cell span.expressFilterFunctionSymbol[data-selected-operation-guid="8e2b25d5-8f6b-4129-9815-9f58cc47a95f"] {
        top: -1px;
    }

div[name="documentTable"] .filter-row input[type=text]:not([value=""]) ~ .expressFilterFunctionSymbol,
div[name="documentTable"] .filter-row input[type=text]:focus ~ .expressFilterFunctionSymbol {
    display: block;
}

div[name="documentTable"] .filter-row input[type=text]:not([value]) ~ .expressFilterFunctionSymbol {
    display: none;
}

div[name="documentTable"] .filter-row .div-header-cell.div-header-numeric-cell input[type="text"] {
    text-align: right;
    padding-right: 17px;
}

#second-table .filter-row .div-header-cell input[type="text"] {
    text-align: right;
    padding-right: 17px;
}

.tables-container .filter-row .close, div[name="documentTable"] .filter-row .close {
    display: none;
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 4px;
}

.tables-container .filter-row input[type=text]::-ms-clear, div[name="documentTable"] .filter-row input[type=text]::-ms-clear {
    display: none;
}

.tables-container .filter-row .check-filter, div[name="documentTable"] .filter-row .check-filter {
    position: absolute;
    display: none;
    z-index: 1;
    top: 3px;
    left: 3px;
}

.tables-container .filter-row input[type=text]:not([value=""]) ~ .check-filter,
.tables-container .filter-row input[type=text]:focus ~ .check-filter,
div[name="documentTable"] .filter-row input[type=text]:not([value=""]) ~ .check-filter,
div[name="documentTable"] .filter-row input[type=text]:focus ~ .check-filter
{
    display: block;
}

.tables-container .filter-row input[type=text]:not([value]) ~ .check-filter,
div[name="documentTable"] .filter-row input[type=text]:not([value]) ~ .check-filter 
{
    display: none;
}

.tables-container .filter-row input[type="checkbox"]:not(:checked) + label[for],
div[name="documentTable"] .filter-row input[type="checkbox"]:not(:checked) + label[for] 
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQMAAABIJXY/AAAABlBMVEX/agBHcEy3oZLnAAAAAnRSTlP/AOW3MEoAAAAQSURBVHgBY4AD+QNYEAwAAHTbBhqdZmn0AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    /*background-image: url(../content/images/CheckboxExcluded.png);*/
}

.tables-container .filter-row input[type="checkbox"]:checked + label[for],
div[name="documentTable"] .filter-row input[type="checkbox"]:checked + label[for] 
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    /*background-image: url(../content/images/CheckboxChecked.png);*/
}

.HeaderBS {
    background-color: rgb(244, 244, 244);
}

.banded-row {
    background-color: rgb(250, 250, 250);
}

.table-view {
    padding: 0;
    max-height: 100%;
}

    .table-view .first-div {
        height: 100%;
    }

.main-table-background {
    height: calc(100% - 9px);
    width: 1280px;
    max-width: 1280px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px;
}

.tables-container {
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    max-width: calc(100%- 20px);
    height: 100%;
}

    .tables-container .table-body .scroll-body {
        background-color: #fff;
    }

    .tables-container .div-header-cell {
        text-align: center;
    }

        .tables-container .div-header-cell > div > div:first-child {
            display: flex;
            justify-content: /*center*/ end;
            align-items: center;
            flex-direction: column;
            overflow: hidden;
            margin-top: auto;
            margin-bottom: auto;
            margin-left: 3.3px;
        }

        .tables-container.transpose-tables-container .div-header-cell > div > div:first-child {
            align-items: unset;
        }

    .tables-container.transpose-tables-container .div-header-cell > div > div:first-child {
        margin: auto;
    }

    .tables-container .div-header-cell > div > div:not(:first-child) {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.div-header-cell > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .div-header-cell > div:not(.total-amount-div-SO) {
        margin-left: 7px;
        width: calc(100% - 14px);
    }

.row-order-container,
.first-table-container,
.second-table-container {
    opacity: 0;
}

    .row-order-container .div-header-cell,
    .first-table-container .div-header-cell {
        display: flex;
    }

        .row-order-container .div-header-cell > div,
        .first-table-container .div-header-cell > div,
        .row-order-container .div-header-cell > div > div,
        .first-table-container .div-header-cell > div > div {
            height: auto;
        }

    .second-table-container .div-header-cell > div > div:first-child {
        max-height: 88px;
        margin-left: -0.5px;
        padding-top: 3px;
    }

    .second-table-container .div-header-cell > div > div:not(:first-child) {
        height: 38px;
        max-height: 38px;
        min-height: 38px;
        line-height: 1.3;
        margin-bottom: 3px;
    }

    .second-table-container .div-header-cell > div {
        height: 100%;
    }

.tables-container .div-header-cell > div > div:not(:first-child) span {
    display: flex;
    margin: auto;
    flex-grow: 1;
    align-items: center;
}

.first-table-container div > div > span:not(.specialSimbol-text):not(.specialSimbol),
.second-table-container div > div > span:not(.specialSimbol-text):not(.specialSimbol),
.pivotCaptionFull {
    white-space: nowrap;
}

.tables-container .div-header-cell > div hr {
    margin: 3px 0 2px;
    width: calc(100% + -1px);
    margin-left: 7px;
}

.tables-container div > div > span:not(.specialSimbol-text):not(.specialSimbol):not(.expressFilterFunctionSymbol) {
    text-align: center;
    margin: -2px auto !important;
    display: inline-flex;
}

.tables-container.transpose-tables-container div > div > span:not(.specialSimbol-text):not(.specialSimbol):not(.expressFilterFunctionSymbol) {
    margin: -2px 0px !important;
}

.tables-container div > div > span.expressFilterFunctionSymbol {
    display: none;
    position: absolute;
    margin-left: 14px;
    font-size: x-large;
    font-weight: 900;
    cursor: pointer;
    top: 0px;
    user-select: none;
    font-family: monospace;
}

    .tables-container div > div > span.expressFilterFunctionSymbol[data-selected-operation-guid="8e2b25d5-8f6b-4129-9815-9f58cc47a95f"] {
        top: -1px;
    }

.tables-container .filter-row input[type=text]:not([value=""]) ~ span.expressFilterFunctionSymbol {
    display: block;
}

.tables-container .first-table-container .table-head .div-header-row .grouped-column span.grouped-span:not(.specialSimbol-text):not(.specialSimbol)::before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAAAAADF+lnMAAAAWElEQVR4ASXBMRJAQAwF0L+ZbAxaMxyTQqdwANdwNa2KYXeTKLwXZmjzaJ3BNA7qnM+NSl80wDtQcBe9I8AhLWTVu4LtnrKkOoFYPZpcBrJDhGN7gLHj9wEIsSORlxUUqAAAAABJRU5ErkJggg==) no-repeat;
}

.tables-container .first-table-container .table-head .div-header-row .grouped-column span.grouped-span.closed:not(.specialSimbol-text):not(.specialSimbol)::before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAAAAADF+lnMAAAAXElEQVR4ASXJMQqAMAwF0N80RRBXhx7SyaKgs5uTZ/BqguDgamnSKvjWZ0YlZE62sPS+wJRrJesTBoktyCSKlCsFJ5qKnXUB893lLejzbRZnRBQkZ+MC1weYdvxe9BEj5vnppiwAAAAASUVORK5CYII=) no-repeat;
}

.tables-container .first-table-container .table-head .div-header-row .grouped-column span.grouped-span:not(.specialSimbol-text):not(.specialSimbol),
.tables-container .first-table-container .table-head .div-header-row .grouped-column span.grouped-span:not(.specialSimbol-text):not(.specialSimbol) {
    pointer-events: none;
}

    .tables-container .first-table-container .table-head .div-header-row .grouped-column span.grouped-span:not(.specialSimbol-text):not(.specialSimbol)::before,
    .tables-container .first-table-container .table-head .div-header-row .grouped-column span.grouped-span:not(.specialSimbol-text):not(.specialSimbol)::before {
        width: 10px;
        height: 10px;
        vertical-align: middle;
        margin-top: 6px;
        padding-right: 14px;
        cursor: pointer;
        pointer-events: all;
    }

.tables-container .specialSimbol {
    position: relative;
    top: -1px;
}

.specialSimbol.formula-col {
    width: 14px;
    color: rgb(255, 100, 0);
    position: absolute;
    top: -1px;
    left: 5px;
    text-align: left;
}

.first-table-container .grouped-row .group-toggle > .specialSimbol-text,
.tables-container .specialSimbol > .specialSimbol-text,
#analitycs-container:not(.analitycs-select-menu-item) .specialSimbol > .specialSimbol-text,
#current-filters-first .specialSimbol-text,
#current-filters-second .specialSimbol-text {
    font-size: 14px;
}

#analitycs-container .analitycs-select-menu-item .specialSimbol > .specialSimbol-text {
    font-size: 16px;
}

#modal-container > div.row.head-row > div > div > div.div-table > div > div > div.div-row > div.div-cell > .specialSimbol > .specialSimbol-text {
    font-size: 14px;
}

#modal-container > div.row > div > div > div.div-table > div > div > div.div-row > div.div-cell > .specialSimbol > .specialSimbol-text {
    font-size: 14px;
}

#first-table > div.table-head > div.div-header-row.HeaderBS .specialSimbol > .specialSimbol-text-header,
#second-table > div.table-head > div.div-header-row.HeaderBS .specialSimbol > .specialSimbol-text-header,
#analitycs-container .specialSimbol > .specialSimbol-text-header,
.singleObject .div-cell-documentTableName.documentTableClass .specialSimbol > .specialSimbol-text-header,
.div-table > div.table-head > div.div-header-row.HeaderBS .specialSimbol > .specialSimbol-text-header {
    font-size: 16px;
}

.tables-container .sorting-head > img {
    top: 0;
    right: 2px;
    position: absolute;
    margin-top: 65px;
}

.tables-container.transpose-tables-container .sorting-head > img {
    margin-top: 20px;
}

.div-cell.HeaderBS {
    text-align: right;
    padding-right: 5px;
    font-size: 13px;
}

.ui-resizable, .resizableBorder {
    position: initial;
}

.ui-resizable-e, .resizableBorder {
    position: relative;
    top: calc(-100%);
    left: calc(100% - 2px);
    width: 5px;
    max-height: 100%;
    height: 0;
    border-right: 5px solid #dee2e6;
}

#first-table .resizableColumn,
#second-table .resizableColumn {
    overflow-wrap: unset;
}

.resizableColumn div {
    overflow: hidden;
}

    .resizableColumn div.ui-resizable-handle {
        border-right: unset;
        max-height: unset;
        width: 5px;
    }

#first-table .resizableColumn div.ui-resizable-handle {
    left: 3px;
    top: 1%;
}

#second-table .resizableColumn div.ui-resizable-handle {
    left: calc(100% - 3px)
}


.main-table.noselect.save-xml > button {
    padding: 1px 10px;
    padding-top: 0px;
    padding-bottom: 1px;
}

    .main-table.noselect.save-xml > button > img {
        height: 19px;
    }

.report-aggregate-group-head {
    border-top: 1px solid #dee2e6;
}

.report-aggregate-group-head-title {
    border-right: 1px solid #dee2e6;
    height: 35px;
    text-align: center !important;
    font-weight: 600 !important;
}
.paging-menu {
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: flex;
    /*justify-content: center;*/
}

.paging {
    float: left;
}

    .paging *:not(.page-link-disabled) {
        border-color: #fff;
    }

    .paging a {
        color: black;
    }

    .paging .page-item a,
    .paging .page-item {
        height: 32px;
    }

        .paging .page-item:not(.page-active) {
            width: 40px;
            max-width: 40px;
            text-align: center;
        }

*:not(.filter-ul-container) > .paging .page-active {
    position: relative;
    width: 120px;
}

    *:not(.filter-ul-container) > .paging .page-active > span {
        width: 120px;
        height: 32px;
        text-align: center;
    }

.page-link:not(:disabled):not(.disabled) {
    border-radius: .25rem;
}

.filter-ul-container > .paging .page-active > span {
    width: 92px;
    height: 32px;
    text-align: center;
}

.paging .page-active > span,
.paging .page-count > span,
.paging .page-link-disabled {
    cursor: default !important;
}

.paging .page-active > span,
.paging .page-count > span {
    color: black;
}

.paging .page-active:hover > .filter-selected-page {
    background: white !important;
}

.paging .page-link-disabled {
    color: rgb(240, 240, 240) !important;
    color: var(--btn-back-color) !important;
}

    .paging .page-link-disabled > span:hover,
    .paging .page-link-disabled:hover > span,
    .paging .page-link-disabled:hover,
    .paging .page-link-disabled:active {
        background: white !important;
    }

.page-link.filter-selected-page:hover {
    background-color: white;
}

.dashboard-ico {
    margin-right: 8px;
    width: 41px;
}

.excel-chart,
.excel-table,
.save-to-xml,
.dashboard-ico,
.toggle-header-table {
    z-index: 2000;
    display: block;
    float: left;
    height: 32px;
    border: 1px solid #fff;
    background: #fff;
}

    .excel-chart:hover
    .excel-chart:focus,
    .excel-table:hover:not(.disabled),
    .excel-table:focus:not(.disabled),
    .dashboard-ico:hover:not(.disabled),
    .favorite-ico:hover,
    .favorite-ico:focus {
        background-color: #e9ecef;
        border: 1px solid #fff;
    }

    .dashboard-ico:focus,
    .excel-table:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.chart-arr:not(:disabled):not(.disabled):active {
    background: #fff;
}

.excel-chart {
    position: absolute;
    z-index: 1999;
    right: 97px;
    display: none;
}

.toggle-header-table {
    margin-right: 8px;
    width: 40px;
    max-width: 40px;
}

.toggle-header-img {
    display: none;
    height: 24px !important;
    width: 24px !important;
    margin-top: -2px;
    margin-left: -4px;
}

    .toggle-header-img.active {
        display: block;
    }

.save-to-excel + .chart-arr {
    position: absolute;
    right: 47px;
    display: none;
}

.chart-arr.right:not(.disabled):not(:disabled) {
    border: 1px solid #fff;
}

.excel-chart img,
.excel-table img {
    width: auto;
    height: calc(100% - 1px);
    position: relative;
    top: -2px;
}

.dashboard-ico img {
    width: 17px;
    height: 15px;
    position: relative;
    top: -3px;
}

.dashboard-ico.transpose-report img {
    width: 16px;
    height: 16px;
}

.excel-table-SO img {
    top: 0px !important;
    height: 19px !important;
    width: 18px !important;
    margin-left: 1px;
}

.paging .pagination li {
    margin-right: 8px;
}

.paging .pagination .page-link.page-link-disabled {
    border: 1px solid #fff;
}

.paging .pagination .page-link {
    margin-left: 0;
}

.paging {
    height: 32px;
}

.button-container {
    min-width: 1280px;
    overflow: hidden;
    background: hsla(0,0%,100%,0.3);
    position: relative;
    bottom: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .button-container::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 12px;
        background: url(/Content/Images/fon-01_1.png) 100% 100% repeat-x;
        filter: blur(2px);
        margin: -30px;
    }

    .button-container.button-container-gray::before {
        background: rgb(240,240,240);
        filter: blur(2px);
    }

.paging-m {
    margin-left: 241px; /*192px; Значение 192 восстановить после реализации задачи WR-1370 (транспонирование отчета) */
}

@media (min-width: 1280px) {
    .button-container {
        max-width: 1280px;
    }
}

.div-table {
    display: block;
    padding: 0px;
    background-color: transparent;
    margin: 0px;
    line-height: 18px;
}

    .div-table:not(.singleObject) {
        border-bottom: 1px solid #dee2e6;
    }

.div-header-row {
    display: flex;
    position: relative;
}

.div-header-cell {
    flex-shrink: 0;
    color: #000000;
    position: relative;
    font-family: 'OpenSansWebFont';
    font-size: 12px;
    float: left;
}

    .div-header-cell.div-header-cell-tr {
        border-left: 1px solid #dee2e6;
    }

.HeaderBS .div-header-cell, .HeaderBS .report-aggregate-group-head-title {
    font: 13px/20px 'OpenSansWebFont';
    text-align: left;
    /*overflow: hidden;*/
}

.single-object-container .HeaderBS .div-header-cell {
    font-size: 12px;
    cursor: default;
}

.div-header-row:not(:first-child) {
    height: 20px;
}

.div-row {
    display: flex;
    position: relative;
    color: #000000;
    height: 20px;
}

    .div-row.transpose-div-row {
        display: block;
    }

.div-row-row2 {
    height: 40px !important;
}

.div-row-row3 {
    height: 60px !important;
}

.div-row-row4 {
    height: 80px !important;
}

.div-row-row5 {
    height: 100px !important;
}

.div-cell {
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0;
    position: relative;
    float: left;
    text-align: left;
    letter-spacing: 0px;
    word-spacing: 0px;
    vertical-align: middle;
    font: 12px/20px 'OpenSansWebFont';
}

    .div-cell.div-cell-last:not(.docTable) {
        border-bottom: 1px solid #dee2e6;
    }

    .div-cell.div-cell-table-row {
        /*border-bottom: 1px solid #dee2e6;*/
        border-left: 1px solid #dee2e6;
    }

    .div-cell.div-cell-table-row-header {
        border-left: 1px solid #dee2e6;
    }

.left-border, .right-border {
    position: absolute;
    background-color: #dee2e6;
    width: 1px;
    z-index: 2;
}

.left-border {
    left: 0px;
}

.right-border {
    right: 0px;
}

.second-table-container .div-cell {
    font-size: 12px;
}

.second-table-container .total-amount .div-header-cell {
    font-size: 12px;
}

.table-body {
    overflow: hidden;
    margin-top: -1px;
    z-index: 0;
}

.div-header-cell,
.div-cell {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    backface-visibility: visible !important;
}

    .div-header-row .div-header-cell:first-child,
    .div-cell.HeaderBS {
        width: 60px;
    }

        .div-header-row .div-header-cell.grand-total:first-child,
        .div-cell.HeaderBS.grand-total {
            width: 136px;
        }

.single-object-container .div-header-row .div-header-cell:first-child,
.single-object-container .div-cell.HeaderBS {
    width: 80px;
}

.div-cell.d {
    cursor: pointer;
}

.div-cell.dNumber {
    cursor: pointer;
    color: blue !important;
}

.div-cell.group-toggle,
.div-cell.div-cell-preference {
    font-size: 12px;
}

.second-table-container .Negative,
.second-table-container .Negative:hover {
    color: red;
}

.disable-user-filtering {
    cursor: not-allowed;
}

    .disable-user-filtering .div-header-cell {
        pointer-events: none;
    }

    .disable-user-filtering input {
        background-color: rgb(244, 244, 244);
    }

    .header-row-border {
        border-bottom: 1px solid #dee2e6;
        z-index: 1;
    }

#main-table-container.transpose-tables-container .table-head,
.aggregates-table-body .scroll-body {
    display: flex;
}

#main-table-container.transpose-tables-container .div-header-row.HeaderBS {
    flex-direction: column;
}

#main-table-container.transpose-tables-container .div-row.transpose-div-row .div-cell {
    width: inherit;
    text-align: end;
    height: 40px;
    align-items: center;
    display: grid;
    padding-right: 2px;
}

    #main-table-container.transpose-tables-container .div-row.transpose-div-row .div-cell.transpose-max-height-div-cell {
        height: 60px;
    }

.properties-table-body {
    height: 700px !important;
    display: flex;
    background-color: #fff;
}

.tables-container .grouped-row {
    background-color: rgb(217, 236, 236);
    background-color: var(--grouped-row);
}

    .tables-container .grouped-row .div-cell {
        font-weight: 600;
    }

.aggregates-table-body .transpose-div-row.grouped-row {
    background-color: #fff;
}

.first-table-container .grouped-row .group-toggle,
.second-table-container .grouped-row .group-toggle {
    position: relative;
}

    .first-table-container .grouped-row .group-toggle > span:not(.specialSimbol-text):not(.specialSimbol),
    .second-table-container .grouped-row .group-toggle > span:not(.specialSimbol-text):not(.specialSimbol) {
        float: left;
        cursor: pointer;
        position: relative;
        top: 7px;
        padding-left: 15px;
        width: 9px;
        height: 9px;
    }

    .second-table-container .grouped-row .group-toggle > span:not(.specialSimbol-text):not(.specialSimbol) {
        top: 0px;
    }

    .first-table-container .grouped-row .group-toggle:not(.plus) > span:not(.specialSimbol-text):not(.specialSimbol),
    .second-table-container .grouped-row .group-toggle:not(.plus) > span:not(.specialSimbol-text):not(.specialSimbol) {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAAAAADF+lnMAAAAWElEQVR4ASXBMRJAQAwF0L+ZbAxaMxyTQqdwANdwNa2KYXeTKLwXZmjzaJ3BNA7qnM+NSl80wDtQcBe9I8AhLWTVu4LtnrKkOoFYPZpcBrJDhGN7gLHj9wEIsSORlxUUqAAAAABJRU5ErkJggg==) no-repeat;
    }

    .first-table-container .grouped-row .group-toggle.plus > span:not(.specialSimbol-text):not(.specialSimbol),
    .second-table-container .grouped-row .group-toggle.plus > span:not(.specialSimbol-text):not(.specialSimbol) {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAAAAADF+lnMAAAAXElEQVR4ASXJMQqAMAwF0N80RRBXhx7SyaKgs5uTZ/BqguDgamnSKvjWZ0YlZE62sPS+wJRrJesTBoktyCSKlCsFJ5qKnXUB893lLejzbRZnRBQkZ+MC1weYdvxe9BEj5vnppiwAAAAASUVORK5CYII=) no-repeat;
    }

.second-table-container .table-body.properties-table-body .grouped-row .group-toggle.additional-div-cell {
    width: inherit;
    height: 40px;
}

.transpose-tables-container .group-toggle:not(.first-group-cell):not(.pre-additional-div-cell):not(.group-colored-cell):not(.additional-div-cell):not(.after-group-color) {
    background-color: #fff !important;
}

.pre-additional-div-cell,
.group-toggle.first-group-cell,
.group-toggle.group-colored-cell {
    background-color: var(--grouped-row) !important;
    border-right: none;
}

.div-cell.last-before-group-row {
    border-right: 1px solid #dee2e6;
}

.group-toggle.group-colored-cell {
    border-right: 1px solid #dee2e6;
}

.group-toggle.additional-div-cell.after-group-color {
    background-color: var(--grouped-row) !important;
}

.group-toggle.first-group-cell {
    overflow: visible;
    padding-left: 10px;
}

    .group-toggle.first-group-cell > div {
        /*position: absolute;
        z-index: 1;
        padding-left: 18px;*/
        position: relative;
        padding-right: 10px;
    }

.row-order-container .div-header-cell .color,
.row-order-container .div-cell .color {
    position: relative;
    width: 8px;
    height: 13px;
    float: left;
    left: 4px;
    top: 5px;
    border: 1px solid #777;
}

.row-order-container .div-header-cell.grand-total .color {
    width: 132px;
    font-weight: 600;
}

.row-order-container .colored .color {
    border: none;
}

.main-container .row-order-container .div-header-cell:not(.colored) .color,
.main-container .row-order-container .div-cell:not(.colored) .color {
    border: none;
    background-color: rgb(244, 244, 244) !important;
}

.chart-container.show ~ .main-container .row-order-container .div-header-cell:not(.colored) .color,
.chart-container.show ~ .main-container .row-order-container .div-cell:not(.colored) .color {
    border: none;
    background-color: rgb(255, 255, 255) !important;
}

.row-order-container.hide-color .div-header-cell .color,
.row-order-container.hide-color .div-cell .color {
    border: none;
    background-color: rgb(244, 244, 244) !important;
}

a.link {
    color: blue;
    text-decoration: none;
}

.menu-swap .swap:hover {
    cursor: pointer;
}

.date-control button.active.focus,
.date-control button.active:focus,
.date-control button.focus,
.date-control button:active.focus,
.date-control button:active:focus,
.date-control button:active,
.date-control button:focus,
.date-control button:hover,
.date-control button:target {
    outline: none !important;
    box-shadow: none !important;
}

.nicescroll-rails {
    z-index: 3 !important;
}

.nicescroll-cursors:hover {
    cursor: pointer;
}

.analitycs-container {
    padding-top: 9px;
    font: 13px/18px 'OpenSansWebFont';
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

    .analitycs-container > * {
        flex: 1 100%;
    }

    .analitycs-container .analitycs-menu {
        width: 1280px;
        max-width: 1280px;
        min-width: 1280px;
    }

.analitycs-menu {
    position: relative;
}

    .analitycs-menu .row {
        align-content: baseline;
    }

    .analitycs-menu .col-filter:hover {
        cursor: pointer;
    }

    .analitycs-menu .col-filter.non-editable-filters {
        cursor: default;
    }

    .analitycs-menu .row,
    .analitycs-menu .analitycs-menu-col {
        height: 100%;
    }

    .analitycs-menu .analitycs-menu-col {
        z-index: 1;
    }

    .analitycs-menu .analitycs-menu-col,
    .analitycs-menu .analitycs-select,
    .analitycs-menu .structure-select {
        height: 214px;
    }

    .analitycs-menu .scrolable-zone {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: baseline;
        overflow: hidden;
        padding: 0 0;
        position: relative;
    }

        .analitycs-menu .scrolable-zone:not(.off-r-scroll) {
            width: 100% !important;
        }

        .analitycs-menu .scrolable-zone.off-r-scroll {
            width: 100%;
        }

    .analitycs-menu .second-container .scrolable-zone {
        height: 168px;
    }

    .analitycs-menu .filters-menu .scrolable-zone {
        height: 182px;
    }

    .analitycs-menu .analitycs-menu-col .scrolable-zone:not(.aggregates-list-container) {
        height: 184px;
    }

    .analitycs-menu .analitycs-menu-col .scrolable-zone.aggregates-list-container,
    .scrollbar-v.analytics-menu-scrollbar-v.formula-aggregates {
        height: 161px;
    }

    .analitycs-menu .scrolable-zone-vertical > div {
        display: flex;
        flex-direction: row;
    }

    .analitycs-menu .scrolable-zone-vertical,
    .analitycs-menu .scrolable-zone-vertical > div {
        flex-wrap: nowrap;
    }

    .analitycs-menu .analitycs-menu-col {
        position: relative;
        padding: 7px 0 5px;
    }

#filters-container {
    height: 165px;
}

    #filters-container .item-collection.pre-loaded {
        display: none;
    }

    /*#filters-container .item-collection .filter-li,*/
    #filters-container .item-collection .filter-li label {
        margin-bottom: 0px;
        overflow-wrap: anywhere;
        word-break: break-all;
    }

.analitycs-container .item-collection {
    text-align: left;
}

    .analitycs-container .item-collection li {
        border: none;
        background: none;
        padding: 1px 0 2px 0;
    }

        .analitycs-container .item-collection li.filters {
            font: 13px/21px 'OpenSansWebFont';
            padding-left: 20px;
        }

        .analitycs-container .item-collection li.Grouped {
            background-color: rgb(244, 244, 244);
        }

        .analitycs-container .item-collection li.isDisabled,
        .analitycs-container .item-collection li.isDisabled:hover .arrow-next + img,
        .analitycs-container .item-collection li.isDisabled .arrow-next:hover {
            cursor: default;
        }

        .analitycs-container .item-collection li.grouped.isDisabled {
            pointer-events: none;
        }

.analitycs-menu-col .item-collection .type {
    text-align: center;
}

.analitycs-menu-col .redo-c .type:hover {
    cursor: pointer;
}

.analitycs-menu-col .item-collection .index,
.analitycs-menu-col .item-collection .type {
    width: 18px;
    min-height: 15px;
    display: block;
}

.analitycs-menu-col .item-collection .item-title {
    max-width: 350px;
}

    .analitycs-menu-col .item-collection .item-title.displayTotalColumn {
        font-weight: 600;
    }

#selected-aggregates .item-title,
#selected-aggregates-s .item-title {
    max-width: 330px;
}

.analitycs-menu-col .item-collection .index,
.analitycs-menu-col .item-collection .type,
.analitycs-menu-col .item-collection .item-title {
    float: left;
}

.analitycs-menu-col .item-collection .empty_fill {
    min-height: 18px;
}

.analitycs-menu .filters {
    text-align: left;
}

.analitycs-menu .title {
    text-align: center;
    text-transform: uppercase;
    font: 13px 'OpenSansWebFont';
    color: rgb(255, 100, 0);
    color: var(--first-color);
}

.analitycs-menu .metrics-title label[for] {
    float: left;
}

.analitycs-menu .title-gray {
    font-weight: 400;
    color: #212529;
}

.analitycs-container .title-menu-col {
    padding: 0;
}

.analitycs-container .title {
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

    .analitycs-container .title .arrow-back {
        max-height: 13px;
        max-width: 13px;
        position: absolute;
        right: 0;
        top: 0;
    }

    /*span.arrow-back - стрелки меню аналитики, исключая стрелки в панелях виджетов img.arrow-back !*/
    .analitycs-container .title span.arrow-back {
        height: 13px;
        width: 13px;
        background-repeat: no-repeat;
    }

        .analitycs-container .title span.arrow-back.arrow-left {
            background-image: url("/content/images/businescope-menu/arrow-left.svg");
        }

        .analitycs-container .title span.arrow-back.arrow-right {
            background-image: url("/content/images/businescope-menu/arrow-right.svg");
        }

            .analitycs-container .title span.arrow-back.arrow-left.disabled,
            .analitycs-container .title span.arrow-back.arrow-right.disabled {
                background-image: url("/content/images/businescope-menu/arrow-right-dots.svg");
            }

        .analitycs-container .title span.arrow-back.arrow-left.disabled {
            transform: scale(-1, 1);
            margin-right: 5px;
        }

    .analitycs-container .title .arrow-back.arrow-left.all {
        left: 3px;
    }

    .analitycs-container .title .arrow-back.arrow-left:not(.all) {
        right: 22px;
    }

.analitycs-container .title-menu-col > .title,
.analitycs-container .analitycs-menu-col > .title,
.dashboard-widget-container > .title {
    margin: 0;
    border-bottom: 1px solid rgb(244, 244, 244);
    height: 19px;
    line-height: 13px;
}

    .analitycs-container .analitycs-menu-col > .title span:not(.arrow-back),
    .dashboard-widget-container > .title span:not(.dashboard-number,.dashboard-simbol,.arrow-back) {
        position: relative;
        top: -1px;
        font-weight: 600;
    }

.bottom-line {
    margin: 0 -16px;
    border-bottom: 1px solid rgb(244, 244, 244);
    height: 19px;
    line-height: 13px;
    padding-left: 1px;
}

.analitycs-menu .chang:not(.chang-plus) {
    position: absolute;
}

.analitycs-container .title:hover,
.analitycs-menu .chang:hover {
    cursor: pointer;
}

.analitycs-container .metrics-title,
.analitycs-container .mar-b-title,
.analitycs-container .title-menu-col > .title {
    cursor: default !important;
}

.analitycs-menu .chang > img {
    width: 20px;
    height: 20px;
}

.analitycs-select .analitycs-select-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 38px;
}

.analitycs-menu .chang-back {
    display: none;
    right: -840px;
}

.analitycs-menu .chang-back {
    top: 3px;
}

.analitycs-menu .second-container.select-second {
    padding-top: 7px;
}

#analitycs-second-third .structure-select ul:not(.menu-list),
.analitycs-menu [id^="first_"] ul:not(.menu-list):not(#filters-container) {
    text-align: left;
    padding-left: 0;
}

    #analitycs-second-third .structure-select ul:not(.menu-list) li {
        padding-left: 17px;
    }

    #analitycs-second-third .structure-select ul:not(.menu-list) label[for],
    li.report-item.list-group-item label {
        position: absolute;
        /*top: 2.5px;
        bottom: 2.5px;*/
        top: 4px;
        left: 0px;
    }

.analitycs-menu .filters-group {
    padding-left: 0;
}

.analitycs-menu .second-container > .row ul:not(.menu-list):not(#selected-aggregates):not([id^="current-filters"]):not(.sorting-panels-list) {
    text-align: left;
    width: 284px;
    max-width: 284px;
    min-width: 284px;
}

.analitycs-menu .second-container > .row ul.widget-offline-filters {
    width: 425px !important;
    max-width: 425px !important;
    min-width: 425px !important;
}

/*.analitycs-menu .second-container > .row ul:not(.menu-list):not(#selected-aggregates):not([id^="current-filters"]):nth-child(2n) {
        width: 285px;
        max-width: 285px;
        min-width: 285px;
    }*/

.analitycs-menu .second-container ul:not(.menu-list)#filters-container {
    width: 100%;
}

.analitycs-menu-row.active {
    display: flex;
}

.analitycs-container .dragable-elements li:not(.ban-moving) .index:not(.widgetLi):hover,
.analitycs-container .dragable-elements .dot:hover {
    cursor: move;
}

.analitycs-container .dragable-elements li.ban-moving .index,
.analitycs-container .dragable-elements .index.widgetLi {
    cursor: default;
}

.analitycs-container .split-line {
    position: absolute;
    top: 24px;
    width: 100%;
    height: 1px;
    background-color: rgb(255, 100, 0);
    background-color: var(--first-color);
    z-index: 1;
    margin-left: 0;
}

.analitycs-container .filter-li:not(.widget-filter-li) {
    padding: 0 0 0px 17px !important;
}

.analitycs-container .filter-li.pre-loaded-li {
    display: none;
}

.analitycs-container .filter-li label[for] {
    position: absolute;
    top: 3px;
    left: 0;
}

.analitycs-container .widget-filter-li {
    padding: 1px 0 0px 37px !important;
}

    .analitycs-container .widget-filter-li label[for] {
        top: 4px;
    }

.analitycs-container [id^="first_"] ul:not(.menu-list) > li {
    padding: 1px 0 1px 17px !important;
}

    .analitycs-container [id^="first_"] ul:not(.menu-list) > li label[for] {
        position: absolute;
        top: 4px;
        left: 0;
    }

.analitycs-menu .pivot {
    padding-left: 20px !important;
    border-bottom: 1px solid #eee;
    min-height: 20px;
    max-height: 20px;
}

    .analitycs-menu .pivot .empty {
        height: 20px;
    }

.analitycs-menu ul:not(.menu-list):not(.pivot):not(#current-filters-first):not(#current-filters-second):not(.analysis-menu-filters):not(.sorting-panels-list) {
    min-height: calc(100% - 21px);
    padding-left: 20px !important;
}

.analitycs-container li.filters span {
    float: left;
}

.analitycs-container .arrow-next.delete-hover {
    color: red;
}

.analitycs-container .arrow-next + img {
    display: none;
}

    .analitycs-container .arrow-next + img.delete {
        position: absolute;
        right: 12px;
        top: 8px;
    }

.analitycs-container .arrow-next + img {
    width: 8px;
    height: 8px;
}

.analitycs-container .redo:hover .arrow-next + img {
    display: inline-block;
}

.analitycs-container .redo .arrow-next ~ span {
    display: block;
    float: left;
}

.analitycs-container .redo:hover .arrow-next + img,
.analitycs-container .arrow-next.filter-arrow,
.analitycs-container .redo .arrow-next:hover {
    cursor: pointer;
}

    .analitycs-container .arrow-next.filter-arrow.non-editable-filters {
        cursor: default;
    }

.analitycs-container .redo,
.analitycs-container .redo-c {
    width: 100%;
}

.analitycs-container .filters-title {
    float: left;
    margin-left: -1px;
}

.dow, .cw {
    cursor: default;
}

.analitycs-container .filter-input {
    width: 100%;
    user-select: none;
    margin-left: 19px;
}

    .analitycs-container .filter-input input {
        width: calc(100% - 18px);
        margin: 0px 0px 0px 1px;
        padding: 0 5px;
        border: none;
        height: 20px;
        border-bottom: 1px solid rgb(222, 222, 222);
    }

        .analitycs-container .filter-input input[type="text"] {
            height: 16px;
            width: calc(100% - 18px);
            padding: 1px 118px 1px 0 !important;
        }

    .analitycs-container .filter-input label[for] {
        position: relative;
        top: 1px;
        left: 1px;
    }

    .analitycs-container .filter-input .inversion-block {
        height: 0;
        width: 115px;
        position: relative;
        right: 2px;
        top: -17px;
        float: right;
    }

        .analitycs-container .filter-input .inversion-block .btn-add,
        .analitycs-container .filter-input .inversion-block .arrow {
            max-height: 13px;
            max-width: 13px;
            width: 13px;
        }

        .analitycs-container .filter-input .inversion-block .text {
            position: relative;
            bottom: 3px;
            width: calc(100% - 26px);
        }

            .analitycs-container .filter-input .inversion-block .text.exclude {
                /*color: rgb(209,209,209);*/
                text-decoration: line-through;
            }

        .analitycs-container .filter-input .inversion-block .text,
        .analitycs-container .filter-input .inversion-block .arrow:hover {
            cursor: pointer;
            text-align: center;
        }

.analitycs-container .epty-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: inherit;
}

    .analitycs-container .epty-filters ul:not(.menu-list),
    .analitycs-container .epty-filters ul:not(.menu-list) li {
        padding: 0 !important;
        margin: 0;
        position: relative;
        top: -8px;
    }

.epty-filters li.text-center {
    cursor: default;
}

.analitycs-container .menu-list {
    padding-left: 12px;
    position: relative;
    flex-direction: row;
    top: -4px;
}

    .analitycs-container .menu-list li {
        line-height: 20px !important;
        height: 20px;
        padding: 1px 8px 1px;
        border: none;
        background: none;
        position: relative;
        top: -2px;
    }

    .analitycs-container .menu-list li {
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
    }

    .analitycs-container .menu-list li.item-back:after {
        position: absolute;
        top: 5px;
        right: -8px;
        background-image: url(/content/images/businescope-menu/split-line.svg);
        background-size: 2px 13px;
        background-repeat: no-repeat;
        width: 9px;
        height: 13px;
        content: "";
    }

    .analitycs-container .menu-list li:not(.active):hover {
        cursor: pointer;
    }

    .analitycs-container .menu-list li {
        text-align: center;
        text-transform: uppercase;
        font: 13px 'OpenSansWebFont';
        /*font-weight: bold;*/
        color: black;
    }

        .analitycs-container .menu-list li.active {
            color: rgb(255, 100, 0);
            color: var(--first-color);
            font-weight: 600;
        }

    .analitycs-container .menu-list.submenu-list {
        top: 0px;
    }

        .analitycs-container .menu-list.submenu-list li {
            text-transform: none;
            width: 271px;
            float: left;
        }

#analitycs-second-fourth .columns-sorting-container .menu-list.submenu-list li span.item-title {
    position: absolute;
    left: 22px;
}

#analitycs-second-fourth .function-settings-container .menu-list.submenu-list li span.item-title {
    position: absolute;
    left: 21px;
}

#analitycs-second-fourth .function-settings-container .menu-list.submenu-list li:not(.shorter-item) span.item-title {
    position: absolute;
    left: 28px;
}

#analitycs-second-fourth div.list-container {
    width: 271px;
}

    #analitycs-second-fourth div.list-container.shorter-container {
        width: 180px;
    }

#analitycs-second-fourth .metrics-title.sub-title {
    height: 21px;
}

.analitycs-container .columns-sorting-container .menu-list:not(.submenu-list) li {
    padding-left: 22px;
}

#analitycs-second-fourth .columns-sorting-container .sequence-list,
#analitycs-second-fourth .function-settings-container .functions-list {
    padding-left: 5px;
}

#analitycs-second-fourth .columns-sorting-container .chronological-list {
    padding-left: 0px;
}

    #analitycs-second-fourth .columns-sorting-container .chronological-list li label {
        top: 4px;
        position: absolute;
    }

    #analitycs-second-fourth .columns-sorting-container .chronological-list li span,
    #analitycs-second-fourth .function-settings-container .shorter-container li span {
        padding-left: 18px;
    }

#analitycs-second-fourth .function-settings-container .applying-list,
#analitycs-second-fourth .function-settings-container .structures-list,
#analitycs-second-fourth .function-settings-container .submenu-list .shorter-item {
    width: 180px;
}

#analitycs-second-fourth img.functionImg,
#analitycs-second-fourth span.functionSymbol {
    width: 16px;
    position: absolute;
    text-align: center;
}

#analitycs-second-fourth .function-settings-container .functions-list li.disabled,
#analitycs-second-fourth .function-settings-container .applying-list li.disabled,
#analitycs-second-fourth .function-settings-container .structures-list li.disabled {
    cursor: not-allowed !important;
    color: rgb(209, 209, 209);
}

#analitycs-second-fourth .functions-list li span.functionSymbol {
    cursor: pointer;
}

#analitycs-second-fourth li.checked span.functionSymbol {
    color: rgb(255, 100, 0);
}

.analitycs-container .function-settings-container .function-row {
    cursor: default !important;
}

    .analitycs-container .function-settings-container .function-row .delete-function {
        cursor: pointer;
        width: 10px;
        position: absolute;
        top: -2px;
        color: red;
        padding-left: 3px;
        display: inline-block;
        font-size: 10px;
    }

        .analitycs-container .function-settings-container .function-row .delete-function.disabled {
            color: rgb(144, 144, 144);
            cursor: default;
        }

#analitycs-second-fourth .function-row img.functionImg {
    top: 2px;
}

#analitycs-second-fourth .function-settings-container .functions-list li span.item-title {
    padding-left: 20px;
}

#analitycs-second-fourth .function-settings-container .functions-list li.disabled span.item-title {
    cursor: not-allowed !important;
}

#analitycs-second-fourth .function-settings-container .function-row {
    text-transform: none;
}

    #analitycs-second-fourth .function-settings-container .function-row span.item-title {
        padding-left: 20px;
    }

    #analitycs-second-fourth .function-settings-container .function-row span.choose-function {
        font-style: italic;
    }

#analitycs-second-fourth .function-settings-container li label {
    top: 4px;
    position: absolute;
    /*left: -3px;*/
}

.analitycs-container .checkbox-all-row {
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid rgb(244, 244, 244);
}

    .analitycs-container .checkbox-all-row .check-all-right-label {
        left: auto !important;
        top: 4px !important;
        right: 20px;
        float: right;
    }

.analitycs-container .aggregates-list-container .check-right-label {
    position: absolute;
    right: 19px;
    float: right;
    top: 4px;
}

.analitycs-container .aggregates-list-container .check-left-label {
    position: absolute;
    top: 4px;
}

.aggregates-list-container .item-title,
.aggregates-list-container .specialSimbol {
    float: none;
    margin-left: 23px;
}

.analitycs-container .checkbox-row {
    text-align: left;
    width: 100%;
    margin-bottom: 3px;
}

    .analitycs-container .checkbox-row label[for] {
        position: relative;
        top: 3px;
        left: 20px;
    }

#current-filters-first,
#current-filters-second {
    width: calc(100% - 10px);
}

    #current-filters-second li span {
        float: left;
    }

        #current-filters-first li span.specialSimbol-text,
        #current-filters-second li span.specialSimbol-text {
            float: none;
        }

    #current-filters-first li:hover .arrow-next img,
    #current-filters-second li:hover .arrow-next img {
        display: inline-block;
    }

.excluded-filters {
    color: rgb(144,144,144);
}

/* ТЕНИ И РАДИУС */
.analitycs-container .show.active .second-container:not(.first-container),
.analitycs-container .show.active .metrics {
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 7px 8px -6px rgba(0,0,0,0.37), 4px 0 8px -6px rgba(0,0,0,0.37), 0 -4px 8px -6px rgba(0,0,0,0.37);
    border: 1px solid rgb(209,209,209);
    border-top-left-radius: 0 !important;
    border-left: 0;
}

.analitycs-menu .show.active .analitycs-menu-col,
.dashboard-widget-container {
    border-radius: 8px;
    border: 1px solid rgb(209,209,209);
    background-color: white;
}

.analitycs-menu .analitycs-menu-row > .analitycs-menu-col {
    border-top-right-radius: 0 !important;
    box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), -5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
}

.analitycs-menu .first-container .analitycs-menu-col {
    border-top-left-radius: 0 !important;
    border-right: 0;
}

    .analitycs-menu .first-container .analitycs-menu-col:first-child {
        border-top-right-radius: 0 !important;
        box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
        border-left: 0;
        border-right: 0;
    }

    .analitycs-menu .first-container .analitycs-menu-col:last-child,
    .dashboard-widget-container {
        box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), 5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
    }

.analitycs-menu .can-delete,
.analitycs-menu .hideColumn {
    color: rgb(209,209,209);
}

.analitycs-menu .showTotalColumn {
    font-weight: 600;
}

.analitycs-menu .include-state {
    color: black;
}

.analitycs-menu .exclude-state {
    color: rgb(144,144,144);
}

    .analitycs-menu .include-state.can-delete,
    .analitycs-menu .exclude-state.can-delete {
        color: rgb(209,209,209);
    }

#analitycs-second-third .list-group-item .item-title:hover,
#analitycs-second-third .list-group-item .type:hover,
.metrics .list-group-item .item-title:hover,
.metrics .list-group-item .type:hover {
    cursor: pointer;
}

.dashboards-analytics-text {
    cursor: default !important;
}

#analitycs-container .analitycs-menu #analitycs-second-fourth .check-all-right-label.default,
#analitycs-container .analitycs-menu #analitycs-second-fourth .check-all-left-label.default {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABLSURBVChTY/y/gOE/wyMGBjAmBOQgmPF/E1ATiBP/HyyOFyxkhBj+P4XhP0kAqJ4JYgRpYFQTFNBTEyg1gGKaGABSB05GJKc9BgYArxhA6ifuy7sAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-image: url(../Content/Images/CheckboxUncheckedOr.png);
}

#analitycs-container .default,
#filter-input .default,
#filters-container .default {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    /*background-image: url("/content/images/CheckboxUnchecked.png");*/
}

#analitycs-container .includ,
#filter-input .includ,
#filters-container .includ {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    /*background-image: url("/content/images/CheckboxChecked.png");*/
}

#analitycs-container .exclud,
#filter-input .exclud,
#filters-container .exclud {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQMAAABIJXY/AAAABlBMVEX/agBHcEy3oZLnAAAAAnRSTlP/AOW3MEoAAAAQSURBVHgBY4AD+QNYEAwAAHTbBhqdZmn0AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    /*background-image: url("/content/images/CheckboxExcluded.png");*/
}

#analitycs-second-third input.metricsTextBoxFilter {
    border: none;
    margin: 0 0 0 22px;
    width: calc(100% - 38.4px);
    padding: 1px 119px 1px 0 !important;
    border-bottom: 1px solid rgb(222, 222, 222);
}

#analitycs-select-offline-filters {
    padding: 0px;
}

    #analitycs-select-offline-filters .r-scroll {
        height: 214px;
        position: absolute;
        flex-flow: column wrap;
        align-content: flex-start;
    }

        #analitycs-select-offline-filters .r-scroll:not(.off-r-scroll) {
            width: 100% !important;
        }

        #analitycs-select-offline-filters .r-scroll.off-r-scroll {
            width: 100%;
        }

    #analitycs-select-offline-filters .title,
    #offline-filters-widget-container .title {
        border-bottom: 1px solid rgb(244, 244, 244);
        height: 19px;
        line-height: 13px;
        text-align: center;
        text-transform: uppercase;
        font: 13px 'OpenSansWebFont';
        font-weight: 600;
        color: rgb(255, 100, 0);
        color: var(--first-color);
        padding-bottom: 22px;
        padding-top: 3px;
    }

    #analitycs-select-offline-filters input[type="text"],
    #offline-filters-widget-container input[type="text"] {
        height: 18px;
        border: none;
        width: calc(100% - 25px);
    }

    #analitycs-select-offline-filters .filterTextDashboard,
    #offline-filters-widget-container .filterTextDashboard {
        width: 100%;
        height: 20px;
        border: none;
        user-select: none;
    }

        #analitycs-select-offline-filters .filterTextDashboard input,
        #offline-filters-widget-container .filterTextDashboard input {
            margin: 0 0 0 10px;
            padding: 1px 118px 1px 0 !important;
            width: calc(100% - 26.4px);
            border-bottom: 1px solid rgb(222, 222, 222);
        }

        #analitycs-select-offline-filters .filterTextDashboard label[for],
        #offline-filters-widget-container .filterTextDashboard label[for] {
            position: relative;
            top: 1px;
            left: 10px;
        }

        #offline-filters-widget-container .filterTextDashboard label[for] {
            top: 3px;
        }

        #analitycs-select-offline-filters .filterTextDashboard .inversion-block,
        #offline-filters-widget-container .filterTextDashboard .inversion-block,
        #analitycs-second-third .checkbox-row .inversion-block {
            height: 0;
            width: 115px;
            position: relative;
            right: 2px;
            top: -17px;
            float: right;
            display: flex;
        }

            #analitycs-select-offline-filters .filterTextDashboard .inversion-block .btn-add,
            #analitycs-select-offline-filters .filterTextDashboard .inversion-block .arrow,
            #offline-filters-widget-container .filterTextDashboard .inversion-block .btn-add,
            #offline-filters-widget-container .filterTextDashboard .inversion-block .arrow,
            #analitycs-second-third .checkbox-row .inversion-block .btn-add,
            #analitycs-second-third .checkbox-row .inversion-block .arrow {
                max-height: 13px;
                max-width: 13px;
                width: 13px;
            }

            #analitycs-select-offline-filters .filterTextDashboard .inversion-block .text,
            #offline-filters-widget-container .filterTextDashboard .inversion-block .text,
            #analitycs-second-third .checkbox-row .inversion-block .text {
                position: relative;
                bottom: 3px;
                width: calc(100% - 26px);
                text-align: center;
                color: rgb(33, 37, 41);
                cursor: pointer;
            }

                #analitycs-select-offline-filters .filterTextDashboard .inversion-block .text.exclude,
                #offline-filters-widget-container .filterTextDashboard .inversion-block .text.exclude,
                #analitycs-second-third .checkbox-row .inversion-block .text.exclude,
                #filter_show .analitycs-container .filter-input .inversion-block .text.exclude {
                    /*color: rgb(209,209,209)*/
                    text-decoration: line-through;
                }

            #analitycs-select-offline-filters .filterTextDashboard .inversion-block .arrow:hover,
            #offline-filters-widget-container .filterTextDashboard .inversion-block .arrow:hover,
            #analitycs-second-third .checkbox-row .inversion-block .arrow:hover {
                cursor: pointer;
            }

    #analitycs-select-offline-filters ul li.filter-li {
        padding: 0 0 0 27px !important;
        border-width: 0px;
        margin-bottom: 0px;
        width: 100%;
    }

        #analitycs-select-offline-filters ul li.filter-li label[for] {
            position: absolute;
            top: 3px;
            left: 10px;
            margin-bottom: 1px;
        }

    #analitycs-select-offline-filters .titleFilterPanelReportAnalysis {
        text-align: left;
        width: 284px;
        height: 97%;
        display: inline-flex;
        border-right: 1px solid rgb(209,209,209);
    }

        #analitycs-select-offline-filters .titleFilterPanelReportAnalysis .title:hover {
            cursor: default;
        }

    #analitycs-select-offline-filters .default {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        /*background-image: url("/content/images/CheckboxUnchecked.png");*/
    }

    #analitycs-select-offline-filters .includ {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        /*background-image: url("/content/images/CheckboxChecked.png");*/
    }

    #analitycs-select-offline-filters .exclud {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQMAAABIJXY/AAAABlBMVEX/agBHcEy3oZLnAAAAAnRSTlP/AOW3MEoAAAAQSURBVHgBY4AD+QNYEAwAAHTbBhqdZmn0AAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        /*background-image: url("/content/images/CheckboxExcluded.png");*/
    }

.inversion-block > .btn-add {
    margin-left: unset;
}

#selected-aggregates .dashboards-preferences-label,
#selected-aggregates-s .dashboards-preferences-label {
    display: none;
    position: absolute;
    right: 19px;
    float: right;
    top: 4px;
}

#dashboard-settings-container .dashboard-settings {
    color: rgb(209,209,209);
}

    #dashboard-settings-container .dashboard-settings .title {
        text-align: left;
        text-transform: none;
        font: 12px 'OpenSansWebFont';
        font-weight: normal;
        color: rgb(209,209,209);
    }

        #dashboard-settings-container .dashboard-settings .title .widget-periods, .by-periods {
            margin-left: 20px;
        }

        #dashboard-settings-container .dashboard-settings .title div.by-periods.disabled {
            color: rgb(209,209,209);
        }

        #dashboard-settings-container .dashboard-settings .title div span {
            margin-left: 10px;
            font-size: 13px;
            top: -3px;
            font-weight: 400;
        }

.analitycs-container .title .function-arrow-pictures {
    list-style: none;
    display: inline-block;
    width: 186px;
    float: right;
    margin-right: 220px;
    padding: unset;
}

.analitycs-container .title .function-arrow-pictures .arrow-addFunction,
.analitycs-container .title .function-arrow-pictures .arrow-disabled-addFunction {
    top: 5px;
}

    .analitycs-container .title .function-arrow-pictures .arrow-addFunction.page-left,
    .analitycs-container .title .function-arrow-pictures .arrow-disabled-addFunction.page-left {
        left: 5px;
    }

.function-arrow-pictures .arrow-left.arrow-disabled,
#dashboard-settings-container .preview-container .arrow-left.arrow-disabled {
    transform: scale(-1, 1);
}

#dashboard-settings-container .preview-container .page-left {
    left: 5px;
}

#dashboard-settings-container .preview-container .page-right {
    /*right: 375px;*/
}

#dashboard-settings-container .preview-container .changeMaxWidget-left {
    left: 365px;
}

#dashboard-settings-container .preview-container .changeMaxWidget-right {
    right: 10px;
}

#dashboard-settings-container .preview-container .plus {
    position: absolute;
    left: 20px;
    font-size: 25px;
    color: rgb(64, 64, 64);
}

#dashboard-settings-container .preview-container .library-icon {
    width: 20px;
    position: absolute;
    top: -5px;
    right: 25px;
    display: none;
}

#dashboard-settings-container .preview-container .preview {
    display: flex;
    justify-content: center;
}

#dashboard-settings-container .preview-container .empty-preview {
    cursor: default;
    position: absolute;
    top: 75px;
}

.function-settings-container .title .function-indexes {
    left: -68px;
}

.function-settings-container .title .function-indexes,
#dashboard-settings-container .preview-container .title .widgets-indexes {
    left: -65px;
    position: absolute;
    width: 300px;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    color: rgb(144, 144, 144);
    white-space: nowrap;
    overflow: hidden;
    max-width: 156px;
    margin-left: 83.35px;
}

#dashboard-settings-container .preview-container .title .widgets-max-data {
    right: 27px;
    position: absolute;
    width: 20px;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    color: rgb(64, 64, 64);
    white-space: nowrap;
    max-width: 40px;
    margin-left: 83.35px;
}

#dashboard-settings-container .preview-container .title .widget-max-data {
    font-size: 14px;
    width: 24px;
    text-align: center;
    margin-right: 2px;
    display: block;
}

    #dashboard-settings-container .preview-container .title .widget-max-data.disabled {
        color: rgb(144, 144, 144);
    }

.widget-container {
    position: absolute;
    width: 426px;
    cursor: default;
}

.widget-letters {
    width: 100px;
    height: 100%;
    position: absolute;
    left: 240px;
}

.widget-letter {
    cursor: pointer;
    font-size: 14px;
    margin-right: 2px;
    color: rgb(0, 0, 0);
}

.function-arrow-pictures,
.widget-arrow-pictures {
    width: 186px;
    height: 100%;
    position: absolute;
    margin-left: 21px;
}

.function-indexes-container,
.widgets-indexes-container {
    font-size: 0;
    white-space: nowrap;
    width: fit-content;
    margin-left: 0;
}

#choose-function {
    display: inline-block;
    float: left;
    flex-direction: unset;
    height: 20px;
}

.function-settings-container .title .function-index,
#dashboard-settings-container .preview-container .title .widget-index {
    font-size: 14px;
    display: inline-block;
    width: 24px;
    text-align: center;
    margin-right: 2px;
    font-weight: 600;
}

    .function-settings-container .title .function-index.selected,
    #dashboard-settings-container .preview-container .title .widget-index.selected, .widget-letter.selected {
        color: rgb(255, 100, 0) !important;
        color: var(--first-color) !important;
    }

#dashboard-settings-container .dashboards-analytics-list .list-group-item.hasAppliedFilters {
    color: rgb(255, 100, 0);
    color: var(--first-color);
}

#dashboard-settings-container .title {
    cursor: default;
}

    #dashboard-settings-container .title.offLine {
        cursor: pointer;
    }

.dashboards-analytics-list {
    max-width: 426px !important;
    width: 426px !important;
}

    .dashboards-analytics-list .item-title.arrow-next {
        float: none;
        margin-left: 23px;
    }

    .dashboards-analytics-list label {
        position: absolute;
        top: 4px;
    }

    #dashboard-settings-container .arrow-back.arrow-left.arrow-offline-filters,
    .dashboards-analytics-list .list-group-item input[type="checkbox"]:not([disabled]) + label[for] + .item-title.arrow-next:hover,
    .dashboards-analytics-list .list-group-item input[type="checkbox"]:not([disabled]) + label[for] + .item-title.arrow-next {
        cursor: pointer !important;
    }

/*Widget*/
.widget-widget {
    display: inline-flex;
    background-color: white;
    width: fit-content;
    padding-left: 0;
    padding-right: 0;
    color: rgb(64, 64,64);
    margin-left: auto;
    margin-right: auto;
    height: 157px;
    max-height: 174px;
    max-width: 412px;
    overflow: hidden;
    position: relative;
}

.one-preference {
    height: 157px;
    border-radius: 8px;
    border: 1px solid rgb(237, 237, 237);
}

    .one-preference.row {
        margin: auto;
    }

hr.hrSimpleWidget {
    height: 10px;
    border-radius: 10px;
    background-color: rgb(255, 100, 0);
    background-color: var(--first-color);
    border: unset;
    margin: auto;
}

.widget-widget-first-block {
    font: 16px 'OpenSansWebFont';
    font-weight: 500;
    display: table-cell;
    height: 80px;
    vertical-align: middle;
}

    .widget-widget-first-block.w-block-inline {
        padding-left: 10px;
        padding-right: 10px;
    }

.widget-widget-second-block.w-block-inline {
    white-space: nowrap;
}

.widget-widget-second-block {
    font: 40px 'OpenSansWebFont';
    font-weight: 500;
    position: absolute;
    bottom: 15px;
}

.widgetTotalReduction {
    font: 20px 'OpenSansWebFont';
    padding-left: 2px;
}

.widget {
    top: 14px;
}

    .widget .one-preference:nth-child(2),
    .widget .one-preference:nth-child(3) {
        border-left: unset;
    }

    .widget.moreOne {
        top: 14px;
        padding-top: unset;
        min-width: 408px;
        max-width: 408px;
    }

        .widget.moreOne:not(.moreTwo) .widgetTotalValue,
        .widget.moreOne:not(.moreTwo) .widgetReductionValueEng {
            font: 40px 'OpenSansWebFont';
        }

        .widget.moreOne:not(.moreTwo) .widgetTotalReduction {
            font: 20px 'OpenSansWebFont';
        }

        .widget.moreOne.moreTwo .widgetTotalValue,
        .widget.moreOne.moreTwo .widgetReductionValueEng {
            font: 30px 'OpenSansWebFont';
        }

        .widget.moreOne.moreTwo .widgetTotalReduction,
        .widget.moreOne.moreTwo .widget-widget-first-block {
            font: 15px 'OpenSansWebFont';
        }

    .widget:not(.moreOne) .widgetTotalValue,
    .widget:not(.moreOne) .widgetReductionValueEng {
        font: 50px 'OpenSansWebFont';
    }

    .widget:not(.moreOne) .widget-widget-second-block {
        padding-top: 0px;
    }

    .widget:not(.moreOne) .widgetTotalReduction {
        font: 25px 'OpenSansWebFont';
    }

.arrow-addFunction, #addNewWidget, .widget-index, .arrow-addWidget, .arrow-changeMaxWidget {
    cursor: pointer;
}

.canvas-widget-container {
    display: none;
    width: 426px;
    top: 3px;
    height: 186px;
    padding: 20px;
}

.canvasScale_left, .canvasScale_bottom, .canvasScale_right {
    cursor: default;
    position: absolute;
    color: rgb(64, 64, 64);
}

.canvasScale_left, .canvasScale_right {
    width: 20px;
    height: 186px;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    top: 0;
}

.canvasScale_left {
    left: 0;
}

.canvasScale_right {
    right: 0;
}

.canvasScale_bottom {
    height: 20px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.no-periods, .by-periods {
    display: inline-flex;
}

    .no-periods.disabled > label {
        cursor: not-allowed !important;
    }

.analytics-panel-lock.lockOn,
.widget-lock-aggregates.lockOn-widget,
#online-filter-lock.lockOn,
.titleFilterPanelReportAnalysis .analytics-panel-lock.lockOn,
#offline-filters-widget-container .analytics-panel-lock.lockOn,
/*.sequence-list-panel-lock.lockOn*/ {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 1100;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
    opacity: 0.65;
}

.titleFilterPanelReportAnalysis .analytics-panel-lock.lockOn {
    width: 284px;
}

.online-filter-load-container,
.offline-filter-load-container,
.widget-filter-load-container {
    z-index: 1101;
}

#formula-lock.analytics-panel-lock.lockOn {
    height: 190px;
    top: 25px;
}

#segment-view.stopReloadEvent {
    cursor: pointer;
}

#analitycs-second-fourth .arrow-back.arrow-right.toWidget.disabled {
    display: none !important;
}

.widget-aggregates-child > li, .selected-aggregates-ranges > li, #selected-aggregates > li {
    display: flex;
}

.widget-aggregates-child li {
    padding-left: 0px !important;
}

.choose-function .comma {
    margin-left: -2px;
}

.disabled, .arrow-disabled {
    cursor: default !important;
}

.disabled-sign-in {
    cursor: default !important;
    opacity: 0.7;
}

.list-group-item {
    cursor: default;
}

.list-group-item.disabled label,
.list-group-item:disabled label {
    pointer-events: auto;
}

.checkbox-row label {
    margin-bottom: 0px;
}

.report-aggregate-group {
    font-weight: 600;
}

.export-set-container {
    padding-top: 9px;
    font: 13px/21px 'OpenSansWebFont';
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

    .export-set-container > * {
        flex: 1 100%;
    }

    .export-set-container .export-set-menu {
        width: 1280px;
        max-width: 1280px;
        min-width: 1280px;
    }

.export-set-menu {
    position: relative;
    padding-left: 0px;
}

    .export-set-menu .row {
        align-content: baseline;
    }

    .export-set-menu .row,
    .export-set-menu .export-set-menu-col {
        height: 100%;
    }

    .export-set-menu .export-set-menu-col {
        z-index: 1;
    }

    .export-set-menu .export-set-menu-col {
        height: 214px;
    }

    .export-set-menu .scrolable-zone {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: baseline;
        overflow: hidden;
        padding: 0 0;
        position: relative;
        width: 100% !important;
    }

    .export-set-menu .export-set-menu-col .scrolable-zone {
        height: 162px;
    }

    .export-set-menu .scrolable-zone-vertical > div {
        display: flex;
        flex-direction: row;
    }

    .export-set-menu .scrolable-zone-vertical,
    .export-set-menu .scrolable-zone-vertical > div {
        flex-wrap: nowrap;
    }

    .export-set-menu .export-set-menu-col {
        position: relative;
        padding: 7px 0 5px;
    }

.scrollbar-v.export-sets-scrollbar-v {
    height: 162px;
    top: 0px;
}

#export-sets,
#report-groups-container,
.export-set-container .export-set-menu,
#email-container {
    padding-left: 0px;
    padding-right: 0px;
}

    #report-groups-container .chosen-reports {
        display: none;
    }

        #report-groups-container .chosen-reports.active {
            display: block;
        }

.export-set-container .item-collection {
    text-align: left;
}

    .export-set-container .item-collection li {
        border: none;
        background: none;
        padding: 0px 0 0px 0;
    }

.export-set-menu-col .item-collection .type {
    text-align: center;
}

.export-set-menu-col .redo-c .type:hover {
    cursor: pointer;
}

.export-set-menu-col .item-collection .index,
.export-set-menu-col .item-collection .type {
    width: 18px;
    min-height: 15px;
    display: block;
}

.export-set-menu-col .item-collection .item-title {
    max-width: 350px;
}

.export-set-menu-col .item-collection .empty_fill {
    min-height: 18px;
}

.export-set-menu .title {
    padding-left: 20px;
    text-transform: uppercase;
    font: 13px 'OpenSansWebFont';
}

.export-set-menu .chosen-reports.export-set-menu-col .title,
.export-set-container .export-set-menu-col.schedules-list-menu-col > .title {
    padding-left: 0px;
    text-align: center;
    color: rgb(255, 100, 0);
    color: var(--first-color);
}

.export-set-menu .title-menu-col .title {
    padding-left: 12px;
}

.export-set-container .title-menu-col {
    padding: 0;
}

.export-set-container .title {
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

    .export-set-container .title .arrow-back {
        max-height: 13px;
        max-width: 13px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .export-set-container .title span.arrow-back {
        height: 13px;
        width: 13px;
        background-repeat: no-repeat;
    }

        .export-set-container .title span.arrow-back.arrow-left {
            background-image: url("/content/images/businescope-menu/arrow-left.svg");
        }

        .export-set-container .title span.arrow-back.arrow-right {
            background-image: url("/content/images/businescope-menu/arrow-right.svg");
        }

            .export-set-container .title span.arrow-back.arrow-left.disabled,
            .export-set-container .title span.arrow-back.arrow-right.disabled {
                background-image: url("/content/images/businescope-menu/arrow-right-dots.svg");
            }

        .export-set-container .title span.arrow-back.arrow-left.disabled {
            transform: scale(-1, 1);
            margin-right: 5px;
        }

    .export-set-container .title .arrow-back.arrow-left.all {
        left: 3px;
    }

    .export-set-container .title .arrow-back.arrow-left:not(.all) {
        right: 22px;
    }

.export-set-container .title-menu-col > .title,
.export-set-container .export-set-menu-col > .title {
    margin: 0;
    border-bottom: 1px solid rgb(244, 244, 244);
    height: 19px;
    line-height: 13px;
}

.export-set-container .export-set-menu-col.schedules-list-menu-col > .title {
    border: none;
    text-transform: uppercase;
}

.export-set-container .export-set-menu-col > .title span:not(.arrow-back) {
    position: relative;
    top: -1px;
    font-weight: 400;
}

.export-set-menu .chang:not(.chang-plus) {
    position: absolute;
}

.export-set-container .title:hover,
.export-set-menu .chang:hover {
    cursor: default;
}

.export-set-container .title-menu-col > .title {
    cursor: default !important;
}

.export-set-menu .chang > img {
    width: 20px;
    height: 20px;
}

.export-set-menu .chang-back {
    display: none;
    right: -840px;
}

.export-set-menu .chang-back {
    top: 3px;
}

.export-set-menu .second-container.select-second {
    padding-top: 7px;
}

.export-set-menu [id^="first_"] ul:not(.menu-list) {
    text-align: left;
    padding-left: 0;
}

.export-set-menu .second-container > .row ul:not(.menu-list) {
    text-align: left;
}

.export-set-menu-row.active {
    display: flex;
}

.report-group-arrow.arrow-next.item-title.includ-reports {
    color: var(--first-color);
}

.export-set-container [id^="first_"] ul:not(.menu-list) > li {
    padding: 1px 0 1px 17px !important;
}

    .export-set-container [id^="first_"] ul:not(.menu-list) > li label[for] {
        position: absolute;
        top: 4px;
        left: 0;
    }

.export-set-menu ul:not(.menu-list) {
    min-height: calc(100% - 21px);
    padding-left: 20px !important;
}

.export-set-container .arrow-next.delete-hover {
    color: red !important;
}

.export-set-container .arrow-next + img {
    position: absolute;
    right: 12px;
    width: 12px;
}

    .export-set-container .arrow-next + img.delete {
        display: none;
        width: 8px;
        height: 8px;
        top: 35%;
    }

.export-set-container .redo:hover .arrow-next + img.delete {
    display: inline-block;
}

.export-set-container .redo .arrow-next ~ span:not(.export-set-sent) {
    display: block;
    float: left;
}

.export-set-container .redo:hover .arrow-next + img,
.export-set-container .arrow-next.filter-arrow,
.export-set-container .redo .arrow-next:hover {
    cursor: pointer;
}

.export-set-container .redo,
.export-set-container .redo-c {
    width: 100%;
}

.export-set-container .menu-list {
    position: relative;
    flex-direction: row;
    top: -4px;
}

    .export-set-container .menu-list li {
        line-height: 20px !important;
        height: 20px;
        padding: 1px 8px 1px;
        border: none;
        background: none;
        position: relative;
        top: -2px;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
    }

        .export-set-container .menu-list li:not(:last-child):after {
            position: absolute;
            top: 5px;
            right: -8px;
            background-image: url(/content/images/businescope-menu/split-line.svg);
            background-size: 2px 13px;
            background-repeat: no-repeat;
            width: 9px;
            height: 13px;
            content: "";
        }

        .export-set-container .menu-list li:not(.active):hover {
            cursor: pointer;
        }

    .export-set-container .menu-list li {
        text-align: center;
        text-transform: uppercase;
        font: 13px 'OpenSansWebFont';
        color: black;
    }

        .export-set-container .menu-list li.active {
            color: rgb(255, 100, 0);
            color: var(--first-color);
            font-weight: 400;
        }

/* ТЕНИ И РАДИУС */
.export-set-container .show.active .second-container:not(.first-container) {
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 7px 8px -6px rgba(0,0,0,0.37), 4px 0 8px -6px rgba(0,0,0,0.37), 0 -4px 8px -6px rgba(0,0,0,0.37);
    border: 1px solid rgb(209,209,209);
    border-top-left-radius: 0 !important;
    border-left: 0;
}

.export-set-menu .show.active .export-set-menu-col {
    border-radius: 8px;
    border: 1px solid rgb(209,209,209);
    background-color: white;
}

    .export-set-menu .show.active .export-set-menu-col.report-groups-menu-col {
        border-left: 0;
        border-right: 0;
    }

.export-set-menu .export-set-menu-row > .export-set-menu-col {
    border-top-right-radius: 0 !important;
    box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), -5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
}

.export-set-menu .first-container .export-set-menu-col {
    border-top-left-radius: 0 !important;
    border-right: 0;
}

    .export-set-menu .first-container .export-set-menu-col:first-child,
    .export-set-menu .first-container .export-set-menu-col {
        border-top-right-radius: 0 !important;
        box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
        border-left: 0;
        border-right: 0;
    }

        .export-set-menu .first-container .export-set-menu-col:last-child,
        .export-set-menu .first-container .export-set-menu-col.chosen-reports {
            box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), 5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
        }

#export-set-rows label.default {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBwYDCDDsVZcYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA2VDA2OjA4OjE1KzAzOjAw5YCEngAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNlQwNjowODoxNSswMzowMJTdPCIAAAB7SURBVChT7Y0hDsQgEEV/m9UcgaA4AAZF4MggcXgMwYPjHN1MM7bd7up97s+fN7PFGI/eO9Za+IRSCtZavEhwziGEwNU1pRTUWrHTB2MMj++hw2MM7BSEEOfwKaf0LX+J+U2SUiKlxPEe2tNaY8s5H601zDm5uoYE7z3etcsm/acbZ6MAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
}

#export-set-rows label.includ {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAV1BMVEX/oAD/bgD9/f3Z2dn/eAD/jAD/lgD/ggD/ZAD5+fnq6ur6+vrf39/a5One3t7s9Pjw8PDk5OTX4eb29vbq8/jo6Ojz8/P39/fx8fH09PTt7e38/Pz19fVAIiGCAAAAXElEQVR4AVXONw7AMAxDUaVajtOL+/3PGQJEhrxJfxJFjH4MQraWNtx6O0vuVtFyCV0F5dJIyaFsHChaVMiGckDVp6enovzR0OFR+6q07qhl7mheFP/PiU4x/50vBHMFwPc8CU4AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
}

#add-export-set {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: unset;
    border: unset;
    padding: unset;
    cursor: pointer;
}

#add-export-set {
    right: 6px;
    margin-top: 3px;
    background-image: url("/Content/Images/plus.png");
    background-size: 14px;
    background-repeat: no-repeat;
}

    #add-export-set.active {
        background-image: url("/Content/Images/plus-Orange.png");
    }

    #add-export-set.disabled {
        opacity: .65;
        cursor: default;
    }

#export-set-rows .borderless-transparent-input {
    border: none;
    border-color: transparent;
    vertical-align: central;
    font: 12px/20px 'OpenSansWebFont';
    position: absolute;
    flex: 1;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

#export-set-rows .mailing-input .borderless-transparent-input {
    border: 1px solid rgb(209,209,209);
    border-radius: 3px;
    padding: 5px;
}

#export-set-rows .div-cell .borderless-transparent-input.numeric-input {
    padding-right: 7px;
}

#export-set-rows .div-cell:hover .borderless-transparent-input.numeric-input:not(.disabled) {
    padding-right: 14px;
}

#export-set-rows .report-groups-menu-col:not(#report-groups-select) .borderless-transparent-input {
    padding-left: 46px;
}

button,
button.menu-btn:focus,
button.menu-btn:hover,
button.menu-btn:target {
    outline: none !important;
    box-shadow: none !important;
}

#report-groups-first .report-group {
    text-transform: uppercase;
}

    #report-groups-first .report-group:not(.disabled) .report-group-arrow:hover {
        cursor: pointer;
    }

    #report-groups-first .report-group.disabled .report-group-arrow:hover,
    #report-groups-container .export-report .item-title:hover {
        cursor: default;
    }

    #report-groups-first .report-group.disabled {
        color: rgb(209,209,209);
    }

#export-set-list li.list-group-item .item-title.active {
    color: var(--first-color);
}

    #export-set-list li.list-group-item .item-title.active:hover {
        cursor: default;
    }

#export-set-rows .filter-separator {
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.report-groups-menu-col .report-item .item-title {
    padding-left: 5%;
}

.export-set.hidden-by-filter {
    display: none;
}

.export-set-data-settings {
    display: inline-flex;
    float: right;
    padding-right: 20px;
}

    .export-set-data-settings .export-data-settings-div {
        padding-left: 20px;
    }

        .export-set-data-settings .export-data-settings-div .export-data-settings-text {
            padding-left: 5px;
            text-transform: none;
        }

#email-container .text-container,
#email-data-container .email-on-export-set,
#email-container .ftp-on-export-set,
#export-set-second-container .chang .export-set-data-settings {
    display: none;
}

    #email-container .text-container.active,
    #email-data-container .email-on-export-set.active,
    #email-container .ftp-on-export-set.active {
        display: block;
    }

    #export-set-second-container .chang .export-set-data-settings.active {
        display: inline-flex;
    }

.export-set-sent {
    display: inline-block;
    float: right;
    padding-right: 40px;
    color: var(--first-color);
    cursor: default;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: ease-out;
}

    .export-set-sent.active {
        opacity: 1;
    }

#mailing-types-list li {
    padding-top: 2px;
}

    #mailing-types-list li .item-title.active {
        color: var(--first-color);
        cursor: default;
    }

    #mailing-types-list li.download-export-set .item-title {
        cursor: default;
    }

    #mailing-types-list li img {
        top: 7px;
        z-index: 1;
    }

        #mailing-types-list li img.disabled,
        #mailing-types-list li img.save.is-downloading,
        #mailing-types-list li .item-title.disabled {
            opacity: 0.5 !important;
            cursor: default;
        }

#email-container textarea {
    color: rgb(64, 64,64);
}

#email-container .mailing-input,
#text-data-container .text-container {
    margin: 10px;
    height: 30px;
}

    #email-container .mailing-input.mailing-textarea {
        height: 60px;
    }

#text-data-container .text-container {
    height: 180px;
}

    #email-container .mailing-input.mailing-textarea .signature-textarea,
    #text-data-container .text-container textarea {
        resize: none;
        border: 1px solid rgb(209,209,209);
        border-radius: 3px;
        padding: 5px;
        outline: none;
        width: 100%;
        height: 100%;
    }

#ftp-data-container {
    border-left: 0;
    border-right: 0;
}

.lock-end-date,
.unlock-end-date {
    margin-top: 10px;
    position: absolute;
    width: 15px;
}

.lock-end-date {
    left: 10px;
}

.unlock-end-date {
    right: 10px;
}

.back-block-input-group {
    width: 427px;
    position: absolute;
    height: 214px;
    margin-top: 43px;
    border-radius: 8px 0 8px 8px;
}

#schedules-list,
.back-block-input-group {
    background: white;
    box-shadow: 0 7px 6px -6px rgb(0 0 0 / 37%), -5px 0 6px -6px rgb(0 0 0 / 37%), 0 -4px 6px -6px rgb(0 0 0 / 37%);
    border: 1px solid rgb(209, 209, 209);
}

#schedules-list {
    margin-left: 426px;
    border-radius: 0 0 8px 8px;
}

    #schedules-list img.delete {
        width: 8px;
        right: 0px;
        position: absolute;
        top: 6px;
        display: none;
        cursor: pointer;
    }

    #schedules-list li:hover img.delete {
        display: block;
    }

    #schedules-list .scrolable-zone {
        display: none;
        height: 183px;
    }

        #schedules-list .scrolable-zone.active {
            display: block;
        }

        #schedules-list .scrolable-zone li {
            cursor: default;
        }

            #schedules-list .scrolable-zone li > div {
                display: inline-block;
                text-align: center;
            }

            #schedules-list .scrolable-zone li .schedule-start-date,
            #schedules-list .scrolable-zone li .schedule-period,
            #schedules-list .scrolable-zone li .schedule-end-date {
                margin-left: 10px;
            }

            #schedules-list .scrolable-zone li .schedule-start-date,
            #schedules-list .scrolable-zone li .schedule-end-date {
                width: 70px;
            }

            #schedules-list .scrolable-zone li .schedule-period {
                width: 100px;
            }

            #schedules-list .scrolable-zone li .schedule-period-duration,
            #schedules-list .scrolable-zone li .schedule-time {
                margin-left: 15px;
            }

.labelFor-schedule-activity {
    position: relative;
    top: 1px;
    margin-right: 14px;
}

.date-schedules .value {
    padding-top: 7px;
    width: 12px;
    font-size: 13px;
    cursor: default;
    text-align: center;
}

#export-set-schedule .text.period {
    padding-top: 7px;
}

#export-set-schedule .bootstrap-datetimepicker-widget:not(.schedule-set) {
    left: 0.5px !important;
}

#schedules-list .default-schedule-ul {
    display: none;
}

img.lock-end-date,
img.unlock-end-date {
    display: none;
}

    img.lock-end-date.active,
    img.unlock-end-date.active {
        display: block;
        cursor: pointer;
        z-index: 5;
    }

#mailing-lock {
    display: block;
    visibility: hidden;
    position: absolute;
    z-index: 1100;
    top: 232px;
    left: -4px;
    height: 481px;
    text-align: center;
    background-color: white;
    min-width: 1295px;
    opacity: 0.65;
}

    #mailing-lock.active {
        visibility: visible;
    }

#report-groups-container .specialSimbol-text {
    font-size: 14px;
}

#report-groups-container .menu-list li.active .specialSimbol-text.hebrew-color {
    color: rgb(255, 100, 0);
    color: var(--first-color);
    font-size: 18px;
    top: -3px;
}

#time-picker-input[disabled="disabled"], 
#time-picker-input[disabled] {
    cursor: default;
}
.favorite-container .favorite {
    height: 16px;
}

.favorite-container .send-input,
.favorite-container .send-button {
    float: left;
}

    .favorite-container .send-button.active span.btn {
        cursor: default;
    }

.favorite-container .btn {
    border: 1px solid #fff;
    position: relative;
    top: 0;
    left: 8px;
    height: 32px;
    width: 41.5px;
    color: #212529;
    background-color: #f8f9fa;
    padding: 2px .75rem;
}

    .favorite-container .btn:hover {
        background-color: #e9ecef;
    }

.favorite-container .send-input input {
    font-size: 12px;
    padding: 0 5px;
    position: relative;
    top: 0;
    left: 7px;
    border: 1px solid #fff;
    border-radius: .25rem;
    height: 32px;
    width: 248px;
}

    .favorite-container .send-input input:focus, .favorite-container .send-input input:hover {
        outline: none !important;
        border-color: #6c757d !important;
        box-shadow: none !important;
    }

    .favorite-container .send-input input:disabled {
        background: #fff;
    }

    .favorite-container .send-input input:hover {
        border-color: #fff !important;
    }

.favorite-container .send-button:not(.active) .active {
    display: none;
}

.favorite-container .active .favorite:not(.active) {
    display: none;
}

.favorite-menu,
.сompany-menu {
    max-height: 100%;
    height: 100%;
}

    .favorite-menu > .row,
    .company-row > .row {
        height: 100%;
        width: 100%;
        align-content: baseline;
    }

.container-fluid-favorite,
.container-fluid-company {
    width: 100%;
    height: calc(100% - 30px);
    position: relative;
}

.favorite-menu .report-title {
    height: 37px;
}

.favorite-sm {
    min-width: 210px;
    min-height: 108px;
    margin: 2.5px;
}

    .favorite-sm.favotite-sm-panel {
        max-width: 210px;
        max-height: 108px;
    }

.container-fluid-favorite .ui-state-highlight {
}

.favorite-sm, .company-sm {
    border: none;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), -5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
    float: left;
}

.container-fluid-favorite,
.container-fluid-company {
    overflow: hidden;
}

    .container-fluid-favorite > .contaiter-favorite-row,
    .container-fluid-company > .contaiter-company-row {
        padding: 0;
    }

.favorite-sm .favorite-first-row {
    height: 75px;
}

.fade-favorite {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: #eaeaea26;
}

    .fade-favorite.fade-in {
        display: block;
    }

.favorite-menu .container-fluid-favorite,
.сompany-menu .container-fluid-company {
    overflow: hidden;
    display: flex;
    flex-wrap: inherit;
    flex-direction: column;
    margin: 0;
    padding: 0;
    justify-content: flex-start /*center*/;
}

.favorite-menu .contaiter-favorite-row,
.company-menu .contaiter-company-row {
    margin: 10px 0;
    min-width: 100%;
    align-content: flex-start;
}

.favorite-menu .favorite-scroll-row {
    height: 37px;
}

    .favorite-menu .favorite-scroll-row .row {
        justify-content: center;
    }

.scroll-ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

    .scroll-ul .scroll-button span {
        display: block;
        margin: 0 5px;
        border-radius: 50%;
        background-color: white;
        border: 1px solid grey;
        width: 10px;
        height: 10px;
    }

    .scroll-ul .scroll-button:not(.active) span:hover {
        cursor: pointer;
    }

    .scroll-ul .scroll-button.active span {
        background-color: grey;
    }

#select-company-row {
    width: 100%;
    margin: auto;
    align-content: baseline;
    padding-top: 15px;
}

#select-company {
    padding: unset;
}

.contaiter-company-row {
    padding: 0;
    padding-left: 30px !important;
    min-width: 100%;
    align-content: flex-start;
}

.company-sm > .company-row {
    margin-top: -1px;
}

.company-sm {
    width: 118px;
    min-width: 118px;
    min-height: 64px;
    height: 64px;
    margin-top: 15px;
    margin-right: 15px;
    font: 12px 'OpenSansWebFont';
    font-weight: 600;
    cursor: pointer;
    text-wrap-mode: nowrap;
    white-space: nowrap;
}

    .company-sm.company-sm-panel {
        max-width: 118px;
        max-height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

#company-menu {
    width: 100%;
    height: 100%;
}

.company-sm span.active {
    color: rgb(255, 100, 0);
    color: var(--first-color);
}

.company-sm p.active {
    color: rgb(255, 100, 0);
    color: var(--first-color);
}

.main-menu-container {
    /*display: flex;
    flex-flow: row wrap;*/
    text-align: center;
    z-index: 2000;
    min-width: 1280px;
}

    .main-menu-container > * {
        flex: 1 100%;
    }

    .main-menu-container .utc-first,
    .main-menu-container .utc-second {
        max-width: 158px;
    }

    .main-menu-container .centred-col {
        /*margin-left: 75px;*/
    }

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media (min-width: 1px) {
    .container:not(.col-sm-8) {
        max-width: 1280px;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

.header .row,
.header .main-menu-element {
    height: 100%;
}

.header .main-menu-element {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 32px;
}

    .header .main-menu-element.firstElement {
        padding: unset;
    }

        .header .main-menu-element.firstElement img {
            height: 24px;
            width: 124px;
            margin-bottom: 4px;
        }

        .header .main-menu-element .badge-element {
            height: 120px;
            width: 180px;
        }

        .header .main-menu-element .badge-element img {
            height: 100%;
        }

            .header .main-menu-element .badge-element img:not(.disabled):hover {
                cursor: pointer;
            }

            .header .main-menu-element .button-element button:disabled,
            .header .main-menu-element .badge-element img.disabled {
                cursor: default;
            }

    .header .main-menu-element .button-element {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 4px;
    }

        .header .main-menu-element .button-element button {
            white-space: nowrap;
            background: none;
            border: none;
            font: 14px 'OpenSansWebFont';
            font-weight: 600;
            padding: unset;
        }

        .header .main-menu-element .button-element button,
        .top-menu .dots p {
            border-bottom: 3px solid transparent;
        }

            .header .main-menu-element .button-element button:not(:disabled):hover {
                cursor: pointer;
            }

            .header .main-menu-element .button-element button.active.focus,
            .header .main-menu-element .button-element button.active:focus,
            .header .main-menu-element .button-element button.focus,
            .header .main-menu-element .button-element button:active.focus,
            .header .main-menu-element .button-element button:active:focus,
            .header .main-menu-element .button-element button:active,
            .header .main-menu-element .button-element button:focus,
            .header .main-menu-element .button-element button:hover,
            .header .main-menu-element .button-element button:target {
                outline: none !important;
                box-shadow: none !important;
            }

            .header .main-menu-element .button-element .active,
            .top-menu .dots p.active,
            .top-menu .calculator-div.active {
                border-bottom: 3px solid rgb(255, 100, 0);
                border-bottom: 3px solid var(--first-color);
            }

        .header .main-menu-element .button-element span {
            white-space: nowrap;
            background: none;
            border: none;
            font: 14px 'OpenSansWebFont';
            font-weight: 600;
            padding: unset;
            color: rgb(79, 79, 79);
            margin-top: -2px;
            cursor: pointer;
            margin-left: 3px;
        }

.footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main {
    text-align: left;
    padding: 0;
}

    .main .hexagons.active,
    .main .report-menu.active {
        display: flex;
    }

        .main .report-menu.active > .row {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .main .hexagons {
        height: 100%;
        align-items: center;
        justify-content: center;
    }

        .main .hexagons img {
            margin-left: 20px;
            width: 513.6px;
            height: auto;
        }

    .main .report-menu {
        height: 100%;
    }

    .main,
    .main .report-menu,
    .main .report-home {
        background: rgb(251, 242, 234);
        background-size: 513.6px auto;
        background-position: calc(50% + 10px) 50%;
    }

@media only screen and (max-height: 777px) {
    .main,
    .main .report-menu,
    .main .report-home {
        background-size: contain;
    }

        .main .hexagons img {
            max-height: 100%;
        }
}

.header,
.footer {
    height: 45px;
}

    .footer .footer-container img {
        width: 478px;
        margin-top: 130px;
    }

.main-menu-container {
    width: 100%;
    height: 100%;
    margin: 0;
}

/*@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}*/

.main {
    height: calc(100% - 90px);
}

.report-menu {
    justify-content: center;
    padding: 5px 83px;
}

.row-flex {
    display: flex;
    flex-flow: row wrap;
}


.report-menu-item {
    padding: 0;
}

    .report-menu-item .report-group,
    .report-menu-item .report-group > li {
        border-radius: 0;
        border: none;
        background: none;
        font-size: 12px;
    }

        .report-menu-item .report-group > li .specialSimbol-text-report-menu-item {
            font-size: 16px;
        }

        .report-menu-item .report-group > .report-title .title {
            color: rgb(255, 100, 0);
            color: var(--first-color);
        }

        .report-menu-item .report-group > .report-title .count {
            color: #212529;
        }

            .report-menu-item .report-group > .report-title .title:hover,
            .report-menu-item .report-group > .report-title .count:hover {
                cursor: pointer;
            }

        .report-menu-item .report-group > .report-title {
            font: 12px 'OpenSansWebFont';
            font-weight: bold;
        }

            .report-menu-item .report-group > .report-title .title {
                text-transform: uppercase;
            }

        .report-menu-item .report-group > li {
            padding: 3px 0;
            color: #212529;
        }

        .report-menu-item .report-group > .new-group {
            padding: 0;
            height: 1px;
            background-color: rgb(240, 240, 240);
        }

        .report-menu-item .report-group > li:not(.report-title) .title:hover {
            cursor: pointer;
        }

    .report-menu-item > .row {
        overflow: hidden;
        height: 100%;
    }

    .report-menu-item .report-col {
        padding: 0 3px;
        max-height: 100%;
    }

    .report-menu-item .report-col {
        display: flex;
        flex-flow: row wrap;
    }


        .report-menu-item .report-col .more-block {
            height: 4px;
            width: 100%;
        }

        .report-menu-item .report-col .report-group-block {
            overflow: hidden;
            height: calc(100% - 4px)
        }

.report-menu .more,
.report-menu .more-noactive {
    position: absolute;
    bottom: 0;
    left: 4px;
}

    .report-menu .more:hover {
        cursor: pointer;
    }

    .report-menu .more,
    .report-menu .more-noactive,
    .report-menu .more img,
    .report-menu .more-noactive img {
        width: 15px;
        height: 15px;
    }

.report-menu-select .report-row {
    justify-content: center;
    position: relative;
}

    .report-menu-select .report-row .pad-left-first,
    .report-menu-select .report-row .pad-left-second {
        padding-right: 50px;
    }

    .report-menu-select .report-row .pad-left-first,
    .report-menu-select .report-row .pad-left-second {
        padding-left: 80px;
    }

.report-menu-select .close-btn {
    z-index: 1;
    position: absolute;
    top: 11px !important; /*в пикселях, потому что берём значение от родителя, если в родителе будет мало элементов, в процентах расположение изменится*/
    right: 1% !important;
    left: auto !important;
}

    .report-menu-select .close-btn,
    .report-menu-select .close-btn img {
        width: 15px;
        height: 15px;
        vertical-align: baseline;
    }

        .report-menu-select .close-btn:hover {
            cursor: pointer;
        }

.report-menu-select .report-menu-item {
    padding: 8px 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
    .report-menu-select .report-menu-item.short-name {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .report-menu-select .report-menu-item .specialSimbol-text-report-menu-item {
        font-size: 16px;
    }

    .report-menu-select .report-menu-item .title:hover {
        cursor: pointer;
    }

.report-menu-select .gear,
.report-menu-select .asterisk {
    float: right;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
    top: -4px;
}

    .report-menu-select .gear,
    .report-menu-select .gear > img,
    .report-menu-select .asterisk,
    .report-menu-select .asterisk > img {
        width: 15px;
        height: 15px;
    }

.report-menu-select .report-title,
.report-menu-select .title-submenu {
    text-transform: uppercase;
    font: 12px 'OpenSansWebFont';
    font-weight: bold;
    color: rgb(255, 100, 0);
    color: var(--first-color);
    padding: 10px;
}

.report-menu-select .asterisk:not(.active) .active {
    display: none;
}

.report-menu-select .asterisk.active .favorite:not(.active) {
    display: none;
}

.master {
    border-bottom: 1px solid rgb(255, 100, 0);
    border-bottom: 1px solid var(--first-color);
}
.menu-settings-select {
    position: relative;
    height: 100%;
}

    .menu-settings-select .close-btn {
        z-index: 1;
        position: absolute;
        top: 5px;
        right: 5px;
    }

        .menu-settings-select .close-btn,
        .menu-settings-select .close-btn img {
            width: 15px;
            height: 15px;
        }

            .menu-settings-select .close-btn:hover {
                cursor: pointer;
            }

    .menu-settings-select .dropdown,
    .menu-settings-select .title {
        float: left;
    }

        .menu-settings-select .title.word-wrap-action {
            padding-top: 0px;
            margin-top: -6px;
        }

    .menu-settings-select .title {
        padding-top: 2px;
        padding-right: 15px;
    }

    .menu-settings-select .dropdown,
    .menu-settings-select .dropdown-item,
    .menu-settings-select .title,
    .menu-calculator-select {
        font: 12px 'OpenSansWebFont';
    }

    .menu-settings-select .dropdown-toggle {
        text-align: left;
        background-color: white;
        border: 1px solid #eee;
        border-radius: 4px;
    }

    .menu-settings-select .dropdown,
    .menu-settings-select .dropdown-toggle,
    .menu-settings-select .dropdown-item {
        width: 140px;
    }

    .menu-settings-select .dropdown,
    .menu-calculator-template .exchange-button-style {
        background-color: white;
        border: 1px solid #eee;
        border-radius: 4px;
    }

.menu-calculator-template .exchange-button-style {
    width: 150px;
    padding: 5px 10px;
    margin-right: 20px;
    cursor: pointer;
}

    .menu-calculator-template .exchange-button-style.disabled {
        color: rgb(128, 128, 128);
    }

    .menu-settings-select .dropdown-toggle:focus,
    .menu-settings-select .dropdown-toggle:active,
    .menu-settings-select .dropdown-toggle:hover,
    .menu-calculator-template .exchange-button-style:focus,
    .menu-calculator-template .exchange-button-style:active,
    .menu-calculator-template .exchange-button-style:hover {
        outline: none !important;
        box-shadow: none !important;
    }

.menu-settings-select .menu-col,
.menu-calculator-select .menu-col {
    padding: 15px 25px;
}

.menu-settings-select .dropdown-toggle::after {
    position: absolute;
    right: 4px;
    top: 9px;
}

.menu-settings {
    transform: unset !important;
    will-change: unset !important;
    margin-top: 23px;
}

.has-error input[type='text'] {
    border: 1px solid rgb(255, 128, 0);
    border: 1px solid var(--first-color);
}

.russian .date-control {
    margin-left: 0px;
}

.english .date-control {
    margin-right: 0px;
}

.date-control > .input-group {
    margin-left: 0px;
}

.date-control .input-group,
.date-control .input-group .date {
    height: 34px;
}

.date-control .input-group-prepend {
    margin: 0;
}

.date-control .date-periods {
    margin-right: 19px;
    margin-left: 20px;
}

.date-control .date-sets {
    margin-right: 20px;
    margin-left: 19px;
}

#export-set-schedule.date-control .date-periods {
    margin-right: 6px;
    margin-left: 6px;
}

.date-control .date-periods,
.date-control .date-sets,
.date-control .report-analysis,
.date-control .menu-swap,
.date-control .date-ranges,
.date-control .date-schedules {
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.37);
    background-color: #fff;
}

.date-ranges .range-arrows,
.date-schedules .schedule-arrows {
    cursor: pointer;
    height: 34px;
    width: 21px;
}

    .date-ranges .range-arrows img.arrow-disabled,
    .date-schedules .schedule-arrows img.arrow-disabled {
        cursor: default;
    }

    .date-ranges .range-arrows img,
    .date-schedules .schedule-arrows img {
        margin-right: auto;
        margin-left: auto;
        margin-top: 10.5px;
    }

        .date-ranges .range-arrows.disabled img.arrow-disabled,
        .date-ranges .range-arrows img:not(.arrow-disabled),
        .date-schedules .schedule-arrows.disabled img.arrow-disabled,
        .date-schedules .schedule-arrows img:not(.arrow-disabled) {
            display: block;
        }

        .date-ranges .range-arrows.disabled img:not(.arrow-disabled),
        .date-ranges .range-arrows img.arrow-disabled,
        .date-schedules .schedule-arrows.disabled img:not(.arrow-disabled),
        .date-schedules .schedule-arrows img.arrow-disabled {
            display: none;
        }

.date-ranges .value {
    padding-top: 8px;
    width: 12px;
    font-size: 13px;
    cursor: default;
    text-align: center;
}

.date-control .date-periods .input-group .period.click-to-disable {
    cursor: pointer;
}

.date-control .date-periods .input-group .period.disabled {
    color: rgb(209,209,209);
}

.date-control .dropdown-item.selected {
    font-weight: bold;
    color: rgb(255, 128, 0);
    color: var(--first-color);
}

.date-control .dropdown-item {
    width: auto;
}

.date-control .dropdown-toggle::after {
    display: none;
}

.date-control .begin-date input[type='text'],
.date-control .end-date input[type='text'],
.date-control .date-time input[type='text'] {
    font-family: 'OpenSansWebFont';
    font-size: 13px;
    width: 181px;
    color: #212529;
    padding: .375rem 10px;
    background: none !important;
}

.date-control input[type='text'],
.date-control input[type='time'] {
    text-align: center;
}

.date-control .date-time input[type='text'] {
    cursor: text;
    top: 1px;
}

    .date-control .date-time input[type="time"]::-webkit-calendar-picker-indicator {
        display: none;
    }

.date-control .toggle-period .dropdown-menu,
.date-control .toggle-group .dropdown-menu {
    height: 33px;
    margin-top: -1px;
    padding-top: 3.5px;
}

.date-control .dropdown-toggle {
    background: white;
}

.date-control .toggle-period button {
    width: 100px;
}

.date-control .dropdown-item {
    display: table-cell;
    min-width: 90px;
    text-align: center;
}

.date-control .toggle-group > button,
.date-control .arr,
.date-control .calendar-btn {
    float: left;
    width: 40px;
    text-align: center;
}

    .date-control .arr:disabled {
        color: #e8e8e8 !important;
    }

.date-control .toggle-group {
    position: relative;
    width: 0;
}

    .date-control .toggle-group > button {
        width: 100%;
    }


.date-control .btn-opened .btn.active.focus,
.date-control .btn-opened .btn.active:focus,
.date-control .btn-opened .btn.focus,
.date-control .btn-opened .btn:active.focus,
.date-control .btn-opened .btn:active:focus,
.date-control .btn-opened .btn:active,
.date-control .btn-opened .btn:focus,
.date-control .btn-opened .btn:hover,
.date-control .btn-opened .btn:target

.date-control .btn-scrolable .btn.active.focus,
.date-control .btn-scrolable .btn.active:focus,
.date-control .btn-scrolable .btn.focus,
.date-control .btn-scrolable .btn:active.focus,
.date-control .btn-scrolable .btn:active:focus,
.date-control .btn-scrolable .btn:active,
.date-control .btn-scrolable .btn:focus,
.date-control .btn-scrolable .btn:hover,
.date-control .btn-scrolable .btn:target {
    outline: none !important;
    box-shadow: none !important;
}

.date-control .btn-opened .btn:hover,
.date-control .btn-scrolable .btn:hover {
    color: rgb(108, 117, 125);
}

.date-control .btn-opened .btn {
    z-index: 1;
    width: 41px;
    height: 34px;
    padding: .375rem .55rem;
    background: white;
}

.date-control .toggle-group .hide-zone {
    position: absolute;
    top: -20px;
    left: -21px;
    display: none;
    width: 638px;
    height: 224px;
}

.date-control .input-group-text {
    line-height: 22px;
    width: 40px;
    border: none;
}

.date-control .input-group-text,
.date-control .show *:not(span) {
    color: black;
    background: white;
}

.date-control input[type=text],
.date-control input[type=time] {
    border: none;
    border-radius: 0;
}

.date-control .selected .name {
    color: rgb(255, 128, 0);
    color: var(--first-color);
}

.date-control input[type=text],
.date-control input[type=time],
.date-control .begin-date .date > div > i {
    box-sizing: border-box;
}

    .date-control input[type=text]::-ms-clear,
    .date-control input[type=time]::-ms-clear {
        display: none;
    }

.radio-container {
    font-size: 22px;
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-container input {
        position: absolute;
        display: none;
        opacity: 0;
    }

.radio-container {
    height: 100%;
    padding: .375rem 1.25rem;
}

    .radio-container input ~ .checkmark {
        position: absolute;
        top: 9px;
        left: 10px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }

    .radio-container input:not(:disabled) ~ .checkmark {
        cursor: pointer;
    }

    .radio-container input:not(:checked):not(:disabled) ~ .checkmark {
        border: 1px solid grey;
        background-color: white;
    }

    .radio-container input:checked:not(:disabled) ~ .checkmark {
        background-color: rgb(255, 128, 0);
        background-color: var(--first-color);
    }

    .radio-container input:disabled ~ .checkmark {
        border: 1px solid grey;
    }

    .radio-container input:checked ~ .checkmark:after {
        display: block;
    }

    .radio-container .checkmark:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

.date-control .toggle-period .dropdown-menu,
.date-control .toggle-group .dropdown-menu {
    z-index: 0;
}

.date-control .btn-scrolable .btn {
    text-align: center;
}

    .date-control .btn-scrolable .btn.-r,
    .date-control .btn-scrolable .btn.-l {
        text-align: center;
    }

.date-control .toggle-period > .btn,
.date-control .toggle-group > .btn {
    z-index: 1;
}

.date-control .begin-date .input-group-append,
.date-control .end-date .input-group-append,
.date-control input {
    z-index: 4;
}

.date-control .date .interval-hide-block {
    position: absolute;
    z-index: 2;
    top: -150px;
    left: 0;
    width: 250px;
    height: 150px;
    margin-left: -10px;
}

.date-control .toggle-group .name {
    cursor: pointer;
}

.date-control .toggle-group .btn-scrolable {
    line-height: 14px;
    position: absolute;
    z-index: 1;
    top: 44px;
    left: -120px;
    display: none;
    float: left;
    overflow-y: hidden;
    width: 200px;
    max-height: 166px;
    outline: none;
    text-align: center;
}

    .date-control .toggle-group .btn-scrolable .btn {
        background: white;
        border: 1px solid #6c757d;
    }

.btn-opened {
    position: absolute;
    z-index: 3;
    top: 66px;
    left: 40px;
    width: 201px;
    transition: top .3s;
    opacity: 0;
    background: white;
}

    .btn-opened .btn {
        border-radius: 0 !important;
    }

.date-control .toggle-group .btn-scrolable > .btn {
    display: inline-block;
    width: 120px;
    height: 33px;
    margin: 0;
    border: 1px solid #6c757d;
    border-radius: 0;
}

    .date-control .toggle-group .btn-scrolable > .btn:not(:first-child) {
        border-top: none;
    }

    .date-control .toggle-group .btn-scrolable > .btn:first-child {
        height: 34px;
    }

.date-control .toggle-group > .btn {
    z-index: 5;
    background: white;
}

.date-control .hide-interval-block {
    position: absolute;
    z-index: 3;
    top: -200px;
    width: 140px;
    height: 200px;
    margin: 0 -10px;
}

/* DATETIMEPICKER */
.input-background {
    cursor: default;
}

.bootstrap-datetimepicker-widget,
.date-control .input-background.range-set,
.date-control .input-background.schedule-set {
    z-index: 1;
}

    .bootstrap-datetimepicker-widget table th {
        line-height: 13px;
        width: 20px;
        height: 15px;
        font-size: 13px;
        font-weight: normal;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu,
    .date-control .input-background.range-set,
    .date-control .input-background.schedule-set {
        font-size: .9rem;
        height: 192px;
    }

    .bootstrap-datetimepicker-widget table td.cw {
        font-size: .9em;
        line-height: 4px;
        height: 4px;
        color: #dee2e6;
    }

    .bootstrap-datetimepicker-widget table td {
        line-height: 20px;
        width: 10px;
        height: 8px;
    }

        .bootstrap-datetimepicker-widget table td.day {
            line-height: 11px;
            width: 8px;
            height: 4px;
        }

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        padding: .4em 0;
        text-align: center;
        border-radius: .25rem;
    }

        .bootstrap-datetimepicker-widget table td span,
        .bootstrap-datetimepicker-widget table td i {
            line-height: 26px;
            display: inline-block;
            width: 54px;
            height: 27px;
            margin: 2px .25px;
            cursor: pointer;
            border-radius: .25rem;
        }

    .bootstrap-datetimepicker-widget .datepicker-decades .decade {
        line-height: 30px !important;
        height: 30px;
    }

    .bootstrap-datetimepicker-widget table td span.active,
    .bootstrap-datetimepicker-widget table td i.active {
        color: rgb(255, 128, 0);
        color: var(--first-color);
        background-color: #dee2e6;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

    .bootstrap-datetimepicker-widget .datepicker-years td span,
    .bootstrap-datetimepicker-widget .datepicker-months td span {
        height: 30px;
    }

    .bootstrap-datetimepicker-widget .datepicker-decades td span:nth-child(10),
    .bootstrap-datetimepicker-widget .datepicker-decades td span:nth-child(11),
    .bootstrap-datetimepicker-widget .datepicker-decades td span:nth-child(12) {
        display: none;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,
    .bootstrap-datetimepicker-widget.dropdown-menu:before,
    .bootstrap-datetimepicker-widget.dropdown-menu:after {
        display: none;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 181px;
    }

    .bootstrap-datetimepicker-widget .fa-long-arrow-left:before {
        content: "←";
    }

    .bootstrap-datetimepicker-widget .fa-long-arrow-right:before {
        content: "→";
    }

.begin-date .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 181px;
    margin-left: -1px;
}

#export-set-schedule .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top {
    top: 51.5px;
    left: 0.5px;
}

#export-set-schedule .begin-date .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-left: 0px;
}

#export-set-schedule .end-date .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-left: -2px;
}

.date-control .btn-add:not(.disabled) .arrow-disabled:not(.show-disabled-arrow),
.date-control .menu-btn:not(.disabled) .arrow-disabled {
    display: none;
}

.show-disabled-arrow {
    cursor: default;
}

.date-control.disabled .btn-add .arrow-disabled {
    display: inline;
}

.date-control .disabled .arrow:not(.arrow-disabled) {
    display: none;
}

.russian .date-control .input-background {
    left: 0px;
}

    .russian .date-control .input-background.second {
        left: calc(-1px + 640px);
    }

.english .date-control .input-background {
    left: 0px;
}

    .english .date-control .input-background.second {
        left: calc(-1px + 640px);
    }

.date-control .input-background {
    display: none;
    position: absolute;
    width: 640px;
    height: 214px;
    background: white;
    top: 43px;
    border-radius: 8px;
    border: 1px solid rgb(209,209,209);
}

    .date-control .input-background.second {
        box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), 5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
    }

    .date-control .input-background:not(.second, .range-set, .schedule-set) {
        border-top-right-radius: 0;
    }

    .date-control .input-background:not(.second, .range-set, .schedule-set) {
        box-shadow: 0 7px 6px -6px rgba(0,0,0,0.37), -5px 0 6px -6px rgba(0,0,0,0.37), 0 -4px 6px -6px rgba(0,0,0,0.37);
    }

    .date-control .input-background.second {
        border-top-left-radius: 0;
    }

    .date-control .input-background.range-set,
    .date-control .input-background.schedule-set {
        z-index: 1;
        left: 612px;
        height: 192px;
        margin-top: 11px;
    }

    .date-control .input-background.schedule-set {
        left: 186px;
    }

.date-control .text {
    font-size: 13px;
    text-align: center;
    width: 100px;
    padding: 8px 0;
    white-space: nowrap;
    cursor: default;
    user-select: none;
}

    .date-control .text.click-to-disable {
        cursor: pointer;
    }

    .date-control .text.disabled {
        color: rgb(209,209,209);
    }

.date-control .settings-button {
    display: inherit;
}

.date-control .group-text {
    padding: 0 6px;
    width: 176px;
}

.date-sets .btn-add:hover,
.date-periods .btn-add:hover {
    cursor: pointer;
}


.date-control .toggle-group {
    z-index: 3;
}

.btns {
    height: 33px;
}

    .btns > .btn {
        padding-left: .6rem;
        padding-right: .6rem;
        border-radius: 0;
    }

        .btns > .btn:nth-child(2) {
            width: 120px;
        }

        .btns > .btn:first-child,
        .btns > .btn:last-child {
            width: 41px;
            text-align: center;
        }

.date-control .settings-button {
    font-size: 13px;
    height: 32px;
    line-height: 25px;
}

    .date-control .settings-button.points-arrow {
        line-height: 0px;
    }

    .date-control .settings-button.menu-btn {
        padding-right: 0;
    }

    .date-control .settings-button.swap {
        margin-top: -1px;
    }

    .date-control .settings-button img {
        height: 8px;
    }

    .date-control .settings-button.points-arrow img {
        height: 13px;
    }

    .date-control .settings-button .arrowRight {
        float: left;
    }

    .date-control .settings-button.swap .left-menu-btn img {
        float: right;
    }

.arrow-cross {
    display: block;
    position: absolute;
    height: 1.5px;
    width: 100%;
    background: black;
    border-radius: 20px;
    left: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .arrow-cross.not-visibility-cross {
        display: none;
        cursor: default;
    }

.movingArrow span:nth-child(1) {
    top: 0px;
    transform: rotate(-45deg);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.movingArrow span:nth-child(2) {
    top: 0px;
    transform: rotate(45deg);
    margin-left: -1px;
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

/*settingsButton arrow*/
.date-control .settings-button.menu.active #arrow-settings-button span:nth-child(1) {
    transform: rotate(-45deg) translateX(-0.8px);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.date-control .settings-button.menu.active #arrow-settings-button span:nth-child(2) {
    transform: rotate(45deg) translateX(0.8px);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.date-control .settings-button.menu:not(.active) #arrow-settings-button span:nth-child(1) {
    top: 0px;
    left: 2.5px;
}

.date-control .settings-button.menu:not(.active) #arrow-settings-button span:nth-child(2) {
    top: 0px;
    left: -2.5px;
}

/* #arrow-filters-button arrow && dateControl arrow*/
.date-control .settings-button.active:not(.menu) #arrow-filters-button span:nth-child(1) {
    transform: rotate(-45deg) translateX(-0.8px);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.date-control .settings-button.active:not(.menu) #arrow-filters-button span:nth-child(2) {
    transform: rotate(45deg) translateX(0.8px);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.date-control .settings-button:not(.active):not(.menu) #arrow-filters-button span:nth-child(1) {
    top: 0px;
    left: 2.5px;
}

.date-control .settings-button:not(.active):not(.menu) #arrow-filters-button span:nth-child(2) {
    left: -2.5px;
}

.noactive-init .arrow.arrow-disabled {
    top: -4px;
}

.movingArrow {
    width: 10px;
    height: 20px;
    position: relative;
    cursor: pointer;
    top: 12px;
}

.disabled .movingArrow {
    cursor: default;
}

/*предыдущая ротация arrow на 180*/
/*.date-control .settings-button.active:not(.menu) .active img {
        -webkit-animation: rotation .45s 1 linear;
        animation: rotation .45s 1 linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .date-control .settings-button:not(.active):not(.menu) .active img {
        -webkit-animation: rotationback .45s 1 linear;
        animation: rotationback .45s 1 linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }*/

/*.date-control .settings-button.active:not(.menu) .active img {
        -webkit-animation: rotation .45s 1 linear;
        animation: rotation .45s 1 linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .date-control .settings-button:not(.active):not(.menu) .active img {
        -webkit-animation: rotationback .45s 1 linear;
        animation: rotationback .45s 1 linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .date-control .settings-button.menu.active .active img {
        -webkit-animation: rotation2 .45s 1 linear;
        animation: rotation2 .45s 1 linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .date-control .settings-button.menu:not(.active) .active img {
        -webkit-animation: rotationback2 .45s 1 linear;
        animation: rotationback2 .45s 1 linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }*/

.date-control .settings-button:not(.disabled):hover {
    cursor: pointer;
}

/* анимация периодов */
/*@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-180deg);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-180deg);
    }
}

@keyframes rotationback {
    from {
        -webkit-transform: rotate(-180deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotationback {
    from {
        -webkit-transform: rotate(-180deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}*/

/* анимация меню аналитики */
/*@keyframes rotation2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(180deg);
    }
}

@-webkit-keyframes rotation2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes rotationback2 {
    from {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotationback2 {
    from {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}*/

.date-control .btn-add {
    display: block;
    height: 34px;
    width: 25px;
    text-align: center;
    padding: 6px 5px;
}

.date-control .date-sets .btn-add:not(.-r),
.date-control .date-periods .btn-add.-r {
    width: 15px;
    padding-right: 0;
}

.date-control .date-sets .-r,
.date-control .date-periods .btn-add.-l {
    width: 15px;
    padding-left: 0;
}

.date-control .begin-date input[type='text']:not(.setTodayAsStartDate, .disableIntervalChange):disabled,
.date-control .end-date input[type='text']:not(.setTodayAsEndDate, .disableIntervalChange):disabled {
    opacity: 0;
}

.date-control .date-btn-group .begin-date,
.date-control .date-btn-group .end-date {
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.37);
    background-color: #fff;
}

.date-control .date-periods .btn-add,
.date-control .date-sets .btn-add {
    background: none;
}

.date-control .input-space {
    height: 34px;
}

    .date-control .input-space .date-ranges,
    .date-control .input-space .date-schedules {
        width: 52px;
    }

#date-control .input-space {
    padding: 0 10px;
    width: 72px;
}

#export-set-schedule .input-space {
    padding: 0 6px;
    width: 64px;
}

.date-control .input-background.range-set,
.date-control .input-background.schedule-set {
    width: 53.5px;
}

/*.date-control .input-space .reload-btn {
        text-align: center;
        width: 100%;
    }

        .date-control .input-space .reload-btn,
        .date-control .input-space .reload-btn img {
            height: 100%;
        }

            .date-control .input-space .reload-btn:hover {
                cursor: pointer;
            }*/
.date-control .arrow {
    max-height: 13px;
    max-width: 13px;
}

.date-control .menu-swap .arrow,
.date-control .menu-btn .arrow {
    position: relative;
}

.date-control .menu-swap .arrowRight {
    top: 10px;
}

.date-control .begin-date .date-input {
    padding-right: 20px;
}

.date-control .end-date .date-input {
    padding-left: 20px;
}

.date-control .disable-buttons .arrow {
    display: none !important;
}

.date-control .disable-buttons .arrow-disabled {
    display: inline-block !important;
}

.input-group.date.second-interval .bootstrap-datetimepicker-widget,
.input-group.date.second-interval .bootstrap-datetimepicker-widget .bootstrap-datetimepicker-widget:hover {
    box-shadow: 0 7px 6px -5px rgba(0,0,0,0.37), 5px 0 6px -5px rgba(0,0,0,0.37), 0 -4px 6px -5px rgba(0,0,0,0.37);
    border-left: 1px solid rgb(0 0 0 / 12%);
}

.input-group.date.first-interval .bootstrap-datetimepicker-widget,
.input-group.date.first-interval .bootstrap-datetimepicker-widget .bootstrap-datetimepicker-widget:hover {
    box-shadow: 0 7px 6px -5px rgba(0,0,0,0.37), -5px 0 6px -5px rgba(0,0,0,0.37), 0 -4px 6px -5px rgba(0,0,0,0.37);
    border-right: 1px solid rgb(0 0 0 / 12%);
}

#export-set-schedule .input-group.date.first-interval .bootstrap-datetimepicker-widget,
#export-set-schedule .input-group.date.first-interval .bootstrap-datetimepicker-widget .bootstrap-datetimepicker-widget:hover {
    box-shadow: 0 7px 6px -5px rgba(0,0,0,0.37), -5px 0 0 -5px rgba(0,0,0,0.37), 0 -4px 6px -5px rgba(0,0,0,0.37);
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget:hover,
.date-control .input-background.range-set,
.date-control .input-background.schedule-set {
    border-radius: 8px;
    border: none;
}

.date-control .input-background.range-set,
.date-control .input-background.schedule-set {
    box-shadow: 0px 8px 6px -5px rgb(0 0 0 / 37%), 0 -4px 6px -5px rgba(0,0,0,0.37);
    border-top: none;
    border-bottom: none;
    border-left: 1px solid rgb(0 0 0 / 12%);
    border-right: 1px solid rgb(0 0 0 / 12%);
}

.bootstrap-datetimepicker-widget .list-unstyled {
    position: relative;
    z-index: 1;
}

.bootstrap-datetimepicker-widget .fa {
    font-size: 20px;
}

.bootstrap-datetimepicker-widget thead .prev,
.bootstrap-datetimepicker-widget thead .next {
    padding: .2rem 0;
}

.bootstrap-datetimepicker-widget .btn-add:not(.active) .active {
    display: none;
}

.bootstrap-datetimepicker-widget .btn-add.active .btn-icon:not(.active) {
    display: none;
}

.bootstrap-datetimepicker-widget table th {
    line-height: 8px;
}

.bootstrap-datetimepicker-widget .btn-add .btn-icon {
    height: 13px;
}

.bootstrap-datetimepicker-widget .text {
    width: 44.1%;
    padding: 1px 0;
    height: 20px;
}

    .bootstrap-datetimepicker-widget .text:hover {
        cursor: pointer;
    }

.bootstrap-datetimepicker-widget .btn-add {
    text-align: center;
    padding: 2px 0;
    width: 14.5%;
    height: 20px;
}

    .bootstrap-datetimepicker-widget .btn-add:hover {
        cursor: pointer;
    }

    .bootstrap-datetimepicker-widget .btn-add.disabled {
        color: #dee2e6;
    }

.bootstrap-datetimepicker-widget table td.today:before {
    bottom: 1px;
    right: 1px;
}

.bootstrap-datetimepicker-widget .input-group {
    height: 20px;
    z-index: 2;
}

.bootstrap-datetimepicker-widget .period-container {
    background-color: #fff;
    height: 168px;
    width: 98%;
}

.bootstrap-datetimepicker-widget .select-period {
    text-align: center;
    padding: 4px;
}

    .bootstrap-datetimepicker-widget .select-period:hover {
        cursor: pointer;
    }

    .bootstrap-datetimepicker-widget .select-period.active {
        color: rgb(255, 128, 0);
        color: var(--first-color);
        background-color: #dee2e6;
        border-radius: .25rem;
    }

    .bootstrap-datetimepicker-widget .select-period.disabled {
        color: #dee2e6;
        background: none;
        border-radius: 0;
    }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    text-shadow: none;
}

.date-control.disabled button:disabled,
.date-control.disabled .text {
    color: rgb(128,128,128);
    opacity: 1;
}

    .date-control.disabled button:disabled img {
        opacity: .65;
    }

.date-control.disabled button:disabled,
.date-control.disabled .disabled .btn-add,
.date-control.disabled .disabled .arrow:hover {
    cursor: default;
}

.date-control .disabled-text-intervals {
    color: rgb(128,128,128);
    opacity: 1;
}

.up-value {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    font-weight: 500;
    width: 44px;
}

    .up-value .up,
    .up-value .down {
        height: 20px;
        width: 18px;
    }

        .up-value .up:not(.disabled),
        .up-value .down:not(.disabled) {
            cursor: pointer;
        }

        .up-value .up.disabled,
        .up-value .down.disabled,
        .up-value.disabled .up,
        .up-value.disabled .down {
            cursor: default;
        }

    .up-value .up,
    .up-value .down,
    .up-value .value {
        height: 20px;
        text-align: center;
    }

    .up-value .value {
        font-size: 13px;
        padding-left: 1px;
        padding-top: 1px;
        cursor: default;
    }

    .up-value.disabled .value {
        color: rgb(209,209,209);
    }

    .up-value .up img,
    .up-value .down img {
        /*opacity: .9;*/
        width: 9px;
    }

    .up-value .up.disabled img,
    .up-value .down.disabled img,
    .up-value.disabled .up img,
    .up-value.disabled .down img {
        opacity: .5;
    }

div:not(.disabled).btn-add.input-group-append.input-group-addon,
div:not(.disabled).btn-add.input-group-append.input-group-addon {
    cursor: pointer;
}

div.disabled.btn-add.input-group-append.input-group-addon,
div.disabled.btn-add.input-group-append.input-group-addon,
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td i.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover,
.bootstrap-datetimepicker-widget table td i.disabled:hover,
.bootstrap-datetimepicker-widget .select-period.disabled {
    cursor: default;
}

.currentTime {
    font-family: 'OpenSansWebFont';
    font-size: 42px;
    color: rgb(64, 64,64);
    padding-left: 320px;
    padding-right: 115px;
    padding-bottom: 96px;
    padding-top: 71px;
    text-align: center;
}

.currentDate {
    font-family: 'OpenSansWebFont';
    font-size: 42px;
    color: rgb(64, 64,64);
    padding-right: 318px;
    padding-left: 94px;
    padding-bottom: 122px;
    padding-top: 46px;
    text-align: center;
}

.dayToday {
    font-family: 'OpenSansWebFont';
    font-size: 38px;
    color: rgb(64, 64,64);
    padding-top: 9px;
}

.input-background.range-set {
    display: none;
}

.arrow-range-settings-up,
.arrow-schedule-settings-up {
    transform: rotate(270deg);
}

    .arrow-range-settings-up:not(.arrow-disabled),
    .arrow-range-settings-down,
    .arrow-schedule-settings-up:not(.arrow-disabled),
    .arrow-schedule-settings-down {
        transform: rotate(90deg);
    }

.range-set-container,
.schedule-set-container {
    width: 100%;
    margin-top: 6px;
    text-align: center;
}

    .range-set-container span,
    .schedule-set-container span {
        width: 15px;
        height: 15px;
        margin-left: 20px;
        color: rgb(33, 37, 41);
        font-weight: 600;
        font-size: 13px;
    }

        .range-set-container span.selected,
        .schedule-set-container span.selected {
            color: rgb(255, 128, 0);
            color: var(--first-color);
        }

    .range-set-container .range-arrows-settings,
    .schedule-set-container .schedule-arrows-settings {
        width: 14px;
        height: 12px;
        margin-left: 4px;
    }

        .range-set-container img,
        .range-set-container .range-arrows-settings img,
        .range-set-container .range-arrows-settings,
        .range-settings-number .delete-range,
        .range-set-container span,
        .schedule-set-container img,
        .schedule-set-container .schedule-arrows-settings img,
        .schedule-set-container .schedule-arrows-settings,
        .schedule-settings-number .delete-schedule,
        .schedule-set-container span {
            cursor: pointer;
        }

            .range-set-container .range-arrows-settings img,
            .schedule-set-container .schedule-arrows-settings img {
                width: 100%;
                height: 100%;
            }

    .range-set-container span, .range-set-container .range-arrows-settings,
    .schedule-set-container span, .schedule-set-container .schedule-arrows-settings {
        display: inline-block;
    }

    .range-set-container .range-settings-numbers .range-settings-number:not(:only-child):hover .delete-range,
    .schedule-set-container .schedule-settings-numbers .schedule-settings-number:not(:only-child):hover .delete-schedule {
        display: inline-block;
    }

    .range-set-container .range-settings-numbers .range-settings-number img,
    .schedule-set-container .schedule-settings-numbers .schedule-settings-number img {
        display: none;
        margin-top: 3px;
        width: 14px;
        height: 10px;
        margin-left: 8px;
    }

.range-settings-numbers,
.schedule-settings-numbers {
    padding-top: 4px;
    padding-bottom: 6px;
}

.range-settings-number,
.schedule-settings-number {
    width: 100%;
    margin: unset;
    padding-bottom: 4px;
}

    .range-settings-number .delete-range,
    .schedule-settings-number .delete-schedule {
        color: red;
        font-weight: 700;
        font-size: 11px;
        display: none;
        width: 10px;
        margin-left: 2px;
    }

.input-background.range-set .range-arrows-settings.-up.disabled img.arrow-range-settings-up:not(.arrow-disabled),
.input-background.range-set .range-arrows-settings.-down.disabled img.arrow-range-settings-down:not(.arrow-disabled),
.input-background.range-set .range-arrows-settings.-up img.arrow-range-settings-up.arrow-disabled,
.input-background.range-set .range-arrows-settings.-down img.arrow-range-settings-down.arrow-disabled,
.input-background.schedule-set .schedule-arrows-settings.-up.disabled img.arrow-schedule-settings-up:not(.arrow-disabled),
.input-background.schedule-set .schedule-arrows-settings.-down.disabled img.arrow-schedule-settings-down:not(.arrow-disabled),
.input-background.schedule-set .schedule-arrows-settings.-up img.arrow-schedule-settings-up.arrow-disabled,
.input-background.schedule-set .schedule-arrows-settings.-down img.arrow-schedule-settings-down.arrow-disabled {
    display: none;
}

.input-background.range-set .range-arrows-settings.-up.disabled img.arrow-range-settings-up.arrow-disabled,
.input-background.range-set .range-arrows-settings.-down.disabled img.arrow-range-settings-down.arrow-disabled,
.input-background.range-set .range-arrows-settings.-up img.arrow-range-settings-up:not(.arrow-disabled),
.input-background.range-set .range-arrows-settings.-down img.arrow-range-settings-down:not(.arrow-disabled),
.input-background.schedule-set .schedule-arrows-settings.-up.disabled img.arrow-schedule-settings-up.arrow-disabled,
.input-background.schedule-set .schedule-arrows-settings.-down.disabled img.arrow-schedule-settings-down.arrow-disabled,
.input-background.schedule-set .schedule-arrows-settings.-up img.arrow-schedule-settings-up:not(.arrow-disabled),
.input-background.schedule-set .schedule-arrows-settings.-down img.arrow-schedule-settings-down:not(.arrow-disabled) {
    display: block;
}

.photo-container {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
}

.photo-container:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    opacity: 0.65;
}

#show-photo {
    position: absolute;
    height: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #60a839;
    z-index: 5;
    display: flex;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.37);
    background-color: rgba(255, 255, 255, 0.3);
}

.photo-img {
    padding: 20px;
    margin-left: auto;
    padding-right: 10px;
    height: inherit;
}

.photo-cross .arrow-cross {
    height: 1.5px;
    width: 20px;
}

.photo-cross {
    width: 27px;
    height: 20px;
    position: relative;
    cursor: pointer;
    right: unset;
    top: 30px;
    margin-right: auto;
    vertical-align: middle;
}

.photo-cross span:nth-child(1) {
    transform: rotate(-45deg) translateX(-0.8px);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.photo-cross span:nth-child(2) {
    transform: rotate(45deg) translateX(0.8px);
    -webkit-transition: transform 350ms linear;
    -moz-transition: transform 350ms linear;
    -o-transition: transform 350ms linear;
    transition: transform 350ms linear;
}

.photo-open-modal {
    cursor: pointer;
    height: inherit;
    max-height: 100%
}

/*panel aggregate begin*/
.list-body {
    min-height: 500px;
}

    .aggregates-body > .list-group,
    .list-body .panel {
        overflow-y: auto;
    }

    .list-body .bs-column-checkbox .name {
        overflow: hidden;
        width: calc(100% - 23px);
        margin-bottom: -3px;
        white-space: nowrap;
    }

    .list-body label {
        font: 14px 'OpenSansWebFont';
        font-weight: 400;
    }

    .list-body > .bs-panel > label {
        font-weight: bold;
    }

    .list-body > .bs-panel > ul > li {
        padding: 4px;
    }

    .list-body ul > li {
        height: 30px;
        min-height: 30px;
    }

        .list-body ul > li i {
            float: right;
            padding-top: 2px;
            padding-right: 5px;
            padding-left: 5px;
        }

            .list-body ul > li i:not(.delete) {
                cursor: move;
                color: black;
            }

        .list-body ul > li .delete {
            margin-top: 5px;
            color: black;
        }

        .list-body ul > li i,
        .delete-all {
            cursor: pointer;
        }

    .list-body .custom-control-label {
        cursor: pointer;
    }

.bs-properties-item > ul > li {
    cursor: pointer;
}

    .bs-properties-item > ul > li a {
        color: #212529;
    }

.custom-control-label::before,
.custom-control-label::after {
    top: .12rem;
}
/*panel aggregate end*/
/*panel properties begin*/
.aggregates-body > .list-group,
.properties-body .panel {
    max-height: 500px;
}

.properties-body .dropdown-toggle::after {
    vertical-align: .2em;
}

.properties-body .btn-group-sm > .btn,
.btn-sm {
    line-height: 1.0;
    padding: .17rem .5rem;
}

.properties-body .dropdown-toggle {
    float: right;
    color: white;
}

.properties-body .custom-checkbox {
    float: left;
    max-width: 90%;
}

.properties-body > .bs-panel > label:not(:first-child) {
    padding-top: 8px;
}

/*panel properties end*/
.custom-control-label::before {
    left: 2px;
}

.custom-control-label::after {
    left: 2px;
}

.dropdown-item {
    padding-right: .25rem;
    padding-left: .25rem;
}

.recent-container {
    position: relative;
    max-width: 1280px;
}

.left-menu-recent {
    left: 50px;
    top: 9px;
    display: inline-flex;
    height: 20px;
}

    .left-menu-recent .middle {
        display: inline-block;
        text-align: center;
        width: 22px;
    }

        .left-menu-recent .middle img {
            display: inline-block;
            height: auto;
            width: 24px;
            position: relative;
            transform: rotate(-10deg);
        }

        .left-menu-recent .middle.master-report img:not(.master-img),
        .left-menu-recent .middle img.master-img {
            display: none;
        }

        .left-menu-recent .middle.master-report img.master-img,
        .left-menu-recent .middle img:not(.master-img) {
            display: inline-block;
        }

            .left-menu-recent .middle img:hover {
                cursor: pointer;
            }

        .left-menu-recent .middle.disabled img {
            opacity: .6;
        }

    .left-menu-recent .get-recent {
        margin: 0 5px;
        display: inline-block;
    }

.recent-container .get-recent {
    width: 13px;
    height: 13px;
}

    .recent-container .get-recent:hover {
        cursor: pointer;
    }

    .recent-container .get-recent img {
        width: 13px;
        height: 13px;
    }

.recent-container .left-menu:not(.disable-recent) img.disabled {
    display: none;
}

.recent-container .disable-recent .get-recent img.disabled:not(.disabled) {
    display: inline-block;
}

.recent-container .disable-recent .get-recent img:not(.disabled) {
    display: none;
}

.recent-container .get-recent.disabled img.disabled {
    display: inline-block;
    cursor: default;
}

.recent-container .get-recent.disabled img:not(.disabled) {
    display: none;
}

.report-menu-select .delete-btn {
    position: absolute;
    right: 0;
    top: 6px;
    display: none;
}

    .report-menu-select .delete-btn.fav {
        position: absolute;
        right: 4px;
        top: 0;
        display: none;
    }

    .report-menu-select .delete-btn:hover {
        cursor: pointer;
    }

    .report-menu-select .delete-btn,
    .report-menu-select .delete-btn img,
    .contaiter-favorite-row .delete-btn,
    .contaiter-favorite-row .delete-btn img {
        width: 8px;
        height: 8px;
    }

.recent-col:not(.blocked-master):hover .delete-btn,
.recent-col:not(.blocked-master):hover + .recent-col .delete-btn,
.favorite-sm:hover .delete-btn {
    display: block;
}

.orange-arrow > img {
    height: 67%;
    width: 18px;
    vertical-align: middle;
    padding: initial;
    filter: saturate(2.5);
}

.orange-arrow.right > img{
    transform: rotate(180deg);
}
    .orange-arrow.right.no-active > img {
        -webkit-filter: brightness(0) invert(60%);
        cursor:default;
    }

.orange-arrow.left.no-active > img {
    -webkit-filter: brightness(0) invert(60%);
    cursor: default;
}

span.orange-arrow {
    cursor: pointer;
    margin-right: 5px;
}
.top-menu {
    display: none;
}

.left-menu {
    position: absolute;
    z-index: 2000;
}

    .left-menu .left-menu-btn,
    .left-menu .left-menu-btn img {
        height: 24px;
        width: 24px;
    }

    .left-menu .left-menu-btn {
        float: left;
        margin-right: 12px;
    }

        .left-menu .left-menu-btn:hover {
            cursor: pointer;
        }

.left-menu-second {
    right: 25px;
    top: 13px;
}

.load-container {
    height: 24px;
    width: 24px;
    display: inline-flex;
    position: absolute;
}

    .load-container.left-menu {
        left: 162px;
        top: 9px;
    }

        .load-container.left-menu .reload-btn:hover {
            cursor: pointer;
        }

    .load-container.online-filter-load-container {
        left: 415px;
        top: 112px;
    }

    .load-container.offline-filter-load-container {
        left: 130px;
        top: 103px;
    }

    .load-container.widget-filter-load-container {
        left: 202px;
        top: 103px;
    }

.hamburger-menu-container {
    position: relative;
    max-width: 1280px;
    z-index: 2001;
}

body.onewinseller .hamburger-menu-container {
    max-width: 100%;
    /*переменная из onewinseller.css --margin-right: max(2.5vw, 32px);*/
    right: max(2.5vw, 32px);
}

    body.onewinseller .hamburger-menu-container .sign-out {
        font-size: max(1.26vw, 16px);
    }

.hamburger-menu {
    cursor: pointer;
    top: 8px;
    left: 0px;
    z-index: 2001;
    position: absolute;
    height: 24px;
    width: 24px;
}

    .hamburger-menu span {
        display: block;
        background-color: rgb(255, 100, 0);
        background-color: var(--first-color);
        border-radius: 2px;
        width: 24px;
        height: 3px;
        position: relative;
        margin: 4px 0;
    }

.sign-out,
.redirect {
    cursor: pointer;
    top: 8px;
    right: 0px;
    z-index: 2001;
    position: absolute;
    height: 25px;
    width: 22px;
    font-size: 24px;
    color: rgb(255, 100, 0);
    color: var(--first-color);
    align-items: center;
    display: inline-flex;
}

    .sign-out i {
        display: block;
    }

