@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helveticaneuelt-Arabic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BJ-Regular';
	src: url('../fonts/Bahij-Janna-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BJ-Bold';
	src: url('../fonts/Bahij-Janna-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Oregano';
	src: url('../fonts/Oregano-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--main-color: #a37fb6;
	--secondary-color: #913d88;
	--grey: #767070;
	--transition: 0.4s all ease-in-out;
}

/*
::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-track {
	background: var(--grey);
}

::-webkit-scrollbar-thumb {
	background: var(--main-color);
}
*/

::-moz-selection {
	color: #fff;
	background: var(--main-color);
	text-shadow: none;
}

::selection {
	color: #fff;
	background: var(--main-color);
	text-shadow: none;
}

body {
	font-family: 'Helvetica', sans-serif, Arial;
	font-size: 16px;
	-webkit-overflow-scrolling: touch;
	letter-spacing: 0 !important;
	background: #F5F5F5;
}

a:hover {

	text-decoration: none;
}

a:focus {
	outline: 0;
}

p {
	color: var(--grey);
	;
	line-height: 1.5;
	margin-bottom: 20px;
}

.bg-blue,
.btn-info,
.btn-success {
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff;
	border-radius: 40px;
}

.login-bottom-left {
	display: none
}

select.form-control.select2-search {
	padding-bottom: 1px;
}

.checker span {
	color: var(--main-color);
	border: 2px solid #c1c1c1;
}

.content-group-lg {
	color: var(--grey);
}

.form-group .form-control {
	background-color: #fff !important;
	border-color: #c1c1c1 !important;
	color: var(--grey) !important;
	border-radius: 5px !important;
	-webkit-transition: var(--transition) !important;
	-o-transition: var(--transition) !important;
	transition: var(--transition) !important;
}

.form-group .form-control:focus {
	color: var(--secondary-color) !important;
	border-color: var(--main-color) !important;
}

.form-group .form-control + .form-control-feedback,
.form-group .form-control + .form-control-feedback i {
	-webkit-transition: var(--transition) !important;
	-o-transition: var(--transition) !important;
	transition: var(--transition) !important;
}

.form-group .form-control + .form-control-feedback i {
	color: var(--grey);
}

.form-group .form-control:focus + .form-control-feedback {
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
	box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.form-group .form-control:focus + .form-control-feedback i {
	color: #fff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'BJ-Regular';
}

.single-vaccination,
.single-surgeries {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: #FCFCFC;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
}

.panel.panel-body.login-form {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	width: 50%;
	height: 100vh;
	border-left: 5px solid var(--main-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.login-form-inner {
	width: 400px;
}

.login-form img {
	width: 200px;
	margin: 5px auto 10px
}

.navbar-inverse .navbar-nav > li > a {
	padding-right: 0px;
	padding-left: 3px;
}

.bg-slate-800 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8))), url(../images/logo.png);
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url(../images/logo.png);
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url(../images/logo.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: left;
}


.navbar-brand {
	max-height: unset;
	height: auto;
	overflow: visible;
}

.navbar-brand > img {
	margin-top: 0;
	height: 37px;
}

.single-link {
	margin: 5px;
	border-radius: 5px;
	width: 180px;
}

label.not-required + span {
	display: none;
}

.single-link-info {
	background: #fff;
	text-align: center;
	border-radius: 5px;
	border-left: 4px solid var(--main-color);
	padding: 5px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.single-link-info a {
	width: 100%;
	display: inline-block;
}

.single-link-info img {
	width: 25px;
}

.single-link-info h3 {
	color: var(--grey);
	margin: 0;
	margin-top: 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.single-link-info:hover h3 {
	color: var(--main-color);
}

.single-link .custom-drop-down {
	padding: 0;
	list-style: none;
	position: absolute;
	right: 0;
	top: 5px;
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 5px;
}

.single-link .custom-drop-down li a {
	width: 30px;
	height: 30px;
	background: var(--main-color);
	color: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}

.single-link .custom-drop-down li a:hover {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
	box-shadow: 0 0 15px rgba(40, 40, 40, 0.4)
}

.position-left {
	margin-left: 0px;
}

.navbar-brand {
	padding: 5px 10px;
}

.page-header-content {
	padding: 0;
}

.page-title {
	padding: 0;
	text-align: center;
	background-image: -o-linear-gradient(rgba(118, 87, 135, 0.8), rgba(0, 0, 0, 0.8)), url('../images/dog.jpg');
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 87, 135, 0.8)), to(rgba(0, 0, 0, 0.8))), url('../images/dog.jpg');
	background-image: linear-gradient(rgba(118, 87, 135, 0.8), rgba(0, 0, 0, 0.8)), url('../images/dog.jpg');
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: center;
	background-size: cover;
}

.page-title h4 i {
	margin: 0 10px;
	font-size: 30px;
	color: var(--main-color);
}

.page-title h4 {
	color: #fff;
	font-size: 44px;
	margin-top: 45px;
}

.page-header-default .breadcrumb-line:not([class*=bg-]) {
	border-color: var(--main-color);
	border-width: 0px;
	-webkit-box-shadow: 0px -30px 65px rgba(255, 255, 255, 1);
	box-shadow: 0px -30px 65px rgba(255, 255, 255, 1);
}

.breadcrumb > li a {
	color: var(--grey);
}

.breadcrumb > .active {
	color: var(--main-color);
}

.breadcrumb > li + li:before {
	color: var(--main-color);
}


.panel.panel-body.has-bg-image {
	padding: 10px;
}

.media.no-margin .media-body {
	width: 100%;
	margin-bottom: 15px;
	margin-top: -10px;
}

.media-right,
.media > .pull-right {
	padding-right: 0;
}

.media.no-margin .media-body h3.no-margin {
	font-size: 24px;
}

.media-right.media-middle i {
	font-size: 34px;
	margin-top: 5px;
	color: #fff;
}

.media.no-margin .media-body .text-size-mini {
	font-size: 16px;
	margin-top: -15px;
}

/*
.row .col-sm-6.col-md-3:nth-child(odd) .panel.panel-body {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

.row .col-sm-6.col-md-3:nth-child(even) .panel.panel-body {
	background-color: var(--grey);
	border-color: var(--grey);
}
*/



.row .col-sm-6.col-md-3 .panel.panel-body {
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	border-radius: 5px;
}

.panel.has-bg-image {
	background-image: url(../images/backgrounds/panel_bg.png);
	/*
	background-color: #fff !important;
	border-color: #fff !important;
	border-left: 5px solid #fff !important;
	border-left-color: var(--main-color) !important;
	color: var(--grey);
*/
}

.row .col-sm-6.col-md-3 .panel.panel-body:hover {
	-webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.4);
	box-shadow: 0 0 20px rgba(40, 40, 40, 0.4)
}

