/* Minification failed. Returning unminified contents.
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(902,32): run-time error CSS1039: Token not allowed after unary operator: '-itemHoverColor'
(2561,27): run-time error CSS1038: Expected hex color, found '#0000'
(2581,27): run-time error CSS1038: Expected hex color, found '#0000'
(2612,33): run-time error CSS1046: Expect comma, found '0'
(2612,37): run-time error CSS1046: Expect comma, found '/'
(2612,60): run-time error CSS1046: Expect comma, found '139'
(2612,68): run-time error CSS1046: Expect comma, found '/'
(3205,31): run-time error CSS1038: Expected hex color, found '#0000'
(4131,41): run-time error CSS1030: Expected identifier, found '>'
(4131,53): run-time error CSS1031: Expected selector, found ')'
(4131,53): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*!
 * Bootstrap-select v1.8.1 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below*/
}

    .bootstrap-select > .dropdown-toggle {
        width: 100%;
        padding-right: 25px;
        z-index: 1;
    }

    .bootstrap-select > select {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0.11px;
        height: 100%;
        opacity: 0;
        border: none;
    }

        .bootstrap-select > select.mobile-device {
            position: absolute !important;
            top: 0;
            left: 0;
            display: block !important;
            width: 100%;
            height: 100% !important;
            opacity: 0;
            z-index: 2;
        }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

    .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
    }

    .bootstrap-select.form-control.input-group-btn {
        z-index: auto;
    }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.btn-group.dropdown-menu-right,
    .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

    .bootstrap-select.btn-group.disabled:focus,
    .bootstrap-select.btn-group > .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.btn-group.bs-container {
    position: absolute;
}

    .bootstrap-select.btn-group.bs-container .dropdown-menu {
        z-index: 1060;
    }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select.btn-group .dropdown-menu li.active small {
            color: #fff;
        }

        .bootstrap-select.btn-group .dropdown-menu li.disabled a {
            cursor: not-allowed;
        }

        .bootstrap-select.btn-group .dropdown-menu li a {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .bootstrap-select.btn-group .dropdown-menu li a.opt {
                position: relative;
                padding-left: 2.25em;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
                display: none;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.text {
                display: inline-block;
            }

        .bootstrap-select.btn-group .dropdown-menu li small {
            padding-left: 0.5em;
        }

    .bootstrap-select.btn-group .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        pointer-events: none;
        opacity: 0.9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group button {
        width: 50%;
    }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group button {
        width: 100%;
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action=today]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.container {
    width: 90%;
}
input.form-control {
    font-size: 16px!important;
}
.breadcrumbs {
    background: #F7F8FA;
    width: 100%!important;
    padding: 0 5.5%;
    padding-top: 10px;
}
.page-content {
    background: #F7F8FA;
}
.box-dialog .btn-item-span--exit {
    font-size: 13px;
    color: red;
    opacity: 1;
    float: right;
    font-weight: 600;
    cursor:pointer;
}
body.wrapper--fullscreen {
    overflow: hidden;
}
body.s--full {
    overflow: hidden;
}
.page-menu.financialchart--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
}
.tooltip-custom {
    display: none;
    position: absolute;
    max-width: 300px;
    padding: 5px;
    z-index: 999999999;
    background-color: #335295;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    transform: translate(0%, -20%);
    text-align: center;
}
    .tooltip-custom:after {
        pointer-events: none;
        position: absolute;
        z-index: 10;
        content: " ";
        top: 30px;
        right:10px;
        border-width: 6px;
        border-style: solid;
        border-color: #335295 transparent transparent transparent;
    }
    .tooltip-custom.to--down {
        margin-top: 10px;
    }
        .tooltip-custom.to--down:after {
            transform: rotate(180deg);
            top: -10px;
        }
    .tooltip-custom.to--left {
        margin-top: 5px;
    }

        .tooltip-custom.to--left:after {
            transform: rotate(270deg);
            top: 7px;
            right: -17px;
        }
.modal-backdrop {
    z-index: 1048;
}
#login-form, #register-form, #popup-messenge {
    z-index: 9999999999!important;
}
#financialchart-content {
    --itemHoverColor: #ffdead;
    --itemActiveColor: #fff3d0;
    --borderToolbarColor: #e1e1e1;
}
.financialchart-content input:focus, .financialchart-content input:focus-visible {
    outline: none;
}
#toast-financialchart {
    z-index: 999999991;
}
#financialchart-confirm-popup {
    z-index: 9999;
}
body.popup-financialchart-content {
    overflow-y: hidden; /* Ẩn thanh cuộn theo chiều dọc */
}
.financialchart-content .cl-1 {
    color: #999;
}
.financialchart-content .m-t-10 {
    margin-top:10px;
}
.financialchart-content .m-b-10 {
    margin-bottom: 10px;
}
.financialchart-content .m-0 {
    margin: 0px;
}
.financialchart-content .mt-2 {
    margin-top: 2px;
}
.financialchart-content .ml-0 {
    margin-left: 0px!important;
}
.financialchart-content .bd-n {
    border:solid 1px #ddd!important;
}
.financialchart-content .cl-n{
    color:#333;
}
/* --------begin tooltip--------*/
.financialchart-content .loading {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 0px;
    opacity: 1;
    background-color: transparent;
}
.financialchart-content .toolbar__tooltip {
    /*position: relative;*/
}

    .financialchart-content .toolbar__tooltip:before {
        content: attr(data-tooltip);
        margin-top: -15px;
        background-color: #335295;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        white-space: nowrap;
        transform: translate(-30%, -100%);
        text-align: center;
    }

    .financialchart-content .toolbar__tooltip.below:before, .financialchart-content.wrapper--fullscreen .d-m-1-c .toolbar__tooltip:before, .financialchart-content.s--full .d-m-1-c .toolbar__tooltip:before {
        transform: translate(-120%, -5%);
    }

    .financialchart-content .toolbar__tooltip.left--t:before {
        transform: translate(-110%, 35%);
    }

    .financialchart-content .toolbar__tooltip:after {
        content: " ";
        /*top: 0px;*/
        margin-top: -17px;
        border-width: 6px;
        border-style: solid;
        border-color: #335295 transparent transparent transparent;
    }

    .financialchart-content .toolbar__tooltip.below:after, .financialchart-content.wrapper--fullscreen .d-m-1-c .toolbar__tooltip:after, .financialchart-content.s--full .d-m-1-c .toolbar__tooltip:after {
        rotate: 270deg;
        top: 75%;
        left: -10px;
    }

    .financialchart-content .toolbar__tooltip.left--t:after {
        rotate: 270deg;
        top: 90%;
    }

    .financialchart-content .toolbar__tooltip:before, .toolbar__tooltip:after {
        display: none;
        pointer-events: none;
        position: absolute;
        z-index: 99999;
    }

.financialchart-content .toolbar__button:hover .toolbar__tooltip:before, .financialchart-content .toolbar__button:hover .toolbar__tooltip:after {
    display: block;
}

.financialchart-content .toolbar__button.r-15:hover .toolbar__tooltip:before{
    right:-15px
}
.financialchart-content .toolbar__button.r-30:hover .toolbar__tooltip:before {
    right: -30px
}
.financialchart-content .toolbar__button.r-45:hover .toolbar__tooltip:before {
    right: -45px
}

.financialchart-content .toolbar__tooltip--fullscreen:before {
    display: none;
}

.financialchart-content .toolbar__tooltip--fullscreen:after {
    display: none;
}
/* --------end tooltip--------*/
.financialchart-content .fs-600 {
    font-weight:600;
}
.financialchart-content.wrapper--fullscreen, .financialchart-content.s--full {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1047;
    background-color: #F7F8FA;
    margin: 0px;
}
.financialchart-content .d-m-limit {
    border-right: solid 1px #ddd;
    margin: 0px 7px;
}
.financialchart-content .d-m-limit--v1 {
    border-right: solid 1px #ddd;
    margin: 7px;
    position: absolute;
    right: -8px;
    top: 0px;
    height: 35%;
}
.financialchart-content a:hover, .financialchart-content a:focus, .financialchart-content a:active {
    text-decoration: none;
}
.financialchart-content .cl-orange {
    color: #8a6d3b;
}
.financialchart-content .cl-red {
    color: red;
}
.financialchart-content .cl-white {
    color: white;
}
.financialchart-content .cl-f0 {
    color: #f0f0f0;
}
.financialchart-content .cl-d {
    color: #1C579B;
}
.financialchart-content .cusor-p {
    cursor:pointer;
}
.financialchart-content .p-d04 {
    padding:0px 4px;
}
.financialchart-content .b-r {
    border-right: solid 1px #ddd;
    padding: 0;
}
.financialchart-content .b-td {
    border-top: dashed 1px #ddd;
}
.financialchart-content .m-b0 {
    margin-bottom: 0px;
}
.financialchart-content .p-0 {
    padding: 0px!important;
}
.financialchart-content .p-03 {
    padding: 0px 3px!important;
}
.financialchart-content .mt-0 {
    margin-top: 0px!important;
}
.financialchart-content .e-none{
    display:none;
}
.financialchart-content .e-action {
    /*cursor: pointer;*/
    color: #0b5495;
}
    .financialchart-content .e-action.active {
        background-color: #e1f5fe;
        color: white!important;
        background-size: 100%;
        transition: background 0s;
    }
.financialchart-content {
    position: relative;
    padding-bottom: 20px;
}
    .financialchart-content .d-icon-tag-add {
        cursor: pointer;
        padding: 10px 25px 10px 10px !important;
    }
.financialchart-content .p-l-0{
    padding-left:0px!important;
}
.financialchart-content .m-l-1r {
    margin-left: 1rem;
}
.financialchart-content .m-l-025r {
    margin-left: 0.25rem;
}
.financialchart-content .m-t-3 {
    margin-top: 3px;
}
    .financialchart-content .d-m-1 {
        display: flex;
        flex-direction: row;
        position: relative;
        padding: 0px 7px;
        float: left;
        padding-right: 0px;
    }
    .financialchart-content .d-m-2 {
        display: flex;
        flex-direction: row;
        position: relative;
        padding: 0px 8px;
        float: left;
        padding-left: 0px;
    }
    .financialchart-content .d-m-3 {
        float: left;
        display: flex;
        flex-direction: row;
        position: relative;
    }
.financialchart-content label.d-title-detail {
    padding: 0 10px !important;
    margin-bottom: 0px !important;
}
.financialchart-content .d-m-1-c {
    display: flex;
    align-items: center;
}
    .financialchart-content label {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 200;
    }
        .financialchart-content label.change-object--label {
            margin-bottom: 10px;
            color: #0b5495;
        }
