#main-container {
	background-color: #ffffff !important;
}

img {
	max-width: 100%;
}

@media print {
	a[href]:after {
		content: none !important;
	}
}

.img-preview {
	float: left;
	margin-bottom: .5rem;
	margin-right: .5rem;
	overflow: hidden;
	width: 200px;
	height: 200px;
	display: block;
	border: 1px dashed darkgrey;
	padding: 5px 5px;
}

.img-preview > img {
	max-width: 100%;
}

.avatar-view {
	cursor: pointer;
}

.avatar-body {
	padding-right: 15px;
	padding-left: 15px;
}

.avatar-upload {
	overflow: hidden;
}

.avatar-upload label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
}

.avatar-upload input {
	display: block;
	margin-left: 110px;
}

.avatar-alert {
	margin-top: 10px;
	margin-bottom: 10px;
}

.avatar-wrapper {
	height: 364px;
	width: 100%;
	margin-top: 15px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.25);
	background-color: #fcfcfc;
	overflow: hidden;
}

.avatar-wrapper img {
	display: block;
	height: auto;
	max-width: 100%;
}

.avatar-preview {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	border: 1px solid #eee;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}

.avatar-preview:hover {
	border-color: #ccf;
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.avatar-preview img {
	width: 100%;
}

.preview-lg {
	height: 184px;
	width: 184px;
	margin-top: 15px;
}

.preview-md {
	height: 100px;
	width: 100px;
}

.preview-sm {
	height: 50px;
	width: 50px;
}

@media (min-width: 992px) {
	.avatar-preview {
		float: none;
	}
}

#header-navbar {
	z-index: 7 !important;
}
.avatar-btns {
	margin-top: 30px;
	margin-bottom: 15px;
}

.avatar-btns .btn-group {
	margin-right: 5px;
}

.loading {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff url("../img/loading.gif") no-repeat center center;
	opacity: .75;
	filter: alpha(opacity=75);
	z-index: 29999999;
}

.float-button{
	position:fixed;
	width:36px;
	height:36px;
	top:160px;
	right:40px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 1px 1px 2px #999999;
	z-index: 999;
}

.mobile-float-button{
	position:fixed;
	width:48px;
	height:48px;
	top:75px;
	right:20px;
	color:#ffffff;
	font-size: 25px;
	border-radius:50px;
	text-align:center;
	box-shadow: 1px 1px 2px #999999;
	z-index: 999;
}

.float-icon{
	margin-top:5px;
}

*[data-href] {
	cursor: pointer;
}

.desktop-icon-blue {
    background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
}
.desktop-icon-green {
    background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);
}
.desktop-icon-pink {
    background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);
}
.text-red {
    color: #ff0000;
}

.text-cancel {
	color: #aaaaaa;
}
.text-andrea-red {
	color: #BA151A !important;
}
.bg-cancel {
	background-color: #999999;
}

.nmpd-grid {border: none; padding: 20px; width:249px;}
.nmpd-grid>tbody>tr>td {border: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.datepicker-inline {
	margin:0 auto;
}
.datepicker {
	z-index: 9999 !important;
}
.datepicker-dropdown {
	z-index: 9999 !important;
}
.bg-andrea {
	background-color: #BA151A;
}
a.bg-andrea:hover,
a.bg-andrea:focus {
	background-color: #BA151A;
}
.switch-red input:checked + span {
	background-color: #FF0000;
}
.switch-blue input:checked + span {
	background-color: #0000CC;
}
.switch-cancel input:checked + span {
	background-color: #999999;
}

.flash-button {
	color: #ffffff;
	-webkit-animation: glowing 2000ms infinite;
	-moz-animation: glowing 2000ms infinite;
	-o-animation: glowing 2000ms infinite;
	animation: glowing 2000ms infinite;
}
@-webkit-keyframes glowing {
	0% { background-color: #B20000; -webkit-box-shadow: 0 0 2px #B20000; }
	50% { background-color: #FF0000; -webkit-box-shadow: 0 0 10px #FF0000; }
	100% { background-color: #B20000; -webkit-box-shadow: 0 0 2px #B20000; }
}

@-moz-keyframes glowing {
	0% { background-color: #B20000; -moz-box-shadow: 0 0 2px #B20000; }
	50% { background-color: #FF0000; -moz-box-shadow: 0 0 10px #FF0000; }
	100% { background-color: #B20000; -moz-box-shadow: 0 0 2px #B20000; }
}

@-o-keyframes glowing {
	0% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
	50% { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }
	100% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
}

@keyframes glowing {
	0% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
	50% { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }
	100% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
}

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.bootstrap-datetimepicker-widget {
	position:relative !important;
}

.mfp-wrap { z-index: 2000 }

.colorpicker { z-index: 9999; }

.opt-refresh {
	position: relative;
	opacity: .25;
}
.opt-refresh:before {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: " ";
}
.opt-refresh:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #646464;
	font-family: Simple-Line-Icons;
	font-size: 18px;
	text-align: center;
	z-index: 2;
	content: "\e098";
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.event-notes {
	white-space: inherit;
}