.panel-flat > .panel-heading {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fcfcfc;
	color: var(--main-color);
	margin-bottom: 25px;
}

#google-pie-3d {
	margin-bottom: -30px;
	margin-top: 20px;
}

.footer.text-muted.text-center {
	width: 100%;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	bottom: 0;
	color: var(--grey);
	width: calc(100% - 30px);
	right: 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 -5px 20px rgba(40, 40, 40, 0.2);
	box-shadow: 0 -5px 20px rgba(40, 40, 40, 0.2);
}

.footer.text-muted.text-center span {
	margin: 0 10px;
}

.footer.text-muted.text-center a {
	color: var(--main-color);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.footer.text-muted.text-center a:hover {
	color: #fff
}

thead {
	background: var(--main-color);
	color: #fff;
}

table:not(.text-nowrap) tbody tr {
	-webkit-box-shadow: 0 5px 10px rgba(40, 40, 40, 0.2) !important;
	box-shadow: 0 5px 10px rgba(40, 40, 40, 0.2) !important;
}

.table > thead > tr > th {
	font-weight: 600;
}

tr.even {
	-webkit-box-shadow: 0 0 20px #fff;
	box-shadow: 0 0 20px #fff;
}

.flex.justify-center.items-center a,
.flex.justify-center.items-center button {
	width: 30px;
	background: var(--main-color);
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border: 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.flex.justify-center.items-center a:hover,
.flex.justify-center.items-center button:hover {
	color: var(--main-color);
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
	box-shadow: 0 0 15px rgba(40, 40, 40, 0.4)
}

.flex.justify-center.items-center button.btn-danger {
	background: #F44336;
	border-color: #F44336;
}

.flex.justify-center.items-center button.btn-danger:hover {
	background-color: #fff;
	color: #F44336;
	border-color: #fff;
}


.dataTables_info {
	padding: 10px 20px 0 0;
	margin-bottom: 20px;
	color: var(--main-color);
}

.dataTables_paginate {
	margin: 10px 10px 10px 20px;
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:focus {
	color: #fff;
	background-color: var(--main-color);
}

.dataTables_paginate .paginate_button {
	padding: 5px;
	min-width: 30px;
}

.dataTables_filter input,
.dataTables_length select {
	border: 1px solid #c1c1c1;
	border-radius: 5px;
}

.dataTables_filter > label + span,
.dataTables_length label + span {
	display: none !important;
}

.pace .pace-progress {
	background: var(--secondary-color);
}

.bg-success {
	background-color: #2ecc71;
	border-color: #2ecc71;
}

.bg-primary-400 {
	background-color: #3498db;
	border-color: #3498db;
}

.bg-purple-400 {
	background-color: #e74c3c;
	border-color: #e74c3c;
}

.bg-brown-400 {
	background-color: #e67e22;
	border-color: #e67e22;
}

.bg-teal-400 {
	background-color: #f1c40f;
	border-color: #f1c40f;
}

.statistics-wrapper .col-sm-6.col-md-3:nth-child(odd) .panel.panel-body.has-bg-image {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
}

.statistics-wrapper .col-sm-6.col-md-3:nth-child(even) .panel.panel-body.has-bg-image {
	background: var(--main-color);
	border-color: var(--main-color);
}

.dataTables_length {
	margin: 0 20px 20px 20px;
}

.flexy-animal-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 16px;
	padding: 10px;
}

.flexy-animal-info div span img {
	width: 30px;
	margin-left: 5px;
}

.flexy-animal-info > div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
}

span.single-animal-info {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	color: var(--grey);
	width: 100%;
}

.single-animal-info b {
	color: var(--main-color);
	margin-top: -5px;
	font-size: 16px;
}

span.single-animal-info ul {
	margin-bottom: 0;
}

span.single-animal-info table {
	margin-top: 15px;
}

.normal-link {
	color: var(--grey)
}

.normal-link:hover {
	color: var(--main-color)
}

.owl-carousel .owl-stage {
	margin: 0 auto;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	height: 300px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;
	padding: 10px;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	border: 4px solid transparent
}

.owl-carousel .owl-item img:hover {
	border-color: var(--main-color)
}

h2.animal-name-wrapper {
	text-align: center;
	font-size: 35px;
	color: var(--main-color);
	margin-top: 0;
	margin-bottom: 20px;
}

.uploader .filename {
	color: var(--grey);
	border: 1px solid #c1c1c1;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.uploader .action {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.bg-blue:hover,
.btn-info:hover,
.btn-success:hover,
.bg-blue:focus,
.btn-info:focus,
.btn-success:focus,
.bg-blue:active,
.btn-info:active,
.btn-success:active {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color)
}

.add-new-owner {
	float: left;
	margin-top: 30px;
	width: 100%;
}

form .form-group label {
	color: var(--main-color);
	font-size: 16px;
	font-weight: 700;
}

.alert-danger {
	border-color: transparent;
	border-radius: 20px;
}

button.btn.btn-light.remove-all-tags-button {
	position: absolute;
	left: 11px;
	margin-top: -40px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 8px;
	color: var(--grey);
}

.bootstrap-tagsinput {
	border: 1px solid #c1c1c1;
	padding: 3px 0 5px 0;
	border-radius: 5px;
}

.bootstrap-tagsinput .tag:not([class*=bg-]) {
	background-color: var(--grey);
	border-radius: 20px;
}




.form-group input[type="checkbox"] {
	float: none;
	width: 34px;
	display: block;
	border-radius: 34px !important;
}

.uploader span.action.btn.bg-pink-400 {
	background: #EFEFEF;
	border-color: #EFEFEF;
	color: var(--grey);
}

.mt-2 select + .btn-group {
	width: 100%;
}

.multiselect.btn-default,
.multiselect.btn-default.disabled {
	border-color: #c1c1c1;
	border-radius: 5px;
}

ul.multiselect-container.dropdown-menu label + span {
	display: none;
}

ul.multiselect-container.dropdown-menu label {
	font-size: 15px;
	padding: 2px 35px 10px 15px;
	color: var(--grey);
}

ul.multiselect-container.dropdown-menu label input {
	margin-top: 8px;
}

ul.multiselect-container.dropdown-menu > .active > a,
ul.multiselect-container.dropdown-menu > .active > a:hover,
ul.multiselect-container.dropdown-menu > .active > a:focus {
	color: #fff;
	background-color: var(--main-color);
}

ul.multiselect-container.dropdown-menu > .active > a label,
ul.multiselect-container.dropdown-menu > .active > a:hover label,
ul.multiselect-container.dropdown-menu > .active > a:focus label {
	color: #fff !important
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
	border-color: #c1c1c1;
	border-radius: 5px;
}

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.select2-results__option[aria-selected=true] {
	background-color: var(--main-color);
}

table tr td.taken {
	color: #2ECC71 !important
}

table tr td.not-taken {
	color: #E74C3C !important
}

.navbar-inverse {
	background: transparent;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
}


.single-link .custom-drop-down li a,
thead,
.flex.justify-center.items-center a,
.flex.justify-center.items-center button,
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:focus,
.bg-blue,
.btn-info,
.btn-success,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus,
.form-group .form-control:focus + .form-control-feedback,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background: rgb(145, 61, 136);
	background: -o-linear-gradient(left, rgba(145, 61, 136, 1) 35%, rgba(163, 127, 182, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(145, 61, 136, 1)), to(rgba(163, 127, 182, 1)));
	background: linear-gradient(90deg, rgba(145, 61, 136, 1) 35%, rgba(163, 127, 182, 1) 100%);
}

