@import url(https://fonts.googleapis.com/css?family=Roboto:400,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

.box.pinnedBox, .box.pinnedBox .boxReplies {
    background: #ffe;
}

.buttonlist button{
    outline: none!important;
}

.messageContent .btn-group button {
  text-transform: capitalize;
}

.box.focused {
    outline: #7EAAF9;
    outline-width: 2px;
    outline-style: solid;
}

.buttonlist{
	position: absolute;
	right: 20px;
}

.listOptions li a{
    text-decoration: none!important;
}

.modal-large {
	width: 900px !important;
	margin-left: -450px !important;
}

.grid-pagesize {
	position: relative;
}

i {
	margin-right: 2px;
}

.datagrid-footer-left {
	position: relative;
}

*:not(i) {
	font-family: Roboto,arial,sans-serif !important;
}

.btn-primary {
	background: #717ebd;
}

#tblFiles th {
	background: #AFC3D1 !important;
}

#message-index {
	background: #fff;
	overflow: hidden !important;
}

	#message-index #mainContent {
		overflow: hidden !important;
	}

	#message-index #footer {
		display: none;
	}

	#message-index .box {
		border: none !important;
	}

.mail-flash {
	background: #f1f1f1;
	-webkit-transition: background 1.0s ease-in-out;
	-moz-transition: background 1.0s ease-in-out;
	-ms-transition: background 1.0s ease-in-out;
	transition: background 1.0s ease-in-out;
}

#mail-wrapper {
	padding: 0 !important;
	margin-top: 0 !important;
}

.breadcrumb {
	margin-bottom: 2px !important;
	background-color: #F6F6F6 !important;
}

	.breadcrumb li, .breadcrumb li a {
		color: #2B2B2B !important;
		font-weight: bold;
	}

.sendTo {
	cursor: pointer;
}

#mail-content .icon-refresh {
	color: #f1f1f1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
}

#mail-user span {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.tblMenu a.active {
	font-weight: bold;
}

#message-profile {
	width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mail-details .label {
	/*background-color: #ccc;*/
	text-shadow: none;
	margin-left: 5px;
}

.mail-details .label {
	margin-top: 5px;
}

.tblMenu a.active:after {
	margin-left: 5px;
	margin-top: 5px;
	display: inline-block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #46aeea;
	content: '';
}

#hwItems tr td a {
	color: #46aeea;
}

#mail-list {
	border-right: solid 2px #ddd;
	background: #fff;
	border-left: solid 2px #333;
}

#mail-wrapper.no-content {
	background: #f1f1f1;
}

#mail-list #list-title {
	background: #f8f8f8;
	padding: 17px 0 17px 12px;
	text-align: left;
	font-size: 18px;
	border-bottom: solid 2px #ddd;
}

#mail-menu {
	background: #334;
}

.btn-link:hover, .btn-link, .btn-link:active {
	text-decoration: none !important;
}

#mails {
	position: relative;
	border-bottom: solid 2px #ddd;
}

#mail-compose {
	padding-top: 18px;
	border-top: solid 2px #eee;
}

#mail-tools, #mail-user {
	padding-left: 9px;
	padding-right: 9px;
	margin-top: 18px;
	margin-bottom: 27px;
}

#mails tr.read td {
	background: #f1f1f1;
}

#mails tr.not-read td {
	font-weight: bold !important;
}

.mail {
	cursor: pointer;
	background: #fff;
}

.mail-inner .title {
	font-weight: bold;
}

#mail-accordion .accordion-group {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	border-left: none;
	border-top: none;
	border-color: #eee;
}

#mail-accordion .accordion-inner {
	padding: 0;
	border: none;
}

#mail-accordion .accordion-heading .accordion-toggle {
	padding: 0;
	padding-top: 9px;
}

.mail .short-description {
	width: 200px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mail.active {
	background: #EFFAB4 !important;
}

.mail-profile {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.mail-inner {
	padding: 0 9px 0 9px;
}

#mail-compose {
	padding-left: 2%;
}

#mail-content {
	margin-right: 18px;
	position: relative;
	overflow-y: auto;
}

.mail-sent {
	float: right;
}

.mail-details {
	margin-bottom: 36px;
	margin-top: 18px;
	padding-bottom: 14px;
	vertical-align: middle;
	padding-left: 2%;
	border-bottom: solid 1px #eee;
}

	.mail-details .circular {
		height: 18px;
		width: 18px;
	}

.mail-title {
	font-size: 18px;
	margin-top: 9px;
	display: block;
	padding-left: 2%;
}

.mail-body {
	text-align: justify;
	padding-left: 2%;
}

.mail-title, .mail-body, #mail-compose {
	padding-right: 36px;
}

#mail-menu .tblMenu td {
	padding-left: 18px !important;
	color: #fff;
	border-color: #454851;
}

	#mail-menu .tblMenu td a {
		color: #fff !important;
		display: block;
	}

#mail-menu .tblMenu {
	margin-bottom: 18px;
}

	#mail-menu .tblMenu .menu-header td {
		background: #454851;
		font-weight: bold;
		border: none;
	}

.thread {
	margin-bottom: 18px;
}

.input-append.input-block-level input[type=text] {
	display: table-cell;
}


#tblNetworks td.nav-header {
	padding-top: 5px;
}

#listAllNetworks .nav-header {
	border-bottom: solid 1px #eee;
	text-align: left;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
}

	#listAllNetworks .nav-header:first-child {
		margin-top: 0px;
	}

#frmSignup label.valid, #frmAddChild label.valid {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-indent: 0px;
	color: #669533;
}

.listcolumns {
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
}

.trNothing {
	cursor: default !important;
}

	.trNothing:hover td {
		background-color: #fff !important;
		background: #fff !important;
	}

#drive-loader {
	background: #EFFAB4;
	color: #000;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	position: fixed;
	top: 80px;
	padding: 10px;
	text-align: center;
	box-shadow: 0 2px 3px rgba(0,0,0,.15);
	border: solid 1px #eee;
	border-top: none;
	z-index: 99;
	display: none;
}

#file-comments {
	background-color: #eee;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
}

.you-wrapper,
.friend-wrapper {
	position: relative;
	min-height: 35px;
	margin-left: 5%;
	width: 95%;
	display: inline-block;
}


	.you-wrapper .comment-tools {
		position: absolute;
		left: -15px;
		top: 5px;
		cursor: pointer;
	}

	.friend-wrapper .comment-tools {
		position: absolute;
		right: 17px;
		top: 5px;
		cursor: pointer;
	}

	.you-wrapper img {
		position: absolute;
		right: -30px;
		bottom: 0px;
	}

	.friend-wrapper img {
		position: absolute;
		left: -30px;
		top: 0px;
	}


