body.dev {
	background-color: #FFB8DF !important;
}

.float-right{
	float:right;
}
.float-left{
	float:left;
}
.awm .full-width{
	width:100%;
}
/*
.half-width{
	width:50%;
}
.thirty-width{
	width:30%;
}
.seventy-width{
	width:70%;
}*/

/* Subtotal statuses */

.awm .ok {
	color: #22bb5b;
}

/*.awm th.ok,.awm td.ok,.awm tr.ok {
	color:black;
	background-color: #22bb5b;
	opacity:0.5;
}*/

.awm .ok .icon:before {
	content: "\f00c \00a0";
}

.awm .over {
	color: #b37a00;
}

/*.awm th.over,.awm td.over,.awm tr.over {
	color:black;
	background-color: #b37a00;
	opacity:0.5;
}*/


.awm .over .icon:before {
	content: "\f062 \00a0";
}

.awm .under {
	color: #ec5840;
}

.awm .under .icon:before {
	content: "\f063 \00a0";
}

.awm.approved .icon:before {
	content: "\f058 \00a0";
}

.awm.approved {
	color: #22bb5b;
}

.awm.changed .icon:before {
	content: "\f0e2 \00a0";
}

.awm.changed {
	color: #b37a00;
}

.profile-percentage {
	color:#666;
	display:inline-block;
}

/* End subtotal statuses */

.awm hr {
	margin-top:10px;
	margin-bottom:10px;
}
.awm h1 {
	float:left;
}
.awm i, .awm .click {
	cursor:pointer;
}
.awm i.fa-close, .awm i.fa-minus-circle{
	color:#FF1F00;
}
.awm table select{
	width:100%;
}

.awm .btn{
	margin:5px;
}

.awm .divider {
	color: #aaa;
}

.awm .hour {
	font-weight: bold;
}

span#version{
	position:relative;
	top:0;
	right:0;	
	float:right;
}

.btn:disabled {
	background-color:#a6a6a6;
}

/* typeahead styling */
div.items {
	position:relative;
	top:0;
	overflow:scroll;
	height: 200px;
	margin-bottom:-200px;
	z-index:10;
   background: white;
	border: solid 1px gray;
}
div.items .item{
	font-size:small;
}

/* AWM tooltips */

.has-tooltip {
	cursor: help;
}

.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}

/* AWM errors */

.allocation-error {
	color:#F11D00;
}

table.table, div.activity,  table.activity input{
	width:100%;
}
table.activity tr{
	height:50px;
}

table.activity th, table.activity td{
	vertical-align:top;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}
table.activity th{
	width:30%;
	min-width:150px;
}
td.perc, table th.perc{
	text-align:right;
	width: 100px;
}
table.edit_activity th{
	min-width:100px;
	width:auto;
	
}
 
.table tbody tr:hover th {
	background-color:initial;
}

th.perc.teaching,th.perc.teaching:hover {
	background-color: rgb(247, 70, 74);
}
th.perc.service,td.perc.service,th.perc.service:hover {
	background-color: rgb(70, 191, 189);
}
th.perc.research,td.perc.research,th.perc.research:hover {
	background-color: rgb(151, 187, 205);
}
th.perc.unallocated,td.perc.unallocated,th.perc.unallocated:hover {
	background-color: rgb(253, 180, 92);
}
th.perc.allocated,td.perc.allocated,th.perc.allocated:hover {
	background-color: rgb(212, 202, 202);
}

td.perc.teaching {
	background-color: rgba(247, 70, 74, 0.6);
}
td.perc.service {
	background-color: rgba(70, 191, 189, 0.6);
}
td.perc.research {
	background-color: rgba(151, 187, 205, 0.6);
}
td.perc.unallocated {
	background-color: rgba(253, 180, 92, 0.6);
}
td.perc.allocated {
	background-color: rgba(212, 202, 202, 0.6);
}

.red{
	color:#F11D00;
}
.awm tr.unitfilter td,.awm tr.unitfilter th{
	background-color:#eee;
	
}
.awm tr.unitfilter th{
	padding-left:10px;
}

.act_instances {
	width:70%;
	float:left;
    margin-left: 10px;
}

.act_instances th{
	text-align:left;
	
}

#profiles label,#profiles input{
	float:left;
	margin-left:5px;
}

div.wl_filter {
	height:40px;
}
div.wl_filter select#faculty{
	width:40%;
}
div.wl_filter input{
	width:70px;
}


/* activity add */
div.required{
	width:100%;
	text-align:right;
	position:relative;
}

div.activity .new{
	width:100%;
}
div.prop{
	width:100%;
	min-height:25px;
	height:auto;
}
div.prop-label,div.prop-input, div.prop-display,div.prop-input .prop-value,div.prop-display .prop-value,div.prop-input .prop-info,div.prop-display .prop-info{
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
}
div.prop-label{
	width:30%;
	font-weight:bold;
	height:100%;
}
div.prop-input, div.prop-display{
	width:70%;
	height:100%;
	vertical-align:middle;
}

