.bodyClassPersonal{
  background-color: #FDF4EA; /* #FAEBD7;  */ 
}

.bodyClassWork{
  background-color: #F2FDF2  /* #EBFCEB; */
}

.lbCurrentMMYYPersonal{
   background-color: #FFDAB9 !important; /*  #B90000 */
   color :#800000 !important;
   -moz-box-shadow: 3px 1px 4px #800000 !important;
   -webkit-box-shadow: 3px 1px 4px #800000 !important;
}   
.lbCurrentMMYYWork{
   background-color: #006400 !important;
   color :#EBFCEB !important;
   -moz-box-shadow: 3px 1px 4px #006400 !important;
   -webkit-box-shadow: 3px 1px 4px #006400 !important;
}   

.monthLabel{
   border: 2px #FFDAB9 solid !important;
   color :#FDF4EA !important;
}   
.currentMonthLabel{
   border: 2px #FFFF00 solid !important;
   color :#FFFF00 !important;
}   

/*The animation property is a shorthand property for eight of the animation properties:
    animation-name
    animation-duration
    animation-timing-function : linear
    animation-delay
    animation-iteration-count
    animation-direction
    animation-fill-mode
    animation-play-state
*/
.marquee {
/*   width: 1000px; */
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marqueeframe 30s linear 1 forwards;
	-webkit-animation: marqueeframe 30s linear 1 forwards;
	-moz-animation:  marqueeframe 30s linear 1 forwards;
	}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marqueeframe {
    0%   { text-indent: 30em }
    100% { text-indent: -105em }
}
@-webkit-keyframes marqueeframe {
    0%   { text-indent: 30em }
    100% { text-indent: -105em }
}

/* css menu icon 
#lines { 
    border-bottom: 17px double black; 
    border-top: 6px solid black; 
    content:"";
    height: 5px; 
    width:30px;
}
*/

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}