@charset "UTF-8";
/* MAVzone2.0 CSS */
 body.mavzone{
	height:100%;
	 font-size:12px;
}
 body.mavzone #mobile-header{
	display:none;
}
 #mavzone-wrapper{
	 background-color:#fff;
	 position:relative;
	 box-shadow:0px 0px 18px rgba(0,0,0,.11);
	 margin-top:30px;
	 margin-bottom:30px;
	 min-height:621px;
	/*Navigation height*/
	 font-family: 'Nunito Sans', sans-serif;
}
 #mavzone-wrapper .h2.inline{
	 display:inline-block;
	 margin-top:0px;
	 font-size:1.8em;
	 color:#515151;
}
 a.see-all{
	 float:right;
	 position:relative;
	 padding-right:25px;
	 padding-left:10px;
	 line-height:25px;
	 background-color:transparent;
	 font-size:12px !important;
}
 a.see-all:after{
	 content:'';
	 width:15px;
	 height:25px;
	 position:absolute;
	 right:0;
	 top:0;
	 bottom:0;
}
 a.see-all span.arrow{
	position:absolute;
	 z-index:10;
	 background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/sprite.png');
	 width:4px;
	 height:7px;
	 top:9px;
	 right:5px;
}
 a.see-all.lt{
	 border:1px solid #ffffff !important;
	 color:#fff;
}
 a.see-all.lt:hover, a.see-all.lt:focus{
	background-color:#fff;
	 color:#515151;
}
 a.see-all.lt span.arrow{
	background-position:-121px -62px;
}
 a.see-all.lt:after{
	background-color:#fff;
}
 a.see-all.drk{
	 border:1px solid #515151 !important;
	 color:#515151;
}
 a.see-all.drk:hover, a.see-all.drk:focus{
	background-color:#515151;
	 color:#fff;
}
 a.see-all.drk:after{
	background-color:#515151;
}
 a.see-all.drk span.arrow{
	background-position:-121px -74px;
}
 .clearboth{
	clear:both;
}
 .more-gradient{
	 position:absolute;
	 bottom:0px;
	 left:0;
	 right:0;
	 height:5px;
	 background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.2) 100%);
	 background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.2) 100%);
	 background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.2) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	 z-index:999;
}
 .divider{
	 margin-bottom: 15px;
	 border-bottom: 1px dotted #eeeeee;
	 padding-bottom: 15px;
	 clear:both;
}
 #back-to-top {
	 position: fixed;
	 bottom: 65px;
	 right: 15px;
	 z-index: 9999;
	 width: 32px;
	 height: 32px;
	 text-align: center;
	 line-height: 30px;
	 background: #860037;
	 color: #ffffff;
	 cursor: pointer;
	 border: 0;
	 text-decoration: none;
	 transition: opacity 0.2s ease-out;
	 border-radius:50%;
	 display:none;
	 font-size:11px;
}
 #back-to-top:hover {
	 background: #000000;
}
/*------Navigation-------*/
/*Position & style*/
 #mav-nav{
	 position:absolute;
	 width:175px;
	 background-color:#515151;
	 left:0;
	 top:0;
	 bottom:0;
}
 .mav-logo a{
	background-color:#860037;
	 padding:25px;
	 display:block;
	 border-bottom:none !important;
}
 #mav-nav ul{
	 list-style:none;
	 padding:0px;
	 margin:0px;
}
 #mav-nav ul li a{
	 display:block;
	 border-bottom:1px solid #6b6b6b;
	 padding:25px 15px;
	 text-align:center;
	 color:#fff;
	 font-weight:100;
	 text-transform:uppercase;
	 font-size:.9em;
	 background-color:#515151;
	 transition: background-color .3s ease-in-out, border-bottom .3s ease-in-out;
	 position:relative;
}
 #mav-nav ul li a:after{
	 position:absolute;
	 width: 0;
	 height: 0;
	 border-top: 7px solid transparent;
	 border-bottom: 7px solid transparent;
	 border-left: 7px solid #515151;
	 transition:right .3s ease-in-out, border-left .3s ease-in-out;
	 content:'';
	 right:0px;
	 top:50%;
	 bottom:0;
	 z-index:100;
	 -moz-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%);
}
 #mav-nav ul li a:hover, #mav-nav ul li a:focus, #mav-nav ul li a.active{
	 background-color:#373737;
	 border-bottom:1px solid #373737;
}
 #mav-nav ul li a:hover:after, #mav-nav ul li a:focus:after, #mav-nav ul li a.active:after{
	 right: -7px;
	 border-left: 7px solid #373737;
}
 #mav-nav ul li a span.menu-icon{
	 display:block;
	 margin:0px auto 5px auto;
	 color: #fed130;
	 font-size: 19px;
}
 #mav-nav ul li a span.hidden-sm{
	display:inline-block;
}
 #mav-nav ul li a#tasks-nav.task-available::before{
	 content: '';
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 width: 21px;
	 height: 21px;
	 background-color: #ff003c;
	 border-radius: 50%;
	 background-image: url(https://www.coloradomesa.edu/_files/images/mavzone/sprite.png);
	 background-position: -144px -35px;
}
/*Icons*/
 .mav-logo a h1.logo-icon{
	background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/sprite.png');
	width:117px;
	 height:26px;
	 background-position:0px -90px;
	 margin:0 auto;
	 display:block;
	 text-indent:-9999999px;
}
 .mav-logo a span.icon-dashboard{
	 color: #fff;
	 font-size: 16px;
	 float: left;
	 border-radius: 50%;
	 background: rgba(255,255,255,.15);
	 height: 30px;
	 width: 30px;
	 line-height: 27px;
	 margin-top: -2px;
	 margin-right: 10px;
	 text-align: center;
}
/*#mav-nav ul li a span.dash-icon{
	width:26px;
	 height:14px;
	 background-position:-1px -7px;
}
 #mav-nav ul li a span.apps-icon{
	width:25px;
	 height:25px;
	 background-position:-31px -1px;
}
 #mav-nav ul li a span.updates-icon{
	width:28px;
	 height:25px;
	 background-position:-60px -1px;
}
 #mav-nav ul li a span.account-icon{
	width:21px;
	 height:22px;
	 background-position:-92px -3px;
}
 #mav-nav ul li a span.help-icon{
	width:20px;
	 height:20px;
	 background-position:-116px -4px;
}
*/
/*-------Header Area------*/
 #mav-content-area{
	padding-left:190px;
	 padding-right:15px;
	 padding-top:15px;
	 padding-bottom:15px;
}
 #mav-content-area .mav-header{
	 width:100%;
	 border-bottom:1px solid #eeeeee;
	 padding-bottom:15px;
	 margin-bottom:15px;
	 overflow:hidden;
}
 .mav-header .profile-wrapper{
	 float:left;
	 width:50%;
}
 .mav-header .profile-wrapper a{
	display:block;
	 border:none;
}
 .mav-header .incident-report{
	 float:right;
	 width:22%;
}
 .mav-header .guide{
	 float: left;
	 width: 16%;
	 margin-right:2%;
	 text-align: center;
	 margin-top: 5px;
}
 .mav-header .guide span{
	display:inline-block;
}
 .incident-report a{
	 border-bottom:none !important;
	 background-color:#fed103;
	 color:#000000;
	 font-weight:100;
	 font-size:1em;
	 line-height:53px;
	 padding:0 15px;
	 text-align:center;
	 transition:background-color .3s ease-in-out;
	 display:block;
}
 .incident-report a:hover, .incident-report a:focus{
	 background-color:#feba03;
}
 .mav-header .guide button{
	 border: 1px solid #e0e0e0 !important;
	 height: 40px;
	 display: block;
	 padding: 0 15px;
	 line-height: 40px;
	 border-radius: 40px;
	 transition:background-color .3s ease-in-out;
	 width:100%;
}
 .mav-header .guide button:hover{
	 background-color:#e0e0e0;
	 cursor:pointer;
}
 .profile-wrapper .cmu_photo{
	 float: left;
	 width: 53px;
	 height: 53px;
	 overflow: hidden;
	 border-radius: 50%;
	 position: relative;
	 margin-right: 10px;
	 background-color:#efefef;
}
 .profile-wrapper .cmu_photo img{
	 position: absolute;
	 top: 50%;
	 -moz-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%);
}
 .profile-wrapper .cmu_photo a{
	 display: block;
	 border-bottom: 0px;
	 background-image: url(https://mesa4.coloradomesa.edu/cmu_photo/);
	 width: 53px;
	 height: 53px;
	 background-position: center;
	 background-size: cover;
	 background-color:#dbdbdb;
}
/*.profile-wrapper .mav-info{
	 float:left;
	 margin-top:8px;
}
*/
 .cmu_full_name{
	 color:#000;
	 font-size:1.3em;
	 font-weight:100;
	 margin-top:7px;
}
 .cmu_title{
	 color:#969494;
	 font-size:.9em;
	 font-weight:100;
}
 .cmu_title br{
	display:none;
}
 .side-padding{
	padding:0 70px;
	/*overflow:hidden;
	*/
}
 .side-padding:after{
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
}
/*----Header v2----*/
 .mav-header.v2 .incident-report{
	float:left;
	 width:19%;
}
 .mav-header.v2 .logout-howtouse{
	 float: right;
	 width: 30%;
	 background: #ededed;
	 line-height: 42px;
	 padding: 5.5px;
}
 .mav-header.v2 .guide, .mav-header.v2 .logout {
	 float: left;
	 width: 50%;
	 text-align: center;
	 margin:0px;
}
 .mav-header.v2 .logout-howtouse button {
	 border: none !important;
	 height: 42px;
	 display: block;
	 padding: 0px;
	 line-height: inherit;
	 border-radius: 0px;
	 transition: background-color .3s ease-in-out;
	 width: 100%;
	 background-color: transparent;
	 color: #860037;
	 overflow:hidden;
}
 .mav-header.v2 .logout-howtouse button:hover{
	 background-color:#d5d5d5;
}
 .mav-header.v2 .logout button{
	 border-left:1px solid #D5D5D5 !important;
}
 .mav-header.v2 span.icon-logout{
	 font-size: 17px;
	 display: inline;
	 top: 3px;
	 position: relative;
}
/*-----------Pending Tasks Message----------*/
 div#no-tasks:before {
	 content: 'Nice work!';
	 position: absolute;
	 top: -50px;
	 font-size: 35px;
	 text-align: center;
	 left: 0;
	 right: 0;
	 color: #860037;
}
 div#no-tasks{
	 text-align: center;
	 font-size: 16px;
	 position: absolute;
	 top: 50%;
	 left: 175px;
	 right: 0;
	 -moz-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
}
 @media(max-width:767px){
	 div#no-tasks{
		left:0px;
		 transform:inherit !important;
		 top:0px;
		 padding-top:50px;
		 position:relative;
	}
	 div#no-tasks:before{
		top:0px;
	}
}
/*-----------MAVzone Guide-------------*/
 .modal-header button.close{
	font-family:Arial,sans-serif;
}
 #guideModal .modal-header{
	border-bottom:none;
}
 #guideModal .modal-slider{
	 margin-top:10px;
}
 #guideModal .carousel .item{
	height:465px;
}
 #guideModal .carousel .item .carousel-caption{
	 color: #000;
	 text-shadow: none;
	 top: 0px;
	 padding-top: 0px;
	 position: relative;
	 left: 0;
	 right: 0;
	 padding-bottom: 0px;
	 padding-left: 15px;
	 padding-right: 15px;
}
 #guideModal .carousel .item .carousel-caption p{
	font-size:14px;
}
 #guideModal .carousel .item .carousel-caption .h2{
	margin-top:0px;
}
 #guideModal .modal-slider .carousel{
	height:100%;
}
 #guideModal .modal-slider a.carousel-control{
	 border-bottom: none;
	 background: #fff;
	 color: #000;
}
 #guideModal .modal-slider a.carousel-control.left{
	 height: 30px;
	 top: auto;
	 bottom: 37px;
	 left: 100px;
	 width: 30px;
}
 #guideModal .modal-slider a.carousel-control.right{
	 height: 30px;
	 top: auto;
	 bottom: 37px;
	 right: 100px;
	 width: 30px;
}
 #guideModal .carousel-indicators li{
	 border: none;
	 width:40px;
	 border-radius:0px;
	 height:40px;
	 margin:0px;
	 background-color:#515151;
}
 #guideModal .carousel-indicators li span{
	 display: block;
	 color: #fed103;
	 text-indent: 0;
	 z-index: 1;
	 line-height: 40px;
	 font-size: 17px;
}
 #guideModal .carousel-indicators .active{
	 height:40px;
	 width:40px;
	 margin-right:0px;
	 background-color: #373737;
}
 #guideModal img.mvz-guide-img{
	 top: 50%;
	 position: absolute;
	 left: 0;
	 right: 0;
	 transform: translateY(-50%);
	 margin: auto;
	 border:none !important;
}
/*Nested Tutorials*/
 #guideModal .tutorial-content{
	 width: 90%;
	 background-color: #efefef;
	 margin: 0 auto;
	 height: 270px;
	 position: relative;
	 text-align: center;
	 padding: 15px;
	 font-size: 14px;
}
 #guideModal .tutorial-content img{
	border:1px solid #c1c1c1;
	 margin-bottom:10px;
}
 #guideModal .tutorial-content .navbar{
	 position: absolute;
	 bottom: 15px;
	 margin-bottom: 0px;
	 left: 0;
	 right: 0;
	 text-align: center;
	 margin: auto;
	 min-height: 30px;
}
 #guideModal .tutorial-content .navbar .nav-pills > li{
	 display:inline-block;
	 float:none;
}
 #guideModal .tutorial-content .navbar .nav-pills > li > a{
	 border-radius: 50%;
	 border:3px solid #860037 !important;
	 width: 30px;
	 height: 30px;
	 line-height: 26px;
	 text-align: center;
	 padding: 0px;
}
 .sample.app-sample{
	 position: relative;
	 width: 189px;
	 height: 98px;
	 margin: auto;
	 margin-bottom: 20px;
}
 .tutorial-content .tab-pane{
	 position: absolute;
	 top: calc(50% - 50px);
	 transform: translateY(-30%);
	 width: calc(90% - 30px);
	 margin: auto;
	 left: 0;
	 right: 0;
}
/*Log out modal window*/
 #logoutModal .modal-content, #logoutModal .modal-footer{
	 font-size:15px;
	 text-align:left;
}
 #logoutModal .modal-footer{
	text-align:center;
}
 #logoutModal .modal-header{
	 color: #860037;
	 font-size: 24px;
	 font-weight: bold;
	 text-align:center;
}
 #logoutModal .modal-body{
	 font-size: 15px;
	 margin: 0 auto;
	 text-align: center;
}
 #logoutModal ol.options {
	 margin: 0;
	 padding: 0;
	 text-align: left;
	 font-size:17px;
}
 #logoutModal ol.options li {
	 counter-increment: my-awesome-counter;
	 position: relative;
	 margin-bottom: 10px;
	 list-style: none;
	 padding-left: 56px;
	 min-height: 40px;
}
 #logoutModal ol.options li:before {
	 content: counter(my-awesome-counter);
	 color: #ffffff;
	 font-weight: bold;
	 position: absolute;
	 width: 38px;
	 height: 38px;
	 line-height: 38px;
	 top: 0px;
	 left: 0px;
	 background: #860037;
	 border-radius: 50%;
	 text-align: center;
}
 #logoutModal ol.options li strong{
	color:#000000;
}
/*Ripple Effect*/
 .ripple-dot{
	 position: absolute;
	 width: 31px;
	 border: 3px solid #20e2a4;
	 height: 31px;
	 border-radius: 50%;
}
 .ripple-dot.fave-circle{
	 left:0px;
	 top:0px;
}
 .ripple-dot.info-circle{
	 right:0px;
	 top:0px;
}
 .ripple-dot:before, .ripple-dot:after{
	 content:'';
	 display:block;
	 position:absolute;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	 border-radius:50%;
	 border:1px solid #20e2a4;
}
 .ripple-dot:before {
	 -webkit-animation: ripple 2s linear infinite;
	 animation: ripple 2s linear infinite;
}
 .ripple-dot:after {
	 -webkit-animation: ripple 2s linear 1s infinite;
	 animation: ripple 2s linear 1s infinite;
}
 @-webkit-keyframes ripple{
	 0% {
		-webkit-transform:scale(1);
	}
	 75% {
		-webkit-transform:scale(1.75);
		 opacity:1;
	}
	 100% {
		-webkit-transform:scale(2);
		 opacity:0;
	}
}
 @keyframes ripple{
	 0% {
		transform:scale(1);
	}
	 75% {
		transform:scale(1.75);
		 opacity:1;
	}
	 100% {
		transform:scale(2);
		 opacity:0;
	}
}
/*-----------Promo Slider & Campus Updates---------*/
 .promo-slide-wrapper{
	 float:left;
	 width: calc(50% - 10px);
	 margin-right:10px;
	 margin-bottom:20px;
	 background-color:#f5f5f5;
}
 .campus-updates-wrapper{
	 float:left;
	 width: calc(50% - 10px);
	 margin-left:10px;
	 height:341px;
	 margin-bottom:20px;
}
 .campus-updates-wrapper .title-header{
	 background-color: #515151;
	 overflow: hidden;
	 padding: 10px;
	 color: #fff;
	 font-size: 1.6em;
}
 .campus-updates-wrapper .updates{
	position:relative;
	 height:294px;
}
 ul#update-list{
	 margin: 0;
	 list-style: none;
	 background:#f5f5f5;
	 padding:15px;
	 padding-bottom:1px;
}
 .dashboard-content ul#update-list{
	 max-height:294px;
	 overflow-y:scroll;
}
 ul#update-list li{
	 background-color:#fff;
	 padding:15px;
	 margin-bottom:15px;
	 overflow:hidden;
	 border:1px solid #e8e8e8;
}
 ul#update-list li ol{
	list-style:decimal;
	 list-style-position:inside;
}
 ul#update-list li ul{
	list-style:disc;
	 list-style-position:inside;
}
 ul#update-list li li{
	 list-style:inherit;
	 border:none;
	 margin-bottom:8px;
	 padding:0px;
}
 .update-title.h4{
	margin-top:0px;
}
 .update-content p, .update-content span, .update-content a, .update-content li, .update-content{
	font-size:15px;
}
 .annc-icon{
	 float: left;
	 width: 28px;
	 margin-right: 13px;
	 background-color: #860037;
	 border-radius: 50%;
	 text-align: center;
	 line-height: 28px;
	 height: 28px;
	 color: #fff;
	 font-size: 16px;
}
 .annc-content{
	 float:left;
	 width:calc(100% - 41px);
}
 .annc-icon span{
	/*background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/sprite.png');
	 */
	line-height:27px;
	 display:block;
	/*background-position:-85px -60px;
	*/
}
/*---flexslider-styles.css override---*/
 .flexslider{
	padding-bottom:45px;
	 height:341px;
	 background:transparent;
	 border:none;
}
 .flex-caption{
	background:transparent;
	 width:100%;
}
 .flex-control-nav{
	bottom:7px;
	 z-index:100;
	 padding-top:10px;
	 border-top:1px solid #e4e4e4;
}
 .flex-control-paging li a{
	width:15px;
	 height:15px;
	 border: 2px solid #860037 !important;
}
 .flex-caption{
	color:#515151;
	 text-shadow:none !important;
}
 .flex-caption .caption-header{
	color:#373737;
}
/*-------Apps---------*/
 .fav_buttons{
	 display:block;
	 clear:none;
	 align-items:center;
	 justify-content:inherit;
	 flex:none;
	 float:left;
	 width:calc(25% - 10px);
	 margin:5px;
	 max-width:250px;
	 background-color:#fff;
}
 .fav_buttons p{
	 margin-bottom: 0;
	 position: absolute;
	 left: 0px;
	 bottom: 0px;
	 margin: auto;
	 width: 100%;
	 text-align: center;
}
/*.trending-apps{
	overflow:hidden;
}
*/
 .trending-apps .placeholder{
	float:left;
}
 .favs_inner{
	/*overflow:hidden;
	*/
	 clear:both;
}
 .fav_icon{
	 top: 5px;
	 left: 5px;
	 width: 19px;
	 height: 19px;
	 position: absolute;
	 border-radius: 50%;
	 overflow:hidden;
	 background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/sprite.png')!important;
}
 .fav_icon:hover{
	 cursor:pointer;
}
 .fav_icon.fav_on{
	 background-position:-3px -60px;
}
 .fav_icon.fav_off{
	 background-position:-31px -60px;
}
 .info_icon {
	 position:absolute;
	 top:5px;
	 right:5px;
}
 #cmuApp-outlook .info_icon{
	/*width:20px*/
	 height: 20px;
	 background-color: #860037;
	 text-align: center;
	 color: #fff;
	 line-height: 20px;
	/* border-radius: 50%;
	 */
	 font-size: 12px;
	 padding: 0 6.85px;
	 border-radius: 20px;
}
 .eb_2 {
	 position:relative;
	 height:98px;
	 width:100%;
	 float:left;
	 text-align:left;
	 color: #840538;
	 border-width:1px;
	 border-style:solid;
	 border-color: #c8c8c8;
	 padding:5px;
}
 .eb_2 img.icon{
	 margin: 0 auto;
	 top: 50%;
	 position: absolute;
	 -moz-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%);
	 left: 0;
	 right: 0;
	 max-width: 130px !important;
	 height:auto !important;
}
 .eb_2{
	transition:border .3s ease-in-out;
}
 .eb_2 a{
	 display: block;
	 height: 100%;
	 border-bottom: none !important;
}
 .eb_2:hover, .eb_2:focus{
	 border:1px solid #666666;
}
 img.info_icon{
	opacity:.4;
}
/*-----------App Search------------*/
 .all-apps-wrap{
	 margin:20px 0;
}
 .all-apps-wrap .all-apps{
	/*max-height:600px;
	 overflow-y:scroll;
	*/
	 padding-bottom:5px;
	 z-index:100;
	 width:100%;
	 font-size:16px;
}
 .fav_buttons p{
	font-size:12px;
}
 .app-scroller{
	position:relative;
}
 .search-filter{
	float:left;
	 width:50%;
}
 .search-filter input#app_search{
	 background-color: #efefef;
	 border: none;
	 height: 47px;
	 padding: 0 10px;
	 margin-left: 5px;
	 width: calc(100% - 60px);
	 color: #3d3d3d;
	 font-size: 14px;
	 float:left;
}
 .search-filter input#app_search_button{
	 height: 47px;
	 width: 55px;
	 background-color: #860037;
	 color: #fff !important;
	 border: none;
	 text-indent: -9999px;
	 background-image: url('https://www.coloradomesa.edu/_files/images/mavzone/search.svg');
	 background-size: 20px;
	 background-position: center;
	 background-repeat: no-repeat;
	 border-radius: 0px;
}
 .dropdown-filter{
	 float: left;
	 width: calc(50% - 20px);
	 margin-left: 15px;
	 margin-right: 5px;
}
 .dropdown-filter form{
	width:100%;
}
 .dropdown-filter form select{
	 width:100%;
	 height:47px;
	 -webkit-appearance: menulist-button;
	 background-color: #efefef;
	 border: none;
	 padding: 0 5px;
}
 .app-search-legend{
	 font-size: 1.5em;
	 margin: 10px 0 10px 5px;
	 line-height: 20px;
}
 .legend-icon{
	 background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/sprite.png');
	 background-position:-3px -60px;
	 width:19px;
	 height:19px;
	 display:inline-block;
	 margin-right:5px;
	 margin-bottom:-2px;
}
/*--------My Account--------*/
 .account-content .side-padding{
	padding:0px;
	 overflow:inherit;
}
 #mavzone-wrapper .panel-title.h4 a{
	background:#890038;
	 color:#fff;
}
 #mavzone-wrapper .panel-title.h4 a:hover, #mavzone-wrapper .panel-title.h4 a:focus{
	background:#69072d;
}
 #mavzone-wrapper .panel-group{
	margin:3px 0px;
	 border:none;
}
 #mavzone-wrapper .panel-title.h4 a:after{
	background:rgba(255, 255, 255, 0.6);
	 color:#890038;
}
 #mavzone-wrapper .panel-group{
	margin-bottom:20px;
}
 .panel-group .data{
	 overflow: hidden;
	 border-bottom: 1px solid #dcdcdc;
	 padding-bottom: 15px;
	 margin-bottom:15px;
}
 .panel-group .data-title{
	text-transform:uppercase;
	 font-weight:bold;
	 margin-bottom:5px;
	 color:#890038;
}
 .panel-group .data-content{
	 float:left;
	 color:#515151;
	 font-size:1.5em;
}
 .panel-group .data-btn-solid, .panel-group .data-btn-outline{
	 float:right;
	 margin-left:10px;
}
 .panel-group .data-btn-solid a, .panel-group .data-btn-outline a{
	 background-color: #373737;
	 color: #fff;
	 border-bottom: none !important;
	 padding: 0 21px;
	 line-height: 26px;
	 display: inline-block;
	 border-radius: 40px;
	 text-transform: uppercase;
	 font-size: .9em;
	 transition:background-color .3s ease-in-out, color .3s ease-in-out;
}
 .panel-group .data-btn-outline a{
	background-color:transparent;
	 border:1px solid #373737;
	 border-bottom:1px solid #373737 !important;
	 color:#373737;
}
 .panel-group .data-btn-solid a:hover, .panel-group .data-btn-solid a:focus{
	 background-color:#000000;
	 border-bottom:none !important;
}
 .panel-group .data-btn-outline a:hover, .panel-group .data-btn-outline a:focus{
	background-color:#373737;
	 color:#fff;
}
 .panel-group .darkened{
	 background-color: #ededed;
	 margin-left: -15px;
	 margin-right: -15px;
	 margin-bottom: -15px;
	 margin-top: -16px;
	 position: relative;
	 padding: 25px 25px 15px 25px;
}
 .panel-group ul.resources{
	 padding: 0;
	 -webkit-columns: 2 250px;
	 -moz-columns: 2 250px;
	 columns: 2 250px;
	 -webkit-column-gap: 2em;
	 -moz-column-gap: 2em;
	 column-gap: 2em;
	 margin: 0 auto;
	 list-style:none;
}
 .panel-group ul.resources li{
	padding-left:30px;
}
 .panel-group ul.resources li a, .panel-group ul.resources li button{
	 font-size:1.3em;
	 color:#515151;
	 margin-bottom:10px;
	 border-bottom:none !important;
	 display:inline-block;
	 position:relative;
}
 .panel-group ul.resources li button{
	 background:none;
	 border:none;
	 padding:0px;
}
 .panel-group ul.resources li button:hover, .panel-group ul.resources li button:focus {
	 color: #890038;
	 text-decoration:underline;
}
 .panel-group ul.resources li a:before, .panel-group ul.resources li button:before{
	 content:'\e080';
	 width:20px;
	 height:20px;
	 border-radius:50%;
	 position:absolute;
	 left:-30px;
	 top:0;
	 background-color:#890038;
	/*background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/sprite.png');
	 background-position:-127px -92px;
	*/
	 color: #fff;
	 text-align: center;
	 font-size: 10px;
	 line-height: 20px;
	 font-family:'Glyphicons Halflings';
}
 .panel-group ul.resources li a:hover, .panel-group ul.resources li a:focus{
	color:#890038;
}
 .address-data{
	width: calc(100% - 200px);
}
/*CSS for the toggle button*/
 #facilityusageModal .switch {
	 position: relative;
	 display: inline-block;
	 width: 80px;
	 height: 34px;
}
 #facilityusageModal .switch input {
	display:none;
}
 #facilityusageModal .slider {
	 position: absolute;
	 cursor: pointer;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: #ccc;
	 -webkit-transition: .4s;
	 transition: .4s;
}
 #facilityusageModal .slider:before {
	 position: absolute;
	 content: "";
	 height: 26px;
	 width: 26px;
	 left: 4px;
	 bottom: 4px;
	 background-color: white;
	 -webkit-transition: .4s;
	 transition: .4s;
}
 #facilityusageModal input:checked + .slider {
	 background-color: #6fb557;
}
 #facilityusageModal input:focus + .slider {
	 box-shadow: 0 0 1px #2196F3;
}
 #facilityusageModal input:checked + .slider:before {
	 -webkit-transform: translateX(46px);
	 -ms-transform: translateX(46px);
	 transform: translateX(46px);
}
/* Rounded sliders */
 #facilityusageModal .slider.round {
	 border-radius: 34px;
}
 #facilityusageModal .slider.round:before {
	 border-radius: 50%;
}
 #facilityusageModal .slider:after {
	 content:'NO';
	 color: white;
	 display: block;
	 position: absolute;
	 -moz-transform: translate(-50%,-50%);
	 -webkit-transform: translate(-50%,-50%);
	 transform: translate(-50%,-50%);
	 top: 50%;
	 right:9px;
	 font-size: 12px;
	 font-family: Verdana, sans-serif;
}
 #facilityusageModal input:checked + .slider:after {
	 content:'YES';
	 right:inherit;
	 left:35px;
}
/*Account Notifications*/
 .notification-wrapper{
	 border: 1px solid #e1e1e1;
	 margin-bottom: 20px;
	 border-radius: 4px;
	 background-color: #f3f3f3;
	 position:relative;
	 padding:25px 25px 10px 25px;
}
 .notification-wrapper:after{
	 content: '';
	 width: 32px;
	 height: 32px;
	 background-color: #ff003c;
	 border-radius: 50%;
	 border: 3px solid #fff;
	 background-repeat: no-repeat;
	 position: absolute;
	 top: -8px;
	 left: -8px;
	 background-image: url(https://www.coloradomesa.edu/_files/images/mavzone/sprite.png);
	 background-position: -142px -7px;
}
 #account-notifications .overflow-wrapper{
	 overflow:hidden;
	 position:relative;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display:flex;
}
 .ntf-desc{
	 float: left;
	 width: 40%;
	 padding: 30px;
	 border-right: 1px solid #e1e1e1;
	 background-color: #fff;
}
 .ntf-alerts{
	 float: left;
	 width: 60%;
	 padding: 30px;
}
 .ntf-alerts ul{
	margin:0;
	 padding:0;
	 list-style:none;
}
 .ntf-alerts ul li{
	 list-style: none;
	 padding-left: 25px;
	 padding-bottom: 10px;
	 margin-bottom: 10px;
	 border-bottom: 1px solid #e1e1e1;
	 position:relative;
}
 .ntf-alerts ul li:last-child{
	border-bottom:none;
	 margin-bottom:0px;
}
 .ntf-alerts ul li:before{
	 content:'';
	 width:8px;
	 height:8px;
	 background-color:#ff003c;
	 position:absolute;
	 left:0px;
	 top:7px;
	 border-radius:50%;
}
 .notification-wrapper .panel-group{
	 background-color:#fff;
}
/*Concerns*/
 .concern-wrapper{
	 border: 1px solid #e6e6e6;
	 background-color: #fff;
	 text-align: center;
	 position: relative;
	 margin-top: 20px;
	 margin-bottom: 20px;
}
 .concern-wrapper .concern-title{
	 border-bottom:1px solid #e6e6e6;
	 background-color:#eeeeee;
	 padding:15px;
	 color:#373737;
	 font-size:2em;
	 padding-top:60px;
	 margin-bottom:10px;
}
 .concern-wrapper .concern-title .c-icon{
	 border:5px solid #fff;
	 width:84px;
	 height:84px;
	 background-color:#fed103;
	 border-radius:50%;
	 position:absolute;
	 top:-35px;
	 left:0;
	 right:0;
	 margin:auto;
	 margin-bottom:15px;
	 background-position:center;
	 background-repeat:no-repeat;
}
 .concern-wrapper .concern-title .c-icon.report{
	 background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/report.png');
}
 .concern-wrapper .concern-title .c-icon.complaint{
	 background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/complaint.png');
}
 .concern-wrapper .concern-title .c-icon.suggestions{
	 background-image:url('https://www.coloradomesa.edu/_files/images/mavzone/suggestion.png');
}
 .concern-wrapper .concern-text{
	 padding:15px;
	 font-size:1.2em;
	 height:200px;
}
 .concern-wrapper .concern-text a, .concern-wrapper .concern-text button{
	 display:block;
	 text-align:center;
	 margin-top:20px !important;
	 padding-right:15px !important;
	 padding-left:15px !important;
	 position: absolute;
	 bottom: 20px;
	 left: 20px;
	 right: 20px;
	 width: calc(100% - 40px);
	 width: -ms-calc(100% - 40px);
	 border:none;
}
 .row.content-middle{
	 margin-top: 10%;
	 padding-left: 30px;
	 padding-right: 30px;
}
 #suggestionModal .modal-header{
	border-bottom:none;
}
/*Forms (login, password change, etc)*/
 body.white-body{
	background-color:#ffffff;
}
 .center-form{
	 text-align: center;
	 white-space:nowrap;
	 height:100vh;
}
 .center-form:before{
	 content:'';
	 display: inline-block;
	 height: 100%;
	 vertical-align: middle;
}
 .center-form form.mavzone-form{
	 display: inline-block;
	 vertical-align: middle;
}
 form.mavzone-form{
	 max-width: 370px;
	 text-align: center;
	 font-family: 'Nunito Sans', sans-serif;
	 margin:10px;
	 white-space:normal;
	 font-size:15px;
}
 .mavzone-branded{
	margin-bottom:30px;
}
 .mavzone-form .form-message{
	 background-color: #515151;
	 padding: 15px;
	 color: #e4e4e4;
	 font-weight: normal;
	 text-align: left;
	 margin-bottom: 30px;
	 position: relative;
	 line-height:19px;
	 font-size:.95em;
}
 .mavzone-form .form-message:after{
	 position:absolute;
	 content:'';
	 width: 0;
	 height: 0;
	 border-left: 15px solid transparent;
	 border-right: 15px solid transparent;
	 border-top: 13px solid #515151;
	 bottom:-12px;
	 left:0;
	 right:0;
	 margin:0 auto;
}
 .mavzone-form .form-message .fm-title{
	font-size:1.3em;
	 color:#fff;
	 margin-bottom:5px;
}
 .input-container{
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display:flex;
	 width: 100%;
	 margin-bottom: 15px;
	 overflow:hidden;
	 height:47px;
}
 .input-container .form-icon{
	 float:left;
	 width:43px;
	 background-color:#373737;
	 text-align:center;
}
 .input-container input{
	 width:calc(100% - 43px);
	 float:left;
	 height:47px;
	 background-color:#e8e8e8;
	 border:none;
	 outline:none;
	 color:#373737;
	 padding-left:8px;
}
 #activation-form .input-container .input-group{
	 width:calc(100% - 43px);
}
 #activation-form .input-group input{
	width:100%;
}
 .input-container input:focus{
	 border: 2px solid #373737;
	 border-left:none;
}
 .mavzone-form button[type="submit"]{
	 border: none;
	 outline: none;
	 background-color: #850037;
	 color: #fff;
	 text-align: center;
	 display: block;
	 width: 100%;
	 line-height: 54px;
	 margin-bottom: 10px;
	 transition:background-color .3s ease-in-out;
}
 .mavzone-form button[type="submit"]:hover, .mavzone-form button[type="submit"]:focus{
	background-color:#6b002c;
}
 #info-line{
	 padding-top: 10px;
	 margin-top: 10px;
	 border-top: 1px solid #e0e0e0;
}
 .form-icon i{
	color:#fff;
	 font-size:13px;
	 line-height:47px;
}
 p.more-info{
	font-size:.9em;
	 margin-bottom:20px;
	 margin-top:-5px;
}
 .mavzone-form .extra-buttons{
	overflow:hidden;
}
 .mavzone-form .extra-buttons a{
	 background-color: #969696;
	 color: #fff;
	 display: block;
	 line-height: 40px;
	 float: left;
	 width: calc(50% - 7.5px);
	 font-size: .85em;
}
 .mavzone-form .extra-buttons a:first-child{
	margin-right:15px;
}
 .mavzone-form .extra-buttons a:hover, .mavzone-form .extra-buttons a:focus{
	text-decoration:none;
}
 #activation-form input[type="date"]:before {
	 content: attr(placeholder)':' !important;
	 color: #4E4E4E;
	 margin-right: 0.5em;
}
 #activation-form input[type="date"]:focus:before, #activation-form input[type="date"]:valid:before {
	 content: "";
}
/*Login Modal Window*/
 .modal-form form.mavzone-form{
	 margin: 15px auto;
}
 #loginModal .modal-header{
	border-bottom:none;
}
 #loginModal .modal-content{
	padding-left:15px;
	 padding-right:15px;
}
/*Temporary Index Page (split login)*/
 body.mavzone-index{
	 background-color:#fff;
	 text-align:center;
	 padding-bottom:20px;
}
 body.mavzone-index h1{
	font-size:28px;
}
 body.mavzone-index p{
	font-size:.95em;
	 color:#666;
}
 .mavzone-index .split{
	 max-width: 767px;
	 margin: 50px auto 0 auto;
}
 .mavzone-index .choose-tile{
	 background-color: #f7f7f7;
	 border-radius: 4px;
	 box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	 margin-top: 30px;
	 height: 295px;
	 padding: 30px;
	 position:relative;
}
 .choose-tile img{
	 margin-top: 20px;
	 margin-bottom: 20px;
	 height:50px;
	 width:auto;
}
 .choose-tile .new-icon{
	 width: 71px;
	 height: 70px;
	 position: absolute;
	 top: -20px;
	 left: -20px;
	 background-image: url(https://www.coloradomesa.edu/mavzone/images/new.png);
}
 a.choose-button{
	 background-color: #860037;
	 color: #fff;
	 padding: 16px;
	 display: block;
	 position: absolute;
	 left: 30px;
	 right: 30px;
	 bottom: 30px;
}
 a.choose-button.old{
	 background-color:#989898;
}
 a.choose-button:hover, a.choose-button:focus{
	text-decoration:none;
	 background-color:#5D0022;
}
 a.choose-button.old:hover, a.choose-button.old:focus{
	text-decoration:none;
	 background-color:#6b6b6b;
}
 @media (max-width: 767px) {
	 .mavzone-index .split{
		margin:20px auto 0 auto;
	}
	 .mavzone-index .choose-tile{
		height:auto;
		 padding-bottom:85px;
	}
	 .choose-tile img{
		margin-top:10px;
		 max-width: 150px;
		 height: auto;
	}
	 .choose-tile .new-icon{
		left:-14px;
	}
}
/*------------Custom MAVzone Fonts----------------*/
 @font-face {
	 font-family: 'mavzoneicon';
	 font-display: auto;
	 src: url('https://www.coloradomesa.edu/_files/fonts/mavzone-icons/mavzoneicon.eot?32ggcd');
	 src: url('https://www.coloradomesa.edu/_files/fonts/mavzone-icons/mavzoneicon.eot?32ggcd#iefix') format('embedded-opentype'), url('https://www.coloradomesa.edu/_files/fonts/mavzone-icons/mavzoneicon.ttf?32ggcd') format('truetype'), url('https://www.coloradomesa.edu/_files/fonts/mavzone-icons/mavzoneicon.woff?32ggcd') format('woff'), url('https://www.coloradomesa.edu/_files/fonts/mavzone-icons/mavzoneicon.svg?32ggcd#mavzoneicon') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	 font-family: 'mavzoneicon' !important;
	 speak: none;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	 line-height: 1;
	/* Better Font Rendering =========== */
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 .icon-dashboard:before {
	 content: "\e900";
}
 .icon-card:before {
	 content: "\e901";
}
 .icon-new:before {
	 content: "\e902";
}
 .icon-confirm:before {
	 content: "\e903";
}
 .icon-password:before {
	 content: "\e904";
}
 .icon-user:before {
	 content: "\e905";
}
 .icon-help:before {
	 content: "\e906";
}
 .icon-account:before {
	 content: "\e907";
}
 .icon-updates:before {
	 content: "\e908";
}
 .icon-apps:before {
	 content: "\e909";
}
 .icon-date:before {
	 content: "\e90a";
}
 .icon-concerns:before {
	 content: "\e90b";
}
 .icon-tasks:before {
	 content: "\e90c";
}
 .icon-home:before {
	 content: "\e90d";
}
 .icon-logout:before {
	 content: "\e90e";
}
/*--------Media Queries--------*/
 @media (max-width:1100px) {
	 .mav-header .profile-wrapper{
		width:50%;
	}
	 .mav-header .guide{
		width:19%;
	}
	 .concern-wrapper .concern-text a, .concern-wrapper .concern-text button{
		font-size:13px !important;
		 padding-left:10px!important;
		 padding-right:10px!important;
	}
	 .concern-wrapper .concern-title{
		font-size:1.7em;
	}
}
 @media (max-width: 980px) {
	 .fav_buttons {
		 width: calc(33.33333% - 10px);
	}
	 .side-padding{
		padding:0 40px;
	}
	 #mav-content-area{
		padding-left:160px;
	}
	 #mav-nav{
		width:145px;
	}
	 .flexslider, .campus-updates-wrapper{
		height:340px;
	}
	/*.dashboard-content ul#update-list{
		max-height:253px;
	}
	*/
	 .campus-updates-wrapper .title-header{
		line-height:27px;
		 font-size:1.3em;
	}
	 .eb_2 img.icon{
		max-width:125px !important;
	}
	 .mav-logo a{
		padding:25px 15px;
	}
	 .concern-wrapper .concern-text{
		height:auto;
		 padding-bottom:100px;
	}
	 .row.content-middle{
		margin-top:0px;
		 padding-left:0px;
		 padding-right:0px;
	}
	/*.campus-updates-wrapper .updates{
		height:254px;
	}
	*/
	 .panel-group .data-content{
		width:50%;
	}
	 #mav-nav ul li a, #mav-nav ul li a:after{
		transition:none;
	}
	/*Fixes double tap issue on iOs devices*/
	 .mav-header .incident-report{
		font-size:.9em;
	}
	 .incident-report a{
		padding:0 15px;
	}
	 .mav-header .profile-wrapper{
		width:50%;
	}
	 .mav-header .guide{
		width:20%;
	}
}
 @media (max-width: 930px){
	 .mav-header.v2 .logout-howtouse{
		width:100px;
	}
	 span.indent-text{
		text-indent:-99999px;
		 display:block;
	}
	 .mav-header.v2 span.icon-logout{
		font-size:22px;
		 top:7px;
		 left:4px;
	}
	 .mav-header.v2 span.icon-help{
		font-size:16px;
		 top:4px;
		 display:inline;
		 position:relative;
	}
	 .mav-header.v2 .profile-wrapper{
		width: calc(100% - 246px);
	}
	 .mav-header.v2 .incident-report{
		width:139px;
	}
}
 @media (max-width: 880px) {
	 .mav-header .guide{
		width:40px;
	}
	 .mav-header .guide button{
		padding:0;
		 line-height:43px;
	}
	 .mav-header .guide span{
		font-size:16px;
	}
}
 @media (max-width: 767px) {
	/*Hide Main & Audience Navigation on mobile*/
	 body.mavzone #main-menu-container, body.mavzone .audience-menu-container{
		display:none;
	}
	/*Hide extra items in header ONLY on MAVzone*/
	 body.mavzone .hide-mobile-mavzone{
		display:none;
	}
	/*CMU logo & search adjustments*/
	 body.mavzone img.logo{
		max-width:230px;
	}
	 body.mavzone a.mavzone-mobile-fix{
		max-width:230px;
		 margin:0 auto;
		 display:block;
	}
	 body.mavzone #searchBox{
		width:calc(100% - 33px);
		 float:left;
	}
	/**/
	 #mavzone-wrapper{
		margin-bottom:0px;
	}
	 #mav-content-area{
		padding:0px;
	}
	 #mavzone-wrapper{
		padding:15px;
		 margin-left:-15px;
		 margin-right:-15px;
		 margin-top:10px;
		 min-height:auto;
	}
	 .side-padding{
		padding:0px;
	}
	 .dashboard-content .side-padding{
		 display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6, BB7 */
		 display: -ms-flexbox;
		/* TWEENER - IE 10 */
		 display: -webkit-flex;
		/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		 display:flex;
		 -webkit-flex-flow: row wrap;
		/* Safari 6.1+ */
		 flex-flow:row wrap;
	}
	 .dashboard-content .side-padding .mobile-top{
		 -webkit-box-ordinal-group: 1;
		 -moz-box-ordinal-group: 1;
		 -ms-flex-order: 1;
		 -webkit-order: 1;
		 order:1;
		 width:100%;
		 margin-bottom:30px;
	}
	 .dashboard-content .side-padding .mobile-bottom{
		 -webkit-box-ordinal-group: 2;
		 -moz-box-ordinal-group: 2;
		 -ms-flex-order: 2;
		 -webkit-order: 2;
		 order:2;
		 width:100%;
	}
	 #mav-nav{
		 position: fixed;
		 bottom: 0px;
		 top: inherit;
		 width: 100%;
		 z-index: 999999;
		 height: 67px;
		/*was 55px added padding on bottom for iphone x - KW 1/6/20*/
		 overflow:hidden;
	}
	 #mav-nav .mav-logo{
		display:none;
	}
	 #mav-nav ul li{
		 font-size:10px;
		 float:left;
		 width:25%;
		 border-bottom:none;
		 border-right:1px solid #6f6f6f;
	}
	 #mav-nav ul li:last-child{
		border-right:none;
	}
	 #mav-nav ul li a{
		padding:6.5px 15px 17px 6.5px;
		 border-bottom:none;
		 height:67px;
		 transition:none;
	}
	/*#mav-nav ul li a span{
		-webkit-transform: scale(.8);
		 -moz-transform: scale(.8);
		 transform: scale(.8);
	}
	*/
	 #mav-nav ul li a:after{
		display:none;
	}
	 #mav-nav ul li a span.help-icon{
		margin:2px auto 7px auto;
	}
	 #mav-nav ul li a span.dash-icon{
		margin:5px auto 11px auto;
	}
	 #mav-nav ul li a span.menu-icon{
		 display:block;
		 margin:5px auto 5px auto 
	}
	 #mav-nav ul li a#tasks-nav.task-available:before{
		background-image:none;
		 width:13px;
		 height:13px;
	}
	 .profile-wrapper .cmu_full_name, .profile-wrapper .cmu_title{
		display:none;
	}
	 #mav-content-area .mav-header{
		 background-color: #860037;
		 margin-left: -15px;
		 margin-right: -15px;
		 margin-top: -15px;
		 width: calc(100% + 30px);
		 padding: 10px 15px;
	}
	 .promo-slide-wrapper, .campus-updates-wrapper{
		float:none;
		 width:100%;
		 margin-left:0px;
		 margin-right:0px;
	}
	 .eb_2 img.icon {
		 max-width: 120px !important;
		 max-height: 52px;
		 width: auto;
		 height: auto;
	}
	 .mav-header .profile-wrapper{
		width:30px;
		 float:right;
	}
	 .profile-wrapper .cmu_photo{
		width:30px;
		 height:30px;
		 margin-top:14px;
	}
	 .account-mobile{
		float:right;
		 width:20px;
		 font-size:20px;
		 margin-right:10px;
	}
	 .account-mobile a{
		border-bottom:none !important;
		 color: #fed103;
		 line-height: 53px;
	}
	 .mav-logo a{
		padding:0px;
		 display:inline-block;
	}
	 .mav-logo{
		float:left;
		 width:30px;
		 margin:13px 0;
		 height:26px;
	}
	 .mav-logo a span.logo-icon{
		margin:inherit;
	}
	 .mav-logo a span.icon-home{
		 background-image: none;
		 color: #fff;
		 float: right;
		 margin-right: -30px;
		 margin-top: -20px;
		 font-size: 16px;
	}
	 .flexslider{
		height:auto;
	}
	 #mav-nav ul li a:hover:after, #mav-nav ul li a.active:after{
		display:none;
	}
	 body.mavzone{
		padding-bottom:55px;
	}
	 .incident-report a{
		float:none;
		 width:100%;
	}
	 .panel-group .data-btn-solid, .panel-group .data-btn-outline{
		float:none;
		 width:100%;
		 text-align:center;
		 margin-left:0px;
		 margin-top:10px;
	}
	 .panel-group .data-content{
		float:none;
		 width:100%;
		 font-size:1.3em;
	}
	 .panel-group .data-btn-solid a, .panel-group .data-btn-outline a{
		display:block;
	}
	 .search-filter, .dropdown-filter{
		float:none;
		 width:100%;
		 margin-bottom:15px;
		 margin-left:0px;
		 margin-right:0px;
		 border-radius:0px;
	}
	 .search-filter input#app_search{
		width: calc(100% - 55px);
		 margin-left:0px;
	}
	 .all-apps-wrap .all-apps{
		max-height:inherit;
	}
	 .app-scroller .more-gradient{
		display:none;
	}
	 #account-notifications .overflow-wrapper{
		display:inherit !important;
	}
	 .ntf-desc, .ntf-alerts{
		float:none;
		 width:100%;
		 padding:20px;
	}
	 .ntf-desc{
		border-right:none;
		 border-bottom:1px solid #e1e1e1;
	}
	 .footer{
		margin-top:0px;
	}
	 .mobile-guide, .mobile-logout{
		 float: right;
		 width: 25px;
		 height: 53px;
		 text-align: center;
		/* margin-left: 15px;
		 */
		 margin-right: 15px;
		 padding-left: 10px;
		 border-left: 1px solid rgba(255,255,255,.2);
	}
	 .mobile-logout{
		border-left:none;
	}
	 .mobile-guide{
		margin-left:15px;
	}
	 .mav-header.v2 span.icon-help{
		top:2px;
	}
	 .mav-header.v2 span.icon-logout{
		font-size:20px;
		 top:6px;
		 left:2px;
	}
	 .mav-header.v2 .logout-howtouse{
		display:none;
	}
	 .mav-header.v2 .profile-wrapper{
		width:auto;
	}
	 .mobile-guide button, .mobile-logout button{
		 color: #fff;
		 width: 30px;
		 height: 30px;
		 display: inline-block;
		 margin-top: 14px;
		 border-bottom: none !important;
		 border-radius: 50%;
		 background: rgba(255,255,255,.15);
		 border:none;
		 text-align:center;
		 padding:0px;
	}
	 .mobile-guide button span.icon-help{
		 font-size: 16px;
		 line-height: 28px;
	}
	 .mvz-guide-img{
		max-width:200px !important;
	}
	 #guideModal .tutorial-content{
		height:295px;
	}
	 #guideModal .modal-slider a.carousel-control.right{
		right:20px;
		 bottom:15px;
	}
	 #guideModal .modal-slider a.carousel-control.left{
		left:20px;
		 bottom:15px;
	}
	 .carousel-indicators{
		width:230px;
		 left:0;
		 right:0;
		 margin:auto;
	}
	 .tutorial-content .tab-pane{
		width:calc(100% - 30px);
	}
}
 @media (max-width: 480px) {
	 .fav_buttons{
		width: calc(50% - 10px);
	}
	 #mavzone-wrapper{
		image-rendering: auto;
	}
	 .panel-group .acct-btn-solid, .panel-group .acct-btn-outline{
		 float: none;
		 clear: both;
		 margin-left: 0px;
		 margin-top: 10px;
		 width: 100%;
	}
	 .panel-group .acct-btn-solid a, .panel-group .acct-btn-outline a {
		display:block;
		 text-align:center;
	}
	 .panel-group .data-content{
		 float: none;
		 width: 100% !important;
	}
}