div.prop-input .prop-value,div.prop-display .prop-value{
	width:30%;
}
div.prop-input .prop-info,div.prop-display .prop-info{
	padding-left:5px;
	width:calc(70% - 5px);
}

.prop:after {
    content:'';
    display:block;
    clear: both;
}
div.unitroles_filter{
	padding:0;
	margin:0;
	width:50%;
	display:inline-block;
	line-height:30px;
	float:left;
}
div.unitroles_filter .filter_input{
	width:100%;
	padding:0;
	margin:0;
	float:left;
	display:inline-block;
}

.filter_input{
	width:100%;
	display:inline-block;	
}
.filter_input label{
	width:30%;
	max-width:150px;
}
.filter_input input{
	width:70%;
	
}
.filter_input label,.filter_input  input,.filter_input  select{
	display:inline-block;
	font-size:small;
}


.enrol{
	width:50%;
}
.filter_enrol{
	display:inline-block;	
	float:left;
	width:50%;
}
.filter_enrol label{
	float:left;
	width:35%;
	line-height:25px;
/*	max-width:150px;*/
}
.filter_enrol input{
	float:left;
	width:15%;
	line-height:25px;
/*	width:70%;*/
	
}
.filter_enrol label,.filter_enrol  input,.filter_enrol  select{
	display:inline-block;
	font-size:small;
}
div.unitroles_filter label,div.unitroles_filter  input,div.unitroles_filter  select{
	display:inline-block;
	font-size:small;
}
div.unitroles_filter label{
	width:40%;
	float:left;
}

div.unitroles_filter  input,div.unitroles_filter select{
	width:50%;
}
div.unitroles_filter .filter_input #search{
	width:20%;	
}
div.unitroles_filter .filter_input #semester{
	width:20%;
}
div.unitroles_filter .filter_input #orgunit{
	width:60%;
}
.unitroles .fa-warning{
	 color:#D68B14;
}
.unitroles td{
	vertical-align:middle;
}

i.menu-icon{
	width:10px;
	padding-right:10px;
}

div.model{
	width:100%;
	min-height:900px;
}
div.wl_header{
	width:100%;
	height:60px;
	
}

div.model_activities{
	margin:0;
	padding:0;
/*	width:100%;*/
	width: calc(100% - 345px);
	display: inline-block;
	float:left;
}
.dashboard{
	width:100%;
}
.dashboard > h1{
	width:100%;
}
.dashboard .fa {
	padding-right:8px;
}

.dashboard .graph,.dashboard .team{
	margin:0;
	padding:0;
	display:inline-block;
	width:50%;
}
.graph {
	display:block;
	float:left;
	
}

.awm .colset{
	border-left:1px black solid;
	
}

/*[ng-cloak].splash {
    display: block !important;
}
.splash {
    display: none;
}
.splash {
    background-color: #428bca;
}*/

.dashboard .team{
	float:right;
	padding-left:60px;
	width:calc(50% - 60px);
}

.dashboard .team .list {
	width:100%;
	height:90vh;
	overflow:auto;
}

.unitroles_filter .input_checkbox{
	width:100%;
}
.unitroles_filter .input_checkbox label{
	display:inline-block;
	width:30%;
}
.unitroles_filter .input_checkbox input{
	display:inline-block;
	padding:5px;
}

.showhidecalc {
	float:right;
	margin: 10px 0;
}

div.model_calculations{
	padding:10px;
	background-color:#eee;
	display: inline-block;
	width:325px;
	height:80vh;
	overflow:auto;
}

div.cat_header{
	width:100%;

	display: inline-block;
}
div.cat_heading {
	display: inline-block;
	width:40%;
}
div.category,div.add_activity{
	padding-right:10px;
	width:calc(100% - 10px);
}
div.category > button{
	display: inline-block;
}
div.cat_buttons{
	display: inline-block;
	margin-top:-8px;
	padding-right:10px;
	width:calc(60% - 10px);
	float:right;
	vertical-align:center;
}
div.cat_buttons button, div.cat_buttons a{
	display: inline-block;
	margin-left:3px;
	margin-right:3px;
	
}
span.total_delivery{
	padding-bottom:10px;
	
}
div.hours_breakdown,div.delivery_hours_breakdown{
	padding-left:20px;
	
}

.add-btn {
	float:right;
	width:130px;
}
input.add-btn {
	margin-right:30px;
	
}
a.add-btn {
	float:right;
	height:100%;
}

.wlhistory tr td{
	vertical-align:middle;
	
}

.wl-link{
	text-decoration:none;
	color:white;
}
.hideshow .wl-link{
	color:black;
}
.hideshow:visited{
	color:black;
}
.hideshow:hover{
	color:white;
}

