body.mavzone{
    height:100%;
    background-color:#f2f2f2
}
body.mavzone #content{
    font-size:.75rem
}
body.mavzone #mobile-header{
    display:none
}
#content #mavzone-wrapper{
    background-color:#fff;
    position:relative;
    -webkit-box-shadow:0px 0px 18px rgba(0,0,0,0.11);
    -moz-box-shadow:0px 0px 18px rgba(0,0,0,0.11);
    box-shadow:0px 0px 18px rgba(0,0,0,0.11);
    margin-top:30px;
    margin-bottom:30px;
    min-height:621px;
    font-family:"Nunito Sans",sans-serif
}
#content #mavzone-wrapper .h2.inline{
    display:inline-block;
    margin-top:0px;
    font-size:1.8em;
    color:#515151
}
#content a.see-all{
    float:right;
    position:relative;
    padding-right:25px;
    padding-left:10px;
    line-height:25px;
    background-color:transparent;
    font-size:.75rem !important
}
#content a.see-all:after{
    content:'';
    width:.95rem;
    height:25px;
    position:absolute;
    right:0;
    top:0;
    bottom:0
}
#content 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
}
#content a.see-all.lt{
    border:1px solid #ffffff !important;
    color:#fff
}
#content a.see-all.lt:hover,#content a.see-all.lt:focus{
    background-color:#fff;
    color:#515151
}
#content a.see-all.lt span.arrow{
    background-position:-121px -62px
}
#content a.see-all.lt:after{
    background-color:#fff
}
#content a.see-all.drk{
    border:1px solid #515151 !important;
    color:#515151
}
#content a.see-all.drk:hover,#content a.see-all.drk:focus{
    background-color:#515151;
    color:#fff
}
#content a.see-all.drk:after{
    background-color:#515151
}
#content a.see-all.drk span.arrow{
    background-position:-121px -74px
}
#content .clearboth{
    clear:both
}
#content .more-gradient{
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    height:5px;
    background:-webkit-linear-gradient(transparent 0%, transparent 2%, rgba(0,0,0,0.2) 100%);
    background:-o-linear-gradient(transparent 0%, transparent 2%, rgba(0,0,0,0.2) 100%);
    background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(2%, transparent), to(rgba(0,0,0,0.2)));
    background:-moz-linear-gradient(transparent 0%, transparent 2%, rgba(0,0,0,0.2) 100%);
    background:linear-gradient(transparent 0%, transparent 2%, rgba(0,0,0,0.2) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    z-index:999
}
#content .divider{
    margin-bottom:15px;
    border-bottom:1px dotted #eeeeee;
    padding-bottom:15px;
    clear:both
}
#content .mav-logo a h1.logo-icon{
    background-image:url(https://www.coloradomesa.edu/images/svg/logos/mavzone-white.svg);
    width:117px;
    height:26px;
    margin:0 auto;
    display:block;
    text-indent:-9999999px;
    background-repeat:no-repeat;
    background-position:center
}
#content .mav-logo a span.icon-dashboard{
    color:#fff;
    font-size:16px;
    float:left;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:rgba(255,255,255,0.15);
    height:30px;
    width:30px;
    line-height:27px;
    margin-top:-2px;
    margin-right:10px;
    text-align:center
}
#content #mav-content-area{
    padding-left:190px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:15px
}
#content #mav-content-area .mav-header{
    width:100%;
    border-bottom:1px solid #eeeeee;
    padding-bottom:15px;
    margin-bottom:15px;
    overflow:hidden
}
#content .mav-header .profile-wrapper{
    float:left;
    width:50%
}
#content .mav-header .profile-wrapper a{
    display:block;
    border:none
}
#content .mav-header .incident-report{
    float:right;
    width:22%
}
#content .mav-header .guide{
    float:left;
    width:16%;
    margin-right:2%;
    text-align:center;
    margin-top:5px
}
#content .mav-header .guide span{
    display:inline-block
}
#content .incident-report a{
    border-bottom:none !important;
    background-color:#fed103;
    color:#000000;
    font-weight:bold;
    font-size:1em;
    line-height:53px;
    padding:0 15px;
    text-align:center;
    -webkit-transition:background-color .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out;
    -moz-transition:background-color .3s ease-in-out;
    transition:background-color .3s ease-in-out;
    display:block;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
