body {
margin: 0;
padding: 0;
border: none;
font-family: 'Source Sans Pro', sans-serif;
color: #333;
width: 100%;
line-height: 1.5;
font-size: 16px;
background: #fff;
}
body.log{
background: #fbaf3b;	
}
a {
text-decoration: none;
outline: 0;
border: 0;
background: none;
}
a:active, a:focus, a:hover {
transition: all .2s ease-in-out;
}
a:focus {
	outline: none;
	outline: none;
}
.span1, .span10, .span11, .span12, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9 {
margin: 0;
padding: 0;
float: left;
display: block;
}
.span12 {width: 100%}
.span11 {width: 91.666666666666666666666666666664%}
.span10 {width: 83.333333333333333333333333333331%}
.span9 {width: 74.999999999999999999999999999998%}
.span8 {width: 66.666666666666666666666666666665%}
.span7 {width: 58.333333333333333333333333333332%}
.span6 {width: 49.999999999999999999999999999999%}
.span5 {width: 41.666666666666666666666666666666%}
.span4 {width: 33.333333333333333333333333333333%}
.span3 {width: 25%}
.span2 {width: 16.666666666666666666666666666667%}
.span1 {width: 8.3333333333333333333333333333333%}

.container {
max-width: 1400px;
float: none;
margin: 50px auto;
width: 100%;
}
	.container.medium {
		max-width: 800px;
	}
	.container.narrow {
		max-width: 600px;
	}
	.container h3{
		color: #333;
		text-transform: uppercase;
	}
	.container h1{
		margin: 0 0 20px 0;
		padding: 0;
	}
	.container h1 img{
		max-width: 200px;
	}
	.container h1 img:hover{
		opacity: 0.8;
	}
.row, .new-row {
margin: 0;
position: relative;
clear: both;
}

#view-calendar, #add-task, #view-tasks, .task, .task-details{display: none;}

#login, #logged_in{
	text-align: center;
	padding: 20px 0;
	max-width: 600px;
	margin: 0 auto;
	float: none;
	display: table;
}
	#login h1{
		color: #f07c31;
		font-size: 2em;
		font-weight: normal;
		padding: 0;
		margin: 20px 0 0 0;
	}
	#login .question label{
		color: #fff;
		text-align: left;
	}
	
	
	#logged_in .question label{
		color: #222;
		text-align: left;
	}
	h2{
		color: #222;
		font-size: 1.5em;
		font-weight: normal;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		line-height: 1em;
	}
	.button a{
		display: block;
		padding: 10px 20px;
		border-radius: 4px;
		background: #2da6df;
		border: solid 1px #2da6df;
		color: #fff;
		margin: 0 auto 20px auto;
		max-width: 150px;
	}
	.button a:hover{
		background: #fff;
		color: #2da6df;
		transition: background .3s ease-in-out;
	}
	.button a:active{
		background: #111111;
		border: solid 1px #111111;
		color: #fff;
		transition: background .3s ease-in-out;
	}
