.calendarWrapper [class*=" fa-"]:before, [class^=fa-]:before {
        margin-right: 4px;    
    }
    
    li::before {
        content: none !important;
    }
    
    
    .pageHeader {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    
    .hideDay {
        display: none;
    }
    
    .desktop {
        display: none;
    }
    
    .headingCell {
        width: 100%;
        display: inline-block;
        padding:4px;
        color: #464646;
    }
    
    .circleCell {
        display: none;
    }
    
    .barCell {
        display: block;
        padding: 8px 10px 4px 10px;
        
        border: 1px solid #51B5E9;
        border-radius:5px;
        width: 100%;
        margin-top:16px;
        margin-bottom:20px;
    }
    
    
	.btn-calendar {
		width:120px; 
		border-right: 1px solid #fff;
		height: 100%;
		border-radius: 0px;
		background-color: #232323;
		color: #fff;
		padding:6px;
		cursor: pointer;

	}

	.fontfam {
		font-family: arial;
	}
	
	.mobile {
	    display: block;
	    width: 98%;
	    padding: 8px;
	    border: 1px solid #464646;
	    margin-bottom: 8px;
	}
	
	.btn-calendar:hover {
		background-color: #000;
		color: #BBB;
	}
	
	.timeColumn {
		display: table-cell;
		vertical-align: middle;
		width: 12.5%;	
		padding-left: 12px;
	}
	
	.rightBorder {
		border-right: 1px solid #a3a3a3;
		
	}
	
	.timeDay {
		padding: 4px;
		text-align: center;
		font-weight: bold;
		margin-bottom: 12px;
	}
	
	.timeBlock {
		padding: 4px 10px;
		color: #fff;
		background-color: #BCBCBA;
		margin-bottom: 2px;
		cursor: pointer;
	}
	
	.blockKey {
		padding: 4px;
		text-align: center;
		margin-bottom: 2px;
		background-color: #FFF;
	}
	
	.iconItem {
	    padding-top: 4px;
	    margin-left:12px;
	    border-radius: 50%;
		width: 50px;
		height: 50px;
		color: #fff;
		background-color: #BCBCBA;
		margin-bottom: 32px;
		margin-right: 18px;
		text-align: center;
		cursor: pointer;
		display: inline-block;
	}
	
	.blockSleep {
		background-color: #A46ED2;
	}
	
	.iconItem.blockSleep {
	    border: 4px solid #A46ED2;
	}
	
	.blockWork {
		background-color: #DB3838;
	}
	.iconItem.blockWork {
	    border: 4px solid #DB3838;
	}
	
	.blockVolunteer {
		background-color: #db5338;
	}
	.iconItem.blockVolunteer {
	    border: 4px solid #db5338;
	}
	
	.blockCommute {
		background-color: #FECC2F;
	}
	.iconItem.blockCommute {
		border: 4px solid #FECC2F;
	}
	
	.blockStudy {
		background-color: #B1C225;
	}
	.iconItem.blockStudy {
	    border: 4px solid #B1C225;
	}
	
	.blockClass {
	    background-color: #8bc225;
	}
    .iconItem.blockClass {
	    border: 4px solid #8bc225;
	}
	
	.blockMeals {
		background-color: #33BEB8;
	}
	.iconItem.blockMeals {
	    border: 4px solid #33BEB8;
	}
	
	.blockExercise {
		background-color: #F9A228;
	}
	.iconItem.blockExercise {
	    border: 4px solid #F9A228;
	}
	
	.blockChores {
		background-color: #f66e1f;
	}
	.iconItem.blockChores {
	    border: 4px solid #f66e1f;
	}
	
	.blockRelax {
		background-color: #40A4D8;
	}
	.iconItem.blockRelax {
	    border: 4px solid #40A4D8;
	}
	
	.blockFamFriends {
		background-color: #EE657A;
	}
	.iconItem.blockFamFriends {
	    border: 4px solid #EE657A;
	}
	

	.iconItem.blockFree {
		border: 4px solid #BCBCBA;
	}
	
	.whiteIcon {
		color: #fff;
	}
	
	.iconKey {
		margin-left: 26px;
		margin-bottom: 0px;
	}
	
	.iconKey li {
		display: inline;
		list-style-type: none;
	}
	
	.tdlayout {
		display: table-cell;
	}
	
	.brushSelection {
        border: 4px solid #464646 !important;
		font-weight: bold;
	}
	
	.blueText {
	    color: #51B5E9 !important;
	}
	
	.calendarButton {
		min-width: 55px;
		text-align: center;
		text-decoration: none !important;
		padding: 6px 12px;
		border: 1px solid #DDD;
		font-weight: bold;
		font-size: 1.2em;
		cursor: pointer;
		display: inline-block;
	}
	
	.calendarButton:hover {
		background-color: #2299FF;
		color: #fff !important;
	}
	
	.calendarRow {
	    display: table-row;
	    overflow-x: scroll;
	    width: 100%;
	}
	
	.calendarTable {
	    display: table;
        width: 95%;
	    white-space: nowrap;
	}
	
	.calendarWrapper {
	    max-width: 48em;
	    overflow-x: scroll;
	}
	
	.upperCell {
	    display: inline-block;
	    width: 50%;
	    padding: 2px;
	    vertical-align: middle;
	    
	}
	

	.bigText {
	    border-top: 2px solid #ABABAB;
	    padding-top: 14px;
	    margin-top: 4px;
	    color: #9A9A9A;
	    text-align: center;
	    font-size: 1.5em !important;
	}
	
	.medText {
	    font-size: 1.3em !important;
	    text-align: center;
	}
	
	.iconLabel {
	    margin-left: -13px;
	    width: 70px;
	    margin-top: 15px;
	    display: inline-block;
	    text-align: center;
	    
	}
	
	#numberOfUnits {
		font-weight: bold;
	}
	
    #hoursNumber {
        font-size: 2.5em !important;
        padding-left: 6px;
    }
    
    .circleText {
        width: 60px; 
        text-align:center; 
        position: absolute; 
        margin-left: 47px; 
        margin-top: 36px;
    }
    
    .circleSVG {
        margin-left: 0px;
    }
    
    [class^="fa-"], [class*=" fa-"] {
    display: inline-block;
    width: 100%;
    }
    
    @media screen and (min-width:48em){
        .bigPull
        {
            margin-top:-28rem
            
        }
        
        .desktop {
            display: inline;
        }
        
        .upperCell
        {
            display:table-cell;
            margin-bottom: 12px;
            padding-bottom: 36px;
            width:25%;
        }
        
        .circleText {
            width: 60px; 
            text-align:center; 
            position: absolute; 
            margin-left: 75px; 
            margin-top: 36px;
        }
        
        .circleSVG {
            margin-left:28px;
        }
        
        .pageHeader {
            margin-left: 36px;
            padding-top: 24px;
        }
        
        .headingCell {
            display:table-cell;
            margin-bottom: 12px;
            width:25%;
        }
        
        .circleCell {
            display:table-cell;
            padding-bottom: 12px;
            width:25%;
        }
        
        .barCell {
            display: none;
            width: 0%;
            margin-bottom:0px;
        }
        
        .calendarWrapper {
    	    max-width: none;
    	    overflow-x: visible;
	    }
	    
	    .mobile {
	        display: none;
	    }
	    
	    
	    .hideDay {
	        display: inline;
	    }
    }
    
    @media print {
        .noPrint {
            display: none !important;
        }
        
        .calendarButton {
            display: none;
        }
        
        .bigText {
            display: none;
        }
        
        #top {
            display: none;
        }
        
        #sitemap {
            display: none;
        }
        
        #footer {
            display: none;
        }
        
        #top-nav {
            
            display: none;
        }
        
        h1 {
            display: none !important;
        }
        
        .l-microsite-banner {
            display: none;
        }
        
    	.timeBlock {
    		color: #BCBCBA !important;
    		background-color: #fff;
    		border: 2px solid #BCBCBA;
    		margin-bottom: 2px !important;
	    }
	    
	    .blockSleep {
	        color: #A46ED2;
	        border: 2px solid #A46ED2 !important;
	        background-color: #fff;
	    }
	    
	    .blockStudy {
	        color: #B1C225;
	        border: 2px solid #B1C225 !important;
	        background-color: #fff;
	    }
	    
	    .blockClass {
	        color: #8bc225;
	        border: 2px solid #8bc225 !important;
	        background-color: #fff;
	    }
	    
	    .blockCommute {
	        color: #FECC2F;
	        border: 2px solid #FECC2F !important;
	        background-color: #fff;
	    }
	    
	    .blockWork {
	       color: #DB3838;
	       border: 2px solid #DB3838 !important;
	       background-color: #fff;
	    }
	    
	    .blockVolunteer {
	       color: #db5338;
	       border: 2px solid #db5338 !important;
	       background-color: #fff;
	    }
	    
	    .blockRelax {
	        color: #40A4D8;
	        border: 2px solid #40A4D8 !important;
	        background-color: #fff;
	    }
	    
	    .blockFamFriends {
	        color: #EE657A;
	        border: 2px solid #EE657A !important;
	        background-color: #fff;
	    }
	    
	    .blockChores {
	        color: #F6621F;
	        border: 2px solid #F6621F !important;
	        background-color: #fff;
	    }
	    
	    .blockExercise {
	        color: #F9A228;
	        border: 2px solid #F9A228 !important;
	        background-color: #fff;
	    }
	    
	    .blockMeals {
	        color: #33BEB8;
	        border: 2px solid #33BEB8 !important;
	        background-color: #fff;
	    }
	    
	    .blockFree {
	        border: 2px solid #BCBCBA !important;
	    }
	    
	    .blockKey {
    		border: 2px solid #FFF;
    		margin-bottom: 2px !important;
    		
    		font-size: 0.7em;
    		padding: 0px 5px;
	    }
	    
	    .timeBlock {
	        font-size: 0.7em;
	        padding: 0px 5px;
	    }
	    
        .circlePath {
            
        }
        
        .iconKey {
            display: block;
        }
        
        .iconItem {
            height: 32px;
            width: 38px;
            padding-top: 0px;
            margin-bottom: 2px;
            border-radius: 0px;
        }
        
        .iconLabel {
            padding-top: 4px;
            font-size: 0.6em;
            line-height: 0.8em;
            margin-top: 12px;
        }
        
        .calendarWrapper {
            overflow-x: visible;
        }
        
        .timeDay {
            margin-bottom:2px;
        }
        
        #unitSelect {
            width:360px;
            display: inline-block;
        }
        
    }