#content .incident-report a:hover,#content .incident-report a:focus{
    background-color:#feba03
}
#content .mav-header .guide button{
    border:1px solid #e0e0e0 !important;
    height:40px;
    display:block;
    padding:0 15px;
    line-height:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
    -webkit-transition:background-color .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out;
    -moz-transition:background-color .3s ease-in-out;
    transition:background-color .3s ease-in-out;
    width:100%
}
#content .mav-header .guide button:hover{
    background-color:#e0e0e0;
    cursor:pointer
}
#content .profile-wrapper .cmu_photo{
    float:left;
    width:53px;
    height:53px;
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    position:relative;
    margin-right:10px;
    background-color:#efefef
}
#content .profile-wrapper .cmu_photo img{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
#content .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;
    -moz-background-size:cover;
    background-size:cover;
    background-color:#dbdbdb
}
#content .cmu_full_name{
    color:#000;
    font-size:1.3em;
    font-weight:100;
    margin-top:7px
}
#content .cmu_title{
    color:#969494;
    font-size:.9em;
    font-weight:100
}
#content .cmu_title br{
    display:none
}
#content .side-padding{
    padding:0 70px
}
#content .side-padding:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
#content .mav-header.v2 .incident-report{
    float:left;
    width:19%
}
#content .mav-header.v2 .logout-howtouse{
    float:right;
    width:30%;
    background:#ededed;
    line-height:42px;
    padding:5.5px
}
#content .mav-header.v2 .guide,#content .mav-header.v2 .logout{
    float:left;
    width:50%;
    text-align:center;
    margin:0px
}
#content .mav-header.v2 .logout-howtouse button{
    border:none !important;
    height:42px;
    display:block;
    padding:0px;
    line-height:inherit;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-transition:background-color .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out;
    -moz-transition:background-color .3s ease-in-out;
    transition:background-color .3s ease-in-out;
    width:100%;
    background-color:transparent;
    color:#860037
}
#content .mav-header.v2 .logout-howtouse button span svg{
    width:14px;
    height:14px;
    fill:#860037
}
#content .mav-header.v2 .logout-howtouse button:hover{
    background-color:#d5d5d5
}
#content .mav-header.v2 .logout button{
    border-left:1px solid #D5D5D5 !important
}
#content .mav-header.v2 span.icon-logout svg{
    width:17px !important;
    height:17px !important;
    fill:#860037;
    display:inline;
    position:relative
}
#content div#no-tasks:before{
    content:'Nice work!';
    position:absolute;
    top:-50px;
    font-size:35px;
    text-align:center;
    left:0;
    right:0;
    color:#860037
}
#content 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%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media (max-width: 767px){
    #content div#no-tasks{
        left:0px;
        -webkit-transform:inherit !important;
        -moz-transform:inherit !important;
        -o-transform:inherit !important;
        transform:inherit !important;
        top:0px;
        padding-top:50px;
        position:relative
    }
    #content div#no-tasks:before{
        top:0px
    }
}
#content .promo-slide-wrapper{
    float:left;
    width:-webkit-calc(50% - 10px);
    width:-moz-calc(50% - 10px);
    width:calc(50% - 10px);
    margin-right:10px;
    margin-bottom:20px;
    background-color:#f5f5f5
}
#content .campus-updates-wrapper{
    float:left;
    width:-webkit-calc(50% - 10px);
    width:-moz-calc(50% - 10px);
    width:calc(50% - 10px);
    margin-left:10px;
    height:341px;
    margin-bottom:20px
}
#content .campus-updates-wrapper .title-header{
    background-color:#515151;
    overflow:hidden;
    padding:10px;
    color:#fff;
    font-size:1rem
}
#content .campus-updates-wrapper .updates{
    position:relative;
    height:294px
}
#content ul#update-list{
    margin:0;
    list-style:none;
    background:#f5f5f5;
    padding:15px;
    padding-bottom:1px
}
#content .dashboard-content ul#update-list{
    max-height:294px;
    overflow-y:scroll
}
#content ul#update-list li{
    background-color:#fff;
    padding:15px;
    margin-bottom:15px;
    overflow:hidden;
    border:1px solid #e8e8e8
}
#content ul#update-list li ol{
    list-style:decimal;
    list-style-position:inside
}
#content ul#update-list li ul{
    list-style:disc;
    list-style-position:inside
}
#content ul#update-list li li{
    list-style:inherit;
    border:none;
    margin-bottom:8px;
    padding:0px
}
#content .update-title.h4{
    margin-top:0px;
    font-size:1rem;
    line-height:1.4rem
}
#content .update-content p,#content .update-content span,#content .update-content a,#content .update-content li,#content .update-content{
    font-size:.95rem
}
#content .annc-icon{
    float:left;
    width:28px;
    margin-right:13px;
    background-color:#860037;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-align:center;
    line-height:28px;
    height:28px;
    position:relative
}
#content .annc-icon .icon-updates svg,#content .annc-icon .icon-date svg{
    fill:#ffffff;
    width:16px;
    height:16px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto
}
#content .annc-content{
    float:left;
    width:-webkit-calc(100% - 41px);
    width:-moz-calc(100% - 41px);
    width:calc(100% - 41px)
}
#content .annc-icon span{
    line-height:27px;
    display:block
}
#content .flexslider{
    padding-bottom:45px;
    height:341px;
    background:transparent;
    border:none
}
#content .flex-caption{
    background:transparent;
    width:100%
}
#content .flex-control-nav{
    bottom:7px;
    z-index:100;
    padding-top:10px;
    border-top:1px solid #e4e4e4
}
#content .flex-control-paging li a{
    width:15px;
    height:15px;
    border:2px solid #860037 !important
}
#content .flex-caption{
    color:#515151;
    text-shadow:none !important
}
#content .flex-caption .caption-header{
    color:#373737
}
#content .fav_buttons{
    display:block;
    clear:none;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    align-items:center;
    -webkit-box-pack:inherit;
    -webkit-justify-content:inherit;
    -moz-box-pack:inherit;
    justify-content:inherit;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -moz-box-flex:0;
    flex:none;
    float:left;
    width:-webkit-calc(25% - 10px);
    width:-moz-calc(25% - 10px);
    width:calc(25% - 10px);
    margin:5px;
    max-width:250px;
    background-color:#fff
}
#content .fav_buttons p{
    margin-bottom:0;
    position:absolute;
    left:0px;
    bottom:0px;
    margin:auto;
    width:100%;
    text-align:center
}
#content .trending-apps .placeholder{
    float:left
}
#content .favs_inner{
    clear:both
}
#content .fav_icon{
    top:5px;
    left:5px;
    width:19px;
    height:19px;
    position:absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    -moz-background-size:100% 100%;
    background-size:100% 100%
}
#content .fav_icon:hover{
    cursor:pointer
}
#content .fav_icon.fav_on{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-fave.svg")
}
#content .fav_icon.fav_off{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-nofave.svg")
}
#content .info_icon{
    position:absolute;
    top:5px;
    right:5px
}
#content #cmuApp-outlook .info_icon{
    height:20px;
    background-color:#860037;
    text-align:center;
    color:#fff;
    line-height:20px;
    font-size:12px;
    padding:0 6.85px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
}
#content .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
}
#content .eb_2 img.icon{
    margin:0 auto;
    top:50%;
    position:absolute;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    right:0;
    max-width:130px !important;
    height:auto !important
}
#content .eb_2{
    -webkit-transition:border .3s ease-in-out;
    -o-transition:border .3s ease-in-out;
    -moz-transition:border .3s ease-in-out;
    transition:border .3s ease-in-out
}
#content .eb_2 a{
    display:block;
    height:100%;
    border-bottom:none !important
}
#content .eb_2:hover,#content .eb_2:focus{
    border:1px solid #666666
}
#content img.info_icon{
    opacity:.4
}
#content .all-apps-wrap{
    margin:20px 0
}
#content .all-apps-wrap .all-apps{
    padding-bottom:5px;
    z-index:100;
    width:100%;
    font-size:16px
}
#content .fav_buttons p{
    font-size:.75rem
}
#content .app-scroller{
    position:relative
}
#content .search-filter{
    float:left;
    width:50%
}
#content .search-filter input#app_search{
    background-color:#efefef;
    border:none;
    height:47px;
    padding:0 10px;
    margin-left:5px;
    width:-webkit-calc(100% - 60px);
    width:-moz-calc(100% - 60px);
    width:calc(100% - 60px);
    color:#3d3d3d;
    font-size:14px;
    float:left
}
#content .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/images/svg/sprite-files-ui/ui/search-white.svg");
    -moz-background-size:20px;
    background-size:20px;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px
}
#content .dropdown-filter{
    float:left;
    width:-webkit-calc(50% - 20px);
    width:-moz-calc(50% - 20px);
    width:calc(50% - 20px);
    margin-left:15px;
    margin-right:5px
}
#content .dropdown-filter form{
    width:100%
}
#content .dropdown-filter form select{
    width:100%;
    height:47px;
    -webkit-appearance:menulist-button;
    background-color:#efefef;
    border:none;
    padding:0 5px
}
#content .app-search-legend{
    font-size:1.5em;
    margin:10px 0 10px 5px;
    line-height:20px
}
#content .legend-icon{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-fave.svg");
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    width:19px;
    height:19px;
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px
}
#content .account-content .side-padding{
    padding:0px;
    overflow:inherit
}
#content #mavzone-wrapper .panel-title.h4 a{
    background:#890038;
    color:#fff;
    display:block;
    border-radius: 12px;
}
#content #mavzone-wrapper .panel-title.h4 a:hover,#content #mavzone-wrapper .panel-title.h4 a:focus{
    background:#69072d
}
#content #mavzone-wrapper .panel-group{
    margin:3px 0px;
    border:none
}
#content #mavzone-wrapper .panel-title.h4 a:after{
    background-color:rgba(255,255,255,0.6);
    color:#890038
}
#content #mavzone-wrapper .panel-group{
    margin-bottom:20px
}
#content .panel-group .data{
    overflow:hidden;
    border-bottom:1px solid #dcdcdc;
    padding-bottom:15px;
    margin-bottom:15px
}
#content .panel-group .data-title{
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:5px;
    color:#890038
}
#content .panel-group .data-content{
    float:left;
    color:#515151;
    font-size:1.5em
}
#content .panel-group .data-btn-solid,#content .panel-group .data-btn-outline{
    float:right;
    margin-left:10px
}
#content .panel-group .data-btn-solid a,#content .panel-group .data-btn-outline a{
    background-color:#373737;
    color:#fff;
    border-bottom:none !important;
    padding:0 21px;
    line-height:26px;
    display:inline-block;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
    text-transform:uppercase;
    font-size:.9em;
    -webkit-transition:background-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out, color .3s ease-in-out;
    -moz-transition:background-color .3s ease-in-out, color .3s ease-in-out;
    transition:background-color .3s ease-in-out, color .3s ease-in-out
}
#content .panel-group .data-btn-outline a{
    background-color:transparent;
    border:1px solid #373737;
    border-bottom:1px solid #373737 !important;
    color:#373737
}
#content .panel-group .data-btn-solid a:hover,#content .panel-group .data-btn-solid a:focus{
    background-color:#000000;
    border-bottom:none !important
}
#content .panel-group .data-btn-outline a:hover,#content .panel-group .data-btn-outline a:focus{
    background-color:#373737;
    color:#fff
}
#content .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
}
#content .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
}
#content .panel-group ul.resources li{
    padding-left:30px
}
#content .panel-group ul.resources li a,#content .panel-group ul.resources li button{
    font-size:1.3em;
    color:#515151;
    margin-bottom:10px;
    border-bottom:none !important;
    display:inline-block;
    position:relative
}
#content .panel-group ul.resources li button{
    background:none;
    border:none;
    padding:0px
}
#content .panel-group ul.resources li button:hover,#content .panel-group ul.resources li button:focus{
    color:#890038;
    text-decoration:underline
}
#content .panel-group ul.resources li a:before,#content .panel-group ul.resources li button:before{
    content:'';
    width:20px;
    height:20px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    position:absolute;
    left:-30px;
    top:0;
    background-color:#890038;
    background-image:url(https://www.coloradomesa.edu/images/svg/sprite-files-ui/ui/arrow-right-white.svg);
    background-position:center;
    background-repeat:no-repeat;
    -moz-background-size:10px 10px;
    background-size:10px 10px;
    color:#fff;
    text-align:center;
    font-size:10px;
    line-height:20px
}
#content .panel-group ul.resources li a:hover,#content .panel-group ul.resources li a:focus{
    color:#890038
}
#content .panel-group .panel-title.h4.link a:after{
    background:rgba(255,255,255,0.6);
    color:#890038;
    content:'' !important;
    background-image:url(https://www.coloradomesa.edu/images/svg/sprite-files-ui/ui/arrow-right-maroon.svg);
    background-position:center;
    background-repeat:no-repeat;
    -moz-background-size:12px 12px;
    background-size:12px 12px;
    -webkit-transform:rotate(0deg) translateY(-50%);
    -moz-transform:rotate(0deg) translateY(-50%);
    -o-transform:rotate(0deg) translateY(-50%);
    transform:rotate(0deg) translateY(-50%)
}
#content .address-data{
    width:-webkit-calc(100% - 200px);
    width:-moz-calc(100% - 200px);
    width:calc(100% - 200px)
}
#content .notification-wrapper{
    border:1px solid #e1e1e1;
    margin-bottom:20px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#f3f3f3;
    position:relative;
    padding:25px 25px 10px 25px
}
#content .notification-wrapper:after{
    content:'';
    width:32px;
    height:32px;
    background-color:#ff003c;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    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
}
#content #account-notifications .overflow-wrapper{
    overflow:hidden;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex
}
#content .ntf-desc{
    float:left;
    width:40%;
    padding:30px;
    border-right:1px solid #e1e1e1;
    background-color:#fff
}
#content .ntf-alerts{
    float:left;
    width:60%;
    padding:30px
}
#content .ntf-alerts ul{
    margin:0;
    padding:0;
    list-style:none
}
#content .ntf-alerts ul li{
    list-style:none;
    padding-left:25px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #e1e1e1;
    position:relative
}
#content .ntf-alerts ul li:last-child{
    border-bottom:none;
    margin-bottom:0px
}
#content .ntf-alerts ul li:before{
    content:'';
    width:8px;
    height:8px;
    background-color:#ff003c;
    position:absolute;
    left:0px;
    top:7px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