.span3 .inner-column{
	padding: 10px;
	background: #efefef;
	border-radius: 4px;
	margin: 5px 10px 5px 0;
	padding: 10px 20px;
	color: #fff;
}
	.span3 .inner-column h3{
		margin-top: 0px; 
	}
	.view-tasks .day-task a{
		display: block;
		padding: 10px;
		border-radius: 4px;
		margin-bottom: 5px;
		color: #fff;
		text-align: center;
	}
		.view-tasks .day-task a.review{
			padding: 5px 15px;
			background: #429a3c;
			border: solid 1px #429a3c;
			max-width: 150px;
			margin-bottom: 20px;
			float: right;
			color: #fff;
		}
			.view-tasks .day-task a.review:hover{
				background: #fff;
				color: #429a3c;
				transition: background .3s ease-in-out;
			}
		
		.view-tasks .day-task a.revisions{
			padding: 5px 15px;
			background: #f07c31;
			border: solid 1px #f07c31;
			max-width: 150px;
			margin-bottom: 20px;
			float: left;
			color: #fff;
		}
			.view-tasks .day-task a.revisions:hover{
				background: #fff;
				color: #f07c31;
				transition: background .3s ease-in-out;
			}
		
		.view-tasks .day-task a.finished{
			padding: 5px 15px;
			background: #3aa0b9;
			border: solid 1px #3aa0b9;
			max-width: 150px;
			margin-bottom: 20px;
			float: right;
			color: #fff;
		}
			.view-tasks .day-task a.finished:hover{
				background: #fff;
				color: #3aa0b9;
				transition: background .3s ease-in-out;
			}

	.task-details{
		position:fixed;
		top:15%;
		left:25%;
		z-index:2000;
		width:50%;
		min-height:200px;
		height: auto;
		background-color: #fff;
		margin: 0;
		padding: 10px;
		border: 1px solid #ccc;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
		display: none;
		color: #222;
		min-width: 450px;
		text-align: left;
	}
		.task-details .task-details-header{
			padding: 5px 10px;
			text-align: right;
		}
		.task-details .task-details-header .close {
			font-weight: bold;
			text-decoration: none;
			width: 100%;
			margin: 0;
			padding: 0;
			color: #fff;
			transition: all 0.2s ease-in;
			height: 40px;
			line-height: 1.5em;
		}
			.task-details .task-details-header .close .department-title{
				float: left;
			}
			.task-details .task-details-header .close .close-icon{
				float: right;
				font-size: 28px;
			}
		.task-details.show{
			display: block;
		}
	.review-section{
		padding: 100px 0;
		margin-bottom: 50px;
	}
	
/* ---------------------- NEW Calendar ------ */
#calendar{
	color: #fff;
	padding: 0 0 50px 0;
}
.month{
	margin: 0;
	clear: both;
	display: none;
}
.month.active-month{
	display: block;
}
#month_navigation .question{
	margin-right: 0;
}

#weekdays{margin: 0; padding: 0; clear: both; width: 100%;}
#weekdays ul{margin: 0; padding: 0; list-style-type: none;}
#weekdays li{margin: 0; padding: 0; width: 14.28571428571429%; float: left; background: #fff;}
#weekdays li .weekdays-inner{padding: 5px 20px; display: block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; font-weight: 600; color: #222;}
#weekdays li:last-child .weekdays-inner{border-right: solid 1px #ccc;}

#month_dates{
	padding-bottom: 50px;
}
#month_dates .month .day{
	width: 14.28571428571429%;
	float: left;
}
	#month_dates .month .day .day-inner{
		padding: 20px;
		border-bottom: solid 1px #ccc;
		border-left: solid 1px #ccc;
		height: 200px;
		color: #888;
		text-align: right;
	}
		#month_dates .month .day:nth-child(7) .day-inner,
		#month_dates .month .day:nth-child(14) .day-inner,
		#month_dates .month .day:nth-child(21) .day-inner,
		#month_dates .month .day:nth-child(28) .day-inner,
		#month_dates .month .day:nth-child(35) .day-inner,
		#month_dates .month .day:last-child .day-inner{
			border-right: solid 1px #ccc;
		}
	#month_dates .month .spacer-day{
		background: #efefef;
	}