.financialchart-content .btn-icon {
    padding: 0px 5px;
}
.financialchart-content .d-m-1-c1-group.active {
    background-color: #e1f5fe;
    color: #0b5495;
}
    .financialchart-content .d-m-1-c1-box {
        display: none;
        top: 50px;
        background: white;
        width: 200px;
        position: absolute;
        left: auto;
        right: 0px;
        background-color: #fff;
        border-radius: 3px;
        z-index: 10;
        box-shadow: 1px 3px 5px #0c0b0b59;
        padding: 10px;
        color: #333;
    }
    .financialchart-content .d-m-1-c1-box.show {
        display: block;
    }
    .financialchart-content .d-m-1-c1-box--control {
        display: none;
        top: 50px;
        background: white;
        width: 275px;
        position: absolute;
        left: 0px;
        right: auto;
        background-color: #fff;
        border-radius: 3px;
        z-index: 9998;
        box-shadow: 1px 3px 5px #0c0b0b59;
        padding: 0px;
    }
        .financialchart-content .d-m-1-c1-box--control::after {
            content: " ";
            top: -12px;
            border-width: 6px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
            pointer-events: none;
            position: absolute;
            z-index: 10;
            transform: rotate(180deg);
            left: 7%;
        }
        .financialchart-content .d-m-1-c1-box--control .detail--box.detail-box--body {
            overflow: auto;
        }
        .financialchart-content .d-m-1-c1-box--control label {
            color: #333;
            display: flex;
            font-weight: 600;
            margin-bottom: 3px;
            padding: 0 12px;
        }
            .financialchart-content .d-m-1-c1-box--control label .dashboar--name
            {
                width:80%;
            }
            .financialchart-content .d-m-1-c1-box--control label .dashboar--name img{
                margin-bottom: 4px;
                margin-left: 5px;
            }
            .financialchart-content .d-m-1-c1-box--control label span {
                font-weight: 200;
            }
        .financialchart-content .d-m-1-c1-box--control hr {
            margin: 0px;
        }
    .financialchart-content .d-m-1-c1-box--control.show {
        display: block;
    }
        .financialchart-content .d-m-1-c1-box--control .icon-l15 {
            position: relative;
            padding: 4px;
        }
        .financialchart-content .d-m-1-c1-box--control .icon-l15 .img-m-1-c1 {
            height: 22px;
            width: 22px;
        }
        .financialchart-content .d-m-1-c1-box--control .icon-l5 {
            position: relative;
            padding: 4px;
        }
        .financialchart-content .d-m-1-c1-box--control .icon-l5 .img-m-1-c1 {
            height: 22px;
            width: 22px;
            margin-top: -5px;
        }
        .financialchart-content .d-m-1-c1-box--control .span-text {
            font-weight: 500;
            width: 90%;
        }
    .financialchart-content .detail--box hr.d-title-hr {
        margin: 0px 15px 0px 15px;
    }
    .financialchart-content .d-m-1-c {
        white-space: nowrap;
        position: relative;
        border-radius: 2px;
        color: #333;
        padding: 8px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin: 2px 0px;
    }
    /*.financialchart-content .select--icon:before {
        border: 4px solid #0000;
        border-top-color: #51585e;
        content: "";
        margin-left: 0;
        margin-top: -4px;
        position: absolute;
        right: 8px;
        top: 55%;
        height: 32px;
    }*/
    .financialchart-content .select--icon:hover:before {
        border-top-color: #fff;
    }
    .financialchart-content .d-m-1-c.bd-0 {
        border: none;
    }
    .financialchart-content .img-m-1-c1 {
        margin-top: -8px;
        
    }
    .financialchart-content .img-m-1-c1, .financialchart-content .img-m-1-zoom {
        height: 20px;
        width: 20px;
    }
        .financialchart-content .img-m-1-c1.chart--view {
            height: 15px;
            width: 15px;
            margin-top: -3px;
        }
    .financialchart-content .img-m-1-share {
        height: 18px;
        width: 18px;
        margin-top: -3px;
    }
    .financialchart-content .img-m-1-c0 {
        margin-right: 7px;
        margin-top: -3px;
    }
    .financialchart-content .img-m-1-zoom {
        width: 16px;
        margin-top: -3px;
    }
    .financialchart-content .border-menu-left {
        border-left: solid 1px #ddd;
    }
    .financialchart-content .share-dropdown {
        display: none;
        width: 190px;
        position: absolute;
        top: 40px;
        left: -1px;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 1px 3px 5px #0c0b0b59;
        z-index: 9999;
        color: #4a4e52;
    }
    .financialchart-content .share-dropdown--right {
        left: auto;
        right: 0px;
    }

    .financialchart-content .share-dropdown--small {
        width: 185px;
    }
    .financialchart-content .share-dropdown__body {
        position: relative;
        top: 0px;
        padding-top: 0px;
        max-height: 300px;
        overflow-y: auto;
    }
    .financialchart-content .share-dropdown__item {
        display: flex;
        align-items: center;
        padding: 7px 15px;
        white-space: nowrap;
        position: relative;
        top: 0px;
    }
        .financialchart-content .share-dropdown__item.active {
            background-color: #18A0FB;
        }
        .financialchart-content .share-dropdown__item.active span{
            color: white!important;
        }
    .financialchart-content .share-dropdown__item-img {
        width: 20px;
        margin-top: -2px;
        margin-right: 5px;
    }
    .financialchart-content .share-dropdown__item:hover {
        background-color: var(--itemHoverColor);
    }
.financialchart-content .m-right{
    flex-direction: row-reverse;
}
    .financialchart-content .chart-plus--detail {
        position: absolute;
        display: none;
        top: 25px;
        right: 18px;
        background: white;
        border: solid #ddd 1px;
        width: 165px;
        text-align: left;
        padding: 5px 0px;
        margin-top: 5px;
        z-index: 9;
        border-radius: 10px;
    }
        .financialchart-content .chart-plus--detail.show {
            display: grid!important;
        }
        .financialchart-content .chart-plus--detail span {
            padding: 5px 10px;
            cursor: pointer;
        }
            .financialchart-content .chart-plus--detail span:hover {
                background-color: #18A0FB;
                color:white;
            }
    .financialchart-content .d-icon-tag-select {
        padding: 0px;
        width: 200px;
        cursor: pointer;
    }
    .financialchart-content .select-item:hover, .financialchart-content .select-item.active {
        background-color: #18A0FB !important;
        color: white;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .financialchart-content #d-icon-tag-add.active img {
        content: url('/content/images/chart/adddash-w.svg');
    }
    .financialchart-content #d-icon-tag-select.active img {
        content: url('/content/images/chart/outstanding-w.svg');
    }
    .financialchart-content #click-fullscreen--el.active img {
        content: url('/content/images/chart/small-w.svg');
    }
        /*.financialchart-content .d-icon-tag-select:before {
            border: 4px solid #0000;
            border-top-color: #51585e;
            content: "";
            margin-left: 0;
            margin-top: -4px;
            position: absolute;
            right: 15px;
            top: 55%;
            height: 32px;
        }*/
    .financialchart-content .d-icon-tag-select:hover:before {
        border-top-color: #fff;
    }
    .financialchart-content .d-menu-root {
        height: 40px;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background: white;
        display: flex;
        justify-content: space-between;
    }
    .financialchart-content .d-menu-root .dashboar-label-item:hover .afterIcon {
        opacity: 1;
    }
    /*.financialchart-content .d-menu-root label:hover .afterIcon {
        opacity: 1;
        background-color:red;
    }*/
            .financialchart-content .d-menu-root li.dashboar-type-dashboard:hover {
            background: #ffdead;
        }
        .financialchart-content .d-menu-root ul li {
            padding: 3px;
            cursor: pointer;
            position: relative;
            color: #333;
            display: flex;
        }
        .financialchart-content .d-menu-root ul li.dashboar-type-forder:before{

        }
        .financialchart-content .d-menu-root ul li.dashboar-type-dashboard {
            padding-left: 10px;
        }
            .financialchart-content .d-menu-root ul li.dashboar-type-dashboard img{
                float: right;
                margin: 4px;
            }
        .financialchart-content .d-menu-root ul li label {
            font-weight: 200;
            display: flex;
        }
        .financialchart-content .d-menu-root .dashboar-hover:hover {
            background: #ffdead;
        }
        .financialchart-content .d-menu-root ul li label .dashboar--name{
            width:98%;
        }
