#sidePanel {
    display: table-cell!important;
    position: fixed!important;
    width: 45%!important;
    max-width: 1000px!important;
    left: 2%;
    background-color: transparent!important;
    z-index: 2!important;
    border-right: 0 solid!important;
}
#sidePanelInner {
    border-right: 0!important;
    padding-left: 50px!important;
}
			/* CUSTOM CSS RULES */
			.panel-button {
    position: relative;
    margin: 1px 0 8px;
    background-color: rgba(255,255,255,.8)!important;
    width: 100%;
    left: 0%;
    height: 40px;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    color: rgba(0,94,184,1)!important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.animated {
    height:auto;
    padding: 24px 18px;
}

.panel-button:hover {
    background-color: #e00869 !important;
    color: rgba(255,255,255,1)!important
}

			#sidePanelInner {
				border-right: none !important;
			}

			.sidePanel .navDots {
				border-right: none !important;
			}

			.navDots.vertical {
				/* background-color: #efefef !important */
			}

			.navDots .dot.active, .navDots .dot:hover {
				color: #e00869 !important; 
			}

			.navDots .navDotsDown {
				display: none !important;
			}

			.header .link, .sectionPanel .linkContainer, .header .shareIcon {
				color: #e00869 !important; 
			}

			.zoom-button {
			    display: inline-block;
			    position: relative;
			    width: 60%;
			    left: 20%;
			    background-color: transparent;
			    border: 2px solid #e00869 !important;
			    color: #e00869 !important;
			    text-transform: uppercase!important;
			    font-size: 120%;
			    padding: 5px 15px;
			    text-align: center;
			    -webkit-transition: all .5s ease;
			    -moz-transition: all .5s ease;
			    -o-transition: all .5s ease;
			    transition: all .5s ease;
			}

			.zoom-button:hover {
				background-color: #e00869;
				color: #fff !important;
			}

			.story-index-table {
				display: inline-block;
			    position: relative;
			    background-color: transparent;	    
			}

			.story-index-table a {
			    color: #e00869 !important;
			    text-align: left;
				font-weight: bold;
				font-size: 110%;
				padding: 10px;
				border-bottom: none !important;
			}

			.story-index-table a:hover {
				color: #990346 !important;
			}

			.sectionPanel .separator {
				display: none;
			}

			/* INDEX MAP */

			#index-map{
				position: relative;
				width: 100%;
				height: 25%;
				max-height: 400px;
				min-height: 250px;
			}

			.sectionPanel .appTitle.anchored{
				margin-top: 5px;
			}

			#index-map-info{
				background-color: rgba(224, 8, 105, 1	); /* Point hover tooltip background color */
				color: #fff; /* Point hover tooltip text color */
				display: none;
				position: fixed;
				font-weight: bold;
				padding: 5px;
				margin: -10px 0 0 5px;
				border-radius: 5px;
				z-index: 100;
			}

			#index-map-helper{
				display: none;
			}

			#index-map:hover #index-map-helper.active{
				background-color: transparent; /* Point hover tooltip background color */
				color: rgba(224, 8, 105, 0.4); /* Point hover tooltip text color */
				display: block;
				position: absolute;
				left: 50%;
				margin-left: -116px;
				bottom: 20px;
				padding: 5px 10px;
				border-radius: 5px;
				z-index: 30;
            }			
            

            			#loadingOverlay {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1100;
				width: 100%;
				height: 100%;
				overflow: hidden;
				background-color: #E5E5E5;
				-webkit-box-shadow: inset 0px 0px 82px 19px rgba(0,0,0,0.3);
				-moz-box-shadow: inset 0px 0px 82px 19px rgba(0,0,0,0.3);
				box-shadow: inset 0px 0px 82px 19px rgba(0,0,0,0.3);
			}

			@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
			@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
			@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
			@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
			@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

			@keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
			@-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
			@-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
			@-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
			@-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }

			#loadingOverlay.fadeOut {
				-webkit-animation: fadeout 1.1s;
				-moz-animation: fadeout 1.1s;
				-ms-animation: fadeout 1.1s;
				-o-animation: fadeout 1.1s;
				animation: fadeout 1.1s;
				-webkit-animation-fill-mode:forwards;
				-moz-animation-fill-mode:forwards;
				animation-fill-mode:forwards;
			}

			#loadingIndicator {
				position: fixed;
				top: 50%;
				left: 50%;
				z-index: 1101;
			}

			.loadingIndicator {
				margin-left: -17px;
				margin-top: -20px;
			}