.friend-wrapper,
.you-wrapper {
	margin-top: 15px;
}


.friend,
.you {
	bottom: 3px;
	margin-top: -7px;
	position: relative;
	width: 90%;
	min-height: 20px;
	background: #E9F5DD;
	padding: 10px;
	border-bottom: 2px solid #d8d8d8;
	display: inline-table;
}


	.you:after, .you:before {
		left: 98%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.you:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #E9F5DD;
		border-width: 9px;
		bottom: 0%;
		margin-top: -9px;
	}


	.friend:after, .friend:before {
		right: 98%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.friend:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #E9F5DD;
		border-width: 9px;
		top: 9px;
		margin-top: -9px;
	}

.folder-hover {
	background: #f5f5f5 !important;
}

.subfolder {
	cursor: pointer;
	list-style: none;
}

.ghost {
	min-width: 100px;
	padding: 10px;
	background: #fff;
	font-weight: bold;
	border: solid 1px #eee;
	box-shadow: 0 2px 3px rgba(0,0,0,.15);
}

#filecontainer, #tblFiles, #tblFiles tr, #tblFiles tr td,, #tblFiles tr th {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#dropmessage {
	display: none;
	font-size: 40px;
	color: #ccc;
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	text-align: center;
}

#tblNetworks.nav-pills > .active > a, #tblNetworks.nav-pills > .active > a:hover, #tblNetworks.nav-pills > .active > a:focus {
	color: #000;
	font-weight: normal;
	background-color: #fff;
}

#tblNetworks li {
	border-bottom: solid 1px #eee;
}

#tblNetworks .nav-header {
	border-bottom: solid 1px #000;
}

#tblNetworks.nav > li > a:hover, #tblNetworks.nav > li > a:focus {
	text-decoration: none;
	color: #000;
	background-color: #fff !important;
}


#drive .nav-pills > .active > a, #drive .nav-pills > .active > a:hover, #drive .nav-pills > .active > a:focus {
	color: #178acc;
	font-weight: bold;
	background-color: #fff;
}

#drive .nav > li > a:hover, #drive .nav > li > a:focus {
	text-decoration: none;
	color: #000;
	background-color: #eee !important;
}

#drive .active {
	position: relative;
}

.drive-files {
	cursor: pointer;
}

	#tblShared .icon-group,
	.drive-files .icon-file-text {
		color: #178acc !important;
	}

	.drive-files .icon-folder-close {
		color: #666 !important;
	}


#drive .active:after {
	position: absolute;
	top: 12px;
	left: 4px;
	display: inline-block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #178acc;
	content: '';
}


#file-nav .dropdown-menu > li > a:hover, #file-nav .dropdown-menu > li > a:focus, #file-nav .dropdown-submenu:hover > a, #file-nav .dropdown-submenu:focus > a {
	color: #fff;
	text-decoration: none;
	background-color: #fff;
	background-image: -moz-linear-gradient(top,#fff,#fff);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
	background-image: -webkit-linear-gradient(top,#fff,#fff);
	background-image: -o-linear-gradient(top,#fff,#fff);
	background-image: linear-gradient(to bottom,#fff,#fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#fff',GradientType=0);
}

.input-append.input-block-level input[type=text] {
	display: table-cell;
}

.fixed-table .header-fixed {
	position: absolute;
	top: 0px;
	z-index: 99;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.fixed-table {
	display: block;
	position: relative;
}



	.fixed-table th {
		padding: 8px;
		padding-left: 0 !important;
		line-height: 18px;
		text-align: left;
	}

	.fixed-table .table-content {
		display: block;
		position: relative;
		height: 500px; /*FIX THE HEIGHT YOU NEED*/
		overflow-y: auto;
	}

	.fixed-table .header-copy {
		position: absolute;
		top: 0;
		left: 0;
	}

		.fixed-table .header-copy th {
			background-color: #fff;
		}

#messageFilter, #typeFilters {
	background: #f5f5f5;
	border: solid 1px #ddd;
	width: 100%;
	height: 43px;
	text-align: center;
	margin-bottom: 6px;
	-webkit-transition: padding-right .15s cubic-bezier(0,1.12,.39,.98);
	transition: padding-right .15s cubic-bezier(0,1.12,.39,.98); /*display: table;*/
}

	#messageFilter > ul > li,
	#typeFilters > ul > li {
		display: inline-block;
		list-style: none;
		font-family: Roboto, arial, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-variant: normal;
		height: 19px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 13px;
		margin-bottom: 0px;
		margin-left: 18px;
		margin-right: 18px;
		margin-top: 0px;
		max-width: 180px;
		min-width: 80px;
		text-overflow: ellipsis;
		vertical-align: top;
		white-space: nowrap;
		-webkit-transition: border-color .218s;
		transition: border-color .218s;
		border-bottom: 2px solid transparent;
		cursor: pointer;
	}

		#messageFilter > ul > li ul li,
		#typeFilters > ul > li ul li {
			text-align: left !important;
		}

		#messageFilter > ul > li:first-child,
		#typeFilters > ul > li:first-child {
			margin-left: -18px;
		}

	#messageFilter li a:hover,
	#typeFilters li a:hover {
		text-decoration: none !important;
		color: #262626 !important;
	}

	#messageFilter ul li.selected, #messageFilter ul li:hover,
	#typeFilters ul li.selected, #typeFilters ul li:hover {
		border-color: #427fed;
		color: #262626;
		text-decoration: none;
	}

	#messageFilter ul li.selected, #messageFilter ul li:hover,
	#typeFilters ul li.selected, #typeFilters ul li:hover {
		border-color: #427fed;
		color: #262626;
		text-decoration: none;
	}

	#messageFilter ul li.selected,
	#typeFilters ul li.selected {
		font-weight: bold;
	}

		#messageFilter ul li.selected a,
		#typeFilters ul li.selected a {
			font-weight: bold;
		}


.cnotification,
.nnotification {
	margin-left: 2px;
}

#listNotifications {
	padding-top: 30px !important;
}

.dropdown-footer {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -5px;
	width: 95% !important;
	padding-left: 3%;
	border: none !important;
	text-align: center;
}

.newLabel {
	margin-left: 5px;
}

.ellipsis {
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	display: block;
	white-space: nowrap;
}

