.ui-rangeSlider
{
    HEIGHT: 30px;
    PADDING-TOP: 50px;
    /*PADDING-LEFT: 10px*/
}
.ui-rangeSlider
{
    BOX-SIZING: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}
.ui-rangeSlider-container
{
    BOX-SIZING: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}
.ui-rangeSlider-arrow
{
    BOX-SIZING: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container
{
    MARGIN: 0px 15px
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container
{
    -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
    -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
    box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5)
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container
{
    -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
    -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
    box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5)
}
.ui-rangeSlider-arrow
{
    -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
    -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
    box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5)
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container
{
    -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
    -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
    box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3)
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container
{
    -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
    -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
    box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3)
}
.ui-rangeSlider-disabled .ui-rangeSlider-arrow
{
    -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
    -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
    box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3)
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container
{
    BORDER-RIGHT: #515862 1px solid;
    BORDER-LEFT: #515862 1px solid;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container
{
    BORDER-TOP-COLOR: #8490a3;
    BORDER-LEFT-COLOR: #8490a3;
    BORDER-BOTTOM-COLOR: #8490a3;
    BORDER-RIGHT-COLOR: #8490a3
}
.ui-rangeSlider-container
{
    BORDER-TOP: #232a32 1px solid;
    HEIGHT: 20px;
    BORDER-BOTTOM: #6a7179 1px solid
}
.ui-rangeSlider-arrow
{
    BORDER-TOP: #232a32 1px solid;
    HEIGHT: 20px;
    BORDER-BOTTOM: #6a7179 1px solid
}
.ui-rangeSlider-disabled .ui-rangeSlider-container
{
    BORDER-TOP-COLOR: #49576b;
    BORDER-BOTTOM-COLOR: #9ca7b3
}
.ui-rangeSlider-disabled .ui-rangeSlider-arrow
{
    BORDER-TOP-COLOR: #49576b;
    BORDER-BOTTOM-COLOR: #9ca7b3
}
.ui-rangeSlider-container
{
}
.ui-rangeSlider-arrow
{
}
.ui-rangeSlider-label
{
    background-color: #bababa;
}
.ui-rangeSlider-disabled .ui-rangeSlider-container
{
}
.ui-rangeSlider-disabled .ui-rangeSlider-arrow
{
}
.ui-rangeSlider-disabled .ui-rangeSlider-label
{
}
.ui-rangeSlider-arrow
{
    CURSOR: pointer;
    WIDTH: 14px
}
.ui-rangeSlider-leftArrow
{
    BORDER-LEFT: #515862 1px solid;
    border-radius: 4px 0 0 4px
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow
{
    BORDER-LEFT-COLOR: #8792a2
}
.ui-rangeSlider-rightArrow
{
    BORDER-RIGHT: #515862 1px solid;
    border-radius: 0 4px 4px 0
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow
{
    BORDER-RIGHT-COLOR: #8792a2
}
.ui-rangeSlider-arrow-inner
{
    BORDER-TOP: transparent 10px solid;
    HEIGHT: 0px;
    BORDER-RIGHT: transparent 10px solid;
    WIDTH: 0px;
    BORDER-BOTTOM: transparent 10px solid;
    POSITION: absolute;
    BORDER-LEFT: transparent 10px solid;
    MARGIN-TOP: -10px;
    TOP: 50%
}
.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner
{
    BORDER-RIGHT: #a4a8b7 10px solid;
    MARGIN-LEFT: -8px;
    LEFT: 0px
}
.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner
{
    BORDER-RIGHT: #b3b6c2 10px solid
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner
{
    BORDER-RIGHT-COLOR: #bbc0cf
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner
{
    BORDER-RIGHT-COLOR: #bbc0cf
}
.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner
{
    RIGHT: 0px;
    BORDER-LEFT: #a4a8b7 10px solid;
    MARGIN-RIGHT: -8px
}
.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner
{
    BORDER-LEFT: #b3b6c2 10px solid
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner
{
    BORDER-LEFT-COLOR: #bbc0cf
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner
{
    BORDER-LEFT-COLOR: #bbc0cf
}
.ui-rangeSlider-innerBar
{
    OVERFLOW: hidden;
    HEIGHT: 100%;
    WIDTH: 110%;
    LEFT: -10px
}
.ui-rangeSlider-bar
{
    CURSOR: -moz-grab;
    HEIGHT: 19px;
    BACKGROUND: #4b7d76;
    MARGIN: 1px 0px;
    -webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
    -moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
    box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
    -moz-border-radius: 4px;
    border-radius: 4px
}
.ui-rangeSlider-disabled .ui-rangeSlider-bar
{
    BACKGROUND: #93aeca;
    -webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
    -moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
    box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3)
}
.ui-rangeSlider-handle
{
    CURSOR: col-resize;
    HEIGHT: 30px;
    WIDTH: 10px;
    BACKGROUND: none transparent scroll repeat 0% 0%
}
.ui-rangeSlider-label
{
    CURSOR: col-resize;
    FONT-SIZE: 15px;
    COLOR: white;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BOTTOM: 40px;
    -webkit-box-shadow: 0px 1px 0px #c2c5d6;
    -moz-box-shadow: 0px 1px 0px #c2c5d6;
    box-shadow: 0px 1px 0px #c2c5d6;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.ui-rangeSlider-label-inner
{
    BORDER-TOP: #888da0 10px solid;
    BORDER-RIGHT: transparent 10px solid;
    POSITION: absolute;
    MARGIN-LEFT: -10px;
    LEFT: 50%;
    BORDER-LEFT: transparent 10px solid;
    Z-INDEX: 99;
    DISPLAY: block;
    TOP: 100%
}
.ui-rangeSlider-disabled .ui-rangeSlider-label-inner
{
    BORDER-TOP-COLOR: #b2bbd8
}


.ui-rangeSlider-label-value
{
    color: Black;
}

.ui-editRangeSlider-inputValue
{
    FONT-SIZE: 15px;
    WIDTH: 2em;
    TEXT-ALIGN: center
}
.ui-rangeSlider .ui-ruler-scale
{
    RIGHT: 0px;
    POSITION: absolute;
    LEFT: 0px;
    TOP: 0px;
    BOTTOM: 0px
}
.ui-rangeSlider .ui-ruler-tick
{
    FLOAT: left
}
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner
{
    HEIGHT: 29px;
    POSITION: relative;
    COLOR: white;
    PADDING-LEFT: 2px;
    BORDER-LEFT: white 1px solid;
    MARGIN-TOP: 1px
}
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label
{
    POSITION: absolute;
    BOTTOM: 6px
}
.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner
{
    HEIGHT: 5px;
    BORDER-LEFT: white 1px solid;
    MARGIN-TOP: 25px
}


.buttonPdf:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 5px -6px -12px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABk0lEQVRIib3Vv0tVYRzH8ZfXS4jcMcLCwUouEnQR6S9oyKmhtakIhxo0aHBoCqy1QZzcdZOgIBptiBoMipZoEwVRCQdxuFwvDc9z9Cjn3nPOjesHDs/3Od8vz/v59f0+9FkDXXwjmEO1h3HbWMJmN8AsDvGlB0ADdSykZ1fH5Wjvo4Jp3MQlDEVgDa9iTCfVMMHp8q9hGZ9i/1ds/2Ibt9HEHu5FWCElgBq+403K9zyu6hHexdgGJosOngZ00jIeZ/wfQws7eYBKjn8Xm+e+XTxwel7/BchSW1j5Vr8ATQzjVr8AcFA0sFfAMO73CzCOP0LyTeUF91JnnuI1jvAWq0Ji1mRc3bKACSGb69H+IWzVIj7gWwSfnFEZQBUv8FHIha8p30uhhNzA5/S4RQF3hRKxjrUMf1NYQaI7iVHkkB/iCq5jpeCETlQE0BJqz7yQxaXUbYv28QS/Y38ex9EejO1xB3sUG3mAFfwU7ntZtcQ3JQG0hX1uZAQ3cwarCrkxk+VM3uQKnuFqyZkmeu/stb04/QNgUUn8JRnlkQAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}

.buttonCrossTab:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 5px -6px -12px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABzUlEQVRIie2UsWsUURDGf3OXQg7/AEl15ZFKxFKE2FvaCtqICG/A2GihJClFvFlBrhBSKIoIio22x1WprPwDUgiCWJwWguDdZ/NW1+ee5iR2meox89v5vpl9u3AYBx1VVR1fhu/8g8bd/yogaSl+aQEzW45fVIiIk8BZM5sBSOoCO2a2A2wCpzPaBWaS7rv7x7LPSlvzqqqOSLoHbEv6Yma182lG9pq8pAFwG7hQ9mpdkaTrwEN3f+XuY0mf5/P5JKU0BUgp7UnalfQhpTR29xHQi4gzfxWIiLU8/qiRvmRmt4bDYc30gGfAiQazAWznWrtAVVUd4A6w4e7zRukKsGpmm5J6wFPgpbs/qgF3fwc8Aa4tFJB0Hnjr7m+aeXf/BlwGVrPrF+7+oJxe0ghYj4hBnfvlFkXEe+CxmX3KqS4wSylt5XoHOOXukzxxn58vdgZ0Ja2ZGSmlc1DcIjM7Julq6QzYypPMgUkj35d0s/42JGFmSBq3riiL/NY9IvotokjqN/n63MytFA/UDn6AOfc6Ip6b2deMdiUdNbOLbb+OhQKNhiU8MLMbpZGyYWkQ9rmiPzEHsqLyvIyBckXr5fhtLptM21nSlMPYb3wHg/HX2cpq2N0AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}

.buttonData:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 5px -6px -12px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABeUlEQVRIic3UP0scQRjH8Y/rcaikEJGQQkREJJWkDHkNeQEprFIfFiKHhdhZ+RpCXoFYS7AQIQmEFCnEIoQU4YgiVmIIosZiZnRd7vb24hZ+YWBn5nl+v2f+7bDByTCKIVz9R35PXuAdfuIEx9jDWzQfKr6GDlYwhyeYwGt8wBdMVRVLia/QQBtf8awkp41DjPcTf4lf2ME37ON3xereY7Nf0Ce8id+NmLReQRxmYjEjZUHFahsYq2gAB1jID2S57zlcCvufuMSfgkiZ4RE2MFucmBduSVu4IWWclJhMRI1OLPiWbSz3EU6clxgklrGVOk3h0UzWaDAZNZuZu3O4rmgwEBn+4jMWa9RdxEdcpIHnwgNrCcsbybUi3bYoxT4V9r8TNe8xLxz2Kc5iO+4iVjQYi3FnMXcrapXSyLUqK+gV231QeGCD0DM+6zWRoxXboHOVmcZ3LMV+2qJWHJ95qIEokkzOsVqneNHkH37o8kOrg2nsqrnyx80NL0pKbboQNEoAAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


.buttonImage:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 5px -6px -12px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABO0lEQVRIib3VsUrDUBTG8Z+lFKniKji4C44iri6O4uwD6KbPUUQcBXF19DGcfABxsYNT6VAFLbZi69DcEGPapib1gwM5yeX733PuIZc5ayGV10vy7Y4DvJcEWMoClLX7oG4SUMcDFksy/8AGuv9SQR0tVEoGDLBajZK4pAKGNfSj59DyOGkr1qJzvOIs4dkKnnkAkw6/FpkP0YnWxoA8fd/H5YTvfVzhBddG7f6hSRWsoIlPbE/ZSLLKXy2Kk5QujEof4g7VjDVZynUGW+glAEMcptbsjIFOBVRwnzIf4hnLUVziC408gHSLTjLMQ9zgMfXuaJYK1o3GbRwgK3rYywOo4HZG8xAdbE5r0cEfzUM0sZb0DBNQieIUT4qpgeOQJEdsgN2C5kHxwCQB7ZLMg974eaPNQ0V+//n0DZs5evBH9xYaAAAAAElFTkSuQmCC") no-repeat left center transparent;    
    background-size: 100% 100%;
}

.buttonChart:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -10px 0 -10px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACeklEQVRIie2TTUhUYRSGnzNdxGZGmkUGIsHcb2KEFlIKIv2oGJVgPyoEQpAVTUOLwGghRJt2EYi0aBWt+oXWRglBFEJSaxcS31iGhIk0lmkyelp4Z0Znrkkwturs7rnved9z3nM+2OTYslnEtbW1hEKhsJSS1HVdR0QagXagDRgqmYAxphx4KSL7sjlVPV7SCYwxe4B3IuKo6iJQ7ZSQfDfw1CP/BnxQ1enABkVRY0xdc3PzRuStwDBgFLkFxID+VCrFugLGmEZgBBiZmJgYiMVi4UKM67oYY86KyCAQ1K3hvnRHImKtnbHWPgH8BbyOXgDbgSkR6VXVEWNMQxYTj8cRkRvAPWAxU1mdnG07fQo4sZprzQ5c10VEuoCHQGA5tO3y3IFjsxVDjw4CF4BhY8xNoD+TydwWkTOq+unXzvil+fqWOyISVdUvqznXTCAi54HHwPJSpDLx/Uh3j4bC99MdF4Os3PakiFwHUh75e2D/Qn3LgkBUVYvcCBhjuo0xEWNML3AX+Am0/2jtmkZoAAFostY+B/aq6gMgoqrPMlXRo9baz4iA+F98AOgBPorIADAFHLLWvgKQFXKypdbamXRncny+ruXc7MnE6FxjW+5RoSA+Ig4wKCJNqjqO47TbsbHRfE3xyCDdi9GaXZ7wmxxW/LDgpDuTVc7XyStaHixbrog00N+XE8j3X1wsSD6tioj4NuQAdUs7qq95wKuFNH6xhhxW/PcsKhRxwLPCx0N/i7y85HcE61sUyHbktyDJ/ttoCtV1UIUvueiO/9IiH/x/i7zEHywSIQEa9CqncjXKa9Aa7zOT59LDQJnHNek19hao8URz2H8SvwFS/+pDNebedAAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}

#chartLoader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #52798f;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
    }
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}