body {
	color: #383838;
	display: flex;
    min-height: 100vh;
    flex-direction: column;
	
}
.link{
  padding: 10px;
  color: #9d9e9e;
}

.middle{
  vertical-align: middle;
  margin-left: 15px;
}
.line {
	border-bottom: 1px solid #eee;
	width: 100%;
	margin: 20px 0 100px 0;
	display: inline-block;
}
.studentDashboard {
	cursor: pointer;
}
.required {
	color: red;
}
.myChart {
	margin-bottom: 120px;
}
#studentsInput {
	margin-top: 0;
}
main {
	flex: 1 0 auto;
}
/* NMG Custom additions - START */
table tr.inactive-row {
	color: #b9b9b9;
}

.small-table-text {
	font-size: .8em;
}

#pdfContent {
	background: white;
}
/* NMG Custom additions - END */
table {
	min-width: 460px;
}
ul {
	width: auto!important;
}
.video {
	max-width: 800px;
}
.text-as-link {
	font-size: 16px;
    color: #26a69a !important;
    display: block;
    line-height: 22px !important;
    padding: 14px 16px;
}
.text-green {
	color: #26a69a;
}
.float-left {
	float: left;
	margin-left: 2%;
}

canvas {
	max-width: 1000px;
}
th {
	cursor: pointer;
}
.studentLink, .locationLink, .staffLink, .motivationLink, .behaviourLink, .actionLink, .referralLink {
	color: #d81b60;
	cursor: pointer;
}
input[type="file"] {
    position: absolute; 
	left: -99999rem
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.myMenu {
	background-color: #d81b60;
}
.myMenu a{
	color: white!important;
}
#statusTable {
	width: 150px;
}
#userTypeTable {
  min-width: 250px;
}
.selectTable, .tableRow{
	padding: 10px 5px;
}
.selectTable .select-wrapper input.select-dropdown, .tableRow .select-wrapper input.select-dropdown {
	border: none;
}
.fullHeight {
	height:100vh;
	margin: 0;
}
.fullWidth {
	width: 100%;
	margin: 0;
}
.csvHelp {
	margin-top: 10px;
	display: inline-block;
	width: 90%;
}
#modal2 .btn{
	width: 100%;
}
[type="submit"] {
	color: white;
	outline:0;
}
nav ul a {
	color: black;
}
nav a {
	color: black;
}
a {
	color: #d81b60;
}
a:hover{
	color: black;
}
.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus{
  background-color: #64b5f6;
}
#slide-out {
	width: 250px!important;
}
.sideMenuTop {
	height: 64px;
}
header, main, footer {
  padding-left: 250px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
}
/*.modal-content a {
	color: #039be5!important;
}*/
textarea {
	border: 1px solid #eee;
	height: 100px;
	resize: vertical;
}
nav {
    -webkit-box-shadow: none;
    box-shadow: none;
	border-bottom: 1px solid #eee;
}
.sidenav {
    -webkit-box-shadow: none;
    box-shadow: none;
	border: 1px solid #eee;
}
.page-footer .footer-copyright {
	background: white;
	border-top: 1px solid #eee;
  
}
.page-footer{
  padding-top: 0; 
}
.zigzag {
/*	background-image: url("/img/foot.png");
	background-position-x: center;*/
}
#searchInput {
	padding-left: 10px;
}
.material-tooltip{
	background-color: #039be5;
}
.padding-top-bottom {
	margin: 12px 0;
}
.load-all {
	margin: 50px 0;
}
#mobile-demo a{
	color: #1e88e5!important;
}
#mobile-demo {
	padding-top: 32px;
}
#mobile-demo li {
	padding: 15px 0;
}
.upload {
	margin-top: 80px;
}
input.valid[type=text]:not(.browser-default){
	border-bottom: 1px solid #b9b9b9;
    -webkit-box-shadow: 0 1px 0 0 #b9b9b9;
    box-shadow: 0 1px 0 0 #b9b9b9;
}
.product {
    background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #4d4d4d;
    float: left;
	padding: 2px 2px;
}
.card .card-content .card-title {
	display: inline-block;
	width: 100%;
}
/*.card {
	max-width: 300px;
}
.card-image {
	max-width: 300px;
}*/
.pointer {
	cursor: pointer;
}