/*
.dataTable {
    border-image: linear-gradient( to bottom, rgba(145, 61, 136, 1) 35%, transparent ) 0 100%;
    border-width: 5px;
    border-style: solid;
}
*/
.page-title h4 i,
.dropdown-menu > li > a > i {
	font-size: 40px;
	background: -o-linear-gradient(left, rgba(145, 61, 136, 1) 35%, rgba(163, 127, 182, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(145, 61, 136, 1)), to(rgba(163, 127, 182, 1)));
	background: linear-gradient(90deg, rgba(145, 61, 136, 1) 35%, rgba(163, 127, 182, 1) 100%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.dropdown-menu > li > a > i {
	font-size: 16px;
}

button[type="submit"] {
	min-width: 150px
}

.multiselect.btn-default:active,
.btn-group.open .multiselect.btn-default {
	border-color: var(--main-color);
}

.texted-link {
	color: var(--secondary-color);
	font-weight: 700;
	border-bottom: 1px solid transparent;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.texted-link:hover {
	color: var(--main-color);
	border-bottom-color: var(--secondary-color);
}

.single-animal-page-wrapper .panel-heading h5 {
	font-size: 24px !important;
	font-weight: 700;
}

.form-group textarea.form-control {
	height: 110px;
	resize: none;
}

#add-vaccination,
#add-surgeries,
#print-all {
	float: left;
}

button#print-all {
	margin-left: 50px;
	width: 100px;
}

.tab-content h3 {
	color: var(--grey);
	font-size: 30px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #fff;
	border: 1px solid #c1c1c1;
}

.nav-tabs > li > a {
	color: var(--grey);
	font-size: 18px;
}

.delete-vacc-wrap {
	text-align: left
}

.delete-vacc-wrap label {
	display: block;
}

.delete-vacc-wrap button {
	background: #F44336;
	border-color: #F44336;
	border: 0;
	border-radius: 5px
}

.delete-vacc-wrap button:hover {
	background-color: #fff;
	color: #F44336;
	border-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
	box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.main-animal-pic img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.2);
	box-shadow: 0 0 20px rgba(40, 40, 40, 0.2);
	margin-bottom: 10px;
	-o-object-fit: cover;
	object-fit: cover;
}