.financialchart-content .btn-menu--full {
    display:none;
}
/*dashboar-dialog*/
.financialchart-content .dashboar-dialog {

}
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .c-vst {
        display: none!important;
    }
    .financialchart-content .dashboar-dialog .control-dashboad-chart--save {
        display: none;
    }
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .control-dashboad-chart--save {
        display: block;
        text-align: right;
        padding: 0px 32px 20px 0px;
    }
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .control-dashboad-chart--save button{
        margin-top:5px;
    }
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .dashboar-dialog-group-drop-user {
        height: 405px;
    }
    .financialchart-content .box-content--edit {
        display: none;
        right: 8px;
        float: right;
        position: absolute;
    }
    .financialchart-content .dashboar-type-forder.data--child .box-content--edit {
        right: 33px;
        float: right;
    }
    .financialchart-content .dashboar-dialog-group:hover .box-content--edit {
        display: block;
    }
    .financialchart-content .icon-dashboar--edit {
        display: none;
        position: absolute;
        right: 20px;
        z-index: 9;
    }
    .financialchart-content .dashboar-dialog-group:hover .icon-dashboar--edit {
        display: block;
    }
    .financialchart-content .dashboar-dialog .dashboar-dialog--group {
        display: flex;
    }
    .financialchart-content .dashboar-dialog .dashboar-dialog--group span.plus {
        cursor: pointer;
    }
    .financialchart-content .dashboar-dialog .title-common {
        text-align: left;
        text-transform: uppercase;
    }
    .financialchart-content .dashboar-dialog .content-popup {
        min-height: 450px;
        padding: 10px;
        padding-left: 20px;
    }
    .financialchart-content .dashboar-dialog .modal-content.new--dashboard .content-popup {
        padding: 6px;
        padding-left: 13px;
        padding-top: 18px;
    }
    .financialchart-content .dashboar-dialog .nav.nav-pills {
        position: absolute;
        top: 40px;
        right: 0;
    }
    .financialchart-content .dashboar-dialog .modal-content {
        height: unset !important;
        z-index:9999;
    }
        .financialchart-content .dashboar-dialog .modal-content.new--dashboard {
            height: 105px !important;
            width: 350px;
            border-radius: 0;
        }
            .financialchart-content .dashboar-dialog .modal-content.new--dashboard .content-popup {
                min-height: 60px;
            }
            .financialchart-content .dashboar-dialog .modal-content.new--dashboard .title-header-popup {
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
            }
    .financialchart-content .dashboar-dialog-group {
        position: relative;
        height:30px;
    }
        .financialchart-content .dashboar-dialog-group.active-drop {
            border-top: 1px solid red!important;
        }
        .financialchart-content .dashboar-dialog-group.dashboar-type-forder {
            background-color: #E0F1FF;
            padding: 5px 0px 5px 5px;
            border-bottom: solid 1px #fff;
        }
            .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-hover--parent, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-active {
                background-color: #18A0FB;
                color: white;
            }
                .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-hover--parent label, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-active label, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-hover--parent i.fa, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-active i.fa {
                    color: white;
                }
            .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover {
                background-color: #18A0FB;
                color:white;
            }
                .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover label, .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover i.fa, .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover span.btn-icon {
                    color: white;
                }
                .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover span.afterIcon {
                    padding: 0px 8px;
                }
    .financialchart-content .dashboar-type-dashboard {
        padding: 5px 0px 5px 25px;
        cursor: pointer;
    }
    .financialchart-content .dashboar-dialog-box .dashboar-type-dashboard {
        padding: 5px 0px 5px 35px;
    }
    .financialchart-content .dashboar-dialog-box input {
        border: solid 1px #ddd;
        border-radius: 5px;
        font-size: 12px;
        margin-left: 10px;
    }
    .financialchart-content .dashboar-dialog-box button {
        border-radius: 5px;
        font-size: 12px;
        margin-left: 10px;
        padding: 1px 10px;
    }
    .financialchart-content hr.hr-border--bottom {
        margin: 0 15px;
    }
        .financialchart-content hr.hr-border--bottom.dashboar-hover-hr, .financialchart-content hr.hr-border--bottom.dashboar-active-hr {
            margin: 0;
        }
    /*.financialchart-content .dashboar-type-forder.data--child:hover ~ .dashboar-dialog-group-drop-child:last-child {
        border-bottom: solid 2px #18A0FB;
    }
    .financialchart-content .dashboar-type-forder.data--child:hover ~ .dashboar-dialog-group-drop-child {
        background-color: #eee;
        border-left: solid 2px #18A0FB;
        border-right: solid 2px #18A0FB;
    }*/
    .financialchart-content .dashboar-dialog-group-drop-child.dashboar-hover--child, .financialchart-content .dashboar-dialog-group-drop-child.dashboar-active--child {
        background-color: #eee;
    }
        .financialchart-content .dashboar-type-dashboard::after {
            content: '';
            position: absolute;
            top: 7px;
            width: 10px;
            height: 3px;
            background-color: white;
            padding: 6px;
            border: 1px solid #ddd;
            border-radius: 50%;
            left: 13px;
        }
    .financialchart-content .dashboar-type-dashboard.active .dashboar-label-item::after {
        content: '';
        position: absolute;
        top: 10px;
        width: 8px;
        height: 4px;
        background-color: #18A0FB;
        padding: 1px;
        border: 3px solid #18A0FB;
        border-radius: 50%;
        z-index: 99;
        left: 16px;
    }
        .financialchart-content .dashboar-type-dashboard label {
            cursor: pointer;
        }
    .financialchart-content .dashboar-dialog-group-drop-child .dashboar-type-dashboard {
        padding-left: 12px;
        border-left: solid 1px rgba(25, 115, 237, 0.2);
        padding-top: 5px;
        padding-bottom: 5px;
        display: flex;
    }
    .financialchart-content .dashboar-dialog-group-drop-child .dashboar-type-dashboard.active {
        border-left: solid 1px #1973ed;
    }
    .financialchart-content .box-dashboad {
        position: absolute;
        top: 2px;
        right: 22px;
    }
    .financialchart-content .dashboar-dialog .dashboar-dialog-group-drop, .financialchart-content .dashboar-dialog .dashboar-dialog-group-drop-user {
        height: 174px;
        overflow: auto;
        padding: 0px;
    }
    .financialchart-content .afterIcon {
        flex-shrink: 0;
        margin: 0px 4px;
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        transition: opacity 0.3s ease-out;
    }
    .financialchart-content .dropIcon {
        flex-shrink: 0;
        margin: 0px;
        cursor: pointer;
        transition: opacity 0.3s ease-out;
    }
    .financialchart-content .dashboar-dialog li:hover .afterIcon {
        display: inline-block;
        flex-shrink: 0;
        margin: 0px 4px;
        background: url(/content/images/chart/pen.svg);
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        transition: opacity 0.3s ease-out;
        opacity: 1;
    }
    .financialchart-content .dashboar-dialog li li:hover .dropIcon {
        opacity: 1;
    }
    .financialchart-content .d-menu-root .dashboar-label-item:hover .dropIcon {
        opacity: 1;
    }
    .financialchart-content .dashboar-dialog .ul-click-afterIcon {
        position: absolute;
        top: 3px;
        background: white;
        right: 10%;
        font-size: 12px;
        border: solid 1px blue;
        padding: 5px;
        z-index: 999;
    }
    .financialchart-content .dashboar-dialog li li:hover .afterIcon {
        opacity: 1;
    }
    .financialchart-content .dashboar-dialog .ul-click-afterIcon{
        display:none;
    }
    .financialchart-content .dashboar-dialog .ul-click-afterIcon.show {
        display: block;
    }
        .financialchart-content .dashboar-dialog .ul-click-afterIcon li:hover {
            background: #ffdead;
        }
    .financialchart-content .dashboar-dialog-control {
        display: none;
        position: absolute;
        top: 2px;
        left: 14px;
        background: white;
        z-index: 998;
        width: 89%;
    }
        .financialchart-content .dashboar-dialog-control input {
            width: 100%;
            background-color: transparent;
            border: 1px solid #1973ed;
            outline: none;
            color: #333;
            font-size: 16px;
        }
            .financialchart-content .dashboar-dialog-control input:focus-visible {
                border: 1px solid #1973ed;
                outline: none;
            }
        .financialchart-content .dashboar-dialog-control .dashboar-dialog-a {
            position: absolute;
            right: 13px;
            top: 2px;
            padding: 0px 2px;
            border: unset;
            background: white;
            color: #333;
        }
        .financialchart-content .dashboar-dialog-control .dashboar-dialog-a i.fa-save{
            color:unset!important;
        }
        .financialchart-content .drop {
            box-shadow: 1px 3px 5px #08500d52;
        }
    .financialchart-content .dashboar-dialog-savePos, .financialchart-content .dashboar-dialog-savePos-child {
        display: none;
        position: absolute;
        top: 4px;
        right: 5px;
    }
    .financialchart-content .drop .dashboar-dialog-savePos {
        display: block;
    }
    .financialchart-content .dashboar-hover:hover .e-none{
        display:block;
    }
    .financialchart-content .d-title-detail {
        padding: 10px;
    }
    .financialchart-content .d-title-detail:hover span {
        color:white;
    }
/*end dashboar-dialog*/
/* toast */
.toast-heatmap {
    background-color: #f5fff9;
    border: 1px solid #7ec747;
    width: 240px;
    position: fixed;
    right: 5px;
    top: 10px;
    border-radius: 5px;
    box-shadow: 1px 3px 5px #08500d52;
    cursor: default;
    z-index: 160;
    display: none;
}

.toast-heatmap__ico-close {
    position: absolute;
    right: 4px;
    top: 2px;
    color: #7a7575;
    font-size: smaller;
    padding: 0px 2px;
}

    .toast-heatmap__ico-close:hover {
        background-color: #fbfbfb;
    }

.toast-heatmap__body {
    padding: 10px 0px;
    text-align: center;
}

.toast-heatmap__msg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast-heatmap__msg-icon {
    font-size: 25px;
    margin-right: 15px;
    color: #386c22;
}

.toast-heatmap__msg-text {
    color: #255a0e;
    font-weight: 600;
    font-size: 13px;
}
/* end toast */
/*popup add chart*/
.financialchart-content .body-popup button.close {
    padding-right: 15px;
    font-size: 29px;
    color: red;
    opacity: 1;
}
.financialchart-content .box-content {
    padding: 7px 0px;
    padding-top: 20px;
    background: white;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.financialchart-content .popup-search-input {
    border-bottom: solid 1px #ddd;
    font-size: 16px;
}
.financialchart-content .left-popup {
    width: 21.6%;
    float: left;
    border-radius: 5px;
    height: 100%;
    background-color: #E0F1FF;
}
.financialchart-content .search-input-container-input--groud {
    display: flex;
    border: solid 1px #f0f0f0;
}
.financialchart-content .popup-search-input--change {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.financialchart-content .change--object {
    position: absolute;
    left: 40%;
    z-index: 99999;
    top: 90px;
    width: 25%;
    display: none;
}
.financialchart-content .control-popup-button--left, .financialchart-content .control-popup-button--right {
    display: none;
}
.financialchart-content .right-popup {
    width: 78%;
    float: left;
    position: relative;
    background: white;
    z-index: 9999;
    margin-left: 5px;
    border-radius: 5px;
    height: 100%;
    padding: 0px 6px;
}
.filter-group-row {
    display: grid;
}
.filter-label-info {
    grid-column-start: 1;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.filter-select-info {
    grid-column-start: 1;
    display: flex;
}
.filter-select-info--detail {
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 6px 10px;
    cursor: default;
}
.filter-span-active--icon {
    position: absolute;
    right: 5px;
    padding: 5px 7px;
    top: 5px;
    color: #767673;
    font-size: 11px;
}
.filter-select-data--list {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 10;
    width: 101%;
    left: -1px;
    top: 33px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 3px;
    box-shadow: 1px 3px 5px #0c0b0b59;
}
.filter-select--active {
    background-color: #fff3d0;
}
.financialchart-content .filter-select-data-group {
    border-bottom: solid 1px #fafafa;
    display: inline-block;
    width: 100%;
}
.financialchart-content .filter-select-data-group--name {
    padding: 7px 20px;
    background: #F8F9FB;
    font-weight: 600;
    width: 100%;
}

.filter-select-data-list--item {
    padding: 5px;
    font-size: 11px;
    color: #3f4040;
    cursor: default;
    text-align: center;
}
.filter-select-data-list--item.active {
    background-color:white;
}
.filter-select-data--tab {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 10;
    left: -1px;
    top: 32px;
    padding: 10px;
    width: 100%;
}
    .filter-select-data--tab .tab-Detail {
        height: 200px;
        overflow: auto;
        border: solid 1px #ddd;
        border-top: solid 1px #18A0FB;
    }
.js-in-filter-select-type--event {
    width: 100px;
    display: flex;
}
.tab-menuLS .swiper-button-next, .tab-menuLS .swiper-button-prev {
    width: 37px;
    height: 37px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background: #fff;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-left: 7px;
    cursor: pointer;
}

.tab-menuLS .swiper-button-disabled.swiper-button-prev:before {
    border-color: #cfcfcf;
}

.tab-menuLS .swiper-button-prev:before {
    transform: rotate(-135deg);
    position: relative;
}

.tab-menuLS .swiper-button-next:before {
    transform: rotate(45deg);
}

.tab-menuLS .swiper-button-next:before, .tab-menuLS .swiper-button-prev:before {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #cfcfcf;
    border-right: 2px solid #cfcfcf;
}

.tab-menuLS .swiper-button-next {
    bottom: 1px;
    margin-top: 0px;
    right: -15px !important;
    top: unset;
    border: solid 1px #cfcfcf;
}

.tab-menuLS .swiper-button-prev {
    bottom: 1px;
    margin-top: 0px;
    right: 10px!important;
    left: auto;
    top: unset;
}

.tab-menuLS .swiper-container {
    margin: 10px 33px 0px 0px;
}

.tab-menuLS {
    align-items: center;
    position: relative;
}

    .tab-menuLS .swiper-slide {
        display: block;
        width: auto !important;
        margin-right: 8px;
    }

    .tab-menuLS .swiper-container-horizontal .swiper-slide a {
        display: block;
    }

    .tab-menuLS a:last-of-type {
        margin-right: 0;
    }

    .tab-menuLS .swiper-slide a {
        border-radius: 3px;
        font-size: 16px;
        line-height: 16px;
        padding: 5px;
        border: none;
    }

    .tab-menuLS .widget-title {
        margin-bottom: 10px;
        margin-top: 0px;
    }
.tab-menuLS {
    align-items: center;
    position: relative;
}

    .tab-menuLS .swiper-slide {
        display: block;
        width: auto !important;
        margin-right: 8px;
    }

    .tab-menuLS .swiper-container-horizontal .swiper-slide a {
        display: block;
    }

        .tab-menuLS .swiper-container-horizontal .swiper-slide a.active, .tab-menuLS .swiper-container-horizontal .swiper-slide a:hover {
            border-bottom: solid 2px #18A0FB;
            border-radius: unset;
            font-weight:bold;
        }

    .tab-menuLS a:last-of-type {
        margin-right: 0;
    }

    .tab-menuLS .swiper-slide a {
        border-radius: 3px;
        font-size: 13px;
        line-height: 16px;
        padding: 5px;
        color: #999;
    }

    .tab-menuLS .widget-title {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.categori-title {
    height: auto !important;
}

.tab-menuLS .swiper-button-next, .tab-menuLS .swiper-button-prev {
    width: 26px;
    height: 26px;
    border: unset;
    background: #fff;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
    cursor: pointer;
}

.tab-menuLS .swiper-button-disabled.swiper-button-prev:before {
    border-color: #cfcfcf;
}

.tab-menuLS .swiper-button-prev:before {
    transform: rotate(-135deg);
    position: relative;
}

.tab-menuLS .swiper-button-next:before {
    transform: rotate(45deg);
}

.tab-menuLS .swiper-button-next:before, .tab-menuLS .swiper-button-prev:before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
}

.tab-menuLS .swiper-button-next {
    bottom: 1px;
    margin-top: 0px;
    right: -8px !important;
    top: unset;
    border: unset;
    z-index: 9;
}
.tab-menuLS .swiper-button-prev {
    bottom: 1px;
    margin-top: 0px;
    top: unset;
}
.tab-menuLS .swiper-button-next:hover:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}
.tab-menuLS .swiper-button-prev:hover:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}
.financialchart-content .control-detail-span--typeTime {
    display: none;
}
/*.tab-menuLS .wrap-button-scroll:before {
    content: '';
    width: 10px;
    height: 28px;
    position: absolute;
    right: 75px;
    top: 0px;
    background: linear-gradient(270deg,#fafafa -4.17%,rgba(255,255,255,0) 98.96%);
    z-index: 9;
}*/
.financialchart-content .dropdown-menu > .active > a > span, .financialchart-content .dropdown-menu > .active > a:hover > span, .financialchart-content .dropdown-menu > .active > a:focus > span {
    color: white !important;
}
.financialchart-content .search-input-container {
    overflow: unset !important;
    position: relative;
    margin: 0;
    height: auto;
    box-shadow: unset;
}
.financialchart-content .search-input-container--groud {
    overflow: unset !important;
    margin: 0;
    height: auto;
    box-shadow: unset;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
}
    .financialchart-content .search-input-container--groud  .filter-select-data--tab {
        padding:0px;
    }
        .financialchart-content .search-input-container--groud .filter-select-data--tab .tab-menuLS {
            margin: 0px 10px;
        }
        .financialchart-content .search-input-container--groud .filter-select-data--tab .tab-Detail {
            border-top: solid 1px #ddd;
            padding: 0px;
        }
.financialchart-content #search-icon {
    margin-top: 0px;
    margin-left: 0px;
}
.financialchart-content .search-data-result-group {
    position:relative;
}
    .financialchart-content .search-data-result-group .group-object {
        position:absolute;
        left:0px;
        top:10px;
    }
    .financialchart-content .search-data-result-group .search-data-result-group .group-object {
        left: 5px;
    }
    .financialchart-content .search-data-result-group .search-data-result-group .search-data-result-group .group-object {
        left: 10px;
    }
    .financialchart-content .search-data-result-group .search-data-result {
        padding-left: 20px;
    }
.financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group {
    display: none;
    padding-left: 5px;
}
    .financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group .search-data-result-group {
        display: none;
        padding-left: 5px;
    }
    .financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group .group-object {
        padding-left: 5px;
    }
    .financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group .search-data-result-group .group-object {
        padding-left: 5px;
    }
.financialchart-content span.js-in-filter {
    display: flex;
    align-items: center;
}
.financialchart-content .is-show {
    display: block;
}
.financialchart-content .is-hide {
    display: none;
}
.financialchart-content .search-data-result {
    border-top: 1px dashed #fafafa;
    padding: 5px 10px;
    display: flex;
}
    .financialchart-content .search-data-result.block {
        opacity:0.7;
    }
    .financialchart-content .search-data-result img, .financialchart-content .filter-select-data-list--item img {
        margin-left: 25px;
    }
    .financialchart-content .search-data-result.active {
        background-color: #fff3d0;
    }
.financialchart-content .child-by--catid .search-data-result, .financialchart-content .child-by--catid .search-data-result span{
    width:100%;
}
.financialchart-content .search-data-result:hover {
    background-color: #fff3d0;
    cursor: pointer;
}
.financialchart-content .label-name-detail{
    padding-left:40px;
}
.financialchart-content .label-name {
    width:10%;
}
.financialchart-content .label-name-detail {
    width: 90%;
}
.financialchart-content .label-name-full {
    width: 90%;
    padding-top: 0px;
    font-weight: 600;
}
.financialchart-content .detail-data-result {
    display: flex;
    flex-direction: column;
    background: #F7F8FA;
    margin: 10px 15px;
    border-radius: 6px;
    border: 1px solid #fafafa;
}
    .financialchart-content .detail-data-result.active {
        border: 1px solid #1973ed;
    }
    .financialchart-content .detail-data-result:hover {
        border: 1px solid #1973ed;
    }
    .financialchart-content .detail-data-result .detail-data-result--object {
        display: flex;
        padding: 15px;
    }
    .financialchart-content .detail-data-result .detail-data-result--target{
        display:none;
    }
    .financialchart-content .detail-data-result.open .detail-data-result--target {
        display: block;
    }
.financialchart-content .right-content-header--control {
    padding: 20px 0px;
}
.financialchart-content .targets-content--detail {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 99999;
    left: 35%;
    top: 0px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 6px;
    box-shadow: 1px 3px 5px #0c0b0b59;
    width: 38%;
}
.financialchart-content .backmenu-chart {
    padding: 3px 4px;
    border: solid 1px #fff;
    border-radius: 16px;
    top: 4px;
    right: 30px;
    position: absolute;
}
.financialchart-content .close-popup-icon-x {
    color: white !important;
    text-decoration: none !important;
    cursor: pointer;
    padding: 0 7px;
    position: absolute;
    top: 4px;
    right: 4px;
    border: unset;
    font-size: 20px;
}
.financialchart-content #div-norm-items {
    height: 400px;
    overflow: auto;
}
.financialchart-content .link-group-norm-item {
    cursor: pointer;
    color: #4a4e52;
}
    .financialchart-content .link-group-norm-item.active, .financialchart-content .link-group-norm-item:hover {
        color: white;
    }
.financialchart-content .financialchart-popup__checkbox {
    transform: scale(1.3);
    margin-right: -5px;
    margin-top: 0px;
    display:none;
}
.targets-content--detail .filter-select-data-list--item {
    color: #3f4040;
}
    .targets-content--detail .filter-select-data-list--item.select-data-list-item--selected {
        background-color: #FFDEAD !important;
        color: #0b5495 !important;
        font-weight: 600;
    }
.targets-content--detail .search-data-result-group .group-object {
    top: 13px;
}
.financialchart-content .filter-select-data--detail {
    overflow: auto;
}
.financialchart-content .w-40 {
    width: 40%;
}
.financialchart-content .w-20 {
    width: 20%;
}
.financialchart-content .filter-group-target--detail {
    border-top: 1px dotted #8db4e2;
}
.financialchart-content #div-norm-items .filter-select-data-list--item {
    text-align: left;
    margin: 5px 10px;
    padding: 5px 0px;
    display: flex;
    align-items: center;
    width: 74%;
    float: left;
    cursor: pointer;
}
    .financialchart-content #div-norm-items .filter-select-data-list--item.filter-only--per {
        width: 8%;
        float: left;
        text-align: left;
    }
    .financialchart-content #div-norm-items .filter-select-data-list--item:hover {
        background-color: #ffdead;
    }
    .financialchart-content #div-norm-items .filter-select-data-list--item label {
        padding-left: 1rem;
        width: 100%;
        cursor: pointer;
    }
