/*mobile media queries ******************/
@media only screen and (max-width: 319px){
	.ume-hide-if-lt-319{
		display: none !important;
	}
}

@media only screen and (max-width: 445px){
	.ume-hide-if-lt-445{
		display: none !important;
	}
}

@media only screen and (max-width: 525px){
	.ume-hide-if-lt-525{
		display: none !important;
	}
}

@media only screen and (max-width: 386px){
	.ume-hide-if-lt-386{
		display: none !important;
	}
}

@media only screen and (max-width: 370px){
	.ume-hide-if-lt-370{
		display: none !important;
	}
}

@media only screen and (max-width: 350px){
	.ume-events-header-start-student{
		width: 49px !important;
	}
}

@media only screen and (max-width: 361px){
	#ume-forum-notifications-menu{
		left: 0px !important;
		position: fixed !important;
		width: 100% !important;
	}
}

@media only screen and (max-width: 400px){
	.ume-assess-tag{
		display: none !important;
	}

	.ume-newthread-text{
		display: none !important;
	}

	.ume-newthread-btn{
		height: 34px;
	}

	.ume-assess-title{
		margin-left: 18px;
	}

	#ume-forum-notifications-menu{
		right: -207px;
	}
}

@media only screen and (max-width: 700px){
	.ume-assessment-grouping-student{
		width: 0px;
	}

	.ume-assessment-row > .ume-tag{
		display: none !important;
	}
}

@media only screen and (max-width: 667px){
	.tipsy, .ume-header-title, .ume-navbar, .ume-white-block, .ume-date-desktop, .ume-footer{
		display: none !important;
	}

	.ume-m-header-bar, .ume-m-sidenav, .ume-date-mobile, .ume-mobile-only{
		display: block !important;
	}

	/*.ume-logo{
		height: 60px !important;
		margin-top: 10px !important;
		margin-left: 20px !important;
	}*/

	.ume-header{
		background: #275D38;
		overflow: hidden;
	}

	.ume-header-inner{
		display: block !important;
	}

	.ume-buttons-topright.ume-prof-buttons{
		display: block !important;
		float: none !important;
		margin-top: -2px !important;
		margin-bottom: 15px;
		position: absolute;
		right: 0px;
	}

	.ume-buttons-topright.ume-prof-buttons + div{
		height: 47px;
		width: 100%;
	}

	.ume-header-year{
		margin-left:1em !important;
	}

	.ume-header-courses{
		margin-left:1em !important;
	}

	.ume-date{
		width: 130px !important;
		right: 0px !important;
	}

	.ume-header-assessments-end{
		width: 130px !important;
		right: 0px !important;
	}

	.ume-grouping-buttons{
		float: none;
		margin-top: 5px;
		margin-bottom: 2px;
	}

	.ume-assessment-grouping-student{
		right: 135px !important;
	}

	.modal-enabled{
		margin-right: 0px !important;
	}
}

.ume-m-header-bar, .ume-m-sidenav{
	display: none;
}

.ume-m-header-bar{
	position: relative;
	height: 50px;
	background-color: #3D4A43;
	border: 1px solid #303C35;
}

.ume-m-header-title{
	color: white;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	line-height: 50px;
	font-size: 18px;

	max-width: 76%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 12%;
	margin-right: 12%;
	white-space: nowrap;
}

.ume-m-header-button{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 50px;

	color: white;
	text-align: center;
}

.ume-m-header-button > span{
	line-height: 50px !important;
	font-size: 28px !important;
}

.ume-m-sidenav{
	background-color: #3D4A43;
	position: absolute;
	z-index: 2;
	left: -100%;
	width: 100%;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
}

.ume-m-sidenav.ume-active{
	left: 0% !important;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
}

.ume-m-sidenav-tab{
	height: 50px;
	line-height: 50px;
	border-right: 1px solid #303C35;
	border-bottom: 1px solid #303C35;
	
}

.ume-m-sidenav-tab.ume-active{
	font-weight: bold;
}

.ume-m-sidenav-tab > div{
	float: left;
}

.ume-m-sidenav-tab:not(.ume-signout) > div:first-of-type{
	width: 7px;
	height: 100%;
	background-color: #E2C50E;
}

.ume-m-sidenav-tab > div:nth-of-type(2){
	width: 0px;
	overflow: hidden;
}

.ume-m-sidenav-tab.ume-active > div:nth-of-type(2){
	width: 7px;
	height: 100%;		
	position: absolute;
	left: 6px;
}