.panel-flat > .panel-heading > .panel-title {
	color: #333;
}

table.table.text-nowrap thead {
	background: #fff;
	color: #000;
}


.nav-tabs > li:not(.active) a {
	border: 2px solid var(--grey);
}

.nav-tabs > li a {
	border-radius: 40px;
}




.nav-tabs > li {
	display: inline-block;
	border: 0;

	overflow: hidden;
}

.nav-tabs {
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 0;
}

.nav-tabs > li > a span {
	width: 30px;
	height: 30px;
	background: var(--grey);
	color: #fff;
	border-radius: 40px;
	display: inline-block;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.nav-tabs > li.active > a span {
	background: #fff;
	color: var(--grey);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.bg-slate-800 {
	background-color: #fff;
	border-color: #fff;
	color: #fff;
}

#arrowAnim {
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.arrow {
	width: 20px;
	height: 20px;
	border: 2.5px solid;
	border-color: #A57BB6 transparent transparent #A57BB6;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.arrowSliding {
	position: absolute;
	-webkit-animation: slide 4s linear infinite;
	animation: slide 4s linear infinite;
}

.delay1 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.delay2 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.delay3 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(12px);
		transform: translateX(12px);
	}

	80% {
		opacity: 1;
		-webkit-transform: translateX(-12px);
		transform: translateX(-12px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}

@keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(12px);
		transform: translateX(12px);
	}

	80% {
		opacity: 1;
		-webkit-transform: translateX(-12px);
		transform: translateX(-12px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}


.menu-toggler {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}

.menu-toggler:hover + label,
.menu-toggler:hover + label:before,
.menu-toggler:hover + label:after {
	background: white;
}

.menu-toggler:checked + label {
	background: transparent;
}

.menu-toggler:checked + label:before,
.menu-toggler:checked + label:after {
	top: 0;
	width: 40px;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.menu-toggler:checked + label:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-toggler:checked + label:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-toggler:checked ~ ul .menu-item {
	opacity: 1;
}

.menu-toggler:checked ~ ul .menu-item:nth-child(1) {
	-webkit-transform: rotate(0deg) translateX(-130px);
	-ms-transform: rotate(0deg) translateX(-130px);
	transform: rotate(0deg) translateX(-130px);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(2) {
	-webkit-transform: rotate(60deg) translateX(-130px);
	-ms-transform: rotate(60deg) translateX(-130px);
	transform: rotate(60deg) translateX(-130px);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(3) {
	-webkit-transform: rotate(120deg) translateX(-130px);
	-ms-transform: rotate(120deg) translateX(-130px);
	transform: rotate(120deg) translateX(-130px);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(4) {
	-webkit-transform: rotate(180deg) translateX(-130px);
	-ms-transform: rotate(180deg) translateX(-130px);
	transform: rotate(180deg) translateX(-130px);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(5) {
	-webkit-transform: rotate(240deg) translateX(-130px);
	-ms-transform: rotate(240deg) translateX(-130px);
	transform: rotate(240deg) translateX(-130px);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(6) {
	-webkit-transform: rotate(300deg) translateX(-130px);
	-ms-transform: rotate(300deg) translateX(-130px);
	transform: rotate(300deg) translateX(-130px);
}

.menu-toggler:checked ~ ul .menu-item a {
	pointer-events: auto;
}

.menu-item a img {
	width: 40px;
	margin-top: -25px;
	margin-bottom: 0;
}

.menu-item a h3 {
	font-size: 18px;
	width: 100px;
	margin-top: 0;
	margin-bottom: 0;
	margin: auto;
	line-height: 15px;
	margin-top: -18px;
}

.menu-toggler + label {
	width: 40px;
	height: 5px;
	display: block;
	z-index: 1;
	border-radius: 2.5px;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: top 0.5s, -webkit-transform 0.5s;
	transition: top 0.5s, -webkit-transform 0.5s;
	-o-transition: transform 0.5s, top 0.5s;
	transition: transform 0.5s, top 0.5s;
	transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.menu-toggler + label:before,
.menu-toggler + label:after {
	width: 40px;
	height: 5px;
	display: block;
	z-index: 1;
	border-radius: 2.5px;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: top 0.5s, -webkit-transform 0.5s;
	transition: top 0.5s, -webkit-transform 0.5s;
	-o-transition: transform 0.5s, top 0.5s;
	transition: transform 0.5s, top 0.5s;
	transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
	content: "";
	position: absolute;
	left: 0;
}

.menu-toggler + label:before {
	top: 10px;
}

.menu-toggler + label:after {
	top: -10px;
}

.menu-item:nth-child(1) a {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.menu-item:nth-child(2) a {
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.menu-item:nth-child(3) a {
	-webkit-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	transform: rotate(-120deg);
}

.menu-item:nth-child(4) a {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.menu-item:nth-child(5) a {
	-webkit-transform: rotate(-240deg);
	-ms-transform: rotate(-240deg);
	transform: rotate(-240deg);
}

.menu-item:nth-child(6) a {
	-webkit-transform: rotate(-300deg);
	-ms-transform: rotate(-300deg);
	transform: rotate(-300deg);
}

.menu-item {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	display: block;
	opacity: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.menu-item a {
	display: block;
	width: inherit;
	height: inherit;
	line-height: 80px;
	color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	font-size: 40px;
	pointer-events: none;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.menu-item a:hover {
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
	color: white;
	background: rgba(255, 255, 255, 0.3);
	font-size: 44.4444444444px;
}

.home-page-container .page-header.page-header-default {
	display: none;
}

body.home-page-container.pace-done {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 87, 135, 0.8)), to(rgba(0, 0, 0, 0.8))), url(../images/dog.jpg);
	background-image: -o-linear-gradient(rgba(118, 87, 135, 0.8), rgba(0, 0, 0, 0.8)), url(../images/dog.jpg);
	background-image: linear-gradient(rgba(118, 87, 135, 0.8), rgba(0, 0, 0, 0.8)), url(../images/dog.jpg);
	background-size: cover;
	background-position: center;
}

.navbar-inverse .navbar-nav > li > a {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 14px;
}

.navbar-inverse .navbar-nav > li > a .caret {
	margin-right: -4px;
	margin-left: 4px;
}

.three-home-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: absolute;
	bottom: 55px;
	right: 0;
	left: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.three-home-links .single-link-info img {
	width: 55px;
}

.three-home-links .single-link-info h3 {
	font-size: 22px;
}

nav.menu.circular-menu {
	position: relative;
	width: 100%;
	height: calc(100vh - 230px);
	top: 50px;
}

nav.menu.circular-menu > h1 {
	color: #fff;
	font-size: 35px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}

.multilple-select-wrap .btn-group {
	display: block;
}

.multiselect-container > li.multiselect-group > label,
.multiselect-container > li.multiselect-group.active > label {
	margin-top: 5px;
	font-size: 15px !important;
	color: var(--main-color) !important;
	padding: 0 !important;
	padding-right: 5px !important;
}

.main-animal-pic {
	display: block;
	width: 200px;
	margin: auto;
}

.lefted-btn a{
	float: left;
	margin-top: 20px;
	margin-bottom: -20px;
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    background-color: #A37FB6;
    border-color: #A37FB6;
}

.dataTables_length {
    margin: 10px 20px 10px 0;
    float: right;
}
.dataTables_filter {
    float: left;
    margin: 10px 10px 0px 15px;
}


table.normal-table {
    width: 100%;
    text-align: center;
}
table.normal-table td {
    padding: 10px;
    box-shadow: unset;
}
table.normal-table tr {
    box-shadow: unset;
}
table.normal-table tbody tr, table.normal-table tbody tr td {
    box-shadow: unset !important;
    border: 1px solid #999!important;
}
.cases-table.col-md-12 {
    margin-bottom: 40px;
}
table.normal-table tbody tr td input {
    width: 25px;
    height: 25px;
}
.only-print {
    display: none !important;
}
.cases-table.col-md-12{
	display: none
}
.bill-paper-animal-card{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	    align-items: center !important;
}
@media(min-width : 769px) {
	.form-table-filteration-btn{
		    margin-bottom: 0;
    margin-top: 30px;
	}
	.lefted-btn a{
	min-width: 200px
}
	
	.multilple-select-wrap .multiselect-container {
		max-height: 370px;
	}

	ul.nav.navbar-nav li.dropdown:hover > ul {
		display: block;
	}

	.statistics-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.navbar-header {
		min-width: 50px;
	}

	.navbar-nav {
		margin-right: 0;
	}

	ul.nav.navbar-nav:not(.navbar-right) {
		width: calc(100% - 240px);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media(max-width : 991px) {
	.login-form-inner {
		width: 80%;
	}

	.owl-carousel .owl-stage {
		margin: 0;
	}

	.flexy-animal-info {
		padding: 0
	}

	.flexy-animal-info {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flexy-animal-info > div {
		width: auto;
		padding: 10px;
	}

	.dataTables_wrapper {
		overflow-x: auto;
		max-width: 100% !important;
	}

	.statistics-wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media(min-width : 769px) {
	.navbar-inverse {
		border-color: transparent;
		background-color: var(--main-color)
	}

	.single-link .custom-drop-down li:first-child {
		margin-bottom: 3px;
	}

	.single-link .custom-drop-down {
		right: unset;
		left: 0;
		top: 5px;
		width: 40px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 5px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.single-link-info a {
		text-align: center;
	}
}

@media(max-width : 768px) {
.dataTables_filter {
    margin: 10px 0 10px 0;
}
	.three-home-links {
		position: inherit;
		margin-top: 50px;
	}

	.login-bottom-left {
		display: none;
	}

	.panel-flat > .panel-heading {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.main-animal-pic img {
		width: 160px;
		height: 160px;
	}

	h2.animal-name-wrapper {
		font-size: 28px;
	}

	span.single-animal-info,
	.single-animal-info b {
		font-size: 16px;
	}

	.table > thead > tr > th {
		font-size: 14px;
	}

	.flexy-animal-info > div {
		width: 100%;
		padding: 10px;
	}

	button[type="submit"] {
		min-width: 100%;
	}

	form .form-group label {
		font-size: 16px;
	}

	.form-group {
		width: 100%;
	}

	.navbar-collapse.collapse.in {
		background: var(--main-color);
		-webkit-box-shadow: 0 10px 20px rgba(40, 40, 40, 0.2);
		box-shadow: 0 10px 20px rgba(40, 40, 40, 0.2);
	}

	.page-title h4 {
		font-size: 30px;
		margin-top: 0;
	}

	.page-title {
		height: 150px;
	}

	.navbar-inverse {
		background-color: transparent;
		border-color: transparent;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 999999;
	}

	.bg-slate-800 {
		background-image: unset;
		background-size: cover;
	}

	.panel.panel-body.login-form {
		border-left: 0;
		border-top: 5px solid var(--main-color);
		background: rgba(255, 255, 255, 0.75);
		width: 100%;
	}

	.panel-body {
		padding: 10px;
	}

	.custom-table-wrap {
		overflow-x: auto;
		max-width: 100%;
	}

	span.single-animal-info table {
		margin-top: 25px;
		margin-right: -60px;
	}

	.media.no-margin .media-body .text-size-mini {
		font-size: 14px;
		white-space: nowrap;
	}

	.statistics-wrapper .col-sm-6.col-md-3 {
		width: 50%;
		float: right;
	}

	.footer.text-muted.text-center span {
		width: 100%
	}

	.footer.text-muted.text-center {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		bottom: -40px;
	}

	.dataTables_length {
		margin: 10px auto;
		display: block;
		margin-top: 0
	}

	.navbar-brand > img {
		margin-top: 0;
		height: 36px;
	}

	.single-link {
		margin: 0;
		margin: 0;
		margin-bottom: 5px;
		width: 100%;
	}
}




@media print {
	table.normal-table tbody tr, table.normal-table tbody tr td {
    box-shadow: unset !important;
    border: 2px solid #000!important;
}
	.cases-table.col-md-12{
	display: inline-block;
		width: 100%;
}
	div#print-inner {
		direction: rtl;
		text-align: right;
		padding: 20px;
		border: 4px dashed #a37fb6
	}

	div#print-inner .main-animal-pic a img {
		width: 120px;
		height: 120px;
		-o-object-fit: cover;
		object-fit: cover;
		border-radius: 10px;
		margin: auto;
		display: block
	}

	div#print-inner img {
		width: 30px
	}

	h2.animal-name-wrapper {
		text-align: center
	}

	span.single-animal-info b {
		display: block;
		font-size: 18px;
		margin-bottom: 5px
	}

	.flexy-animal-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 10px
	}

	.flexy-animal-info > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 15px
	}

	.flexy-animal-info > div span:first-child {
		margin-left: 5px
	}

}