/**
 * Drawing mode
 */

 .amcharts-export-canvas {
    position: absolute;
    display: none;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.amcharts-export-canvas.active {
    display: block;
}


/**
 * Menu; Rest state
 */

.amcharts-export-menu {
    position: absolute;
    z-index: 2;
    opacity: 1;
    color: #000;
}

.amcharts-main-div:hover .amcharts-export-menu,
.amcharts-stock-div:hover .amcharts-export-menu,
.amcharts-export-menu.active {
    opacity: 1;
}

.amcharts-export-menu-top-left>ul>li>ul:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
}

.amcharts-export-menu-top-left>ul>li>ul>li:first-child>a:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #e2e2e2;
    border-bottom: 8px solid transparent;
}

.amcharts-export-menu-top-right>ul>li>ul:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid #fff;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.amcharts-export-menu-top-right>ul>li>ul>li:first-child>a:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid #e2e2e2;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.amcharts-export-menu-bottom-left>ul>li>ul:after {
    content: "";
    position: absolute;
    bottom: 13px;
    right: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
}

.amcharts-export-menu-bottom-left>ul>li>ul>li:last-child>a:after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #e2e2e2;
    border-bottom: 8px solid transparent;
}

.amcharts-export-menu-bottom-right>ul>li>ul:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid #fff;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.amcharts-export-menu-bottom-right>ul>li>ul>li:last-child>a:after {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid #e2e2e2;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.amcharts-export-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.amcharts-export-menu li {
    position: relative;
    display: block;
    z-index: 1;
    padding-left: 0rem;
}

.amcharts-export-menu li>ul {
    position: absolute;
    display: none;
    border: 1px solid #e2e2e2;
    margin-top: -1px;
    background: #fff;
}

.amcharts-export-menu li>a {
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 12px 12px;
    z-index: 2;
    white-space: nowrap;
    border-bottom: 1px solid #f2f2f2;
}

.amcharts-export-menu li:last-child>a {
    border-bottom: none;
}

.amcharts-export-menu li>a>img {
    border: none;
    max-width: none !important;
}

.amcharts-export-menu-top-left {
    top: 0;
    left: 0;
}

.amcharts-export-menu-bottom-left {
    bottom: 0;
    left: 0;
}

.amcharts-export-menu-top-right {
    top: 0;
    right: 0;
}

.amcharts-export-menu-bottom-right {
    bottom: 0;
    right: 0;
}


/**
 * Menu; Hover state
 */

.amcharts-export-menu li:hover>ul,
.amcharts-export-menu li.active>ul {
    display: block;
}

.amcharts-export-menu li:hover>a,
.amcharts-export-menu li.active>a {
    color: #fff;
    background-color: #4E265A;
}

.amcharts-export-menu-top-left li:hover>ul,
.amcharts-export-menu-top-left li.active>ul {
    left: 100%;
    top: 0;
}

.amcharts-export-menu-bottom-left li:hover>ul,
.amcharts-export-menu-bottom-left li.active>ul {
    left: 100%;
    bottom: 0;
}

.amcharts-export-menu-top-right li:hover>ul,
.amcharts-export-menu-top-right li.active>ul {
    top: 0;
    right: 100%;
}

.amcharts-export-menu-bottom-right li:hover>ul,
.amcharts-export-menu-bottom-right li.active>ul {
    bottom: 0;
    right: 100%;
}


/**
 * Menu; custom class
 */

.amcharts-export-menu .export-main>a,
.amcharts-export-menu .export-drawing>a,
.amcharts-export-menu .export-delayed-capturing>a {
    display: block;
    overflow: hidden;
    text-indent: -13333337px;
    width: 45px;
    height: 45px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 15px 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNHB4Ij4NCjxwYXRoIGQ9Ik0zLDAgTDgsMCBMOCw1IEwxMSw1IEw1LjUsMTAgTDAsNSBMMyw1IEwwMywwIiBmaWxsPS");
    background-color: #fff;
    background-position: center;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
    border-radius: 22.5px;
    margin: 8px 8px 0 10px;
}

.amcharts-export-menu .export-drawing>a {
    background-size: 15px 18px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2216px%22%20height%3D%2217px%22%3E%3Crect%20x%3D%220%22%20y%3D%2216%');
}

.amcharts-export-menu .export-main:hover,
.amcharts-export-menu .export-drawing:hover,
.amcharts-export-menu .export-main.active,
.amcharts-export-menu .export-drawing.active {
    padding-bottom: 0px;
}

.amcharts-export-menu.amcharts-export-menu-bottom-left .export-main:hover,
.amcharts-export-menu.amcharts-export-menu-bottom-left .export-drawing:hover,
.amcharts-export-menu.amcharts-export-menu-bottom-right .export-main:hover,
.amcharts-export-menu.amcharts-export-menu-bottom-right .export-drawing:hover,
.amcharts-export-menu.amcharts-export-menu-bottom-left .export-main.active,
.amcharts-export-menu.amcharts-export-menu-bottom-left .export-drawing.active,
.amcharts-export-menu.amcharts-export-menu-bottom-right .export-main.active,
.amcharts-export-menu.amcharts-export-menu-bottom-right .export-drawing.active {
    padding-bottom: 0;
    padding-top: 0px;
}

.amcharts-export-menu .export-main:hover>a,
.amcharts-export-menu .export-main.active>a {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5');
}

.amcharts-export-menu .export-drawing:hover>a,
.amcharts-export-menu .export-drawing.active>a {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2216px%22%20height%3D%2217px%22%3E%3Crect%20x%3D%220%22%20y%3D%2216%');
}

/**
 * Menu; Color picker
 */

.amcharts-export-menu .export-drawing-color {
    background: #000;
    width: 35px;
}

.amcharts-export-menu .export-drawing-color>a {
    display: block;
    overflow: hidden;
    text-indent: -13333337px;
}

.amcharts-export-menu .export-drawing-color-red {
    background: #f00;
}

.amcharts-export-menu .export-drawing-color-green {
    background: #0f0;
}

.amcharts-export-menu .export-drawing-color-blue {
    background: #00f;
}

.amcharts-export-menu .export-drawing-color-white {
    background: #fff;
}


/*
** Fallback
*/

.amcharts-export-fallback {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.amcharts-export-fallback textarea {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.amcharts-export-fallback-message {
    position: absolute;
    z-index: 1;
    padding: 20px;
    width: 100%;
    background-color: #fff;
}


/*
** DELAYED CAPTURING
*/

.amcharts-export-menu .export-delayed-capturing>a {
    text-indent: 0px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    background-image: none;
}


/*
** TRANSITION; OPACITY
*/

.amcharts-export-menu,
.amcharts-export-canvas .canvas-container {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.amcharts-export-canvas.dropbox .canvas-container {
    opacity: 0.5;
}


/*
** SHAPE
*/

.amcharts-export-menu .export-drawing-shape a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.amcharts-export-menu li img {
    height: 20px;
}


/*
** BRUSH
*/

.amcharts-export-menu .export-drawing-width a {
    text-align: center;
}

.amcharts-export-menu .export-drawing-width span {
    display: block;
    margin: 0 auto;
}

.amcharts-export-menu .export-drawing-width span>span {
    display: block;
    background: #000;
    border-radius: 100%;
}

.amcharts-export-menu .export-drawing-shape a:hover img,
.amcharts-export-menu .export-drawing-shape.active a img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}