label.valid {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	font-weight: bold;
	display: inline-block;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.readMessage {
	opacity: 0.5;
}

/*  ARBEJDSPLAN */


.table TR.Red TD {
	background-color: #FF0000 !important;
	color: #fff;
}

.table TR.Orange TD {
	background-color: #FF8000 !important;
	color: #000;
}


.table-header thead tr th, .table-header tfoot tr th {
	background-color: #F5F5F5 !important;
	border-top: solid 1px #ddd !important;
	border-bottom: solid 1px #ddd !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.table-header {
	width: 100% !important;
}

	.table-header tbody tr td {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

#pageHeader h2 {
	font-size: 20px;
	line-height: 5px;
	margin-top: 25px;
}

#pageHeader hr, #studyplanContainer hr {
	border-style: dotted;
	border-top-color: #bbb;
}

#studyplanContainer .btn {
	line-height: 20px !important;
	/*padding-right: 25px !important;*/
	/*padding-left: 25px !important;*/
}

#studyplanContainer .btn-primary i, #studyplanContainer .btn-secondary i, #studyplanContainer .btn-warning i, #studyplanContainer .btn-grey i, #studyplanContainer .btn-success i, #studyplanContainer .btn-info i {
	padding-left: 25px;
	color: #fff !important;
}

.link-help:hover, .link-help:active {
	text-decoration: none;
}

.link-help i {
	font-size: 25px;
	margin-left: 20px;
	color: #DD8D84;
}

.alert {
	text-shadow: none;
}



.alert-info {
	min-height: 20px;
	border: 0px;
}

	.alert-info a, .alert-info a:hover {
		color: #fff;
		text-decoration: none;
	}

		.alert-info a table {
			width: 700px;
		}

			.alert-info a table td {
				width: 100px;
			}

				.alert-info a table td:first-child {
					width: 400px;
				}

tr.alert-info td {
	background-color: #505563 !important;
	color: #fff;
}

.alert-info i {
	cursor: pointer;
	font-size: 18px;
	margin-left: 18px !important;
	color: #fff !important;
	text-decoration: none !important;
}

.type-tekst .btn-group > .btn:first-child, #mdl5 .btn-group > .btn:first-child {
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
}

.type-tekst .btn, #mdl5 .btn {
	padding-left: 18px !important;
	padding-right: 18px !important;
}

.btn {
	text-shadow: none;
}

#studyPlans table {
	border-collapse: separate;
	border-spacing: 0 18px;
}

	#studyPlans table tr td {
		padding: 10px !important;
		border: none;
	}

		#studyPlans table tr td:first-child {
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
		}

		#studyPlans table tr td:last-child {
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
		}

	#studyPlans table tr td {
		cursor: pointer;
		border-bottom: solid 2px transparent;
	}

		#studyPlans table tr td:last-child {
			cursor: default;
		}

	#studyPlans table tr:hover td {
		border-bottom: solid 2px #ccc;
	}

.element .box-content {
	padding: 25px 40px;
}

.element .box-header {
	background: #F6F6F6;
}

.type8 .box-header {
	background: #EAF0FF;
}

.type5 .box-header {
	background: #FFF6EB;
}

.grey .box-header {
	background: #F5F5F5;
}

ul#themes {
	height: 240px;
	overflow-y: auto;
}

#themes.nav li {
	background: #fff;
}

#themes>li {
    cursor: pointer;
    width: 100%;
}

	#themes.nav li a {
		color: #ccc;
		border-bottom: 1px dashed #ddd;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

		#themes.nav li a span {
			width: 70%;
			display: inline-block;
		}

		#themes.nav li i {
			color: #474747;
			cursor: pointer;
			font-size: 20px;
			margin-top: -3px;
		}

			#themes.nav li i.icon-eye-open {
				color: #474747;
			}

		#themes.nav li a.master {
			color: #474747;
			text-transform: uppercase;
			font-weight: bold;
		}

		#themes.nav li a.slave span {
			margin-left: 15px;
			color: #474747;
			font-size: 12px;
		}

        #themes.nav li.active.slaveItem span:first-child {
            margin-left: 10px
        }
        #themes.nav li.active .master span:first-child {
            margin-left: -5px;
        }

#themes.nav > .active > a, #themes.nav > .active > a:hover, #themes.nav > .active > a:focus, .slaves .active a {
	border-left: 5px solid #EB5600;
	background-color: #F6F6F6;
}

#themes.nav li a.muted, #themes.nav li a.muted span, #themes.nav li a.muted i {
	color: #D5D5D5 !important;
}


.slaveItem {
	color: rgb(51, 51, 51);
	display: list-item;
	float: none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	zoom: 1;
}

.slaves {
	margin-left: 0px;
}


.slaveItem a:hover {
	background-color: rgb(238, 238, 238);
}

.slaveItem a {
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: rgb(0, 0, 0);
	cursor: pointer;
	display: block;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px; /*height: 14px;*/
	line-height: 14px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 1px;
	margin-right: 0px;
	margin-top: 2px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-align: left;
	text-decoration: none;
	zoom: 1;
}

#studyplanContainer .box.no-border {
	border: 0px !important;
}

#studyplanContainer .box-content {
	margin-top: 0px;
}

#studyplanContainer .box {
	padding: 0px !important;
}

#elements .box {
	border-bottom-width: 2px;
}

#studyplanContainer .box-header {
	min-height: 35px;
	border-bottom: 1px solid #ddd;
	color: #474747;
}

	#studyplanContainer .box-header span.header {
		font-weight: bold;
		margin-top: 8px;
		margin-left: 34px;
		/*width: 75%;*/
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#studyplanContainer .box-header i {
		font-size: 20px;
		line-height: 20px;
		border-left: 1px solid #ddd;
		padding: 8px 10px 8px 10px;
		margin-left: 0px !important;
		color: #474747;
		cursor: pointer;
	}


.color-box {
	width: 20px !important;
	padding: 1px;
	height: 20px !important;
	display: inline-block;
	border: 1px solid #eee;
	vertical-align: middle;
	margin-right: 5px !important;
}

.inner-color-box {
	width: 18px !important;
	height: 18px !important;
	border: 1px solid #eee;
	cursor: pointer;
}

#MyGrid .btn.white {
}

	#MyGrid .btn.white i {
	}

#MyGrid .planName {
	margin-left: 8px;
}

/*  END ARBEJDSPLAN */