.day-task a{
	display: block;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
	line-height: 1em;
	height: 20px;
	transition: all 0.2s ease-in;
}
	.day-task a:hover{
		opacity: 0.8;
	}
	.day-task.Ad a{background: #ccc; color: #333;}
	.day-task.Copy a{background: #5ADB69; color: #333;}
	.day-task.Development a{background: #E85459;}
	.day-task.Video a{background: #9A3C6F;}
	.day-task.Social a{background: #5787F2;}
	.day-task.Email a{background: #F2CC57; color: #333;}
	.day-task.Meeting a{background: #666;}
	.day-task.Complete a{background: #333; color: #666;}
	
	.live-status{	
		width: 20px;
		height: 20px;
		border-radius: 50%;
		top: 0px;
		position: relative;
		float: left;
	}
		.live-status.Progress{
			background: green;
		}
		.live-status.Review{
			background: orange;
		}
		.live-status.Revisions{
			background: red;
		}
		.live-status.Complete{
			display: none;
		}
	.live-title{
		position: relative;
		top: 1px;
		height: 20px;
		float: left;
		max-width: 110px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.9em;
		padding-left: 5px;
	}
		.pop-status.Progress{
			color: green;
		}
		.pop-status.Review{
			color: orange;
		}
		.pop-status.Revisions{
			color: red;
		}
.day-tasks .task-details{
	padding: 0;
}
		.day-tasks .task-details .task-details-header{
			padding: 0;
			text-align: right;
		}
		.day-tasks .task-details .task-details-header .close {
			color: #fff;
			font-size: 28px;
			font-weight: bold;
			text-decoration: none;
			width: auto;
			margin: 0;
			padding: 2px 15px;
			/* text-align: right; */
			border-radius: 0;
		}
			.day-tasks .task-details .task-details-header.Ad .close, .day-tasks .task-details .task-details-header.Copy .close,.day-tasks .task-details .task-details-header.Email .close{
				color: #333;
			}
			.day-tasks .task-details .task-details-header .close:hover{
				opacity: 1;
			}
			.day-tasks .task-details .task-details-header .close:hover .close-icon{
				color: #ccc;
				opacity: 1;
			}
			.day-tasks .task-details .task-details-header.Ad .close:hover .close-icon, .day-tasks .task-details .task-details-header.Copy .close:hover .close-icon,.day-tasks .task-details .task-details-header.Email .close:hover .close-icon{
				color: #fff;
			}
		.day-tasks .task-details .task-details-body{
			padding: 10px 20px;
		}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.question input{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.question input[type="password"], .question input[type="text"], .question textarea, .question select {outline: none; border: 1px solid #cccccc; border-radius: 3px; padding: 7px 10px; background: #fff; color: #333; margin: 0 0 4px 0; width: 100%; max-width: 600px;}
.question input[type="password"]:hover, .question input[type="text"]:hover{background:#ccc;}
.question input[type="password"]:focus, .question input[type="password"]:active, .question input[type="text"]:focus, .question input[type="text"]:active, .question textarea:focus, .question textarea:active{background: #dcdcdc; color: #333;}
.question input[type="checkbox"]{outline: none; border: 1px solid #cccccc; border-radius: 3px; padding: 7px 10px; background: #fff; color: #968b7c; margin: 0 10px 4px 0;}
.question{margin: 0 15px 15px 0; padding: 0 0 0 5px; color: #666;}
label{display: block; color: #fff; margin: 0 0 6px 0; padding: 0; font-family:"Source Sans Pro",sans-serif;}
.question .button{margin: 10px 0 0 0;}
.question .button a{padding: 10px 10px; background: #2da6df; color:#fff; outline:none; width: 150px; border-radius: 4px; box-shadow: none; border: solid #2da6df 1px; font-size: 1em; display: inline-block; text-align: center; text-decoration: none;}
.question .button a:hover{background: #fff; color: #2da6df; transition: background .3s ease-in-out;}
.question .button a:active{background-color: #111111; color: #fff; transition: background .3s ease-in-out;}
fieldset{margin: 0; color: red; border: red solid 1px; padding: 10px; font-family:"Source Sans Pro",sans-serif;}
legend{font-weight: bold; font-family:"Source Sans Pro",sans-serif;}
.error{color: red;}
.question select.errors, .question input[type="password"].errors, .question input[type="text"].errors{border: solid 1px red; background: #ff8f8f;}
.login_errors{display: none;}

#success p{color: #914321;}

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width:1400px) {
.live-title{max-width: 50px;}
}

@media only screen and (max-width:1320px) {
.container {width: 90% !important;}
}
@media only screen and (max-width:1281px) {

}
@media only screen and (max-width:1100px) {
.live-title{display: none;}
}
@media only screen and (min-width:982px) {

}
@media only screen and (max-width:981px) {

}
@media only screen and (max-width:767px) {
.span1, .span10, .span11, .span12, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9 {width: 100%;}

#weekdays{display: none;}
.question{margin: 15px 0; padding: 0;}
#month_dates .month .day{width: 100%;}
#month_dates .month .day .day-inner{border-right: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: none; height: auto; text-align: left;}
#month_dates .month .day:last-child .day-inner{border-bottom: solid 1px #ccc;}
#month_dates .month .spacer-day{display: none;}
.live-title{max-width: 250px; display: block;}
.task-details{left:5%; width:90%; margin: 0 auto; min-width: 280px;}
}
@media only screen and (max-width:581px) {
}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:460px) {
}
@media only screen and (max-width:350px) {
}