/* The Django login is always 24 pixels high, and acts differently from the Concrete5 login,
   therefore I made a couple assumptions and hardcoded in the following two rules. */

   body.cms {
	margin-top:24px !important;
}

@media screen and (max-width:600px) {
	#site-top.dropped {
		top:0px !important;
	}
}

#visual-wrapper .messages {
	margin-top: 20px;
}

#visual-wrapper .messages li {
	position:relative;
	padding:10px;
	line-height:150%;
}

#visual-wrapper .messages li {
	margin-top:10px;
}

#visual-wrapper .messages > li div:before, #columns .messages > li:before {
	font-family:"NazIcons";
}

#visual-wrapper .messages > li div:before {
	position:absolute;
	left:-23px;
}

.messages li {
	border-bottom:1px solid #4c4c4c;
}

.message li:first-child {
	margin-top:0px;
}

.messages li.info {
	background-color: #4d6da0;
	color: #FFF;
}

.messages li.info {
	background-color: #4d6da0;
	color: #FFF;
}

#visual-wrapper li.success {
	background-color: #11a694;
	color: #FFF;
}

#columns li.info:before, li.info div:before {
	content:'\e008';
	margin-right:5px;
}

#visual-wrapper li.warning {
	background-color:#FEFF84;

}

#columns li.warning:before, li.warning div:before {
	content: '\e008';
	margin-right:5px;
}

#visual-wrapper li.error {
	background-color: #f44222;
	color: #FFF;
}

#columns li.error:before, li.error div:before {
	content: '\e034';
	margin-right:5px;
}

#columns li.success:before, li.success div:before {
	content:'\e054';
	margin-right:5px;
}

#visual-wrapper li.success img {
	vertical-align: middle;
	padding-right:5px;
}

#visual-wrapper ul.messages {
	list-style-type:none;
	margin-left:0px;
}

#visual-wrapper .messages li div {
	max-width:1200px;
	position:relative;
	left:50px;
	margin:auto;
}

@media(max-width:720px) {
	#visual-wrapper .messages li div {
		left:30px;
	}
}

.message-fix-link {
	position:absolute;
	right:6px;
	top:6px;
	display:inline-block;
	border-width: 0;
	border-radius: 10px;
	background-color: #a19589;
	box-shadow: inset 0 0 10px rgba(0,0,0,.3);
	color: #fff;
	cursor: pointer;
	color:#FFF !important;
	text-decoration:none;
	padding:4px 10px;
	line-height:150%;
}

.message-fix-link.disabled {
   pointer-events: none;
   cursor: default;
   opacity:.5;
}

ul#ccm-system-nav a.ccm-icon-dashboard {
	display:none;
}

#ccm-toolbar.mini #ccm-main-nav #ccm-user-name {
	height: 100%;
}

#ccm-toolbar.mini #ccm-main-nav {
	border-left:none;
}