.shadow-inset-right {
	-moz-box-shadow: inset -4px 0 5px -2px #eee;
	-webkit-box-shadow: inset -4px 0 5px -2px #eee;
	box-shadow: inset -4px 0 5px -2px #eee;
}

.shadow-inset-left {
	-moz-box-shadow: inset 4px 0 5px -2px #eee;
	-webkit-box-shadow: inset 4px 0 5px -2px #eee;
	box-shadow: inset 4px 0 5px -2px #eee;
}

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

#tblAssignable tbody tr.marked td {
	background: #7bb33d;
	color: #fff;
}

#tblRemovable tbody tr.marked td {
	background: #faebcc;
}

#notifcationContainer {
	margin-right: 20px;
	margin-top: 4px;
}

#favouriteContainer {
	margin-right: 20px;
	margin-top: 4px;
}

#notifications {
	position: relative;
	cursor: pointer;
}

	#notifications .badge {
		position: absolute;
		right: -10px;
		top: -5px;
	}

#favourites .badge {
	position: absolute;
	right: -10px;
	top: -5px;
}

#listFavourites,
#listNotifications {
	width: 350px!important;
	padding: 10px;
}

#listFavourites,
	#listNotifications li {
		clear: both;
		padding-top: 10px;
		border-bottom: 1px solid #eee;
		float: left;
		padding-bottom: 10px;
		width: 100%;
		cursor: pointer;
	}

li.noFavourites,
li.noNotifications {
	border-bottom: none !important;
	text-align: center;
}

.notificationTitle {
	float: left;
	font-weight: bold;
}

.notificationDate {
	float: right;
}

.notificationBody {
}

.notificationContent {
	width: 280px;
	height: 100%;
	float: left;
	margin-left: 5px;
	overflow: hidden;
}

.notificationImage {
	margin-top: 5px;
	width: 48px;
	margin-left: 5px;
	height: 48px;
	float: left;
}

#notifications i, #favourites i {
	font-size: 25px;
	color: #999;
}

#favourites i {
	color: orange;
}

canvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	color: black;
	overflow: visible;
	position: absolute;
	z-index: 999999;
	top: 0;
	left: 0;
}

#footer {
	height: 20px;
	padding: 5px 0px 10px 0px; /*position: fixed; 	bottom: 0px;*/
	background: #e5e5e5;
	width: 100%; /*z-index: 999999;*/
	text-align: center; /*border-top: 1px solid #ccc; 	z-index: 9999999999;*/
}

.convertedImg {
	max-height: 100px;
	width: auto !important;
	height: auto !important;
	display: block !important;
	margin-bottom: 10px !important;
}

.messageBody .convertedImg {
	max-height: 100%;
	width: 100% !important;
}

.replyBody {
	word-break: break-word;
}

	.replyBody iframe {
		height: 100px;
		width: auto !important;
		display: block !important;
		margin-top: 10px !important;
	}

.messageContent iframe {
	height: auto;
	width: 100% !important;
	display: block !important;
	margin-top: 10px !important;
}

div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/*.nocomments .profileContainer {
	display: none;
}*/

.nocomments {
	padding-bottom: 8px !important;
}

#footer img {
	width: auto;
	height: 16px;
}

#messageBoxes .box a {
	text-decoration: underline;
}

#messageBoxes .box:first-child {
	padding: 0px;
	margin-bottom: 2px;
	border-bottom: none !important;
	box-shadow: 0 2px 3px rgba(0,0,0,.15);
}

#messageBoxes .box:not(:first-child) {
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 2px;
	border-bottom: none !important;
	box-shadow: 0 2px 3px rgba(0,0,0,.15);
}


.bEditor .box {
	padding: 0px;
}

.bEditor .box-title {
	padding: 12px;
}

.bEditor #newMessage {
	padding: 10px 16px 16px 16px;
	border-top: 1px solid #e5e5e5;
	background-color: #f8f8f8;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	margin-top: 0px;
}

.boxReplies {
	border-top: 1px solid #e5e5e5;
	background-color: #f8f8f8;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	clear: both !important;
}

#mdlEditReply textarea, .newCommentContainer textarea, input.newComment {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 15px;
	width: 98%;
}

.newCommentContainer img {
	width: 28px !important;
	height: 28px !important;
	margin-right: 10px !important;
	vertical-align: text-top;
	margin-top: -13px;
}

.messageActivity {
	float: right;
	margin-top: -5px;
}

.showMoreReplies, .moreReplies {
	cursor: pointer;
}

	.showMoreReplies:hover {
		text-decoration: underline;
	}

	.showMoreReplies.active {
	}

.messageActivity img {
	width: 28px !important;
	height: 28px !important;
}

.replyContainer {
	max-height: 300px;
	overflow: auto;
}

.replyContainer, .moreReplies, .newCommentContainer {
	padding: 5px 16px 5px 16px;
}

.newCommentContainer {
	padding-top: 0px;
}

.moreReplies {
	padding-bottom: 0px;
}

.messageContent {
	word-break: break-word;
	overflow: hidden;
}

	.messageContent img {
		height: auto !important;
	}

.boxReplies .reply {
	margin-top: 10px;
}

	.boxReplies .reply img {
		width: 28px;
		height: 28px;
	}

#mdlMessageReplies .reply {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.messageContent {
	padding: 0px 18px 0px 18px;
}

#nomessages .messageContent {
	text-align: center;
	padding-bottom: 14px;
}

.nocommentbox .messageContent {
	padding-bottom: 8px;
}

#center.span5 {
	margin-left: 1.064102564102564%;
}

#right.span4 {
	margin-left: 1.064102564102564%;
	width: 33.123931623931625%;
}

#center.span6, #left.span3, #right.span3 {
	/* margin-left: 1.064102564102564%;*/
}

#left.span3 {
	width: 24.276923076923077%;
}

#mainContent {
	overflow: auto;
	margin-top: -30px;
}

#pageHeader i {
	color: transparent;
	font-size: 0px;
}

#profileNav {
	margin-bottom: 0px !important;
	box-shadow: 0 2px 4px rgba(0,0,0,.15);
}

.messageActions td, .replies td {
	border-top: 1px solid #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
	border-radius: 3px;
	background: #F5F5F5;
}

ul.dropdown-menu {
	max-height: 450px;
	overflow-y: auto;
}

.nr-replies {
	cursor: pointer;
	margin-left: 10px;
}

#replyActions a, #replyActions a:hover {
	text-decoration: none !important;
}

.editReply, .editMessage {
	margin-left: 20px;
	cursor: pointer;
}