.financialchart-content .filter-time-detail--box {
    border: 1px solid #8db4e2;
    border-radius: 10px;
    padding:10px;
}
.financialchart-content .title-header-popup {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #18A0FB;
    position: relative;
    background: #18A0FB;
    color: white;
    font-size: 13px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.financialchart-content .filter-targets-info {
    padding: 0px 15px;
}
.financialchart-content .filter-targets-group--list {
    /*position:relative;*/
}
.financialchart-content .filter-targets-group-list--scroll {
    height: 100%;
    border-top: dashed 1px #ddd;
    margin-top: 5px;
}
    .financialchart-content .filter-targets-group-list--scroll .filter-targets-group {
        margin-top: 3px;
        margin-bottom: 15px;
    }
.financialchart-content .filter-targets-group--list i {
    color: gray;
    border-radius: 20%;
    font-size: 14px;
}
.financialchart-content .filter-targets-group--target {
    display: flex;
    position: relative;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
    .financialchart-content .filter-targets-group--target .filter-targets-group-target-box--option {
        width: 200px;
        position: absolute;
        background-color: white;
        left: 0%;
        padding: 5px 0px;
        display: none;
        z-index: 99999991;
        text-align: center;
        font-size: 14px;
        top: -79px;
        border: solid 1px #ddd;
        border-radius: 10px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2)
    }
    .financialchart-content .filter-targets-group--target p {
        margin-bottom: 0px;
        width: 70%;
    }
.financialchart-content .filter-save-info {
    padding: 10px;
}
    .financialchart-content .filter-save-info .filter-save-info--template {
        border: 1px solid #8db4e2;
        border-radius: 10px;
        padding: 10px;
        position: relative;
        display:flex;
    }
        .financialchart-content .filter-save-info .filter-save-info--template .btn-primary {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }
#add-newchart-popup {
    z-index: 1041;
    top: 87px;
    height: 100%;
}
.financialchart-content .general-markets__chart-expand-button {
    padding: 0px 4px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.financialchart-content .general-markets__chart-expand-img {
    width: 22px;
    height: unset;
    max-width: unset;
    max-height: unset;
}
.financialchart-content .filter-targets-group-target-box-option--type-child {
    padding: 0px 10px;
    margin: 0px 0px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    cursor: pointer;
    display: flex;
}
    .financialchart-content .filter-targets-group-target-box-option--type-child img{
        width:20px;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child span {
        padding:5px;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child:hover {
        background: #18A0FB;
        color: white;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child.active {
        background: #18A0FB;
        color: white;
    }
.financialchart-content span.filter-targets-group-target-box-option--cancel {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    font-size: 18px;
    display: none;
}
.financialchart-content .color-target {
    width: 15px;
    cursor: pointer;
}
.financialchart-content #financestatic-chart {
    height: 100%;
    width:100%;
}
.financialchart-content .target-object--button {
    display:flex;
}
    .financialchart-content .target-object--button a {
        border: solid 1px #ddd;
        margin-left: 5px;
        padding: 0px;
        color: #18A0FB;
        background: white;
    }
        .financialchart-content .target-object--button a.target-object-button-option--click, .financialchart-content .target-object--button a.btn-target--click {
            width: 22px;
            height: 22px;
        }
.right-popup .popup-search-input {
    border: solid 1px #ddd;
    border-radius: 5px;
    font-size: 16px;
    width: 98%;
    height: 30px;
    margin-left: 0px;
    padding: 0 10px;
}
.financialchart-content .content-chart--zoom .right-content-header-control--detail {
    padding: 10px 5px;
}
.header-control-detail--right .control-detail-btn--item.active span {
    color: white;
}
.header-control-detail--right .control-detail-btn--item .share-dropdown__body span {
    color:#333;
}
.financialchart-content .right-content-header-control--detail {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
    .financialchart-content .right-content-header-control--detail .header-control-detail--right {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        width: 20%;
        justify-content: flex-end;
    }
        .financialchart-content .right-content-header-control--detail .header-control-detail--right .control-detail-btn--item {
            padding: 4px 2px;
            background-color: white;
            width: 30px;
            text-align: center;
            cursor: pointer;
            opacity: 1;
            border-radius: 5px;
        }
            .financialchart-content .right-content-header-control--detail .header-control-detail--right .control-detail-btn--item span
            {
                padding: 0 3px;
            }
        .financialchart-content .right-content-header-control--detail .header-control-detail--right .btn-item-span--exit {
            font-size: 13px;
            color: red;
            opacity: 1;
        }
    .financialchart-content .right-content-header-control--detail .control-detail--input {
        height: 30px;
        border-radius: 4px;
        width: 200px;
        position: relative;
        float: left;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-input--btn {
        position: absolute;
        top: 1px;
        right: 7px;
        height: 93%;
        width: 10%;
        background: white;
        padding-left: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 215px;
        float: left;
        display: flex;
    }
        .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
            position: absolute;
            right: 13px;
            top: 8px;
            padding: 0px;
            border: none;
            background-color: unset;
        }
.financialchart-content span.input-group-addon-icon {
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 0px;
}
.financialchart-content .active span i.fa.fa-calendar {
    color: #fff;
}
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        float: left;
    }
.financialchart-content .right-content-header-control--detail .control-detail-btn--item {
    padding: 4px 6px;
    background: white;
    width: 36px;
    text-align: center;
    cursor: pointer;
    color: #333;
    border: solid 1px #ddd;
    border-radius: 5px;
}
        .financialchart-content .right-content-header-control--detail .control-detail-btn--item:hover {
            opacity: 1;
            background-color: #18A0FB;
            color: white;
        }
    .financialchart-content .right-content-header-control--detail .control-detail-group--btn .control-detail-btn--item {
        padding: 4px 0px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item.active {
        opacity: 1;
        background-color: #18A0FB;
        color:white;
    }
.financialchart-content .right-content-header-control--detail .control-detail--control .control-detail-btn--item {
    opacity: 1;
    color: #333;
    border-radius: 5px;
    border: solid 1px #ddd;
}
.financialchart-content .control-detail--fromto.active input {
    border: 1px solid #18A0FB;
    background: #18A0FB;
    color: #fff;
}
.financialchart-content .control-detail-input--btn .control-detail-input-span.edit img{
    margin-top: 3px;
}
.financialchart-content .control-detail-input--btn .control-detail-input-span.save {
    display: none;
    cursor: pointer;
    color: #01579B;
}
    .financialchart-content .control-detail-input--btn .control-detail-input-span.save .fa-check {
        background: #0FA958;
        color: white;
        padding: 2px;
        border-radius: 50%;
        margin-top: 5px;
        font-size: 11px;
    }
.financialchart-content .gr-targets-r {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 16px;
    cursor: pointer;
    border-radius: 50%;
    margin: 3px 7px;
    border: solid 1px #ddd;
}
    .financialchart-content .gr-targets-r input {
        position: absolute;
        opacity: 0;
    }
.financialchart-content .picker-color .a-color-picker-row input {
    position: unset;
    opacity: unset;
}
.financialchart-content .picker-color input.a-color-picker-clipbaord {
    position: absolute;
    opacity: 0;
}
.financialchart-content .gr-targets-reportTermType select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    margin: 0 5px;
    padding: 2px;
    width: 20px;
}
    .financialchart-content .gr-targets-reportTermType select option::before {
        content: attr(data-abbreviation);
        display: none;
    }
.financialchart-content .gr-targets-reportTermType--select {
    position:relative;
}
    .financialchart-content .gr-targets-reportTermType--select .gr-targets-reportTermType--label {
        background: white;
        padding: 0px 10px;
        border: solid 1px #ddd;
        text-align: center;
        margin-right: 3px;
    }
    .financialchart-content .gr-targets-reportTermType--select .gr-targets-reportTermType--label.hide-info {
        display:none
    }
.financialchart-content .reporttermtype-list {
    display: none;
    position: absolute;
    top: 30px;
    right: -81px;
    background: white;
    border: solid 1px #ddd;
    color: #333;
    z-index: 9999999999999999999999;
    border-radius: 5px;
    width: 204px;
}
    .financialchart-content .reporttermtype-list .reporttermtype-list--item {
        cursor: pointer;
        float: left;
        width: 30%;
        text-align: center;
        padding: 5px 4px;
        margin-left: 5px;
        border-radius: 5px;
        background: #F7F8FA;
        margin-top: 5px;
        margin-bottom: 5px;
    }
        .financialchart-content .reporttermtype-list .reporttermtype-list--item:hover {
            background: #18A0FB;
            color:white;
        }
.financialchart-content .select-edit {
    background: #18A0FB!important;
    color: white;
}
.financialchart-content .gr-targets-d span{
    position:relative;
}
    .financialchart-content .gr-targets-d span:before {
        right: -48px;
    }
    .financialchart-content .gr-targets-d span:after {
        right: -15px;
    }
    .financialchart-content .gr-targets-d span i {
        padding: 2px;
        font-size: 18px;
    }
.financialchart-content .target-object-button--option {
    display:none;
}
    .financialchart-content .target-object-button--option .target-object-button-option--show {
        width: 170px;
        position: absolute;
        right: 0px;
        background: white;
        border: solid 1px #ddd;
        text-align: left;
        z-index: 99999991;
        padding: 8px 0px;
        border-radius: 10px;
        height: 130px;
        display: grid;
    }
    .financialchart-content .target-object-button--option a {
        border: unset;
        padding: 5px 10px;
        cursor: pointer;
        color: #333;
        margin-left:0px;
    }
        .financialchart-content .target-object-button--option a:hover {
            color: white;
            background-color: #18A0FB;
        }
.financialchart-content hr.target-object-button-option--hr {
    margin: 5px 10px;
    border-top: 1px dotted #ddd;
}
    .financialchart-content hr.target-object-button-option--hr.style--to {
        width: 85%;
        margin-bottom: 5px;
    }
.financialchart-content .filter-footer-select--Object {
    padding-top: 10px;
}
.financialchart-content .filter-footer-select--Object button.btn{
    color: #18A0FB;
    border: solid 1px #18A0FB;
    border-radius: 6px;
    float: right;
    background-color: white;
}
    .financialchart-content .filter-footer-select--Object button.btn:hover, .financialchart-content .filter-footer-select--Object button.btn:focus, .financialchart-content .filter-footer-select--Object button.btn.focus {
        color: #18A0FB;
        text-decoration: unset;
    }
.financialchart-content .modal-content {
    border-radius: 10px;
    border: unset;
    border: 1px solid #e1e1e1;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.financialchart-content .control-detail--fromto input {
    width: 110px;
    border: solid 1px #ddd;
    background: #fff;
    padding: 4px 5px;
    border-radius: 5px;
    padding-right: 15px;
}
    .financialchart-content .control-detail--fromto input:focus-visible, .financialchart-content .control-detail--fromto input:focus {
        border: 1px solid #1973ed;
    }
.financialchart-content .item-Detail-dropdown__columns-group-info {
    padding: 7px 10px;
    font-weight: bold;
    background-color: #F7F8FA;
    cursor: default;
}
.financialchart-content .item-Detail-dropdown__columns-items-wrap {
    padding: 0 10px;
    display: none;
}
.financialchart-content .item-Detail-dropdown__columns-items-wrap.show {
    display: block;
}
.financialchart-content .item-Detail-dropdown__columns-group-btn-arrow {
    display: block;
    float: right;
    cursor: pointer;
    width: 15px;
    height: 20px;
    color: #333;
    font-size: 23px;
    margin-top: -3px;
}
.financialchart-content .dashboar-type-forder .item-Detail-dropdown__columns-group-btn-arrow {
    position: absolute;
    top: 2px;
    right: 12px;
}
.financialchart-content .js-in-filter-select-type--event input {
    cursor: pointer;
    margin-top: 0px;
}
.financialchart-content .control-btn-extend--filter {
    display: none;
}
/*end popup add chart*/
/*list chart*/
.financialchart-content .chart-detail-item--chart {
    padding: 10px;
    width: 32.3%;
    height: 390px;
    text-align: center;
    float: left;
    margin-right: 1%;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 7px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
    background: white;
}
    .financialchart-content .chart-detail-item--chart:hover {
        border: 1px solid #1973ed;
    }
    .financialchart-content .chart-detail-item--chart .chart-detail-item-chart--control {
        display: none;
        position: absolute;
        top: 6px;
        border-radius: 10px;
        right: 6px;
        padding: 3px 10px;
        background: #f0f0f0;
        z-index: 998
    }
    .financialchart-content .chart-detail-item--chart:hover .chart-detail-item-chart--control {
        display: flex;
    }
    .financialchart-content .chart-detail-item--chart span.excel {
        cursor: pointer;
    }
    .financialchart-content .chart-detail-item--chart span.zoom, .financialchart-content .chart-detail-item--chart span.plus {
        cursor: pointer;
        padding-left: 8px;
    }
    .financialchart-content .chart-detail-item--chart span.delete {
        cursor: pointer;
    }
.financialchart-content .financestatic-chart--zoom .item-chart-control--plus {
    cursor: pointer;
    padding-left: 10px;
}
.financialchart-content .fa-1x {
    margin-top: 0px
}
.financialchart-content .filter-time-info {
    padding: 5px 10px;
    border-top: 1px dotted #8db4e2;
}
.financialchart-content .highcharts-container {
    background: unset;
}
   /* .financialchart-content .highcharts-container .highcharts-series:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/content/images/vietstock_60.png) no-repeat center center;
        opacity: 0.3;
        z-index: -1;
    }*/
.financialchart-content .content-chart--zoom {
    display: none;
    position: fixed;
    z-index: 1054;
    inset: 0px;
}
    .financialchart-content .content-chart--zoom .content-chart-zoom--view {
        height: 100%;
        width: 100%;
        min-width: calc(-70px + 100vw);
        /*min-height: calc(-100px + 100vh);*/
        background-color: #fafafa;
        transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        border-radius: 4px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        background-image: none;
        margin: 32px;
        /*position: relative;*/
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        max-height: calc(100% - 64px);
        max-width: 600px;
    }
        .financialchart-content .content-chart--zoom .content-chart-zoom--view .content-chart-zoom-view--chart {
            height: 100%;
        }
        .financialchart-content .content-chart--zoom .content-chart-zoom--view button.close {
            position: absolute;
            top: 5px;
            right: 12px;
            font-size: 30px;
        }
        .financialchart-content .content-chart--zoom .content-chart-zoom--view .financestatic-chart--zoom hr{
            margin:0px;
        }
.financialchart-content.wrapper--fullscreen .chart-detail--list, .financialchart-content.s--full .chart-detail--list {
    height: calc(100vh - 75px)!important;
    overflow: auto;
}
.financialchart-content .dimmed {
    opacity: 0.3;
}
.financialchart-content .highlighted {
    opacity: 1 !important;
    font-weight: bold;
}
.financialchart-content .js-in-filter-select-type--event label{
    cursor:pointer;
}
.financialchart-content #d-icon-tag-select {
    width: 100%;
    padding: 6px 17px 6px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    .financialchart-content #d-icon-tag-select:before {
        border: 4px solid #0000;
        border-top-color: #51585e;
        content: "";
        margin-left: 0;
        margin-top: -4px;
        position: absolute;
        right: 15px;
        top: 55%;
        height: 32px;
    }
    .financialchart-content #d-icon-tag-select.active:before, .financialchart-content #d-icon-tag-select:hover:before {
        border-top-color: white;
    }
.financialchart-content #d-icon-tag-add {
    width: 100%;
    padding: 7px 31px 7px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    .financialchart-content #d-icon-tag-add:before {
        border: 4px solid #0000;
        border-top-color: #51585e;
        content: "";
        margin-left: 0;
        margin-top: -4px;
        position: absolute;
        right: 8px;
        top: 55%;
        height: 32px;
    }
    .financialchart-content #d-icon-tag-add.active:before, .financialchart-content #d-icon-tag-add:hover:before {
        border-top-color:white;
    }