.inline-icon {
   vertical-align: bottom;
   font-size: 18px !important;
}
.card .card-reveal .card-title {
	word-break: break-all;
	height: auto;
}
.studentDelete, .staffDelete, .behaviourDelete, .referralDelete  {
	cursor: pointer;
}
.studentDelete a, .staffDelete a, .behaviourDelete a, .referralDelete a {
	color: #d81b60;
}
#modal1 {
	padding: 1%;
}
.modalDelete {
	font-weight: bold;
}
.material-icons.md-18 { 
	font-size: 18px;
    vertical-align: middle;
	padding-bottom: 3px;
}
.material-icons.md-26 { 
	font-size: 26px;
    vertical-align: middle;
    padding: 4px 10px 0 0;
}
.material-icons.md-30 { 
	font-size: 30px;
    vertical-align: middle;
}
.material-icons.md-76 { 
	font-size: 76px;
    vertical-align: middle;
}
.datepicker-table td, .datepicker-day-button {
	border-radius: 5px;
}
.datepicker-controls .select-month input {
	width: auto;
}
@media only screen and (min-width: 993px) {
	.container {
	    width: 90%;
	}
}
@media only screen and (min-width: 601px) {
	.container {
	    width: 90%;
	}
}
@media only screen and (min-width: 1200px) {
	.modalWidth {
		width: 40%;
	}
}
blockquote {
    border-left: 5px solid #FB8C00;
}
.text-small {
	font-size: 1rem!important;
}
.text-smaller {
	font-size: 0.8rem!important;
	white-space: nowrap;
	overflow: hidden;
}
[type="radio"]:checked+span {
	color: #009688;
}
[type="radio"]:not(:checked)+span{
	color: #616161;
}

[type="radio"]:checked+span .extention {
	color: #616161;
}
[type="radio"]:not(:checked)+span .extention{
	color: #009688;
}

.space {
	display: inline-block;
	width: 100%;
	height: 60px;
}
.spacelarge {
	display: inline-block;
	width: 100%;
	height: 120px;
}
.smallspace {
	display: inline-block;
	width: 100%;
	height: 30px;
}
.colspace {
	margin: 7px 0;
}
#importStudentsButton, #importStaffButton {
	min-width: 170px;
}
#addStudentButton, #addStaffButton, #addBehaviourButton, #addReferralButton {
	min-width: 155px;
}

video {
	outline: none;
}
.box {
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    color: #4d4d4d;
}

.chipper {
	text-align: left;
	margin-left: 0!important;
}
.chipper .input-field {
	font-size: large;
	padding-bottom: 10px;
}
.chipper  .input {
	color: black;
/*	width: 99%!important;*/
}
.warning {
	text-transform: capitalize;
	font-weight: bold;
	color: red;
}
#nav-mobile {
	margin-right: 2%;
}
.header {
	color: #ee6e73;
}
.btn, .btn-large, .btn-small  {
	background-color: #1e88e5;
}
.btn:hover, .btn-large:hover, .btn-small:hover  {
	background-color: #64b5f6;
}
h6 {
    margin: 1.1rem 0 .46rem 0;
}
.margin-right {
	margin-right: 5%;
}
.small-text {
	margin-left: 5%;
	font-size: .8em;
	color: #ababab;
}
table td:first-child, table th:first-child {
	padding-left: 15px;
}
#studentsTable .input-field, #studentsTable input, #staffTable .input-field, #staffTable input, #behaviourTable .input-field, #behaviourTable input, #referralTable .input-field, #referralTable input, #LocationsTable .input-field, #LocationsTable input, #MotivationsTable .input-field, #MotivationsTable input, #BehavioursTable .input-field, #BehavioursTable input, #ActionsTable .input-field, #ActionsTable input {
	margin-top: 0;
	margin-bottom: 0;
}
.input-field .prefix.active {
	color: #d81b60;
}
input[type=text]:not(.browser-default):focus:not([readonly]) {
	border-bottom: 1px solid #d81b60;
	box-shadow: 0px 1px 0px #d81b60;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: white;
}
#home .card {
	margin: 10px 1%;
}
.home-check {
	height: 17px!important;
}
#home span.badge {
	margin: 0;
}