.hideshow{
	background-color:#eee;
	color:black;
}
.whiteback {
	background-color:white;
	color:black;
	border: 1px solid black;
}
.remove{
	padding:3px;
}

a.clear{
	float:right;
	margin: 0 0 10px;
}

div.submission {
	float:right;
	padding-bottom:5px;
}
a.clearfield i {
	color:gray;
}
a.clearfield{
	float:right;
	position:relative;
	top:-45px;
	right:10px;
	margin-bottom:-45px;
}
.green{
	background-color:#3adb76;
}
.green:hover{
	background-color:#22bb5b;
}
.buttons{
	width:100%;
	height:50px;
}
.btn {
	transition: all 0.25s ease-out;
}

.buttons button.wl-btn, .buttons button{
	float:right;
	margin:2px;
}

.filter_profile input{
	width:auto;
	
}
input[readonly]{
	border:none;
	color:black;
	opacity:1.0;
	padding:0;
	margin:0;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
form div.form-warnings{
	font-size:small;
	width:40%;
	margin-left:40px;
	background-color:#eee;
}
/*form div.form-warnings::before{
	content:'<i class="fa fa-warning"></i>';
}
*/
td.formula{
	color:#333;
	font-weight:200;
}

td.formula .calc_desc {
	color:#666;
	text-decoration:underline;
	font-weight:400;
}

td.formula .value {
	font-weight:bold;
	color:#000;
}

td.formula .operator {
	padding:0 4px;
	color:#000;
	font-weight:bold;
}

.separator {
	margin-top: 20px !important;
}

.last .separator {
	display: none;
}

.activity_name {
	width:24%;
	float:left;
    	background-color: #eee;
    	padding: 10px;
	margin-bottom: 10px;
}

.activity_name.teaching, .activity_name.service,.activity_name.teaching h3, .activity_name.service h3, .activity_name.absences, .activity_name.absences h3 {
	color:white;
}

.activity_name.teaching {
	background-color: #F7464A;
}

.activity_name.service {
	background-color: #46BFBD;
}

.activity_name.absences {
	background-color: rgb(136, 90, 148);
}

#enrol_type_switch {
	margin-bottom: 20px;
} 

.actual {
	color: #5CB85C;
	font-weight:bold;
}

.planned {
	color: #337AB7;
	font-weight:bold;
}

.bg-red {
	background-color:red;
	padding: 1px 4px;
}
.yr-btn {
		padding: 1px 4px;
}

a.clear-btn {
	float: right;
    	margin-right: 5px;
    	line-height: 1.4em;
}

.ie-warning, .safari-warning {
	display: none;
}

input[name=unit]::-ms-clear {
    display: none;
}

.report-class-allocation input[type="checkbox"] {
	width: auto;
}
.report-class-allocation .filter-message {
  margin-left: 150px;
  max-width: 60%;
  border-radius: 5px;
  padding: 5px 10px;
}
.report-class-allocation .filter-message p {
	margin: 0;
}
.report-class-allocation .report-meta {
	margin-left: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.report-class-allocation .report-meta .btn {
	margin: 0;
	margin-right: 5px;
}
.report-class-allocation .awm .btn .fa {
	color: #fff;
	margin-right: 5px;
}

.report-class-allocation .report-page {
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.report-class-allocation .report-page h2 {
	font-size: 20px;
	font-weight: bold;
}
.report-class-allocation .report-page h2 .fa {
	cursor: default;
	font-weight: normal;
	margin-right: 5px;
}

.report-class-allocation .filter-applied p {
	margin: 0;
}

.report-class-allocation .filter-applied-table {
	text-align: left;
	font-size: 14px;
}
.report-class-allocation .filter-applied-table th,
.report-class-allocation .filter-applied-table td {
	padding: 2px 8px 2px 0;
}

.report-class-allocation .teaching-period-selector-clear {
    border: 0;
    background: transparent;
    font-size: 11px;
    color: #0358ad;
    position: absolute;
    margin-left: -40px;
    height: 23px;
    padding: 2px;
}
.report-class-allocation .creating-the-report-message {
	margin: 10px 0;
	padding: 15px;
}
.report-class-allocation .total-message {
	margin: 10px 0;
}

 .awm .report-class-allocation i.fa-close {
	 color: #fff;	
 }
 
 .report-class-allocation .over-allocated {
	 color: red;
 }

.awm .approved-warning-message {
  width: calc(100% - 355px);
  float: left;
  box-sizing: border-box;
  margin-bottom: 20px;
}
 
.message-box {
	padding: 10px;
}

.message-box-warning {
	background: yellow;
	color: red;
}

.message-box .button {
	background: #474442;
	color: #fff;
	padding: 1px 5px;
	display: inline-block;
	font-size: 0.8em;
}