.financialchart-content .d-icon-tag-add {
    padding: 0px!important;
}
.financialchart-content .e-only--mobile {
    display: none;
}
.financialchart-content .e-only--ipadpro {
    display: none;
}
.box-dialog {
    width: 340px;
    position: absolute;
    left: calc(50% - 170px);
    top: 100px;
    background: white;
    padding: 10px;
    z-index: 3000;
    border: solid 1px #ccc;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(139 139 139 / 60%);
}
.box-dialog__title {
    margin-bottom: 10px;
    width: 100%;
    font-weight: bold;
    color: #4a4645;
}
.box-dialog__body p {
    font-size: 15px;
    line-height: 25px;
}
.m-r-10{
    margin-right:10px;
}
.financialchart-content .div-group-norm-item.div-group-parent-norm-item {
    background: #F8F9FB;
}
.financialchart-content .div-group-norm-item {
    padding: 8px 15px;
    cursor: pointer;
}
    .financialchart-content .div-group-norm-item.active, .financialchart-content .div-group-norm-item:hover {
        background: #18A0FB;
        color: white;
    }
    .financialchart-content .div-group-norm-item.active, .financialchart-content .div-group-norm-item a:hover {
        color: white;
    }
    .financialchart-content .div-group-norm-item:hover a {
        color: white;
    }
.financialchart-content #txt-search-report-norm {
    margin: 13px 10px;
    width: 95%;
    border-radius: 5px;
}
.financialchart-content .targets-content--detail--body hr {
    margin: 0 10px;
}
.financialchart-content .targets-content--detail--body .m-t strong {
    padding: 0 15px;
}
.financialchart-content .el-image-hover--js {
    cursor:pointer
}
    .financialchart-content .el-image-hover--js:hover {
        background-color: #18A0FB !important;
        color: white;
    }
.financialchart-content .swiper-button-next.el-image-hover--js:hover, .financialchart-content .swiper-button-prev.el-image-hover--js:hover {
    background-color: unset !important;
    color: unset!important;
}
.financialchart-content .dashboar-input--en {
    position: absolute;
    left: 0px;
    top: 23px;
    z-index: 999999999;
    background-color: white !important;
}
.ripple-effect {
    background-position: center;
    transition: background 0.6s;
}
    .ripple-effect:hover {
        background: #c3e7f7 radial-gradient(circle, transparent 1%, #c3e7f7 1%) center / 15000%;
    }
    .ripple-effect:active {
        background-size: 100%;
        transition: background 0s;
    }
.financialchart-content .checkbox--active {
    display:flex;
    position:relative;
}
    .financialchart-content .checkbox--active .dashboar-dialog--group {
        position: absolute;
        right: 15px;
    }
.financialchart-content .update--dashboardFinancialChart.in .dashboar-type-forder {
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.financialchart-content .btn-primary {
    background-color: #18A0FB;
    border-color: #18A0FB;
}
.p-right .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em;
}
.p-center .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em;
}
#request-upgrade-account-popup {
    z-index: 9999999991;
}
.financialchart-content .e-add--chart.active::after {
    content: " ";
    top: 32px;
    right: 50%;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    transform: rotate(180deg);
}
.financialchart-content .m-r--5{
    margin-right: 5px;
}
.financialchart-content .w-h--20 {
    height: 20px!important;
    width: 20px!important;
    font-size: 20px;
}
.financialchart-content .fa-calendar:before {
    content: "\f107";
}

.financialchart-content .d-tag-select--item {
    border-bottom: solid #E0F1FF 5px;
    display: flex;
    margin-top: 5px;
}
    .financialchart-content .d-tag-select--item .menu__item--select {
        background-color: #fff;
        color: #282828;
        padding: 3px 30px;
        padding-left: 10px;
        min-width: 140px;
        width: auto;
        height: 40px;
        margin-right: 1px;
        position: relative;
        border-bottom: solid #E0F1FF 2px;
        cursor: pointer;
        display: inline-block;
    }
        .financialchart-content .d-tag-select--item .menu__item--select label {
            cursor: pointer;
            margin-top: 0px;
        }
        .financialchart-content .d-tag-select--item .menu__item--select.active {
            background-color: #E0F1FF;
            box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.25);
            border-top-right-radius: 10px;
        }
        .financialchart-content .d-tag-select--item .menu__item--select img {
            margin-left: 5px;
            margin-top: -3px;
        }
    .financialchart-content .d-tag-select--item.swiper-next--disabled {
        padding-right: 28px;
    }
    .financialchart-content .d-tag-select--item.swiper-prev--disabled {
        padding-left: 18px;
    }
.financialchart-content .menu__item-icon--span {
    font-size: 10px;
    text-align: right;
    position: absolute;
    right: 5px;
    top: 6px;
    padding: 1px 5px;
    opacity: 0.6;
}
    .financialchart-content .menu__item-icon--span:hover {
        background: #ddd;
    }
.financialchart-content #div-group-norms {
    height: 400px;
    overflow: auto;
}
.financialchart-content .chart-detail-list--view {
    overflow: auto;
    margin-top: 10px;
    width: 100%;
}
.financialchart-content #div-edit-dashboard {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
}
.financialchart-content #div-edit-dashboard button{
    margin-left: 5px;
}
.financialchart-content .chart-detail-item--chart.dashboard--drop {
    background: rgb(238, 238, 238);
}
.financialchart-content .h180{
    height:180px!important;
}
.financialchart-content .h200 {
    height: 200px !important;
}
.financialchart-content .picker-color {
    display: none;
    z-index: 99999999;
    left: 24%;
    top: 25%;
}
    .financialchart-content .picker-color .a-color-picker {
        z-index: 99999999;
        position: absolute;
        left: 0;
        top: 0;
    }
