#brand, .brand {
    background: url(../img/medivet-THE-Vets-logo.png) no-repeat;
    background-size: contain;
    width: 100%;
    margin: auto;
	text-align: center;
	text-indent: -9999px;
    height: 52px;
}
	 .page-loader {
        background-color: #f5f5f5;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    body.active .page-loader {
        opacity: 0;
        z-index: -9;
    }
    .page-loader-wrap {
        width: 80%;
        top: 40%;
        margin: auto;
        position: absolute;
        transform: translateY(-50%) translateX(-50%);
        left: 50%;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    body.active .page-loader-wrap {
        transform: translateY(0) translateX(-50%);
        top: 0;
    }
    .page-loader .progress {
        margin: auto;
        height: 10px;
        border-radius: 0;
    }
    body.active .page-loader .progress {
        display: none;
    }
    .progress-bar {
        background-color: #666;
	}
	.fc-unthemed .fc-content {
		padding: 2px;
		color: #fff;
	}
 #navAdmin .navbar-brand {
    text-transform: uppercase;
    font-size: inherit;
}
#navAdmin .collapse{
	justify-content: flex-end;
}
.cw-100 {
	width: 70px;
}
.form-group > label {
	display: block;
}
.form-check-input {
	display: none; 
}
.form-check-input + label {
	cursor: pointer;
}
.form-check-input[disabled] + label {
	cursor: not-allowed;
}
.form-check-input + label:before {
	font-family: 'Font Awesome\ 5 Free';
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	line-height: 1;
	font-size: 18px;
}
.form-check-input[type=radio] + label:before {
	content: '\f111'; 
}
.form-check-input[type=checkbox] + label:before {
	content: '\f0c8';
}
.form-check-input[type=radio]:checked + label:before {
	content: '\f058';
}
.form-check-input[type=checkbox]:checked + label:before{
	content: '\f14a';
}
@media (min-width: 768px){
	.modal.modal-large .modal-dialog {
		max-width: 768px;
	}
}
.list-group-item.active {
	z-index: inherit;
}
.accordion .card-header hr {
    border-top-color: #eee;
}
.accordion .float-left {
	cursor: pointer;
}
.btn-modal{
	position: absolute;
    right: 16px;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.rounded-circle {
	max-width:50%;
}
.btn-secondary.fileinput-upload{
	color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
table td, table th {
	/* text-align: center; */
}
table td .fa-check-circle {
	color: #28a745;
}
table th,  td.td-phone {
    overflow: hidden;
    white-space: nowrap;
}
table tr.selected {
	background-color: #d4edda !important;
}
table tr.movable {
	background-color: #cce5ff !important;
}
textarea {
	height: 100px;
}
.richtext .btn-secondary{
	background-color: #999;
}
.richtext .btn-secondary:hover{
	background-color: #5a6268;
}
.file-drop-zone {
	border-width: 2px;
}
.file-preview {
	margin-bottom: 20px;
}
.file-preview .fileinput-remove {
	background: #333;
	text-shadow: none;
	width: 30px;
    height: 30px;
    color: #fff;
	border-radius: 50%;
	top: 5px;
    right: 8px;
}
.file-preview .fileinput-remove span {
	position: relative;
	top: -2px;
}
[disabled]{
	cursor: not-allowed;
}
.progress {
	height: 40px;
}
.progress b {
	font-size: 18px;
}
.has-datepicker {
	position: relative;
}
.has-datepicker:after {
	font-family: 'Font Awesome\ 5 Free';
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;	
}
.has-datepicker:after {
	content: '\f073';
    position: absolute;
    right: 10px;
    top: 10px;
}
.datepicker .date-event a {
	background-color: #d4edda;
}
.datepicker .date-event a.ui-state-active {
	background-color: #28a745;
}
.btn {
	border: solid 1px #aaa;
}
.nav-tabs {
	margin-bottom: 5px;
}
.btn-y-axis .btn {
	margin-bottom: 20px;
	width: 100%;
}
.accordion .card > .card-header {
	padding-right: 45px;
}
section > .card > .card-header:after,
.accordion .card .card-header .float-right:after {
	position: absolute;
    right: 20px;
    top: 15px;
	font-family: 'Font Awesome\ 5 Free';
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	line-height: 1;
	font-size: 18px;
	content: '\f146'; 
}
section > .card.card-closed > .card-header:after, 
.accordion .card .card-header [aria-expanded=false] .float-right:after{
	content: '\f0fe'; 
 }

.card-body, .card-footer{
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.card.card-closed .card-body,
.card.card-closed .card-footer{
    height: 0;
    padding: 0;
    overflow: hidden;
}

.card-header em {
	/* float: right; */
	opacity: 0.8;
	font-size: 80%;
}
header {
	height: 52px;
}
header .navbar-nav {
	width: 100%;
    justify-content: flex-end;
}
  header aside, #content aside {
    padding: 20px;
    width: 20%;
    float: left;
  }
header main, #content main {
	padding: 20px;
	width: 80%;
	float: left;
	padding-bottom: 40px;
}
header aside .navbar-nav a.nav-link{
	padding-left: 32px;
}
header aside img {
	position: absolute;
	left: 15px;
}
header aside .company-name {
	visibility: hidden;
}
header aside, header main {
	padding: 0;
}
#content aside i {
	width: 20px;
}
#content main section {
	margin-bottom: 10px;
}
#content aside li {
	padding: 0;
}
#content aside li.profile {
	margin-bottom: 10px;
	text-align: center;
	background-color: transparent !important;
}
#content aside li a {
	padding: 6px;
	display: block;
}
#content aside li:not(.active) a:hover {
	background-color: #EEE;
}
#content aside li:not(.disabled) a:hover {	
	cursor: pointer;
}
#content aside img {
	width: 75%;
}
#content aside button {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}
.th-post-code {
	width: 100px;
}
.wrap-table {
	overflow: auto;
}
footer {
	padding: 20px;
	background-color: #eee;
	border-top: solid 1px #CCC;
}
@media only screen and (max-width: 992px) {
	.navbar-light .navbar-toggler {
		border: none;
	}
	header main .navbar .navbar-collapse {
		margin-top: 44px;
	    background: #fff;
	    border: solid 1px #CCC;
	    z-index: 9;
	    width: 152px;
	    text-align: right;
	    border-top: none;
	    border-right: none;
	    border-bottom-left-radius: 4px;
	    padding-right: 10px;
	}
	header main .navbar button{
	    padding: 10px;
	    position: absolute;
	    right: 10px;
	    top: 5px;
	}    
	header main .navbar {
		position: absolute;
	    right: 0;
	    padding-right: 0;
	}
	header aside{
        background-color: transparent !important;
    }
    header aside .nav-item span {
        display: none;
    }
}
@media only screen and (max-width: 768px) {	
	.btn-group {
		float: none !important;
		margin-bottom: 10px;
	}
	.btn-group .btn {
		margin: auto;
	}
	#content .wrap-content {
		margin-left: 70px;
	}
	#content aside {
		padding: 0;
		width: 50px;
		margin-left: -70px;
	}
	#content aside li {
		text-align: center;
	}
	#content aside li:nth-child(1) span {
		display: none;
	}
	#content aside li:nth-child(1) .dropdown-toggle::after {
		margin: 0;
	}
	#content aside img {
		width: 100%;
		position: relative;
		top: 8px;
		left: 5px;
	}	
    #content aside .hidden-at-low-res {
        display: none;
    }    
	#content main {
		width: 100%;
		padding-left: 0;
	}
	footer .float-left, 
	footer .float-right {
		width: 100%;
		text-align: center;
	}
}
/* ngIf animation */
.ng-enter,
.ng-leave {
  -webkit-transition: opacity ease-in-out 0.2s;
  -moz-transition: opacity ease-in-out 0.2s;
  -ms-transition: opacity ease-in-out 0.2s;
  -o-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.ng-enter,
.ng-leave.ng-leave-active {
  opacity: 0;
}
.ng-leave,
.ng-enter.ng-enter-active {
  opacity: 1;
}
.ng-touched.ng-invalid {
	border-color: #dc3545;
}
.msg-invalid {
	display: none;
	padding: 5px;
	border: solid 1px;
	border-radius: 4px;
	position: absolute;
	background: #fff3cd;
	z-index: 9;
	bottom: 45px;
	right: 15px;
	font-size: 12px;
	border: solid 1px #ffeeba;
}
.msg-invalid:after{
	content: '';
    border: solid 6px #ffeeba;
    position: absolute;
    border-right-color: transparent;
    border-bottom-color: transparent;
    left: 0;
}
.msg-invalid div {
	display: none;
}
.ng-touched.ng-invalid + .msg-invalid {
	display: block;
}
.ng-invalid-required + .msg-invalid > .msg-invalid-required,
.ng-invalid-pattern + .msg-invalid > .msg-invalid-pattern,
.ng-invalid-minlength + .msg-invalid > .msg-invalid-minlength,
.ng-invalid-maxlength + .msg-invalid > .msg-invalid-maxlength
{
	display: block;
}
.dx-scheduler-header-panel .dx-scheduler-group-header {
  font-size: 14px;
}