.messageActions td .reply {
	cursor: pointer;
	float: right;
	text-decoration: none;
}

.reply-placeholder td {
	border-top: 2px solid #F5F5F5;
	background: #F5F5F5;
}

.reply-placeholder textarea {
	resize: none;
	height: 40px;
	width: 99%;
}

/* Scrollbar fix */
.box-content .table, .box-content #posts {
	width: 96%;
}

.popover-title {
	font-weight: bold;
}

.input-append.input-block-level, .input-prepend.input-block-level {
	display: table;
}

	.input-append.input-block-level .add-on, .input-prepend.input-block-level .add-on {
		display: table-cell;
		width: 1%; /* remove this if you want default bootstrap button width */
	}

	.input-append.input-block-level > input, .input-prepend.input-block-level > input {
		box-sizing: border-box; /* use bootstrap mixin or include vendor variants */
		-moz-box-sizing: border-box; /* for Firefox */
		display: table; /* table-cell is not working well in Chrome for small widths */
		min-height: inherit;
		width: 100%;
	}

	.input-append.input-block-level > input {
		border-right: 0;
	}

	.input-prepend.input-block-level > input {
		border-left: 0;
	}

.tooltip {
	z-index: 999999;
}

#headerMyCourses {
	max-height: 450px;
	overflow-y: auto;
}

#tblMessages {
	table-layout: fixed;
	word-wrap: break-word;
}

	#tblMessages img {
		display: block;
		height: 100% !important;
	}

.fuelux input .fuelux button, .fuelux i {
	line-height: 20px !important;
}

html, body {
	overflow: hidden; 
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #555;
}

i {
	opacity: 1 !important;
}

.nav ul li a:hover, .nav ul li a:active, .dropdown.open {
	background: transparent !important;
}

.dropdown-menu li:hover {
	background: #F5F5F5 !important;
}

.dropdown-menu li a:hover {
	color: #000 !important;
}

a {
	color: #555;
}

.box a:hover {
	text-decoration: none !important;
	color: #555 !important;
}

body {
	font: normal 13px Roboto,arial,sans-serif !important;
	background-color: #e5e5e5;
	padding-top: 110px;
}

.tabbable a, .tabbable a:hover, .tabbable a:active {
	color: rgb(0, 0, 0) !important;
}

.navbar .divider-vertical {
	height: 25px;
	border-right: 1px solid #080808;
	border-left: 1px solid #080808;
}

.navbar-inverse .navbar-inner {
	border-bottom: 0px;
	min-height: 25px;
	padding-top: 5px;
	background-color: rgb(0, 0, 0) !important;
	background-image: none !important;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: rgb(0,0,0) !important;
	background-image: none !important;
}

.nav-list .active a {
	background-color: rgb(0,0,0) !important;
}

.navbar-inverse .divider-vertical {
	border-right-color: rgb(0, 0, 0) !important;
	border-left-color: rgb(0, 0, 0) !important;
	background-image: none !important;
}

.navbar-inner {
	min-height: 0px;
}

.table tr:first-child td {
	border: 0px;
}



.navbar .brand {
	display: block;
	float: left;
	padding: 0px 0px 0px;
	margin-left: 0px;
	font-size: 0px;
	font-weight: 200;
	color: #fff;
	text-shadow: 0;
}

	.navbar .brand, .navbar .brand:hover {
		height: 25px;
		background-color: #F5F5F5;
		border-bottom: 1px solid #cecece;
		width: 81px;
		margin-left: -20px;
		padding-left: 20px;
		padding-top: 5px;
		margin-top: -5px;
	}

.modal {
	width: 600px;
}

.modal-body {
	max-height: 480px;
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:active, .navbar .nav > li > a.active {
	color: #fff !important;
}

#profileNav li > a, .navbar .nav > li > a {
	float: none;
	padding: 0px 10px 0px;
	color: #f1f1f1 !important;
	text-decoration: none;
	text-shadow: none;
	font-weight: bold;
}

#profileNav li > a {
	text-shadow: none;
	color: #555 !important;
	font-weight: normal;
}

#profileNav li > a {
	text-shadow: none;
	color: #555 !important;
}

	#profileNav li > a:hover {
		background: transparent;
	}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #f1f1f1;
	background-color: transparent;
}

#profileNav .caret {
	border-top-color: #555 !important;
	border-bottom-color: #555 !important;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #f1f1f1 !important;
	border-bottom-color: #f1f1f1 !important;
}

img.circular {
	width: 48px;
	height: 48px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

img.circled {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.slimScroll-small {
	height: 154px !important;
	padding-bottom: 10px !important;
    overflow-y: auto;
}

.slimScroll {
	height: 391px;
}

.slimScroll-medium {
	height: 402px;
}

.slimScroll-large {
	height: 622px;
}

.box, .content-box {
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border-bottom-width: 2px;
	margin: 10px 0 10px 0;
	padding: 16px;
	padding-right: 10px;
	width: auto;
}

.box-title {
	box-sizing: border-box;
	font: 300 17px Roboto,arial,sans-serif;
	max-width: 100%;
	/*overflow: hidden;
	text-overflow: clip;
	padding-right: 80px;*/
	position: relative;
	/*white-space: nowrap;*/
}

	.box-title i {
		font-weight: bold;
		color: #000;
	}

#messageBox a, #messageBox a:hover {
	text-decoration: underline;
}

.box-content {
	margin-top: 15px;
}

.emailMessage {
	cursor: pointer;
}

.table .label {
	min-height: 4px !important;
	min-width: 4px !important;
	padding: 0px;
}

#profileNav {
	background: #F5F5F5;
	height: 40px;
	position: fixed;
	top: 30px;
	padding-top: 10px;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 100;
}

@media (max-width: 979px) {
    #profileNav {
        position: static;
        margin-bottom: 4px !important;
    }

    #mainNavbar {
        top: 0px !important;
        margin-top: -110px;
        margin-bottom: 0;
    }

    #mainNavbar .btn-navbar {
        margin-top: 0px;
    }

    #mainContent {
        margin-top: 0px !important;
    }
}

@media (max-width: 1020px) {
    #mainNavbar .divider-vertical {
        display: none !important;
    }
}


	#profileNav h3 {
		color: #333;
		font-size: 18px;
		margin-left: 20px;
		margin-top: -5px;
		max-width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.bubble {
	position: relative;
	width: 25px;
	height: 18px;
	padding: 0px;
	background: #53A93F;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	font-size: 11px;
	padding-top: 5px;
}

	.bubble:after {
		content: "";
		position: absolute;
		bottom: -4px;
		left: 5px;
		border-style: solid;
		border-width: 6px 5px 0;
		border-color: #53A93F transparent;
		display: block;
		width: 0;
		z-index: 1;
	}