.financialchart-content .dis-grid {
    display: grid;
}
.financialchart-content #div-norm-items .per-grid--parent .filter-select-data-list--item.filter-only--per {
    position: absolute;
    right: 0px;
    display: block !important;
}
.financialchart-content #div-norm-items .per-grid--parent .search-data-result-group .search-data-result-group .filter-select-data-list--item.filter-only--per {
    position: unset;
}
.financialchart-content .data-content__empty-data-swap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0px;
}
.financialchart-content .data-content__empty-data-swap i {
    font-size: 45px;
}
.financialchart-content .data-content__empty-data-description {
    padding: 10px 10px;
    font-size: 16px;
}
.financialchart-content .typeData-dropdown {
    top: 30px;
}
.financialchart-content .chart-detail-view--legend {
    display: flex;
    flex-flow: row-reverse wrap;
    margin-top: 0.75rem;
    width: 100%;
    height: 36px;
    overflow-y: auto;
    direction: rtl;
    -webkit-box-align: end;
    align-items: end;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend {
    margin-top: 2.75rem;
    width: 70%;
}
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-4 {
        width: 100%;
        margin-left: 15px;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-3 {
        width: 100%;
        margin-left: 15px;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-2 {
        width: 100%;
        margin-left: 15px;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-1 {
        width: 100%;
        margin-left: 15px;
    }
.financialchart-content .right-content--chart .chart-detail-view--legend {
    display: flex;
    flex-flow: row-reverse wrap;
    margin-top: 0.75rem;
    width: 65%;
    height: 36px;
    overflow-y: auto;
    direction: rtl;
    -webkit-box-align: end;
    align-items: end;
    margin-left: 20%;
    justify-content: end;
}
.financialchart-content .legend-item {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.financialchart-content .chart-detail-view--zoom .legend-item {
    width: 30%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-4 .legend-item {
    width: 22%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-3 .legend-item {
    width: 30%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-2 .legend-item {
    width: 40%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-1 .legend-item {
    width: 50%;
}
.financialchart-content .right-content--chart .legend-item {
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.financialchart-content .chart-legend-item--group {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: inherit;
    align-items: inherit;
    cursor: pointer;
    direction: ltr;
}
.financialchart-content .chart-legend-item--icon {
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    min-width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 3px !important;
}
    .financialchart-content .chart-legend-item--icon.chart-legend-typeChart--line {
        border-radius: unset;
        height: 2px;
        width: 20px;
        margin-top: 7px !important;
    }
    .financialchart-content .chart-legend-item--icon.chart-legend-typeChart--spline {
        border-radius: unset;
        height: 2px;
        width: 20px;
        margin-top: 7px !important;
    }
.financialchart-content .chart-legend-item--name {
    margin-left: 0.5rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    padding-right: 0rem;
    color: rgb(33, 35, 46);
}
.financialchart-content .chart-legend-item--name span{
    margin: 0px;
    line-height: 1.5;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.financialchart-content .disabled:hover {
    cursor:not-allowed;
}
.financialchart-content .d-menu-root .swiper-button-next {
    width: 18px;
    background: white;
    padding: 4px;
    height: 33px;
    top: 70%;
    right: 0px;
    border-bottom: solid #E0F1FF 5px;
}
.financialchart-content .d-menu-root .swiper-button-prev {
    background-image: unset;
    right: auto;
    left: 0px;
    width: 18px;
    top: 70%;
    padding: 4px;
    height: 29px;
    background: white;
}
    .financialchart-content .d-menu-root .swiper-button-next, .financialchart-content .d-menu-root .swiper-button-prev img{
        opacity: 0.8;
    }
    .financialchart-content .d-menu-root .swiper-button-next:hover, .financialchart-content .d-menu-root .swiper-button-prev:hover img{
        opacity: 1;
    }
.financialchart-content .d-menu-root .swiper-button-next:hover, .financialchart-content .d-menu-root .swiper-button-prev:hover{
    background-color:#ddd;
}
.financialchart-content .d-menu-root .swiper-button-next.swiper-button-disabled, .financialchart-content .d-menu-root .swiper-button-prev.swiper-button-disabled {
    display: none
}
.financialchart-content .d-menu-root .wrap-button-scroll {
    border-bottom: solid #E0F1FF 5px;
}
.financialchart-content .overlay-custom--desktop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1047;
    background-color: #000;
    opacity: .25;
}
.financialchart-content .add-overlay-desktop--active {
    z-index: 9999999 !important;
}

.financialchart-content .add-overlay-desktop--active-after {
    z-index: 1046 !important;
}
.financialchart-content .not-allowed {
    cursor: not-allowed
}
.custom-tooltip {
    max-width: 250px;
    width:250px;
    white-space: normal;
    word-wrap: break-word; 
    overflow: hidden; 
}
.financialchart-content .a-color-picker-row {
    padding: 5px 10px;
}
.financialchart-content .a-color-picker-stack {
    padding: unset;
}
.a-color-picker-palette-color {
    margin: 1px 3px;
}
    .a-color-picker-palette-color.active, .a-color-picker-palette-color:focus {
        border: solid 1px #000;
        opacity: 0.8;
    }
.a-color-picker-palette-color:nth-child(17) {
    margin-left:100%;
}
.a-color-picker-palette-color:nth-child(17)::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    border: solid 1px #eee;
    margin-top: 7px;
}
@media (min-width: 1200px) {
    .financialchart-content .filter-select-data--detail {
        display: block !important;
    }
    .financialchart-content .e-only--mobile {
        display: none !important;
    }
    .financialchart-content.s--full {
        top: 37px;
    }
    .financialchart-content.s--full {
        padding-left: 5%;
        padding-right: 5%;
    }
    .financialchart-content.wrapper--fullscreen {
        padding-left: 10px;
        padding-right: 10px;
    }
    #add-newchart-popup {
        margin: 0 5%;
    }
    .financialchart-content.wrapper--fullscreen #add-newchart-popup {
        margin: unset;
    }
    .financialchart-content .d-m-1-c1-box--control {
        width: 426px;
    }
        .financialchart-content .d-m-1-c1-box--control.menu--select {
            width: 205px;
        }
    .financialchart-content .d-tag-select--item .menu__item--select:hover {
        background-color: #E0F1FF;
        box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.25);
        border-top-right-radius: 10px;
    }
    .financialchart-content .right-content-header--control {
        padding-bottom: 0px;
    }
.p-t-desktop {
    padding-top:10px;
}
}
@media (min-width: 1180px) {
    .financialchart-content .beetween--time {
        padding: 0 5px;
    }
    .financialchart-content span.input-group-addon-icon {
        left: 1px;
    }
}
@media (min-width: 992px) {
    .financialchart-content.s--full {
        top: 37px;
    }
    .financialchart-content.wrapper--fullscreen {
        top: 0px;
        z-index: 1049;
    }
    #add-newchart-popup {
        top: 95px;
        border-radius: 10px;
        z-index: 99999999;
    }
    .financialchart-content.wrapper--fullscreen #add-newchart-popup {
        top: 60px;
        margin: 0px 11px;
    }
}
@media (min-width: 1025px) {
    .financialchart-content .header-control-detail--right {
        position: absolute;
        right: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-group--btn {
        display: flex;
        flex-direction: row;
        float: left;
    }
    .financialchart-content .filter-select-data--detail {
        display: block !important
    }
    .financialchart-content .e-not--desktop {
        display: none !important;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        border-left: 1px solid #ddd;
        margin-left: 10px !important;
        padding-left: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span{
        padding:0 5px;
    }
    .financialchart-content .e-show--desktop {
        display: block;
    }
}
@media (min-width: 1025px) and (max-width: 1366px) {
    .financialchart-content .left-popup {
        width: 30%;
    }

    .financialchart-content .right-popup {
        width: 68%;
    }
    .financialchart-content .targets-content--detail {
        width: 50%;
    }
}
@media (max-width: 1367px) {
    .financialchart-content .body-popup button.close {
        position: absolute;
        right: 15px;
        z-index: 99999;
    }

    .financialchart-content .mg-l0{
        margin-left:0px!important;
    }

    .financialchart-content .left-popup {
        width: 34%;
    }

    .financialchart-content .right-popup {
        width: 65%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 39px;
        float: left;
        margin-top: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top:5px;
    }
    .financialchart-content .financestatic-chart--zoom .control-detail-group--btn {
        display: flex;
        flex-direction: row;
        float: left;
    }

        .financialchart-content .control-detail-group--filter:before {
            border: 4px solid #0000;
            border-top-color: #51585e;
            content: "";
            margin-left: 0;
            margin-top: -4px;
            position: absolute;
            right: 6px;
            top: 55%;
            height: 32px;
        }
}
@media (min-width: 521px) and (max-width: 1367px) {
    .financialchart-content .chart-detail-item--chart {
        width: 49%;
    }

    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        width: 100%;
    }

    .financialchart-content .right-content--header {
        padding-top: 8px;
    }

    .financialchart-content .body-popup button.close {
        right: 0px;
    }

    .financialchart-content .control-detail--control, .financialchart-content .control-detail--fromto {
        float: left;
        margin-top: 0px;
        margin-left: 2px;
    }

    .financialchart-content .targets-content--detail {
        width: 64%;
    }

    .financialchart-content .control-detail--control, .financialchart-content .control-detail--fromto {
        margin-top: 0px;
    }

    .financialchart-content .targets-content--detail {
        margin-top: 0px;
    }

    .financialchart-content .control-detail-group--filter {
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        color: #000;
        padding: 4px 10px;
        margin-left: 2px;
        display: flex;
        align-items: center;
        background: #fff;
        padding-right: 22px;
    }

    .financialchart-content .right-popup .control-detail-group--btn {
        display: none;
        top: 26px;
        background: white;
        width: 280px !important;
        position: absolute;
        left: auto;
        right: 0px;
        background-color: #fff;
        border-radius: 3px;
        z-index: 10;
        box-shadow: 1px 3px 5px #0c0b0b59;
        padding: 5px 10px 10px 10px;
        margin-left: 0px;
        border: 1px solid #1973ed;
    }

    .financialchart-content .control-detail-span--typeTime {
        display: block;
    }

    .financialchart-content .filter-select-data--detail {
        display: block !important
    }
}
@media (min-width: 991px) and (max-width: 1199px) {
    #add-newchart-popup {
        margin: 0 10px;
    }
    .financialchart-content .d-m-1-c1-box--control {
        width: 435px;
    }
    .financialchart-content .picker-color .a-color-picker {
        left: 34%;
        top: 20%;
    }
}
@media (max-width: 1025px) {
    .overlay-custom {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1047;
        background-color: #000;
        opacity: .5;
    }
    .add-overlay--active {
        z-index: 9999999 !important;
        position: fixed !important;
        background: white !important;
    }
    .add-overlay--active-after {
        z-index: 1046!important;
    }
    .financialchart-content .d-menu-root {
        position: relative !important;
    }
    .breadcrumbs .head-bread{
        display:none;
    }
    .financialchart-content .typeData-dropdown {
        top: 58px;
    }
    .financialchart-content .right-content--chart .chart-detail-view--legend {
        width: 100%;
        margin-left: 0%;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend {
        width: 100%;
        margin-left: 0%;
    }
}
@media (min-width: 850px) and (max-width: 991px) {
    #add-newchart-popup {
        top: 67px;
        margin: 0 10px;
        border-radius: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        border-left: solid 1px #ddd;
        padding-left: 10px;
        margin-left: 10px;
    }
    .financialchart-content .typeData-dropdown {
        top: 58px;
    }
}
@media (min-width: 400px) and (max-width: 985px) {
    .s-m-1-c1-text.e-only--desktop, .d-icon-tag-add .e-only--desktop, .e-add--chart .e-only--desktop {
        display: none;
    }
    .financialchart-content .d-icon-tag-select {
        width: 60px;
    }
}
@media (min-width: 521px) and (max-width: 850px) {
    .financialchart-content .right-popup {
        margin-left: 0px;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--input {
        width:140px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-group--btn{
        width:42px;
    }
    .financialchart-content .financestatic-chart--zoom .right-content-header-control--detail .control-detail-group--btn {
        width: unset;
    }
    .financialchart-content .control-detail--control, .financialchart-content .control-detail--fromto, .financialchart-content .header-control-detail--right {
        margin-top: 0px;
        float: left;
    }

    .financialchart-content .targets-content--detail {
        margin-top: 5px;
    }
    #add-newchart-popup {
        top: 67px;
        margin: 0 10px;
        border-radius: 10px;
    }
    .financialchart-content .filter-select-data--detail {
        height: calc(-46px + 0rem + 100vh);
        overflow: auto;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        border-left: solid 1px #ddd;
        padding-left: 5px;
        margin-left: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 30px;
        padding: 4px 5px;
    }
    .financialchart-content .right-popup .control-detail-group--btn {
        width: 360px !important;
    }
    .financialchart-content .gr-targets-reportTermType--select .gr-targets-reportTermType--label {
        padding: 0px 5px;
    }
    .financialchart-content .detail-data-result .detail-data-result--object {
        padding: 7px;
    }
    .financialchart-content .filter-targets-info {
        padding: 7px;
    }
    .financialchart-content .typeData-dropdown {
        top: 58px;
    }
    .financialchart-content .picker-color .a-color-picker {
        left: 34%;
        top: 20%;
    }
}
/*end list chart*/
/*ipad*/
@media (min-width: 1024px) and (max-width: 1366px) {
    .financialchart-content .body-popup button.close {
        padding-right: 4px;
    }
    .financialchart-content .e-only--ipadpro {
        display: block;
    }
    .financialchart-content .e-not--ipadpro {
        display: none!important;
    }
    .financialchart-content .right-popup .control-detail-group--btn {
        width: 352px !important;
        left: 0px;
        top: 33px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top: 0px;
        border-left: 1px solid #ddd;
        margin-left: 10px !important;
        padding-left: 10px;
    }
}
@media (max-width: 600px) {
    .financialchart-content .e-only--desktop {
        display: none !important;
    }
    .p-right .bootstrap-datetimepicker-widget.dropdown-menu {
        left: 0px !important;
        width: 15em;
    }
        .p-right .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
            right: auto;
            left: 6px;
        }
        .p-right .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
            right: auto;
            left: 7px;
        }
    .p-center .bootstrap-datetimepicker-widget.dropdown-menu {
        left: -50px !important;
        width: 15em;
    }

        .p-center .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
            right: auto;
            left: 60px;
        }

        .p-center .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
            right: auto;
            left: 61px;
        }
    .financialchart-content .d-m-1-c1-box--control {
        width: 300px;
        left: 0px;
    }
    .financialchart-content .target-object-button--option .target-object-button-option--show {
        position: fixed;
        right: 39px;
    }
}
/*mobile*/
@media (min-width: 521px) and (max-width: 766px) {
    .financialchart-content .right-content-header-control--detail .header-control-detail--right {
        width: 27%;
    }
}
@media (max-width: 520px) {
    .financialchart-content .dashboar-dialog {
        margin: 0 2%;
    }

    .financialchart-content .filter-group-row {
        position: relative;
    }

    .financialchart-content .chart-detail-item--chart {
        width: 100%;
    }

    .financialchart-content .d-m-1-c1-box {
        z-index: 9991;
        width: 200px;
    }

    .financialchart-content .left-popup {
        width: 100%;
        float: unset;
        height: 100%;
    }

    .financialchart-content .right-popup {
        width: 100%;
        float: unset;
        height: 100%;
    }

    .financialchart-content .right-content--header {
        padding-top: 0px;
    }

    .financialchart-content .control-popup-button--right, .financialchart-content .control-popup-button--left {
        display: block;
    }

    .financialchart-content .control-popup-button--right {
        color: white;
        padding: 3px;
        display: flex;
        justify-content: flex-end;
    }

        .financialchart-content .control-popup-button--right label {
            font-size: 12px;
            padding: 2px 5px;
            border: solid 1px #fafafa;
            margin-bottom: 0px;
        }

        .financialchart-content .control-popup-button--right .control-detail-btn--item, .financialchart-content .control-popup-button--left .control-detail-btn--item {
            color: red;
            margin-right: 5px;
        }

    .financialchart-content .control-popup-button--left {
        background: #1C579B;
        color: white;
        padding: 3px;
        padding-left: 3px;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

        .financialchart-content .control-popup-button--left label {
            border: solid 1px #fafafa;
            font-size: 12px;
            padding: 2px 5px;
            margin-bottom: 0px;
        }

    .financialchart-content .body-popup button.close {
        padding-left: 2%;
        width: 3%;
        text-align: right;
        opacity: 1;
        color: #ddd;
    }

    .financialchart-content .d-menu-root.menu--full {
        height: 95px;
    }

    .financialchart-content .m-right {
    }

    .financialchart-content .d-menu-root.menu--full .m-right {
        display: flex;
        width: 100%;
        padding-top: 0px;
    }

    .financialchart-content .btn-menu--full {
        display: block;
        margin-top: 2px;
        font-size: 20px;
        margin-left: 15px;
    }

    .financialchart-content .box-content {
        padding: 0px;
        margin: 0px;
    }

    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        display: block;
        width: 100%;
        position: relative;
        background: #F7F8FA;
        padding: 15px 10px;
        border-radius: 10px;
        margin: 0 8px;
    }

    .financialchart-content .control-detail-group--btn, .financialchart-content .control-detail--fromto, .financialchart-content .control-detail--control {
        margin-left: 0px;
        margin-top: 6px;
    }

    .financialchart-content .right-popup {
        border: unset;
        margin-left: 0px;
        padding: 0px 5px 5px 5px;
    }

    .financialchart-content .right-content--chart {
        margin-top: 7px;
        min-height: 200px;
    }

    .financialchart-content .d-m-1-c.bd-0 {
        display: none;
    }

    .financialchart-content .content-chart--zoom .content-chart-zoom--view {
        margin: 0px;
    }

        .financialchart-content .content-chart--zoom .content-chart-zoom--view .content-chart-zoom-view--chart {
            margin-top: 30px;
        }

    .financialchart-content .e-only--desktop {
        display: none !important;
    }

    #add-newchart-popup {
        height: 90% !important;
        margin: 0 2%;
        width: 94%;
        top: 60px;
        position: absolute;
        background: white;
        border-radius: 10px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
    }

    .financialchart-content .targets-content--detail {
        left: 0%;
        top: 70px;
        width: 100%;
        position: fixed;
    }

    .financialchart-content .div-group-norm-item {
        padding: 0 10px;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--input {
        width: 100%;
        margin-bottom: 5px;
    }

        .financialchart-content .control-detail-group--filter:before {
            border-top-color: transparent;
        }

    .financialchart-content .right-content-header-control--detail .header-control-detail--right {
        display: none;
    }

        .financialchart-content .right-content-header-control--detail .header-control-detail--right.show-inline {
            display: inline-flex;
            float: left;
        }

    .financialchart-content .control-btn-extend--filter {
        display: block;
        width: 20px;
        float: left;
        padding-left: 7px;
        font-size: 20px;
    }

    .financialchart-content .filter--full {
        display: table-caption;
    }

    .financialchart-content .control-detail--fromto {
        margin-top: 5px;
    }

    .filter-select-data--tab .tab-Detail {
        height: 265px;
    }

    .financialchart-content .filter-select-data--detail {
        height: 381px;
    }

    .financialchart-content .search-input-container {
        padding: 0 10px;
    }

    .financialchart-content .filter-select-data--detail {
        margin-top: 0px;
        display: none;
        position: absolute;
        top: -1px;
        z-index: 99999;
        width: 99%;
        margin: 0 3px;
        background: white; /*moi them 4122024*/
        /*height: 460px !important;*/ /*moi them 4122024*/
    }

        .financialchart-content .filter-select-data--detail .filter-select-data--body {
            position: relative;
            padding: 0 10px 0px 6px;
        }

    .financialchart-content #div-norm-items .filter-select-data-list--item {
        padding: 5px 0px;
        height: 50px;
    }

    .financialchart-content .filter-select-data-list--item .financialchart-popup__checkbox {
        width: 10%;
        float: left;
        display:none;
    }

    .financialchart-content .filter-select-data-list--item label {
        width: 90%;
        float: left;
    }

    .financialchart-content .control-detail-group--btn {
        top: 25px;
        left: -5px;
    }
    .financialchart-content .control-detail-group--filter {
        position:unset;
    }
    .filter-label-info {
        padding: 0 3px;
    }
    .financialchart-content .detail-data-result {
        margin: 10px 3px;
    }
    .financialchart-content .right-popup .popup-search-input.e-w--date {
        width: 30%;
    }
    .financialchart-content .modal-content {
        height: inherit;
    }
    .financialchart-content .d-icon-tag-select span {
        cursor: pointer;
        width: 24px;
        overflow: hidden;
        white-space: nowrap;
    }
    .financialchart-content .change--object {
        left: 2%;
        width: 97%;
    }
    .financialchart-content .d-m-1-c1-box--control {
        left: 0;
    }
    .financialchart-content #d-icon-tag-add {
        padding: 8px 5px;
        width: 50px;
        margin-top: 0px;
        padding-left: 5px;
    }
    .financialchart-content .modal-content {
        border-radius: 10px;
        border: solid 1px #f0f0f0;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    }
    .financialchart-content .popup-search-input {
        background: white;
        padding: 0px 10px;
        margin: 0px;
        width: 100%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 35%;
    }
    .financialchart-content .e-only--mobile {
        display: block;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 65%;
    }
    .financialchart-content .control-detail--fromto input {
        border: solid 1px #ddd;
        background: #fff;
        padding: 4px 5px;
        border-radius: 5px;
        font-size: 12px;
        padding-right: 23px;
        width:unset;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control .control-detail-btn--item {
        margin-left: 3px;
        margin-top: -1px !important;
    }
    .left-object--mobile {
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 99999;
        background: white;
    }
    .financialchart-content .view-plus--result {
        position: absolute;
        top: 25px;
        z-index: 9999999;
        left: 48%;
        border-radius: 50%;
        padding: 1px 6px;
        background: white;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
    }
    .financialchart-content .view-minus--result {
        position: fixed;
        z-index: 9999999;
        left: 47%;
        bottom: 7%;
        border-radius: 50%;
        padding: 1px 6px;
        background: white;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
    }
    .financialchart-content .d-m-1-c1-box--control {
        min-width: 225px;
    }
    .financialchart-content .targets-content--detail--body .m-t strong {
        padding: 0 3px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.8%;
    }
        .financialchart-content .right-content-header-control--detail .control-detail-btn--item.w-3btn {
            width: 29.9%;
            float: right;
        }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top: 10px;
    }
    .financialchart-content .control-detail--control {
        margin-top: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        font-size: 12px;
    }
    .financialchart-content span.input-group-addon-icon {
        top: 3px;
    }
    .financialchart-content #div-norm-items {
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        top: 6px;
    }
    .financialchart-content .control-detail--fromto input {
        width: 100%;
    }
    .financialchart-content .wp-3{
        width:3%;
        float:left;
    }
    .financialchart-content .wp-45 {
        width: 50%;
        float: left;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 100px;
        min-width: 100px;
    }
        #add-newchart-popup.show-object--detail .right-popup {
            display:none;
        }
    #add-newchart-popup.show-object--search {
        height: 410px !important
    }
        #add-newchart-popup.show-object--search .right-popup {
            display: none;
        }
    .financialchart-content .box-content {
        box-shadow: unset;
    }
    .financialchart-content #add-newchart-popup.update-dashboardFinancialChart--active {
        display: none !important;
    }
    .financialchart-content .menu__item-icon--span {
        right: 2px;
        padding-top: 6px;
    }
    .financialchart-content .e-add--chart.active::after {
        top: 56px;
        right: unset;
        position: fixed;
    }
    .filter-select-data--tab .tab-Detail {
        height: 200px !important;
    }
    .financialchart-content .picker-color .a-color-picker {
        left: 10px;
    }
    .financialchart-content .typeData-dropdown {
        top: 20px;
    }
    .box-dialog {
        padding: 20px;
    }
    .financialchart-content .right-content-header--control {
        padding-bottom: 0px;
    }
    .tooltip-custom{
        display:none!important;
    }
    .financialchart-content .select-item.non-active {
        background-color: white !important;
        color: #333;
        box-shadow: unset;
    }
    .financialchart-content #d-icon-tag-add.non-active:before {
        border-top-color: #51585e;
    }
    .financialchart-content .el-image-hover--js.non-active:hover {
        background-color: white !important;
        color: #333;
        box-shadow: unset;
    }
    .financialchart-content .right-content--chart .chart-detail-view--legend {
        width: 100%;
        margin-left: 0%;
        position: absolute;
    }
    .financialchart-content .legend-item {
        width: 47%!important;
    }
    .financialchart-content .d-menu-root .wrap-button-scroll{
        display:none;
    }
    .financialchart-content .d-tag-select--item.swiper-next--disabled {
        padding-right: 0px;
    }
    .financialchart-content .d-tag-select--item.swiper-prev--disabled {
        padding-left: 0px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select label {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
        padding-top:2px;
    }
    .financialchart-content .share-dropdown--right {
        top: -12px;
        right: 50px;
    }
    .financialchart-content .d-m-limit--v1 {
        display:none;
    }
    .custom-tooltip {
        width: 200px; 
    }
}
@media (max-width: 425px) {
    .financialchart-content .control-detail--fromto input {
        padding-right: 25px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        top: 5px;
    }
    #add-newchart-popup {
        width: 95.2%;
    }
}
@media (max-width: 414px) {
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        top: 5px;
    }
    .financialchart-content .control-detail--fromto input {
        padding-right: 18px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 127px;
    }
}
@media (max-width: 390px) {
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 35%;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 65%;
    }

    .financialchart-content .control-detail--fromto input {
        padding-right: 16px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        right: 11px;
        top: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.7%;
    }
}
@media (max-width: 375px) {
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 30%;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 70%;
    }
    .financialchart-content .control-detail--fromto input {
        padding-right: 13px;
        font-size: 11px;
    }
    #add-newchart-popup {
        height: 88% !important;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.5%;
    }
        .financialchart-content .right-content-header-control--detail .control-detail-btn--item.w-3btn {
            width: 28%;
        }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 105px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        padding: 4px 3px;
    }
}
@media (max-width: 320px) {
    .financialchart-content .right-content-header-control--detail .control-detail--input.e-w--date {
        width: 100%;
        margin-bottom: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.6%;
        margin-top: 0px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 70%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 30%;
    }
    .financialchart-content .control-detail--fromto input {
        padding: 4px;
        font-size: 12px;
    }
    .financialchart-content i.fromDate--fa, .financialchart-content i.toDate--fa {
        font-size: 12px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        font-size:12px;
    }
    .financialchart-content .control-detail--fromto input {
        padding-right: 16px;
        padding-top: 5px;
        font-size: 11px;
    }
    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        padding: 5px;
        margin: 0px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item.w-3btn {
        width: 28.3%;
    }
    #add-newchart-popup {
        height: 86% !important;
    }
    .financialchart-content .right-content-header--control {
        padding-bottom: 0px;
        padding-top: 5px;
    }
        .financialchart-content .right-content-header--control hr {
            margin-bottom: 0px;
            margin-top: 5px;
        }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top: 5px;
    }
    .financialchart-content .control-detail--control {
        margin-top: 5px;
    }
    .financialchart-content .d-m-1-c {
        padding: 8px 5px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 82px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        padding-left: 3px;
    }
    .financialchart-content .d-m-1-c1-box--control {
        width: 280px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        padding: 4px 3px;
    }
}
@media screen and (max-width: 1440px) {
    .container {
        width: 95%;
    }
    #add-newchart-popup {
        margin: 0px 2.8%;
    }

    .financialchart-content.s--full {
        padding-left: 2.8%;
        padding-right: 2.8%;
    }
}
@media screen and (max-width: 1366px) {
    .container:not(.page-header-content > .container) {
        width: 100%;
    }
    #add-newchart-popup {
        margin: 0px 10px;
    }
    .financialchart-content.s--full {
        padding-left: 10px;
        padding-right: 10px;
    }
}