.ume-m-sidenav-tab.ume-active > div:nth-of-type(2) > span{
	color: #E2C50E;
	line-height: 50px;
	font-size: 23px;
}

.ume-m-sidenav-tab > div:nth-of-type(3){
	width: 96%;
}

.ume-m-sidenav-tab > div > a{
	color: white;
	padding-left: 14px;
	display: block;
}

@media (min-width: 1030px){
	.ume-content-outer, .ume-content-topbar, .ume-navbar-tabs{
		width: 1000px !important;
	}	

	.ume-content-outer{
		padding-left: 0em;
		padding-right: 0em;
	}

	/*.ume-header-inner{
		min-width: 1000px;
		width: 1000px !important;
	}*/

	/*.ume-logo{
		margin-left: 0px !important;
	}*/
}

@media print {
	.ume-m-header-bar{
    	display: none !important;
    }
}

/***** FONTS **************/

/* Open Sans */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/design/fonts/opensans/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/design/fonts/opensans/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/design/fonts/opensans/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(/design/fonts/opensans/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(/design/fonts/opensans/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/design/fonts/opensans/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(/design/fonts/opensans/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/design/fonts/opensans/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(/design/fonts/opensans/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/****************************************/

@charset "UTF-8";

html{
	font-family: Arial;
}

body{
	margin:0px;
	/*font-family: 'Open Sans', sans-serif !important;*/
	font-family: Roboto,"Helvetica","Arial",sans-serif !important;
}

a {
	color: #006D39;
	text-decoration: none;
}

a:visited{
	text-decoration:none;
}

input:focus, button:focus, select:focus, .bootstrap-select .btn:focus{
	outline:0 !important;
}

.ume-footer{
	height: 200px;
}

.btn-info{
	border-color: #2496B8 !important;
}

.btn-success{
	border-color: #1E961E !important;
}

.btn-danger{
	border-color: #B1110C !important;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.modal{
	/*overflow-y: hidden !important;*/
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #00743C !important;
}

.progress.progress-xs {
	height: 5px;
	border-radius: 0;
}

.btn-primary {
	background-color: #018641 !important;
	border-color: #01743C !important;
}

.btn-primary:hover{
	background-color: #006D39 !important;
	border-color: #006D39 !important;
}

/*stuff relevant to common ui  ****************************************************/

.ume-header{
	height:64px; 
	background: #275D38;
	background-size: cover;
	text-align: center;
	position: relative;
}

.ume-header a {
	z-index: 2;
	width: 307px;
	position: relative;
	display: block;
	height: 64px;
}

.ume-header-inner {
/*	margin-left:auto;
	margin-right: auto;*/
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
  	height: 100%;
  	width: 100%;
/* 	display: flex;*/
}

/*.ume-header-inner a{
  position: absolute;
  left: 20px;
}*/

.ume-header-title-userpic{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    font-family: Roboto, sans-serif;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
}

.ume-header-title-userpic img{
	width: 100%;
	height: 100%;
	text-align: center;
	object-fit: cover;
	color: transparent;
}

.ume-logo{
    background: url(/design/images/logo.svg);
    background-size: 146px;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    width: 100%;
    height: 100%;
}

.ume-header-title{
	color: #F2CD00;
	font-size: 30px;
	line-height: 64px;
	font-weight: normal;
	font-family: Roboto Slab;
	/*text-shadow: 1px 1px #1F6409;*/

	display: inline-block;
	/*margin-left: 3em;*/
	float: left;

	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
}

.ume-plain-header{
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.7em;
	margin-top: -0.3em;
}

.ume-navbar{
	height:40px;
	background: #f5f5f5;
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
}

.ume-navbar-tabs{	
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.ume-navbar-tab{
	cursor: pointer;
	display:inline-block;
	font-size:14px;

	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: -6px;
	color: #006D39;
	text-decoration: none;
}

.ume-navbar-tab:last-of-type{
	margin-right: 0px;
}

.ume-navbar-tab:hover{
	background-color:#e6e6e6;
}

.ume-nt-active{
	position: relative;
	font-weight:bold;
	color: black;
	background-color: white;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.ume-nt-active:hover{
	background-color:white;
	cursor:default;
}

.ume-nt-bottom{
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color:white;
}

.ume-content-outer{
	margin-left:auto;
	margin-right:auto;
	height:100%;
	padding-left: 1em;
	padding-right: 1em;
}

.ume-white-block{
	position:absolute;
	left: 0px;
	width: 100%;
	height: 14px;
	background-color:white;
}

.ume-content-topbar{
	margin-left: auto;
	margin-right: auto;
	height:25px;
}

#loader-image{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block;
	opacity: 0.5;
	background-color: #FFF;
	z-index: 999999;
	text-align: center;
}

#loader-image img{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	opacity:1;
}

.col-md-1-3{
	width:10%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.ume-preloader-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.5;
	z-index: 9999999;
}

.ume-preloader-main > img{
	position: absolute;
	top: 50%;
	left: 50%;
}

.ume-no-select{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ume-select-text{
	-webkit-touch-callout: text !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}


/* SIDEBAR NAV STUFF */

#ume-groupings-container{
    margin-top: 0px;
    position: fixed;
    bottom: 0px;
    left: 249px;
    right: 0px;
    top: 64px;
    overflow-y : auto;
    padding-top: 1em;
    padding-right: 2em;
}

.modal-enabled #ume-groupings-container{
    padding-right: 12px;
    box-sizing: border-box;
}

.modal-enabled .notifyjs-bootstrap-base{
    margin-right: 17px;
}

#nav-pills{
    position: fixed;
    width: 231px;
    top: 64px;
    left: 0px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    background-color: #f8f8f8;
    height: 100%;
}

.ume-admin-menu-top{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;   
    padding-left: 15px;
}

.ume-admin-menu-top:hover{
    background-color: white;
    color: #006D39;
}

.ume-admin-menu-top.active{ color: #006D39; font-weight:bold;}
.ume-admin-menu-top.no-items.active{    color: #006D39; background-color: white;}

.ume-admin-menu-top > *:nth-child(-n+2) { float:left; margin-right: 10px; }
.ume-admin-menu-top > *:last-child {float: right; margin-right: 15px; font-size: 18px;}
.ume-admin-menu-top.no-items > *:last-child{display: none};
.ume-admin-menu-top > span:first-of-type { font-size: 16px; }
.ume-admin-menu-top > span { top: 50%; position: relative; transform: translateY(-50%); }

.nav:before, .nav:after{
    content: "" !important;
    display: none !important;
}

.ume-admin-menu-items{
    overflow: hidden;
    background-color: white;
}

.nav-stacked > li + li{ margin-top: 0px;}

.nav-pills > li:not(.map-tab-header){
    padding-left: 18px;
}

.nav-pills > li:not(.map-tab-header).active{ background-color: #F5F7FA; color: #006D39; font-weight:bold;}
.nav-pills > li:not(.map-tab-header):hover{  background-color: #F1F5F9; color: #006D39;}

.nav-pills > li:not(.map-tab-header).active > a{ color: #006D39 !important;}
.nav-pills > li:not(.map-tab-header):hover > a{  color: #006D39 !important;}

.nav-pills > li:not(.map-tab-header) > a { color: #333; padding-left:21px; cursor: pointer;}
.nav-pills > li:not(.map-tab-header).active > a, .nav-pills > li:not(.map-tab-header).active > a:hover, .nav-pills > li:not(.map-tab-header) > a:hover, .nav-pills > li:not(.map-tab-header).active > a:focus { 
    background-color: transparent !important;
}

.nav-pills > li:not(.map-tab-header).active > a{
    background-color: transparent !important;
}

.ume-admin-menu-top.active + .ume-admin-menu-items{
    border-bottom: 1px solid #e5e5e5;
}

.ume-admin-menu-dir{
    width: 12px;
    height: 40px;
    background-image: url(/design/images/dir_dotted_mid.png);
    position: absolute;
}

li:last-of-type > .ume-admin-menu-dir{
    background-image: url(/design/images/dir_dotted_last.png);
}   

.tab-pane { display: none;}
.tab-pane.active { display: block;}

@media (max-width: 904px) {
  .ume-sidebar {
    z-index: 2 !important;
    float: none !important;
    position: absolute !important;
    height: calc(100% - 1px) !important;
    left: -307px;
    transition: left 0.3s ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
  }
  .ume-sidebar.active {
    left: 0px;
  }
  .ume-sidebar.active .ume-sidebar-closearea {
    display: block;
  }
  .ume-content {
    z-index: 1 !important;
    position: absolute !important;
    width: 100% !important;
  }
  .sidebar-hamburger {
    display: block !important;
  }
  #ume-groupings-container {
  	left: 10px;
  	top: 159px;
  }

}