.muted .bubble {
	background: #88CC77 !important;
}

	.muted .bubble:after {
		border-color: #88CC77 transparent !important;
	}

.bubble i {
	margin-left: 8px;
}

#hangoutbtn {
	cursor: pointer;
	margin-top: 12px;
	margin-right: 25px;
}

#mainContent .icon-circle-blank {
	color: Green;
}

#mainContent .icon-envelope-alt, #mainContent .icon-envelope {
	color: #dd4b39 !important;
}

#mainContent .icon-comment, #mainContent icon-comment-alt {
	color: #f4b400 !important;
}

#mainContent .icon-link, #mainContent .icon-tasks, #mainContent .icon-book, #mainContent .icon-folder-open {
	color: #4285f4 !important;
}

#mainContent .icon-lock {
	font-size: 16px;
	line-height: 16px;
}


#mainContent .icon-calendar {
	color: #cd75e6 !important;
}

.messageTitle {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 18px;
	display: inline-block;
	color: #666;
}

	.messageTitle span {
		font-size: 13px;
		display: inline-block;
		float: right;
	}

#tblMessages td {
	/* padding-top: 10px;     padding-bottom: 18px;*/
	padding-bottom: 6px;
}

	#tblMessages td p {
		width: 95%;
	}

.table th, .table td {
	padding-left: 0px !important;
}

#labelList {
	margin-top: 10px;
}

	#labelList li {
		background: #fff;
	}

#labelContent a, #labelContent a:hover {
	text-decoration: underline;
}

#labelContent .box-title a, #labelContent .box-title a:hover {
	text-decoration: none;
}


#labelList li.active, #labelList li.active a {
	background: #000 !important;
	color: #bbb !important;
}

#posts {
	overflow-x: hidden;
}

.post:nth-child(even) {
	background: #eee;
}


	.post:nth-child(even) hr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #fff;
	}


.post {
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
}

	.post .post-title {
		font-weight: bold;
	}

	.post .post-header {
		margin-bottom: 10px;
	}

::-webkit-scrollbar {
	height: 16px;
	overflow: visible;
	width: 12px;
	background: #f1f1f1;
	border-left: 1px solid #ccc;
}

::-webkit-scrollbar-button {
	display: none;
	height: 0;
	width: 0;
}

::-webkit-scrollbar-track {
	-moz-background-clip: border;
	-webkit-background-clip: border;
	background-clip: border-box;
	border-width: 0 0 0 4px;
	border: solid transparent;
}

	::-webkit-scrollbar-track:hover {
		background-color: rgba(0,0,0,.05);
	}

	::-webkit-scrollbar-track:active {
		background-color: rgba(0,0,0,.05);
	}

	::-webkit-scrollbar-track:horizontal {
		border-width: 4px 0 0;
	}

		::-webkit-scrollbar-track:horizontal:hover {
		}

		::-webkit-scrollbar-track:horizontal:active {
		}

::-webkit-scrollbar-thumb {
	-moz-background-clip: border;
	-webkit-background-clip: border;
	background-clip: border-box;
	background-color: rgba(0,0,0,.2); /*border-width: 1px 1px 1px 6px;     border: solid transparent;*/
	min-height: 28px;
	padding: 100px 0 0;
}

	::-webkit-scrollbar-thumb:hover {
		background-color: rgba(0,0,0,.4);
	}

	::-webkit-scrollbar-thumb:active {
		background-color: rgba(0,0,0,0.5);
	}

	::-webkit-scrollbar-thumb:horizontal {
		border-width: 6px 1px 1px;
		padding: 0 0 0 100px;
	}

::-webkit-scrollbar-corner {
	background: transparent;
}

body::-webkit-scrollbar-track-piece {
	-moz-background-clip: border;
	-webkit-background-clip: border;
	background-clip: border-box;
	background-color: #f5f5f5; /*border-width: 0 0 0 3px;     border: solid #fff;*/
}

	body::-webkit-scrollbar-track-piece:horizontal {
		border-width: 3px 0 0;
	}

body::-webkit-scrollbar-thumb {
	border-width: 1px 1px 1px 5px;
}

	body::-webkit-scrollbar-thumb:horizontal {
		border-width: 5px 1px 1px;
	}

body::-webkit-scrollbar-corner {
	-moz-background-clip: border;
	-webkit-background-clip: border;
	background-clip: border-box;
	background-color: #f5f5f5;
	border-width: 3px 0 0 3px;
	border: solid #fff;
}

/*

	.row-fluid [class*="span4"]
	{
		margin-left: 0.564103%;
	}

	.row-fluid .span4
	{
		width: 32.723931623931625%;
	}

*/

.messageActions td i, #mainContent .messageActions td .icon-comment {
	color: #999 !important;
}


.doclistview {
	width: 499px;
}


.doclist, .doclistview, .doclistview-ie, .doclistview-inner, .doclistview-inner-ie, .doclistview-child-inner, .doclistview-child-inner-ie {
	position: relative;
}

.doclist, .doclistview, .doclistview-ie, .doclistview-inner, .doclistview-inner-ie, .doclistview-child-inner, .doclistview-child-inner-ie {
	cursor: default;
	margin: 0;
	outline: none;
}


.doclist-header-table {
	width: 100%;
}

.doclist-table {
	table-layout: fixed;
	border-spacing: 0;
	padding: 0;
	zoom: 1;
}

.doclist-header {
	color: #555;
	font-family: arial,sans-serif;
	font-size: 11px;
	height: 25px;
}

	.doclist-header th {
		background: white;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		zoom: 1;
		z-index: 1;
		vertical-align: middle;
	}

	.doclist-header th {
		border-bottom: 1px solid #E5E5E5;
		empty-cells: show;
		overflow: hidden;
		padding: 0;
		text-align: left;
		white-space: nowrap;
	}

.doclist-header-sortable {
	cursor: pointer;
}

.doclist-header-inner {
	white-space: nowrap;
	outline: none;
	overflow: hidden;
	vertical-align: middle;
}

.goog-inline-block {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
}