/*Button over*/
.btn {
  overflow: hidden;
}
.btn:hover:before {
  opacity:1;
}

.btn:before {
    content: '';
    opacity: 0;
    background-color: rgba(255,255,255,.4);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity .2s;
    z-index: -1;
}

/*/////////////////////////
responsive_waterfall
////////////////////////*/

.wf-container:before,.wf-container:after {
    content: '';
    display: table;
}
.wf-container:after {
    clear: both;
}
.wf-column {
    float: left;
}


/*/////////////////////////
DROPZONE
////////////////////////*/
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
 @-webkit-keyframes passing-through {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-moz-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	-o-transform: translateY(40px);
 	transform: translateY(40px);
 }
 
 30%, 70% {
 	opacity: 1;
 	-webkit-transform: translateY(0px);
 	-moz-transform: translateY(0px);
 	-ms-transform: translateY(0px);
 	-o-transform: translateY(0px);
 	transform: translateY(0px);
 }
 
 100% {
 	opacity: 0;
 	-webkit-transform: translateY(-40px);
 	-moz-transform: translateY(-40px);
 	-ms-transform: translateY(-40px);
 	-o-transform: translateY(-40px);
 	transform: translateY(-40px);
 }
 }
 @-moz-keyframes passing-through {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-moz-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	-o-transform: translateY(40px);
 	transform: translateY(40px);
 }
 
 30%, 70% {
 	opacity: 1;
 	-webkit-transform: translateY(0px);
 	-moz-transform: translateY(0px);
 	-ms-transform: translateY(0px);
 	-o-transform: translateY(0px);
 	transform: translateY(0px);
 }
 
 100% {
 	opacity: 0;
 	-webkit-transform: translateY(-40px);
 	-moz-transform: translateY(-40px);
 	-ms-transform: translateY(-40px);
 	-o-transform: translateY(-40px);
 	transform: translateY(-40px);
 }
 }
 @keyframes passing-through {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-moz-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	-o-transform: translateY(40px);
 	transform: translateY(40px);
 }
 
 30%, 70% {
 	opacity: 1;
 	-webkit-transform: translateY(0px);
 	-moz-transform: translateY(0px);
 	-ms-transform: translateY(0px);
 	-o-transform: translateY(0px);
 	transform: translateY(0px);
 }
 
 100% {
 	opacity: 0;
 	-webkit-transform: translateY(-40px);
 	-moz-transform: translateY(-40px);
 	-ms-transform: translateY(-40px);
 	-o-transform: translateY(-40px);
 	transform: translateY(-40px);
 }
 }
 @-webkit-keyframes slide-in {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-moz-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	-o-transform: translateY(40px);
 	transform: translateY(40px);
 }
 
 30% {
 	opacity: 1;
 	-webkit-transform: translateY(0px);
 	-moz-transform: translateY(0px);
 	-ms-transform: translateY(0px);
 	-o-transform: translateY(0px);
 	transform: translateY(0px);
 }
 }
 @-moz-keyframes slide-in {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-moz-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	-o-transform: translateY(40px);
 	transform: translateY(40px);
 }
 
 30% {
 	opacity: 1;
 	-webkit-transform: translateY(0px);
 	-moz-transform: translateY(0px);
 	-ms-transform: translateY(0px);
 	-o-transform: translateY(0px);
 	transform: translateY(0px);
 }
 }
 @keyframes slide-in {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-moz-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	-o-transform: translateY(40px);
 	transform: translateY(40px);
 }
 
 30% {
 	opacity: 1;
 	-webkit-transform: translateY(0px);
 	-moz-transform: translateY(0px);
 	-ms-transform: translateY(0px);
 	-o-transform: translateY(0px);
 	transform: translateY(0px);
 }
 }
 @-webkit-keyframes pulse {
 0% {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 }
 
 10% {
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	transform: scale(1.1);
 }
 
 20% {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 }
 }
 @-moz-keyframes pulse {
 0% {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 }
 
 10% {
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	transform: scale(1.1);
 }
 
 20% {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 }
 }
 @keyframes pulse {
 0% {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 }
 
 10% {
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	transform: scale(1.1);
 }
 
 20% {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 }
 }
 .dropzone, .dropzone * {
 	box-sizing: border-box;
 }
 
 .dropzone {
 	min-height: 150px;
 	border: 2px dashed #fff;
/* 	background: white;*/
 	padding: 20px 20px;
 	border-radius: 30px;
 }
 
 .dropzone.dz-clickable {
 	cursor: pointer;
 }
 
 .dropzone.dz-clickable * {
 	cursor: default;
 }
 
 .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
 	cursor: pointer;
 }
 
 .dropzone.dz-started .dz-message {
 	display: none;
 }
 
 .dropzone.dz-drag-hover {
 	border-style: solid;
 }
 
 .dropzone.dz-drag-hover .dz-message {
 	opacity: 0.5;
 }
 
 .dropzone .dz-message {
 	text-align: center;
 	margin: 2em 0;
 }
 
 .dropzone .dz-message .dz-button {
 	background: none;
 	color: inherit;
 	border: none;
 	padding: 0;
 	font: inherit;
 	cursor: pointer;
 	outline: inherit;
 }
 
 .dropzone .dz-preview {
 	position: relative;
 	display: inline-block;
 	vertical-align: top;
 	margin: 16px;
 	min-height: 100px;
 }
 
 .dropzone .dz-preview:hover {
 	z-index: 1000;
 }
 
 .dropzone .dz-preview:hover .dz-details {
 	opacity: 1;
 }
 
 .dropzone .dz-preview.dz-file-preview .dz-image {
 	border-radius: 20px;
 	background: #999;
 	background: linear-gradient(to bottom, #eee, #ddd);
 }
 
 .dropzone .dz-preview.dz-file-preview .dz-details {
 	opacity: 1;
 }
 
 .dropzone .dz-preview.dz-image-preview {
 	background: white;
 }
 
 .dropzone .dz-preview.dz-image-preview .dz-details {
 	-webkit-transition: opacity 0.2s linear;
 	-moz-transition: opacity 0.2s linear;
 	-ms-transition: opacity 0.2s linear;
 	-o-transition: opacity 0.2s linear;
 	transition: opacity 0.2s linear;
 }
 
 .dropzone .dz-preview .dz-remove {
 	font-size: 14px;
 	text-align: center;
 	display: block;
 	cursor: pointer;
 	border: none;
 }
 
 .dropzone .dz-preview .dz-remove:hover {
 	text-decoration: underline;
 }
 
 .dropzone .dz-preview:hover .dz-details {
 	opacity: 1;
 }
 
 .dropzone .dz-preview .dz-details {
 	z-index: 20;
 	position: absolute;
 	top: 0;
 	left: 0;
 	opacity: 0;
 	font-size: 13px;
 	min-width: 100%;
 	max-width: 100%;
 	padding: 2em 1em;
 	text-align: center;
 	color: rgba(0, 0, 0, 0.9);
 	line-height: 150%;
 }
 
 .dropzone .dz-preview .dz-details .dz-size {
 	margin-bottom: 1em;
 	font-size: 16px;
 }
 
 .dropzone .dz-preview .dz-details .dz-filename {
 	white-space: nowrap;
 }
 
 .dropzone .dz-preview .dz-details .dz-filename:hover span {
 	border: 1px solid rgba(200, 200, 200, 0.8);
 	background-color: rgba(255, 255, 255, 0.8);
 }
 
 .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
 
 .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
 	border: 1px solid transparent;
 }
 
 .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
 	background-color: rgba(255, 255, 255, 0.4);
 	padding: 0 0.4em;
 	border-radius: 3px;
 }
 
 .dropzone .dz-preview:hover .dz-image img {
 	-webkit-transform: scale(1.05, 1.05);
 	-moz-transform: scale(1.05, 1.05);
 	-ms-transform: scale(1.05, 1.05);
 	-o-transform: scale(1.05, 1.05);
 	transform: scale(1.05, 1.05);
 	-webkit-filter: blur(8px);
 	filter: blur(8px);
 }
 
 .dropzone .dz-preview .dz-image {
 	width: 120px;
 	height: 120px;
 	position: relative;
 	display: block;
 	z-index: 10;
 }
 
 .dropzone .dz-preview .dz-image img {
 	display: block;
 }
 
 .dropzone .dz-preview.dz-success .dz-success-mark {
 	-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 	-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 	-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 	-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 	animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 }
 
 .dropzone .dz-preview.dz-error .dz-error-mark {
 	opacity: 1;
 	-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 	-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 	-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 	-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 	animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 }
 
 .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
 	pointer-events: none;
 	opacity: 0;
 	z-index: 500;
 	position: absolute;
 	display: block;
 	top: 50%;
 	left: 50%;
 	margin-left: -27px;
 	margin-top: -27px;
 }
 
 .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
 	display: block;
 	width: 54px;
 	height: 54px;
 }
 
 .dropzone .dz-preview.dz-processing .dz-progress {
 	opacity: 1;
 	-webkit-transition: all 0.2s linear;
 	-moz-transition: all 0.2s linear;
 	-ms-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: all 0.2s linear;
 }
 
 .dropzone .dz-preview.dz-complete .dz-progress {
 	opacity: 0;
 	-webkit-transition: opacity 0.4s ease-in;
 	-moz-transition: opacity 0.4s ease-in;
 	-ms-transition: opacity 0.4s ease-in;
 	-o-transition: opacity 0.4s ease-in;
 	transition: opacity 0.4s ease-in;
 }
 
 .dropzone .dz-preview:not(.dz-processing) .dz-progress {
 	-webkit-animation: pulse 6s ease infinite;
 	-moz-animation: pulse 6s ease infinite;
 	-ms-animation: pulse 6s ease infinite;
 	-o-animation: pulse 6s ease infinite;
 	animation: pulse 6s ease infinite;
 }
 
 .dropzone .dz-preview .dz-progress {
 	opacity: 1;
 	z-index: 1000;
 	pointer-events: none;
 	position: absolute;
 	height: 16px;
 	left: 50%;
 	top: 50%;
 	margin-top: -8px;
 	width: 80px;
 	margin-left: -40px;
 	background: rgba(255, 255, 255, 0.9);
 	-webkit-transform: scale(1);
 	border-radius: 8px;
 	overflow: hidden;
 }
 
 .dropzone .dz-preview .dz-progress .dz-upload {
 	background: #333;
 	background: linear-gradient(to bottom, #666, #444);
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	width: 0;
 	-webkit-transition: width 300ms ease-in-out;
 	-moz-transition: width 300ms ease-in-out;
 	-ms-transition: width 300ms ease-in-out;
 	-o-transition: width 300ms ease-in-out;
 	transition: width 300ms ease-in-out;
 }
 
 .dropzone .dz-preview.dz-error .dz-error-message {
 	display: block;
 }
 
 .dropzone .dz-preview.dz-error:hover .dz-error-message {
 	opacity: 1;
 	pointer-events: auto;
 }
 
 .dropzone .dz-preview .dz-error-message {
 	pointer-events: none;
 	z-index: 1000;
 	position: absolute;
 	display: block;
 	display: none;
 	opacity: 0;
 	-webkit-transition: opacity 0.3s ease;
 	-moz-transition: opacity 0.3s ease;
 	-ms-transition: opacity 0.3s ease;
 	-o-transition: opacity 0.3s ease;
 	transition: opacity 0.3s ease;
 	border-radius: 8px;
 	font-size: 13px;
 	top: 130px;
 	left: -10px;
 	width: 140px;
 	background: #be2626;
 	background: linear-gradient(to bottom, #be2626, #a92222);
 	padding: 0.5em 1.2em;
 	color: white;
 }
 
 .dropzone .dz-preview .dz-error-message:after {
 	content: '';
 	position: absolute;
 	top: -6px;
 	left: 64px;
 	width: 0;
 	height: 0;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	border-bottom: 6px solid #be2626;
 }


/*
////////////////////
PRINT
////////////////////
*/
/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
*/

@media print {
 
/* Inhaltsbreite setzen, Floats und Margins aufheben */
/* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
#content, #page {
width: 100%; 
margin: 0; 
float: none;
}
    
/** Seitenränder einstellen */       
@page { margin: 2cm }

/* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
/* Das spart Tinte */
body {
font: 13pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
}

h1 {
font-size: 24pt;
}

h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
}    
 
/* Alle Seitenumbrüche definieren */
a {
    page-break-inside:avoid
}
blockquote {
    page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
     page-break-inside:avoid }
img { page-break-inside:avoid; 
     page-break-after:avoid; }
table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
    
/* Linkfarbe und Linkverhalten darstellen */
a:link, a:visited, a {
background: transparent;
color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

a {
    page-break-inside:avoid
}

a[href^=http]:after {
      content:" <" attr(href) "> ";
}

$a:after > img {
   content: "";
}

article a[href^="#"]:after {
   content: "";
}

a:not(:local-link):after {
   content:" <" attr(href) "> ";
}
    
/**
 * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
 */
.entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
}
.embed-youtube, .embed-responsive {
  position: absolute;
  height: 0;
  overflow: hidden;
}
    
/* Unnötige Elemente ausblenden für den Druck */

#header-widgets, nav, aside.mashsb-container, 
.sidebar, .mashshare-top, .mashshare-bottom, 
.content-ads, .make-comment, .author-bio, 
.heading, .related-posts, #decomments-form-add-comment, 
#breadcrumbs, #footer, .post-byline, .meta-single, 
.site-title img, .post-tags, .readability 
{
display: none;
}
    
/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */
.entry:after {
content: "\ Alle Rechte vorbehalten. (c) 2014 - 2016 TechBrain - techbrain.de";
color: #999 !important;
font-size: 1em;
padding-top: 30px;
}
#header:before {
content: "\ Vielen herzlichen Dank für das Ausdrucken unseres Artikels. Wir hoffen, dass auch andere Artikel von uns Ihr Interesse wecken können.";
color: #777 !important;
font-size: 1em;
padding-top: 30px;
text-align: center !important;    
}

/* Wichtige Elemente definieren */    
p, address, li, dt, dd, blockquote {
font-size: 100%
}

/* Zeichensatz fuer Code Beispiele */
code, pre { font-family: "Courier New", Courier, mono}

ul, ol {
list-style: square; margin-left: 18pt;
margin-bottom: 20pt;    
}

li {
line-height: 1.6em;
}    
    
}

@media print
{    
    #slide-out{
        display: none !important;
    }
	header, main {
		padding-left: 0;
	}
	footer {
		display: none;
	}
	nav {
		display: none;
	}
	@page {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }
	.btn {
		display: none;
	}
	.l6, .l6 canvas{
		width: 8.5cm!important;
		margin-right: 0.5cm!important;
		display: inline-block!important;
		height: 4cm!important;
		margin-top: 2cm!important;
	}
	.l12, .l12 canvas{
		width: 16cm!important;
		margin-right: 1cm!important;
		display: inline-block!important;
		height: 8cm!important;
		margin-top: 2cm!important;
	}
	
	.l12, .l12 canvas{
		width: 16cm!important;
		margin-right: 1cm!important;
		display: inline-block!important;
		height: 8cm!important;
		margin-top: 2cm!important;
	}
	
	tr {
	    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
	}
	.line {
	    display: none;
	}
	.myChart {
		margin-bottom: 1cm;
	}
	.space {
		display: none;
	}
	table {
		margin-top: 2cm!important;
		display: inline-block;
	}
}