#content .notification-wrapper .panel-group{
    background-color:#fff
}
#content .concern-wrapper{
    border:1px solid #e6e6e6;
    background-color:#fff;
    text-align:center;
    position:relative;
    margin-top:20px;
    margin-bottom:20px
}
#content .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
}
#content .concern-wrapper .concern-title .c-icon{
    border:5px solid #fff;
    width:84px;
    height:84px;
    background-color:#fed103;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    position:absolute;
    top:-35px;
    left:0;
    right:0;
    margin:auto;
    margin-bottom:15px;
    background-position:center;
    background-repeat:no-repeat
}
#content .concern-wrapper .concern-title .c-icon.report{
    background-image:url("https://www.coloradomesa.edu/_files/images/mavzone/report.png")
}
#content .concern-wrapper .concern-title .c-icon.complaint{
    background-image:url("https://www.coloradomesa.edu/_files/images/mavzone/complaint.png")
}
#content .concern-wrapper .concern-title .c-icon.suggestions{
    background-image:url("https://www.coloradomesa.edu/_files/images/mavzone/suggestion.png")
}
#content .concern-wrapper .concern-text{
    padding:15px;
    font-size:1.2em;
    height:200px
}
#content .concern-wrapper .concern-text a,#content .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:-webkit-calc(100% - 40px);
    width:-moz-calc(100% - 40px);
    width:calc(100% - 40px);
    width:-ms-calc(100% - 40px);
    border:none
}
#content .row.content-middle{
    margin-top:10%;
    padding-left:30px;
    padding-right:30px
}
#content #suggestionModal .modal-header{
    border-bottom:none
}
#content body.white-body{
    background-color:#ffffff
}
#content .center-form{
    text-align:center;
    white-space:nowrap;
    height:100vh
}
#content .center-form:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
#content .center-form form.mavzone-form{
    display:inline-block;
    vertical-align:middle
}
#content form.mavzone-form{
    max-width:370px;
    text-align:center;
    font-family:"Nunito Sans",sans-serif;
    margin:10px;
    white-space:normal;
    font-size:.95rem
}
#content .mavzone-branded{
    margin-bottom:30px
}
#content .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
}
#content .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
}
#content .mavzone-form .form-message .fm-title{
    font-size:1.3em;
    color:#fff;
    margin-bottom:5px
}
#content .input-container{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    width:100%;
    margin-bottom:15px;
    overflow:hidden;
    height:47px
}
#content .input-container .form-icon{
    float:left;
    width:43px;
    background-color:#373737
}
#content .input-container input{
    width:-webkit-calc(100% - 43px);
    width:-moz-calc(100% - 43px);
    width:calc(100% - 43px);
    float:left;
    height:47px;
    background-color:#e8e8e8;
    border:none;
    outline:none;
    color:#373737;
    padding-left:8px
}
#content #activation-form .input-container .input-group{
    width:-webkit-calc(100% - 43px);
    width:-moz-calc(100% - 43px);
    width:calc(100% - 43px)
}
#content #activation-form .input-group input{
    width:100%
}
#content .input-container input:focus{
    border:2px solid #373737;
    border-left:none
}
#content .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;
    -webkit-transition:background-color .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out;
    -moz-transition:background-color .3s ease-in-out;
    transition:background-color .3s ease-in-out
}
#content .mavzone-form button[type="submit"]:hover,#content .mavzone-form button[type="submit"]:focus{
    background-color:#6b002c
}
#content #info-line{
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid #e0e0e0
}
#content .form-icon{
    position:relative
}
#content .form-icon i{
    width:13px;
    height:13px;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    text-indent:-999999px;
    color:transparent;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:13px;
    height:13px;
    left:0;
    right:0;
    margin:0 auto
}
#content .form-icon i.icon-user{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-username-white.svg")
}
#content .form-icon i.icon-password{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-password-white.svg")
}
#content .form-icon i.icon-new{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-add-white.svg")
}
#content .form-icon i.icon-confirm{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-check-white.svg")
}
#content .form-icon i.icon-card{
    background-image:url("https://www.coloradomesa.edu/images/svg/mavzone/mavzone-id-white.svg")
}
#content p.more-info{
    font-size:.9em;
    margin-bottom:20px;
    margin-top:-5px
}
#content .mavzone-form .extra-buttons{
    overflow:hidden
}
#content .mavzone-form .extra-buttons a{
    background-color:#969696;
    color:#fff;
    display:block;
    line-height:40px;
    float:left;
    width:-webkit-calc(50% - 7.5px);
    width:-moz-calc(50% - 7.5px);
    width:calc(50% - 7.5px);
    font-size:.85em
}
#content .mavzone-form .extra-buttons a:first-child{
    margin-right:15px
}
#content .mavzone-form .extra-buttons a:hover,#content .mavzone-form .extra-buttons a:focus{
    text-decoration:none
}
#content #activation-form input[type="date"]:before{
    content:attr(placeholder) ":" !important;
    color:#4E4E4E;
    margin-right:0.5em
}
#content #activation-form input[type="date"]:focus:before,#content #activation-form input[type="date"]:valid:before{
    content:""
}
#content .modal-form form.mavzone-form{
    margin:15px auto
}
#content #loginModal .modal-header{
    border-bottom:none
}
#content #loginModal .modal-content{
    padding-left:15px;
    padding-right:15px
}
#content body.mavzone-index{
    background-color:#fff;
    text-align:center;
    padding-bottom:20px
}
#content body.mavzone-index h1{
    font-size:28px
}
#content body.mavzone-index p{
    font-size:.95em;
    color:#666
}
#content .mavzone-index .split{
    max-width:767px;
    margin:50px auto 0 auto
}
#content .mavzone-index .choose-tile{
    background-color:#f7f7f7;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.1);
    box-shadow:0px 5px 10px rgba(0,0,0,0.1);
    margin-top:30px;
    height:295px;
    padding:30px;
    position:relative
}
#content .choose-tile img{
    margin-top:20px;
    margin-bottom:20px;
    height:50px;
    width:auto
}
#content .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)
}
#content a.choose-button{
    background-color:#860037;
    color:#fff;
    padding:16px;
    display:block;
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px
}
#content a.choose-button.old{
    background-color:#989898
}
#content a.choose-button:hover,#content a.choose-button:focus{
    text-decoration:none;
    background-color:#5D0022
}
#content a.choose-button.old:hover,#content a.choose-button.old:focus{
    text-decoration:none;
    background-color:#6b6b6b
}
@media (max-width: 767px){
    #content .mavzone-index .split{
        margin:20px auto 0 auto
    }
    #content .mavzone-index .choose-tile{
        height:auto;
        padding-bottom:85px
    }
    #content .choose-tile img{
        margin-top:10px;
        max-width:150px;
        height:auto
    }
    #content .choose-tile .new-icon{
        left:-14px
    }
}
@media (max-width: 1100px){
    #content .mav-header .profile-wrapper{
        width:50%
    }
    #content .mav-header .guide{
        width:19%
    }
    #content .concern-wrapper .concern-text a,#content .concern-wrapper .concern-text button{
        font-size:13px !important;
        padding-left:10px !important;
        padding-right:10px !important
    }
    #content .concern-wrapper .concern-title{
        font-size:1.7em
    }
}
@media (max-width: 991px){
    #content .promo-slide-wrapper,#content .campus-updates-wrapper{
        float:none;
        width:100%;
        margin-left:0px;
        margin-right:0px
    }
    #content .logout-howtouse button .indent-text{
        display:none !important
    }
    #content .mav-header.v2 .incident-report{
        width:28%
    }
    #content .mav-header.v2 .logout-howtouse{
        width:19%
    }
}
@media (max-width: 980px){
    #content .fav_buttons{
        width:-webkit-calc(33.33333% - 10px);
        width:-moz-calc(33.33333% - 10px);
        width:calc(33.33333% - 10px)
    }
    #content .side-padding{
        padding:0 40px
    }
    #content #mav-content-area{
        padding-left:160px
    }
    #content #mav-nav{
        width:145px
    }
    #content .flexslider,#content .campus-updates-wrapper{
        height:340px
    }
    #content .campus-updates-wrapper .title-header{
        line-height:27px;
        font-size:1.3em
    }
    #content .eb_2 img.icon{
        max-width:125px !important
    }
    #content .mav-logo a{
        padding:25px 15px
    }
    #content .concern-wrapper .concern-text{
        height:auto;
        padding-bottom:100px
    }
    #content .row.content-middle{
        margin-top:0px;
        padding-left:0px;
        padding-right:0px
    }
    #content .panel-group .data-content{
        width:50%
    }
    #content #mav-nav ul li a,#content #mav-nav ul li a:after{
        -webkit-transition:none;
        -o-transition:none;
        -moz-transition:none;
        transition:none
    }
    #content .mav-header .incident-report{
        font-size:.9em
    }
    #content .incident-report a{
        padding:0 15px
    }
    #content .mav-header .profile-wrapper{
        width:50%
    }
    #content .mav-header .guide{
        width:20%
    }
}
@media (max-width: 930px){
    #content .mav-header.v2 .profile-wrapper{
        width:-webkit-calc(100% - 246px);
        width:-moz-calc(100% - 246px);
        width:calc(100% - 246px)
    }
}
@media (max-width: 880px){
    #content .mav-header .guide{
        width:40px
    }
    #content .mav-header .guide button{
        padding:0;
        line-height:43px
    }
    #content .mav-header .guide span{
        font-size:16px
    }
}
@media (max-width: 767px){
    #content .mav-header.v2 .incident-report{
        float:right;
        margin-right:20px;
        margin-top:10px;
        width:auto
    }
    #content .mav-header.v2 .incident-report a{
        padding:10px;
        line-height:initial
    }
    #content .mobile-logout button .indent-text,#content .mobile-guide button .indent-text{
        display:none !important
    }
    #content .mav-header.v2 span.icon-dashboard svg,#content .mav-header.v2 span.icon-help svg,#content .mav-header.v2 span.icon-logout svg,#content .mav-header.v2 span.icon-account svg{
        fill:#ffffff;
        width:19px;
        height:19px
    }
    #content body.mavzone #main-menu-container,#content body.mavzone .audience-menu-container{
        display:none
    }
    #content body.mavzone .hide-mobile-mavzone{
        display:none
    }
    #content body.mavzone img.logo{
        max-width:230px
    }
    #content body.mavzone a.mavzone-mobile-fix{
        max-width:230px;
        margin:0 auto;
        display:block
    }
    #content body.mavzone #searchBox{
        width:-webkit-calc(100% - 33px);
        width:-moz-calc(100% - 33px);
        width:calc(100% - 33px);
        float:left
    }
    #content #mavzone-wrapper{
        margin-bottom:0px
    }
    #content #mav-content-area{
        padding:0px
    }
    #content #mavzone-wrapper{
        padding:15px;
        margin-left:-15px;
        margin-right:-15px;
        margin-top:10px;
        min-height:auto
    }
    #content .side-padding{
        padding:0px
    }
    #content .dashboard-content .side-padding{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:flex;
        -webkit-flex-flow:row wrap;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -moz-box-orient:horizontal;
        -moz-box-direction:normal;
        flex-flow:row wrap
    }
    #content .dashboard-content .side-padding .mobile-top{
        -webkit-box-ordinal-group:1;
        -moz-box-ordinal-group:1;
        -webkit-order:1;
        order:1;
        width:100%;
        margin-bottom:30px
    }
    #content .dashboard-content .side-padding .mobile-bottom{
        -webkit-box-ordinal-group:2;
        -moz-box-ordinal-group:2;
        -webkit-order:2;
        order:2;
        width:100%
    }
    #content .profile-wrapper .cmu_full_name,#content .profile-wrapper .cmu_title{
        display:none
    }
    #content #mav-content-area .mav-header{
        background-color:#860037;
        margin-left:-15px;
        margin-right:-15px;
        margin-top:-15px;
        width:-webkit-calc(100% + 30px);
        width:-moz-calc(100% + 30px);
        width:calc(100% + 30px);
        padding:10px 15px
    }
    #content .eb_2 img.icon{
        max-width:120px !important;
        max-height:52px;
        width:auto;
        height:auto
    }
    #content .mav-header .profile-wrapper{
        width:30px
    }
    #content .profile-wrapper .cmu_photo{
        width:30px;
        height:30px;
        margin-top:12px
    }
    #content .account-mobile{
        float:right;
        width:20px;
        height:38px;
        margin-right:10px;
        margin-top:10px
    }
    #content .account-mobile svg{
        width:100% !important;
        height:100% !important;
        fill:#FFD200 !important
    }
    #content .account-mobile a{
        border-bottom:none !important
    }
    #content .mav-logo a{
        padding:0px;
        display:inline-block
    }
    #content .mav-logo{
        float:left;
        margin:17px 0
    }
    #content .mav-logo a span.icon-home{
        background-image:none;
        color:#fff;
        float:right;
        margin-right:-30px;
        margin-top:-20px
    }
    #content .flexslider{
        height:auto
    }
    #content body.mavzone{
        padding-bottom:55px
    }
    #content .incident-report a{
        float:none;
        width:100%
    }
    #content .panel-group .data-btn-solid,#content .panel-group .data-btn-outline{
        float:none;
        width:100%;
        text-align:center;
        margin-left:0px;
        margin-top:10px
    }
    #content .panel-group .data-content{
        float:none;
        width:100%;
        font-size:1.3em
    }
    #content .panel-group .data-btn-solid a,#content .panel-group .data-btn-outline a{
        display:block
    }
    #content .search-filter,#content .dropdown-filter{
        float:none;
        width:100%;
        margin-bottom:15px;
        margin-left:0px;
        margin-right:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px
    }
    #content .search-filter input#app_search{
        width:-webkit-calc(100% - 55px);
        width:-moz-calc(100% - 55px);
        width:calc(100% - 55px);
        margin-left:0px
    }
    #content .all-apps-wrap .all-apps{
        max-height:inherit
    }
    #content .app-scroller .more-gradient{
        display:none
    }
    #content #account-notifications .overflow-wrapper{
        display:inherit !important
    }
    #content .ntf-desc,#content .ntf-alerts{
        float:none;
        width:100%;
        padding:20px
    }
    #content .ntf-desc{
        border-right:none;
        border-bottom:1px solid #e1e1e1
    }
    #content .footer{
        margin-top:0px
    }
    #content .mobile-guide,#content .mobile-logout{
        float:right;
        width:25px;
        height:53px;
        text-align:center;
        margin-right:15px;
        padding-left:10px;
        border-left:1px solid rgba(255,255,255,0.2)
    }
    #content .mobile-logout{
        border-left:none
    }
    #content .mobile-guide{
        margin-left:15px
    }
    #content .mav-header.v2 span.icon-logout{
        font-size:20px;
        top:6px;
        left:2px
    }
    #content .mav-header.v2 .logout-howtouse{
        display:none
    }
    #content .mav-header.v2 .profile-wrapper{
        width:auto
    }
    #content .mobile-guide button,#content .mobile-logout button{
        color:#fff;
        width:30px;
        height:30px;
        display:inline-block;
        margin-top:12px;
        border-bottom:none !important;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        background:transparent;
        border:none;
        text-align:center;
        padding:0px
    }
    #content .mobile-guide button span.icon-help{
        font-size:16px;
        line-height:28px
    }
    #content .mvz-guide-img{
        max-width:200px !important
    }
    #content #guideModal .tutorial-content{
        height:295px
    }
    #content .carousel-indicators{
        width:230px;
        left:0;
        right:0;
        margin:auto
    }
    #content .tutorial-content .tab-pane{
        width:-webkit-calc(100% - 30px);
        width:-moz-calc(100% - 30px);
        width:calc(100% - 30px)
    }
}
@media (max-width: 480px){
    #content .fav_buttons{
        width:-webkit-calc(50% - 10px);
        width:-moz-calc(50% - 10px);
        width:calc(50% - 10px)
    }
    #content #mavzone-wrapper{
        image-rendering:auto
    }
    #content .panel-group .acct-btn-solid,#content .panel-group .acct-btn-outline{
        float:none;
        clear:both;
        margin-left:0px;
        margin-top:10px;
        width:100%
    }
    #content .panel-group .acct-btn-solid a,#content .panel-group .acct-btn-outline a{
        display:block;
        text-align:center
    }
    #content .panel-group .data-content{
        float:none;
        width:100% !important
    }
}
#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;
    -webkit-transition:background-color .3s ease-in-out, border-bottom .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out, border-bottom .3s ease-in-out;
    -moz-transition:background-color .3s ease-in-out, border-bottom .3s ease-in-out;
    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;
    -webkit-transition:right .3s ease-in-out, border-left .3s ease-in-out;
    -o-transition:right .3s ease-in-out, border-left .3s ease-in-out;
    -moz-transition:right .3s ease-in-out, border-left .3s ease-in-out;
    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%);
    -o-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;
    fill:#fed130;
    width:19px;
    height:19px
}
#mav-nav ul li a span.menu-icon svg{
    width:100%;
    height:100%
}
#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;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-image:url(https://www.coloradomesa.edu/_files/images/mavzone/sprite.png);
    background-position:-144px -35px
}
@media (max-width: 767px){
    #mav-nav{
        position:fixed;
        bottom:0px;
        top:inherit;
        width:100%;
        z-index:9999;
        height:67px;
        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;
        -webkit-transition:none;
        -o-transition:none;
        -moz-transition:none;
        transition:none
    }
    #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 span.menu-icon:before{
        width:19px;
        height:19px
    }
    #mav-nav ul li a#tasks-nav.task-available:before{
        background-image:none;
        width:13px;
        height:13px
    }
    #mav-nav ul li a:hover:after,#mav-nav ul li a.active:after{
        display:none
    }
    body.mavzone{
        padding-bottom:67px
    }
}
#logoutModal .modal-content,#logoutModal .modal-footer{
    font-size:.95rem;
    text-align:center;
    display:block
}
#logoutModal .modal-header{
    color:#860037;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    display:block
}
#logoutModal .modal-body{
    font-size:.95rem;
    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;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-align:center
}
#logoutModal ol.options li strong{
    color:#000000
}
#myCarousel.carousel a.carousel-control-next{
    right:20px !important;
    bottom:15px !important
}
#myCarousel.carousel span.carousel-control-prev-icon{
    background-image:url("https://www.coloradomesa.edu/images/svg/sprite-files-ui/ui/arrow-right.svg") !important;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