.doclistview-list.density-normal .doclist-tr, .doclistview-list.density-normal .doclist-tr-selected, .doclistview-list.density-normal .doclist-tr-message, .doclistview-list.density-normal .doclist-tr-blank {
	-webkit-transition: font-size .218s,height .218s,line-height .218s,margin .218s,padding .218s,width .218s;
	-moz-transition: font-size .218s,height .218s,line-height .218s,margin .218s,padding .218s,width .218s;
	-ms-transition: font-size .218s,height .218s,line-height .218s,margin .218s,padding .218s,width .218s;
	-o-transition: font-size .218s,height .218s,line-height .218s,margin .218s,padding .218s,width .218s;
	transition: font-size .218s,height .218s,line-height .218s,margin .218s,padding .218s,width .218s;
	height: 39px;
}

.doclist-tr, .doclist-tr-selected, .doclist-tr-message, .doclist-tr-blank {
	font-size: 13px;
}

.doclist-tr-underlined .doclist-td, .doclist-tr-underlined .doclist-td-content, .doclist-tr-underlined .doclist-td-checkbox, .doclist-tr-underlined .doclist-td-date, .doclist-tr-underlined .doclist-td-modifiers, .doclist-tr-underlined .doclist-td-name, .doclist-td-username, .doclist-tr-underlined .doclist-td-owners, .doclist-tr-underlined .doclist-td-quota, .doclist-tr-underlined .doclist-td-spacing, .doclist-tr-underlined .doclist-td-share-date, .doclist-tr-underlined .doclist-td-star, .doclist-td-buttons {
	border-bottom: 1px solid #EBEBEB;
}

.doclist-td-name {
	background-repeat: no-repeat;
	background-position: 3px;
}

.doclist-td-name {
	vertical-align: top;
	padding-left: 0 !important;
	padding-right: 2px;
}

.doclist-td, .doclist-td-blank, .doclist-td-checkbox, .doclist-td-content, .doclist-td-date, .doclist-td-modifiers, .doclist-td-name, .doclist-td-username, .doclist-td-owners, .doclist-td-quota, .doclist-td-share-date, .doclist-td-spacing, .doclist-td-star, .doclist-td-buttons {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	empty-cells: show;
	font-size: 13px;
	font-family: arial,sans-serif;
	vertical-align: middle;
}

.doclist-header-name, .doclist-td-name {
	min-width: 200px !important;
}

.doclist-header-username, .doclist-td-username {
	width: 120px !important;
	padding-right: 14px !important;
}

.doclist-header-date, .doclist-td-share-date {
	width: 120px !important;
	padding-right: 14px !important;
}

.doclist-header-buttons, .doclist-td-buttons {
	width: 240px !important;
	padding-left: 14px !important;
}

.doclist-td {
	padding: 10px 0 10px 0;
}


.ico-doclist {
	width: 16px;
	height: 16px;
	line-height: 16px;
	background-repeat: no-repeat;
	margin: 0 2px;
	vertical-align: middle;
}

.ico-document, .ico-0 {
	background-image: url(https://ssl.gstatic.com/docs/doclist/images/icon_10_document_list.png);
}

.ico-drawing, .ico-1 {
	background-image: url(https://ssl.gstatic.com/docs/doclist/images/icon_10_drawing_list.png);
}

.ico-spreadsheet, .ico-5 {
	background-image: url(https://ssl.gstatic.com/docs/doclist/images/icon_10_spreadsheet_list.png);
}

.ico-presentation, .ico-4 {
	background-image: url(https://ssl.gstatic.com/docs/doclist/images/icon_10_presentation_list.png);
}

.ico-pdf, .ico-3 {
	background-image: url(https://ssl.gstatic.com/docs/doclist/images/icon_10_pdf_list.png);
}

.ico-form, .ico-2 {
	background-image: url(https://ssl.gstatic.com/docs/doclist/images/icon_10_form_list.png);
}

.doclist-name {
	font-size: 13px;
	white-space: normal;
	overflow: hidden;
	vertical-align: middle !important;
}

.doclist-name {
	border: 1px solid white;
	color: #222;
	padding: 5px 1px;
}

.goog-inline-block {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
}

.doclist-td, .doclist-td-blank, .doclist-td-checkbox, .doclist-td-content, .doclist-td-date, .doclist-td-modifiers, .doclist-td-name, .doclist-td-username, .doclist-td-owners, .doclist-td-quota, .doclist-td-share-date, .doclist-td-spacing, .doclist-td-star, .doclist-td-buttons {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	empty-cells: show;
	font-size: 13px;
	font-family: arial,sans-serif;
}

.updates-view-date, .doclist-date-additional {
	margin-left: 6px;
	color: #777;
	font-size: 11px;
	zoom: 1;
}


i.addToCalendar {
	opacity: 0.3 !important;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

	i.addToCalendar:hover {
		opacity: 1 !important;
	}

.nocommentbox i.addToCalendar {
	top: 22px;
}

i.pinned {
	opacity: 0.3 !important;
	position: absolute;
	top: 0;
	right: 60px;
	cursor: pointer;
}

	i.pinned:hover, i.isPinned {
		opacity: 1 !important;
	}

.nocommentbox i.pinned {
	top: 22px;
}

/*i.addToFav, i.removeFromFav {
	opacity: 0.3 !important;
	position: absolute;
	top: 0;
	right: 20px;
	cursor: pointer;
}*/


/*.nocommentbox i.addToFav, .nocommentbox i.removeFromFav {
	top: 22px;
}*/

.btn.removeFromFav i {
	color: orange;
}

i.no-replies {
	top: 22px;
}

.searchbox {
	height: 400px !important;
	overflow: hidden !important;
}


span.homework-day {
	display: block;
	padding: 5px;
	font-weight: bold;
	background: #AFC3D1;
}

td.homework-day {
	width: 125px;
}

span.homework-course {
	display: block;
	font-weight: bold;
}

td.homework {
	border-left: solid 1px #eee !important;
	padding-left: 10px !important;
}

#tblSchedule td, #tblSchedule th {
	text-align: center !important;
}

.schedule-block {
	cursor: pointer;
	overflow: auto;
}

.schedule-block, .schedule-module {
	height: 60px;
	/*width: 250px;*/
}

	.schedule-block:hover {
		background: #eee;
	}

.scheduled-event {
	padding-bottom: 6px !important;
	padding-top: 6px !important;
	width: 100%;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer;
}

	.scheduled-event.ui-draggable-dragging {
		position: absolute !important;
		width: 200px;
	}

	.scheduled-event.ui-draggable {
	}

#tblChildren tr.active td {
	background: #f1f1f1;
}

.scheduled-event.inactive {
	opacity: 0.2;
}

#tblAchievementOverView tr:first-child td {
	border: 1px solid #ddd !important;
	border-bottom: 0 !important;
	border-right: 0 !important;
}

div.trophy {
	width: 84px;
	height: 84px;
	vertical-align: top;
	text-align: center;
	display: inline-block;
}

	div.trophy img {
		width: 48px;
		height: 48px;
	}

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

	img.grayscale.disabled {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(0%);
	}

tr.newRow td {
	background: #E9F5DD;
}

.cfavourite.badge-warning {
	background-color: orange !important;
}


.nfavourite.badge-warning {
	background-color: orange !important;
}

.message-files {
	margin-bottom: 10px;
}

select.error {
	outline-color: red;
	border-color: red;
	outline-width: thick;
	border-width: 3px;
}

.box.collapsed .messageBody, .box.collapsed .boxReplies, .box.collapsed .message-files, .box.collapsed .innerReplies {
	display: block;
}

.expand-collapse {
	display: none;
}

/*.markunread {
	cursor: pointer !important;
	position: absolute;
	right: 95px;
	top: 13px;
}

.no-comments .markunread {
	right: 96px;
	top: 37px;
}*/

/* Pie Chart */
.progress-pie-chart {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #E5E5E5;
	position: relative;
}

	.progress-pie-chart.gt-50 {
		background-color: #81CE97;
	}

.ppc-progress {
	content: "";
	position: absolute;
	border-radius: 50%;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	clip: rect(0, 50px, 50px, 25px);
}

	.ppc-progress .ppc-progress-fill {
		content: "";
		position: absolute;
		border-radius: 50%;
		left: calc(50% - 25px);
		top: calc(50% - 25px);
		width: 50px;
		height: 50px;
		clip: rect(0, 25px, 50px, 0);
		background: #81CE97;
		transform: rotate(60deg);
	}

.gt-50 .ppc-progress {
	clip: rect(0, 25px, 50px, 0);
}

	.gt-50 .ppc-progress .ppc-progress-fill {
		clip: rect(0, 50px, 50px, 25px);
		background: #E5E5E5;
	}

.ppc-percents {
	content: "";
	position: absolute;
	border-radius: 50%;
	left: calc(50% - 43.3px/2);
	top: calc(50% - 43.3px/2);
	width: 43.3px;
	height: 43.3px;
	background: #fff;
	text-align: center;
	display: table;
}

	.ppc-percents span {
		display: block;
		font-size: 1em;
		font-weight: bold;
		color: #81CE97;
	}

.pcc-percents-wrapper {
	display: table-cell;
	vertical-align: middle;
}


.gameModal .modal-body {
	text-align: center;
}

.status3teacher, .status1teacher, .status2student, .status99teacher, .status1studentisPastDeadline {
	color: darkgray;
}

.isPastDeadlineTeacher {
	color: black !important;
}

/* Sami was here! AUTO-HEIGHT!!! */

        /* Since the position of the modal is top: 10%, this rules guarantees that its
centered vertically */
div.modal-autoheight.fade.in { 
    height: 80%; 
}

/* This rule shows the footer at the bottom of the modal and sets its width
so it looks good */
div.modal-autoheight div.modal-footer{
    position: absolute;
    width: 94%;
    bottom: 0px;
}

/* Finally, we set the bottom of the body so its above the footer 
and its top so its bellow the header of the modal */
div.modal-autoheight div.modal-body {
    position: absolute;
    width: 94%;
    top: 50px;
    bottom: 60px;
    max-height: 3000px;
}

#bulletinEditor [class^="icon-"]:before, 
#bulletinEditor [class*=" icon-"]:before,
#messageBoxes [class^="icon-"]:before, 
#messageBoxes [class*=" icon-"]:before {
cursor: inherit;
}

.icon-green{
    color:#499954!important;
}

.classroom-icon
{
        border: 2px solid #c1c1c1;
  background-color: transparent;
  text-align: center;
  padding: 1px 4px 2px 4px;
  font-weight: normal!important;
  color: #f1f1f1!important;
  font-size: 8px;
    margin-top: 2px;
  float: left;
}

.classroom-icon-colored
{
      border: 3px solid #F9C000;
      background-color: #499954;
      text-align: center;
      vertical-align: top;
      padding: 0 7px 6px 7px;
      font-weight: normal!important;
      color: #F9F9F8!important;
      font-size: 14px;
}

.classroom-icon-colored-small {
    border: 2px solid #F9C000;
    background-color: #499954;
    text-align: center;
    padding: 0 7px 6px 7px;
    font-weight: normal !important;
    color: #F9F9F8 !important;
    font-size: 4px;
    display: inline-block;
    vertical-align: middle;
    height: 3px;
    margin-bottom: 3px;
    margin-right: 1px !important;
}

a i:before 
{
  cursor: pointer!important;
}

#elements .ui-state-default, #elements .ui-widget-content #elements .ui-state-default, #elements .ui-widget-header #elements  .ui-state-default,
#themes .ui-state-default, #themes .ui-widget-content #themes .ui-state-default, #themes .ui-widget-header #themes .ui-state-default 
{
border: none;
background: none;
font-weight: none;
color: none;
}

#elements .ui-state-highlight, #elements .ui-state-highlight-small,
#themes .ui-state-highlight, #themes .ui-state-highlight-small
{
	height: 150px!important;
	border: 1px dotted #ccc!important;
	margin-bottom: 20px!important;
	background: #EB5600 !important;
	opacity: 0.2!important;
	filter: alpha(opacity=20)!important;
}

#elements .ui-state-highlight-small,
#themes .ui-state-highlight-small
{
	height: 30px;
	margin-bottom: 0px;
}
}

#home-index #messageBoxes a.frontpage {
    display: none;
}

@media (max-width: 640px) {
    #authModal {
        width: 260px;
        left: 20%;

    }
}

@media (max-width: 640px) {
    #authModal {
        width: 260px;
        left: 20% !important;
        right: 20% !important;
        margin: 0 auto !important;
    }
}

@media (max-height: 600px) {
    .dropdown-menu-google {
        left: auto !important;
        right: 0px !important;
        max-height: 300px !important;
    }
}

@media (max-width: 480px) {
    .modal {
        width: auto !important;
    }
}

.modal-backdrop, #authModal {
    position: absolute !important;
}

.picker-dialog {
    z-index: 3000 !important;
}