#myCarousel.carousel span.carousel-control-next-icon{
    background-image:url("https://www.coloradomesa.edu/images/svg/sprite-files-ui/ui/arrow-right.svg") !important
}
#myCarousel.carousel a.carousel-control-prev{
    left:20px !important;
    bottom:15px !important
}
#guideModal .modal-header{
    border-bottom:none
}
#guideModal .modal-slider{
    margin-top:10px
}
#guideModal .carousel .carousel-item{
    height:465px
}
#guideModal .carousel .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 .carousel-item .carousel-caption p{
    font-size:14px
}
#guideModal .carousel .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;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    height:40px;
    margin:0px;
    background-color:#515151;
    position:relative
}
#guideModal .carousel-indicators li span{
    display:block;
    text-indent:0;
    z-index:1;
    line-height:40px
}
#guideModal .carousel-indicators li span svg{
    fill:#fed103;
    width:17px;
    height:17px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto
}
#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;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:auto;
    border:none !important
}
#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 .nav-pills{
    display:inline-block;
    width:100%;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap
}
#guideModal .tutorial-content .navbar .nav-pills>li{
    display:inline-block;
    float:none
}
#guideModal .tutorial-content .navbar .nav-pills>li>a{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    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:-webkit-calc(50% - 50px);
    top:-moz-calc(50% - 50px);
    top:calc(50% - 50px);
    -webkit-transform:translateY(-30%);
    -moz-transform:translateY(-30%);
    -o-transform:translateY(-30%);
    transform:translateY(-30%);
    width:-webkit-calc(90% - 30px);
    width:-moz-calc(90% - 30px);
    width:calc(90% - 30px);
    margin:auto;
    left:0;
    right:0
}
span.guide-gear svg{
    width:14px;
    height:14px
}
.ripple-dot{
    position:absolute;
    width:31px;
    border:3px solid #20e2a4;
    height:31px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    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;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:1px solid #20e2a4
}
.ripple-dot:before{
    -webkit-animation:ripple 2s linear infinite;
    -moz-animation:ripple 2s linear infinite;
    -o-animation:ripple 2s linear infinite;
    animation:ripple 2s linear infinite
}
.ripple-dot:after{
    -webkit-animation:ripple 2s linear 1s infinite;
    -moz-animation:ripple 2s linear 1s infinite;
    -o-animation:ripple 2s linear 1s infinite;
    animation:ripple 2s linear 1s infinite
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    75%{
        -webkit-transform:scale(1.75);
        transform:scale(1.75);
        opacity:1
    }
    100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
@-moz-keyframes ripple{
    0%{
        -moz-transform:scale(1);
        transform:scale(1)
    }
    75%{
        -moz-transform:scale(1.75);
        transform:scale(1.75);
        opacity:1
    }
    100%{
        -moz-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
@-o-keyframes ripple{
    0%{
        -o-transform:scale(1);
        transform:scale(1)
    }
    75%{
        -o-transform:scale(1.75);
        transform:scale(1.75);
        opacity:1
    }
    100%{
        -o-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    75%{
        -webkit-transform:scale(1.75);
        -moz-transform:scale(1.75);
        -o-transform:scale(1.75);
        transform:scale(1.75);
        opacity:1
    }
    100%{
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
#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;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s
}
#facilityusageModal .slider:before{
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:white;
    -webkit-transition:.4s;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s
}
#facilityusageModal input:checked+.slider{
    background-color:#6fb557
}
#facilityusageModal input:focus+.slider{
    -webkit-box-shadow:0 0 1px #2196F3;
    -moz-box-shadow:0 0 1px #2196F3;
    box-shadow:0 0 1px #2196F3
}
#facilityusageModal input:checked+.slider:before{
    -webkit-transform:translateX(46px);
    -moz-transform:translateX(46px);
    -o-transform:translateX(46px);
    transform:translateX(46px)
}
#facilityusageModal .slider.round{
    -webkit-border-radius:34px;
    -moz-border-radius:34px;
    border-radius:34px
}
#facilityusageModal .slider.round:before{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
#facilityusageModal .slider:after{
    content:'NO';
    color:white;
    display:block;
    position:absolute;
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-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
}
.cmu-replacement-button {
    padding: 6px 12px;
    background: #820000; /* CMU maroon? adjust if needed */
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.cmu-replacement-button:hover {
    opacity: 0.8;
}
/* Full-screen modal overlay */
.cmu-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100000;
    display: none;
}
/* Modal content box */
.cmu-modal-content {
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}
.cmu-modal-body {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
}
.cmu-modal-body a {
    color: #0055aa;
    text-decoration: underline;
}
/* Close “X” in top-right */
.cmu-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 32px;
    cursor: pointer;
    line-height: 1;
    font-weight: bold;
}

/* Title area at top of modal */
.cmu-modal-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.cmu-modal-footer {
    margin-top: 20px;
    text-align: right;
}

.cmu-modal-close-btn {
    padding: 8px 16px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    background-color: #7a0e12; /* CMU maroon-ish */
    color: #fff;
    border-radius: 4px;
}

.cmu-modal-close-btn:hover {
    opacity: 0.85;
}
/*# sourceMappingURL=mavzone.css.map */