/*-----------------
	1. General
-----------------------*/

@import url('https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap');

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot);
	/* For IE6-8 */
	src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(../fonts/MaterialIcons-Regular.html) format('woff2'),
		url(../fonts/MaterialIcons-Regular.woff) format('woff'),
		url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

html {
	height: 100%;
}

body {
	background-color: #f8f9fa;
	color: #333;
	font-family: 'Mada', sans-serif;
	font-size: 1rem;
	height: 100%;
	line-height: 1.5;
	overflow-x: hidden;
}

@media (min-width: 1500px) {
	.container {
		max-width: 1440px;
	}

}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Mada', sans-serif;
	margin-top: 0;
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #28993f;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
	box-shadow: 0 0 0px 1000px white inset !important;
}

.form-control {
	border: 1px solid #ddd;
	box-shadow: none;
	color: #333;
	font-size: 15px;
	height: 40px;
}

.form-control:focus {
	border-color: #28993f;
	box-shadow: none;
	outline: 0 none;
}

.form-control.form-control-sm {
	height: calc(1.5em + .5rem + 2px);
}

.form-control.form-control-lg {
	height: calc(1.5em + 1rem + 2px);
}

a {
	color: #28993f;
}

input,
button,
a {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

input,
input:focus,
button,
button:focus {
	outline: none;
}

input[type="file"] {
	height: auto;
	min-height: calc(1.5em + .75rem + 2px);
}

input[type=text],
input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea.form-control {
	resize: vertical;
	min-height: 40px;
}

.navbar-nav>li {
	float: left;
}

.form-group {
	margin-bottom: 1rem;
}

.admin .form-group {
    margin-bottom: 10px;
}

.input-group .form-control {
	height: 40px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.1);
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.font-weight-600 {
	font-weight: 600;
}

/*-----------------
	2. Table
-----------------------*/

.table {
	color: #333;
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: #f8f9fa;
}

.table.no-border>tbody>tr>td,
.table>tbody>tr>th,
.table.no-border>tfoot>tr>td,
.table.no-border>tfoot>tr>th,
.table.no-border>thead>tr>td,
.table.no-border>thead>tr>th {
	border-top: 0;
	padding: 10px 8px;
}

.table-nowrap td,
.table-nowrap th {
	white-space: nowrap
}

.table.dataTable {
	border-collapse: collapse !important;
}

table.table td h2 {
	display: inline-block;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

table.table td h2.table-avatar {
	align-items: center;
	display: inline-flex;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #ddd;
}

table.table td h2 a {
	color: #333;
}

table.table td h2 a:hover {
	color: #28993f;
}

table.table td h2 span {
	color: #888;
	display: block;
	font-size: 12px;
	margin-top: 3px;
}

.table thead {
	background-color: #ebebeb;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.table thead tr th {
	font-weight: 600;
	border: 0;
	background-color: #ebebeb;
}

.table tbody tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.table tbody tr:last-child {
	border-color: transparent;
}

.table.table-center td,
.table.table-center th {
	vertical-align: middle;
}

.table-hover tbody tr:hover {
	background-color: #f7f7f7;
}

.table-hover tbody tr:hover td {
	color: #474648;
}

.table-striped thead tr {
	border-color: transparent;
}

.table-striped tbody tr {
	border-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
	background-color: rgba(255, 255, 255, 0.3);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(235, 235, 235, 0.4);
}

.table-bordered {
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.table-bordered th,
.table-bordered td {
	border-color: rgba(0, 0, 0, 0.05);
}

.card-table .card-body {
	padding: 0;
}

.card-table .card-body .table>thead>tr>th {
	border-top: 0;
	background: #343434;
    color: #fff;
}

.card-table .card-body .table tr td:first-child,
.card-table .card-body .table tr th:first-child {
	padding-left: 1rem;
}

.card-table .card-body .table tbody tr.selected, .card-table .card-body .table tbody tr.selected:hover td{
	background-color: #ffff88;
	color: #000;
	cursor: pointer;
}

#cus-pet tbody tr {
	cursor: pointer;
}

.card-table .card-body .table tr td:last-child,
.card-table .card-body .table tr th:last-child {
	padding-right: 1.5rem;
}

.card-table .table td,
.card-table .table th {
	border-top: 1px solid #e2e5e8;
	padding: .5rem 0.75rem;
	white-space: nowrap;
	font-size: 20px;
	font-weight: 500;
}
.admin .card-table .table td,
.admin .card-table .table th {
	border-top: 1px solid #e2e5e8;
	padding: .5rem 0.75rem;
	white-space: normal;
	font-size: 15px;
	font-weight: 500;
}

.admin .card-header h4.card-title {
    font-size: 1.2rem;
}

.admin  .card-header {
    padding: 1rem 1rem;
}

.admin h3.page-title{
	font-size: 1.3rem;
}

.admin h3.page-title::after{
	display: none;
}

.admin .page-header .breadcrumb{
	font-size: .9rem;
}

#delete_modal .modal-content {
	text-align: center;
}



/*-----------------
	3. Helper Class
-----------------------*/

.p-20 {
	padding: 20px !important;
}

.p-t-0 {
	padding-top: 0 !important;
}

.m-0 {
	margin: 0 !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-0 {
	margin-top: 0 !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-t-50 {
	margin-top: 50px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.fs-15{font-size: 15px;}

.fs-24{font-size: 24px!important;}

.block {
	display: block !important;
}

.nowrap{
	white-space: nowrap!important;
}

.white-normal{
	white-space: normal!important;
	word-break: break-all;
}

.cal-icon {
	position: relative;
	width: 100%;
}

.cal-icon:after {
	color: #979797;
	content: "\f073";
	display: block;
	font-family: "FontAwesome";
	font-size: 15px;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 10px;
}

.sub-title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 1px solid rgba(204, 204, 204, 0.35);
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #2c3e50;
}

/*-----------------
	4. Bootstrap Classes
-----------------------*/

.btn.focus,
.btn:focus {
	box-shadow: unset;
}

.btn-white {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
}

.btn.btn-rounded {
	border-radius: 50px;
}

.bg-primary,
.badge-primary {
	background-color: #28993f !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: #46ad5b !important;
}

.bg-success,
.badge-success {
	background-color: #7bb13c !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
	background-color: #699834 !important;
}

.bg-info {
	background-color: #86cfda !important;
}

.badge-info {
	background-color: #86cfda !important;
}

.table-success{
	background-color: rgb(0 210 91 / 43%);
}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
    background-color: #00d25b;
}

.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
    border-color: #00d25b;
}

.table-success>td{
	background-color: rgb(0 210 91 / 20%);
}


a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
	background-color: #028ee1 !important;
}

.bg-warning,
.badge-warning {
	background-color: #ffbc34 !important;
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
	background-color: #e9ab2e !important;
}

.bg-danger,
.badge-danger {
	background-color: #e84646 !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
	background-color: #e63333 !important;
}

.bg-white {
	background-color: #fff;
}

.bg-purple,
.badge-purple {
	background-color: #9368e9 !important;
}

.text-primary,
.dropdown-menu>li>a.text-primary {
	color: #28993f !important
}

.text-success,
.dropdown-menu>li>a.text-success {
	color: #28a745 !important;
}
.text-success1{
	color: #00d25b !important;
}

.border-success1 {
    border-color: #00d25b!important;
}

.text-danger,
.dropdown-menu>li>a.text-danger {
	color: #e84646 !important;
}

.text-info,
.dropdown-menu>li>a.text-info {
	color: #17a2b8 !important;
}

.text-info1{
	color: #86cfda !important;
}

.border-info1 {
    border-color: #86cfda!important;
}

#WhiteBoardTable tbody tr td:nth-child(4){
	width:150px;
	white-space:normal;
	word-break:break-all;
}

.TransactionsDatepicker{
	background: #fff;
		color: #1d3b4a;
		padding: 7.5px 9px;
		line-height: 18px;
		border-radius: 2px;
		border: 1px solid #ddd;
		display: block;
		position: absolute;
		z-index: 9;
		top: 15px;
		font-size: 14px;
		left: 15px;
}

.TransactionsPage #transationTable_filter label {
    margin-right:10px;
}

.text-warning,
.dropdown-menu>li>a.text-warning {
	color: #ffbc34 !important;
}

.text-purple,
.dropdown-menu>li>a.text-purple {
	color: #7460ee !important;
}

.text-muted {
	color: #757575 !important;
}

.text-secondary {
	color: #b8bdc1 !important;
}

.border-primary {
	border-color: #28993f !important;
}

.btn-primary {
	background-color: #28993f;
	border: 1px solid #28993f;
    background-image: none;
}

.btn.table-success{
	background-color: #00d25b;
    color: #333;
}
.btn.table-warning{
	background-color: #ffdf7e;
}

.btn.table-danger{
	background-color: #ed969e;
    color: #333;
}

.btn.table-primary{
	background-color: #86cfda;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	background-color: #46ad5b;
	border: 1px solid #46ad5b;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #28993f;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	background-color: #46ad5b;
	border: 1px solid #46ad5b;
}

.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show>.btn-primary.dropdown-toggle {
	background-color: #46ad5b;
	border-color: #46ad5b;
	color: #fff;
}

.btn-primary.active:focus:not(:disabled):not(.disabled),
.btn-primary:active:focus:not(:disabled):not(.disabled),
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #28993f;
	border-color: #28993f;
	color: #fff;
}

.btn-secondary.active:focus:not(:disabled):not(.disabled),
.btn-secondary:active:focus:not(:disabled):not(.disabled),
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-success {
	background-color: #7bb13c;
	border: 1px solid #7bb13c
}

.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
	background-color: #699834;
	border: 1px solid #699834;
	color: #fff;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
	background-color: #699834;
	border: 1px solid #699834
}

.btn-success.active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled),
.show>.btn-success.dropdown-toggle {
	background-color: #699834;
	border-color: #699834;
	color: #fff;
}

.btn-success.active:focus:not(:disabled):not(.disabled),
.btn-success:active:focus:not(:disabled):not(.disabled),
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-success.disabled,
.btn-success:disabled {
	background-color: #7bb13c;
	border-color: #7bb13c;
	color: #fff;
}

.btn-info {
	background-color: #009efb;
	border: 1px solid #009efb
}

.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
	background-color: #028ee1;
	border: 1px solid #028ee1
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
	background-color: #028ee1;
	border: 1px solid #028ee1
}

.btn-info.active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled),
.show>.btn-info.dropdown-toggle {
	background-color: #028ee1;
	border-color: #028ee1;
	color: #fff;
}

.btn-info.active:focus:not(:disabled):not(.disabled),
.btn-info:active:focus:not(:disabled):not(.disabled),
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-info.disabled,
.btn-info:disabled {
	background-color: #009efb;
	border-color: #009efb;
	color: #fff;
}

.btn-warning {
	background-color: #ffbc34;
	border: 1px solid #ffbc34
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}

.btn-warning.active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled),
.show>.btn-danger.dropdown-toggle {
	background-color: #e9ab2e;
	border-color: #e9ab2e;
	color: #fff;
}

.btn-warning.active:focus:not(:disabled):not(.disabled),
.btn-warning:active:focus:not(:disabled):not(.disabled),
.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-warning.disabled,
.btn-warning:disabled {
	background-color: #ffbc34;
	border-color: #ffbc34;
	color: #fff;
}

.btn-danger {
	background-color: #e84646;
	border: 1px solid #e84646;
    background-image: none;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
	background-color: #e63333;
	border: 1px solid #e63333;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
	background-color: #e63333;
	border: 1px solid #e63333;
}

.btn-danger.active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled),
.show>.btn-danger.dropdown-toggle {
	background-color: #e63333;
	border-color: #e63333;
	color: #fff;
}

.btn-danger.active:focus:not(:disabled):not(.disabled),
.btn-danger:active:focus:not(:disabled):not(.disabled),
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-danger.disabled,
.btn-danger:disabled {
	background-color: #f62d51;
	border-color: #f62d51;
	color: #fff;
}

.btn-light.active:focus:not(:disabled):not(.disabled),
.btn-light:active:focus:not(:disabled):not(.disabled),
.show>.btn-light.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-dark.active:focus:not(:disabled):not(.disabled),
.btn-dark:active:focus:not(:disabled):not(.disabled),
.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-outline-primary {
	color: #28993f;
	border-color: #28993f;
}

.btn-outline-primary:hover {
	background-color: #28993f;
	border-color: #28993f;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
	box-shadow: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #28993f;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
	background-color: #28993f;
	border-color: #28993f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-outline-success {
	color: #7bb13c;
	border-color: #7bb13c;
}

.btn-outline-success:hover {
	background-color: #7bb13c;
	border-color: #7bb13c;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
	box-shadow: none;
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: #7bb13c;
	background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
	background-color: #7bb13c;
	border-color: #7bb13c;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-outline-info {
	color: #009efb;
	border-color: #009efb;
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #009efb;
	border-color: #009efb;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
	box-shadow: none;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	background-color: transparent;
	color: #009efb;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
	background-color: #009efb;
	border-color: #009efb;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-outline-warning {
	color: #ffbc34;
	border-color: #ffbc34;
}

.btn-outline-warning:hover {
	color: #212529;
	background-color: #ffbc34;
	border-color: #ffbc34;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
	box-shadow: none;
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	background-color: transparent;
	color: #ffbc34;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
	color: #212529;
	background-color: #ffbc34;
	border-color: #ffbc34;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-outline-danger {
	color: #e84646;
	border-color: #e84646;
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #e84646;
	border-color: #e84646;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
	box-shadow: none;
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	background-color: transparent;
	color: #e84646;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
	background-color: #e84646;
	border-color: #e84646;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-outline-light {
	color: #ababab;
	border-color: #e6e6e6;
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
	color: #ababab;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #28993f;
	border-color: #28993f;
}

.pagination>li>a,
.pagination>li>span {
	color: #28993f;
}

.page-link:hover {
	color: #28993f;
}

.page-link:focus {
	box-shadow: unset;
}

.page-item.active .page-link {
	background-color: #28993f;
	border-color: #28993f;
}

.dropdown-menu {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	transform-origin: left top 0;
	box-shadow: inherit;
	background-color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #28993f;
}

.navbar-nav .open .dropdown-menu {
	border: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.dropdown-menu {
	font-size: 16px;
}

.datepicker td,
.datepicker th {
	text-align: center;
	width: 30px !important;
	height: 30px !important;
}

.card {
	border: 1px solid #f0f0f0;
	margin-bottom: 1.875rem;
}

.card-body {
	padding: 1.5rem;
}

.admin .card {
	border: 1px solid #f0f0f0;
	margin-bottom: .8rem;
}

.admin .card-body {
    padding: 1rem;
}

.card-header {
	border-bottom: 1px solid #e6e6e6;
	padding: 1rem 1.5rem;
}

.admin .card-header {
	border-bottom: 1px solid #e6e6e6;
	padding: .8rem 1rem;
}

.card-footer {
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	padding: 1rem 1.5rem;
}

.card .card-header {
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
}

.card .card-header .card-title {
	margin-bottom: 0;
}

.modal-footer.text-left {
	text-align: left;
}

.modal-footer.text-center {
	text-align: center;
}

.btn-light {
	border-color: #e6e6e6;
	color: #a6a6a6;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #28993f;
	text-shadow: unset;
}

.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: #28993f;
}

.bg-info-light {
	background-color: rgba(2, 182, 179, 0.12) !important;
	color: #1db9aa !important;
}

.bg-primary-light {
	background-color: rgba(17, 148, 247, 0.12) !important;
	color: #2196f3 !important;
}

.bg-danger-light {
	background-color: rgba(242, 17, 54, 0.12) !important;
	color: #e63c3c !important;
}

.bg-warning-light {
	background-color: rgba(255, 152, 0, 0.12) !important;
	color: #f39c12 !important;
}

.bg-success-light {
	background-color: rgba(15, 183, 107, 0.12) !important;
	color: #26af48 !important;
}

.bg-purple-light {
	background-color: rgba(197, 128, 255, 0.12) !important;
	color: #c580ff !important;
}

.bg-default-light {
	background-color: rgba(40, 52, 71, 0.12) !important;
	color: #283447 !important;
}

/*-----------------
	5. Select2
-----------------------*/

.select2-container .select2-selection--single {
	border: 1px solid #ddd;
	height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
	right: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #ddd transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	height: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #ddd;
	border-width: 0 6px 6px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 30px;
	padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #333;
	font-size: 15px;
	font-weight: normal;
	line-height: 38px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #28993f;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #ddd;
	min-height: 40px;
}

/*-----------------
	6. Nav Tabs
-----------------------*/

.nav-tabs {
	border-bottom: 1px solid #e6e6e6;
}

.card-header-tabs {
	border-bottom: 0;
}

.nav-tabs>li>a {
	margin-right: 0;
	color: #888;
	border-radius: 0;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	border-color: transparent;
	color: #333;
}

.nav-tabs.nav-tabs-solid>li>a {
	color: #333;
}

.nav-tabs.nav-tabs-solid>.active>a,
.nav-tabs.nav-tabs-solid>.active>a:hover,
.nav-tabs.nav-tabs-solid>.active>a:focus {
	background-color: #28993f;
	border-color: #28993f;
	color: #fff;
}

.tab-content {
	padding-top: 20px;
}

.nav-tabs .nav-link {
	border-radius: 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	background-color: #eee;
	border-color: transparent;
	color: #333;
}

.nav-tabs.nav-justified>li>a {
	border-radius: 0;
	margin-bottom: 0;
}

.nav-tabs.nav-justified>li>a:hover,
.nav-tabs.nav-justified>li>a:focus {
	border-bottom-color: #ddd;
}

.nav-tabs.nav-justified.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-tabs-solid>li>a {
	color: #333;
}

.nav-tabs.nav-tabs-solid>li>a.active,
.nav-tabs.nav-tabs-solid>li>a.active:hover,
.nav-tabs.nav-tabs-solid>li>a.active:focus {
	background-color: #28993f;
	border-color: #28993f;
	color: #fff;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
	border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a {
	border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus {
	border-radius: 50px;
}

.nav-tabs-justified>li>a {
	border-radius: 0;
	margin-bottom: 0;
}

.nav-tabs-justified>li>a:hover,
.nav-tabs-justified>li>a:focus {
	border-bottom-color: #ddd;
}

.nav-tabs-justified.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-justified.nav-tabs-top {
	border-bottom: 1px solid #ddd;
}

.nav-tabs.nav-justified.nav-tabs-top>li>a,
.nav-tabs.nav-justified.nav-tabs-top>li>a:hover,
.nav-tabs.nav-justified.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li {
	margin-bottom: 0;
}

.nav-tabs.nav-tabs-top>li>a,
.nav-tabs.nav-tabs-top>li>a:hover,
.nav-tabs.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li.open>a,
.nav-tabs.nav-tabs-top>li>a:hover,
.nav-tabs.nav-tabs-top>li>a:focus {
	border-top-color: #ddd;
}

.nav-tabs.nav-tabs-top>li+li>a {
	margin-left: 1px;
}

.nav-tabs.nav-tabs-top>li>a.active,
.nav-tabs.nav-tabs-top>li>a.active:hover,
.nav-tabs.nav-tabs-top>li>a.active:focus {
	border-top-color: #28993f;
}

.nav-tabs.nav-tabs-bottom>li {
	margin-bottom: -1px;
}

.nav-tabs.nav-tabs-bottom>li>a.active,
.nav-tabs.nav-tabs-bottom>li>a.active:hover,
.nav-tabs.nav-tabs-bottom>li>a.active:focus {
	border-bottom-width: 2px;
	border-color: transparent;
	border-bottom-color: #28993f;
	background-color: transparent;
	transition: none 0s ease 0s;
	-moz-transition: none 0s ease 0s;
	-o-transition: none 0s ease 0s;
	-ms-transition: none 0s ease 0s;
	-webkit-transition: none 0s ease 0s;
}

.nav-tabs.nav-tabs-solid {
	background-color: #fafafa;
	border: 0;
}

.nav-tabs.nav-tabs-solid>li {
	margin-bottom: 0;
}

.nav-tabs.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-tabs-solid>li>a:hover,
.nav-tabs.nav-tabs-solid>li>a:focus {
	background-color: #f5f5f5;
}

.nav-tabs.nav-tabs-solid>.open:not(.active)>a {
	background-color: #f5f5f5;
	border-color: transparent;
}

.nav-tabs-justified.nav-tabs-top {
	border-bottom: 1px solid #ddd;
}

.nav-tabs-justified.nav-tabs-top>li>a,
.nav-tabs-justified.nav-tabs-top>li>a:hover,
.nav-tabs-justified.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

/*-----------------
	7. Components
-----------------------*/

.section-header {
	margin-bottom: 1.875rem;
}

.section-header .section-title {
	color: #333;
}

.line {
	background-color: #28993f;
	height: 2px;
	margin: 0;
	width: 60px;
}

.comp-buttons .btn {
	margin-bottom: 5px;
}

.pagination-box .pagination {
	margin-top: 0;
}

.comp-dropdowns .btn-group {
	margin-bottom: 5px;
}

.progress-example .progress {
	margin-bottom: 1.5rem;
}

.progress-xs {
	height: 4px;
}

.progress-sm {
	height: 15px;
}

.progress.progress-sm {
	height: 6px;
}

.progress.progress-md {
	height: 8px;
}

.progress.progress-lg {
	height: 18px;
}

.row.row-sm {
	margin-left: -3px;
	margin-right: -3px;
}

.row.row-sm>div {
	padding-left: 3px;
	padding-right: 3px;
}

.table-responsive {
	white-space: nowrap;
}

/* Avatar */

.avatar {
	position: relative;
	display: inline-block;
	width: 3rem;
    height: 3rem;
}

.dogavtar.avatar{width: 2.5rem;
    height: 2.5rem;}

.avatar>img {
	width: 100%;
	height: 100%;
	/* -o-object-fit: contain;
	object-fit: contain; */
}

.avatar-title {
	width: 100%;
	height: 100%;
	background-color: #28993f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.avatar-away:before,
.avatar-offline:before,
.avatar-online:before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25%;
	height: 25%;
	border-radius: 50%;
	content: '';
	border: 2px solid #fff;
}

.avatar-online:before {
	background-color: #7bb13c;
}

.avatar-offline:before {
	background-color: #e84646;
}

.avatar-away:before {
	background-color: #ffbc34;
}

.avatar .border {
	border-width: 3px !important;
}

.avatar .rounded {
	border-radius: 6px !important;
}

.avatar .avatar-title {
	font-size: 18px;
}

.avatar-xs {
	width: 1.65rem;
	height: 1.65rem;
}

.avatar-xs .border {
	border-width: 2px !important;
}

.avatar-xs .rounded {
	border-radius: 4px !important;
}

.avatar-xs .avatar-title {
	font-size: 12px;
}

.avatar-xs.avatar-away:before,
.avatar-xs.avatar-offline:before,
.avatar-xs.avatar-online:before {
	border-width: 1px;
}

.avatar-sm {
	width: 2.2rem;
    height: 2.2rem;
}

.avatar-sm .border {
	border-width: 3px !important;
}

.avatar-sm .rounded {
	border-radius: 4px !important;
}

.avatar-sm .avatar-title {
	font-size: 15px;
}

.avatar-sm.avatar-away:before,
.avatar-sm.avatar-offline:before,
.avatar-sm.avatar-online:before {
	border-width: 2px;
}

.avatar-lg {
	width: 3.75rem;
	height: 3.75rem;
}

.avatar-lg .border {
	border-width: 3px !important;
}

.avatar-lg .rounded {
	border-radius: 8px !important;
}

.avatar-lg .avatar-title {
	font-size: 24px;
}

.avatar-lg.avatar-away:before,
.avatar-lg.avatar-offline:before,
.avatar-lg.avatar-online:before {
	border-width: 3px;
}

.avatar-xl {
	width: 5rem;
	height: 5rem;
}

.avatar-xl .border {
	border-width: 4px !important;
}

.avatar-xl .rounded {
	border-radius: 8px !important;
}

.avatar-xl .avatar-title {
	font-size: 28px;
}

.avatar-xl.avatar-away:before,
.avatar-xl.avatar-offline:before,
.avatar-xl.avatar-online:before {
	border-width: 4px;
}

.avatar-xxl {
	width: 5.125rem;
	height: 5.125rem;
}

.avatar-xxl .border {
	border-width: 6px !important;
}

.avatar-xxl .rounded {
	border-radius: 8px !important;
}

.avatar-xxl .avatar-title {
	font-size: 30px;
}

.avatar-xxl.avatar-away:before,
.avatar-xxl.avatar-offline:before,
.avatar-xxl.avatar-online:before {
	border-width: 4px;
}

.avatar-group {
	display: inline-flex;
}

.avatar-group .avatar+.avatar {
	margin-left: -.75rem;
}

.avatar-group .avatar-xs+.avatar-xs {
	margin-left: -.40625rem;
}

.avatar-group .avatar-sm+.avatar-sm {
	margin-left: -.625rem;
}

.avatar-group .avatar-lg+.avatar-lg {
	margin-left: -1rem;
}

.avatar-group .avatar-xl+.avatar-xl {
	margin-left: -1.28125rem;
}

.avatar-group .avatar:hover {
	z-index: 1;
}

/*-----------------
	8. Header
-----------------------*/

.header {
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1001;
	height: 60px;
}

.header .header-left {
	float: left;
	height: 60px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	width: 240px;
	z-index: 1;
	transition: all 0.2s ease-in-out;
}

.header .header-left .logo {
	display: inline-block;
	line-height: 60px;
}

.header .header-left .logo img {
	max-height: 42px;
	width: auto;
}

.header-left .logo.logo-small {
	display: none;
}

.header .dropdown-menu>li>a {
	position: relative;
}

.header .dropdown-toggle:after {
	display: none;
}

.header .has-arrow .dropdown-toggle:after {
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	content: '';
	height: 8px;
	display: inline-block;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
	vertical-align: 2px;
}

.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.user-menu {
	float: right;
	margin: 0;
	position: relative;
	z-index: 99;
}

.user-menu.nav>li>a {
	color: #333;
	font-size: 14px;
	line-height: 58px;
	padding: 0 15px;
	height: 60px;
}

.user-menu.nav>li>a:hover,
.user-menu.nav>li>a:focus {
	background-color: rgba(0, 0, 0, 0.2);
}

.user-menu.nav>li>a:hover i,
.user-menu.nav>li>a:focus i {
	color: #333;
}

.user-img {
	display: inline-block;
	margin-right: 3px;
	position: relative;
}

.user-menu.nav>li>a.mobile_btn {
	border: 0;
	position: relative;
	padding: 0;
	margin: 0;
	cursor: pointer
}

.user-menu .dropdown-menu {
	min-width: 200px;
	padding: 0;
}

.user-menu .dropdown-menu .dropdown-item {
	padding: 7px 15px;
}

.user-menu .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	border-top: 1px solid #e3e3e3;
	padding: 10px 15px;
}

.user-menu .dropdown-menu .dropdown-item:hover {
	color: #fff;
	background: #28993f;
}

.header .dropdown-menu>li>a:focus,
.header .dropdown-menu>li>a:hover {
	background-color: #28993f;
	color: #fff;
}

.header .dropdown-menu>li>a:focus i,
.header .dropdown-menu>li>a:hover i {
	color: #fff;
}

.header .dropdown-menu>li>a {
	padding: 10px 18px;
}

.header .dropdown-menu>li>a i {
	color: #28993f;
	margin-right: 10px;
	text-align: center;
	width: 18px;
}

.header .user-menu .dropdown-menu>li>a i {
	color: #28993f;
	font-size: 16px;
	margin-right: 10px;
	min-width: 18px;
	text-align: center;
}

.header .user-menu .dropdown-menu>li>a:focus i,
.header .user-menu .dropdown-menu>li>a:hover i {
	color: #fff;
}

.mobile_btn {
	display: none;
	float: left;
}

.slide-nav .sidebar {
	margin-left: 0;
}

.app-dropdown .dropdown-menu {
	padding: 0;
	width: 300px;
}

.app-dropdown-menu .app-list {
	padding: 15px;
}

.app-dropdown-menu .app-item {
	border: 1px solid transparent;
	border-radius: 3px;
	color: #737373;
	display: block;
	padding: 10px 0;
	text-align: center;
}

.app-dropdown-menu .app-item i {
	font-size: 20px;
	height: 24px;
}

.app-dropdown-menu .app-item span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.app-dropdown-menu .app-item:hover,
.app-dropdown-menu .app-item:focus,
.app-dropdown-menu .app-item:active,
.app-dropdown-menu .app-item.active {
	background-color: #f9f9f9;
	border-color: #e3e3e3;
}

.app-list>div+div {
	margin-top: 5px;
}

.app-list>.row {
	margin-left: -5px;
	margin-right: -5px;
}

.app-list>.row>.col {
	padding-left: 5px;
	padding-right: 5px;
}

.user-header {
	background-color: #f9f9f9;
	display: flex;
	padding: 10px 15px;
}

.user-header .user-text {
	margin-left: 10px;
}

.user-header .user-text h6 {
	margin-bottom: 2px;
}

.menu-title {
	color: #a3a3a3;
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 0 25px;
}

.sidebar-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 60px;
	width: 100%;
	z-index: 1000;
}

html.menu-opened {
	overflow: hidden;
}

html.menu-opened body {
	overflow: hidden;
}

/* Search */

.top-nav-search {
	float: left;
	margin-left: 15px;
}

.top-nav-search form {
	margin-top: 10px;
	position: relative;
	width: 230px;
}

.top-nav-search .form-control {

	border-color: rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	color: #333;
	height: 40px;
	padding: 10px 50px 10px 15px;
}

.top-nav-search .btn {
	background-color: transparent;
	border-color: transparent;
	color: #333;
	min-height: 40px;
	padding: 7px 15px;
	position: absolute;
	right: 0;
	top: 0;
}

.top-nav-search .form-control::-webkit-input-placeholder {
	color: #333;
}

.top-nav-search .form-control::-moz-placeholder {
	color: #333;
}

.top-nav-search .form-control:-ms-input-placeholder {
	color: #333;
}

.top-nav-search .form-control::-ms-input-placeholder {
	color: #333;
}

.top-nav-search .form-control::placeholder {
	color: #333;
}

.top-nav-search.active form {
	display: block;
	left: 0;
	position: absolute;
}

/*-----------------
	9. Sidebar
-----------------------*/

.sidebar {
	background-color: #343434;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
	bottom: 0;
	left: 0;
	margin-top: 0;
	position: fixed;
	top: 60px;
	transition: all 0.2s ease-in-out 0s;
	width: 240px;
	z-index: 1001;
}

.sidebar.opened {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sidebar-inner {
	height: 100%;
	min-height: 100%;
	transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu {
	padding: 15px;
}

.sidebar-menu ul {
	font-size: 15px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.sidebar-menu li a {
	color: #fff;
	display: block;
	font-size: 15px;
	height: auto;
	padding: 0 20px;
}

.sidebar-menu li a:hover {
	color: #5ae8ff;
}

.sidebar-menu>ul>li>a:hover {
	background-color: #46ad5b;
	color: #fff;
}

.sidebar-menu>ul>li.active>a:hover {
	background-color: #46ad5b;
	color: #fff;
}

.sidebar-menu li.active a {
	background-color: #28993f;
	color: #fff;
}

.sidebar-menu li.active ul a {
	background-color : transparent;
	color: #fff;
}

.menu-title {
	color: #ebebeb;
	display: flex;
	font-size: 14px;
	opacity: 1;
	padding: 5px 15px;
	white-space: nowrap;
}

.menu-title>i {
	float: right;
	line-height: 40px;
}

.sidebar-menu li.menu-title a {
	color: #ff9b44;
	display: inline-block;
	margin-left: auto;
	padding: 0;
}

.sidebar-menu li.menu-title a.btn {
	color: #fff;
	display: block;
	float: none;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 10px 15px;
}

.sidebar-menu ul ul a.active {
	color: #28993f;
    text-decoration: none;
}

.mobile_btn {
	display: none;
	float: left;
}

.sidebar .sidebar-menu>ul>li>a span {
	transition: all 0.2s ease-in-out 0s;
	display: inline-block;
	margin-left: 10px;
	white-space: nowrap;
}

.sidebar .sidebar-menu>ul>li>a span.chat-user {
	margin-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar .sidebar-menu>ul>li>a span.badge {
	margin-left: auto;
}

.sidebar-menu ul ul a {
	display: block;
	font-size: 15px;
	padding: 7px 10px 7px 45px;
	position: relative;
}

.sidebar-menu ul ul {
	display: none;
}

.sidebar-menu ul ul ul a {
	padding-left: 65px;
}

.sidebar-menu ul ul ul ul a {
	padding-left: 85px;
}

.sidebar-menu>ul>li {
	margin-bottom: 3px;
	position: relative;
}

.sidebar-menu>ul>li:last-child {
	margin-bottom: 0;
}

.sidebar-menu .menu-arrow {
	-webkit-transition: -webkit-transform 0.15s;
	-o-transition: -o-transform 0.15s;
	transition: transform .15s;
	position: absolute;
	right: 15px;
	display: inline-block;
	font-family: 'FontAwesome';
	text-rendering: auto;
	line-height: 40px;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	line-height: 18px;
	top: 11px;
}

.sidebar-menu .menu-arrow:before {
	content: "\f105";
}

.sidebar-menu li a.subdrop .menu-arrow {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidebar-menu ul ul a .menu-arrow {
	top: 10px;
}

.sidebar-menu>ul>li>a {
	align-items: center;
	border-radius: 3px;
	display: flex;
	justify-content: flex-start;
	padding: 8px 15px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
	color: #f1f1f1;
}

.sidebar-menu ul li a i {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	vertical-align: middle;
	width: 20px;
	transition: all 0.2s ease-in-out 0s;
}

.sidebar-menu ul li.menu-title a i {
	font-size: 16px !important;
	margin-right: 0;
	text-align: right;
	width: auto;
}

.sidebar-menu li a>.badge {
	color: #fff;
}

/*-----------------
	6. Toggle Button
-----------------------*/

.check {
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.checktoggle {
	background-color: #e0001a;
	border-radius: 12px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 24px;
	margin-bottom: 0;
	position: relative;
	width: 48px;
}

.checktoggle:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(5px, -50%);
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	transition: left 300ms ease, transform 300ms ease;
}

.check:checked+.checktoggle {
	background-color: #55ce63;
}

.check:checked+.checktoggle:after {
	left: 100%;
	transform: translate(calc(-100% - 5px), -50%);
}

.onoffswitch {
	margin-left: auto;
	position: relative;
	width: 73px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 20px;
	margin-bottom: 0;
}

.onoffswitch-inner {
	display: block;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
	width: 200%;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	box-sizing: border-box;
	color: #fff;
	display: block;
	float: left;
	font-size: 16px;
	height: 30px;
	line-height: 32px;
	padding: 0;
	width: 50%;
}

.onoffswitch-inner:before {
	background-color: #55ce63;
	color: #fff;
	content: "ON";
	padding-left: 14px;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 14px;
	background-color: #ccc;
	color: #fff;
	text-align: right;
}

.onoffswitch-switch {
	background: #fff;
	border-radius: 20px;
	bottom: 0;
	display: block;
	height: 20px;
	margin: 5px;
	position: absolute;
	right: 43px;
	top: 0;
	transition: all 0.3s ease-in 0s;
	width: 20px;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

/*-----------------
	10. Content
-----------------------*/

.main-wrapper {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
}

.page-wrapper {
	margin-left: 240px;
	padding-top: 60px;
	position: relative;
	/* transition: all 0.4s ease; */
}

.page-wrapper>.content {
	padding: 1.875rem 1.875rem 0;
}

.admin .page-wrapper>.content {
    padding: 1rem 1.5rem 0;
}

.admin .page-header {
    margin-bottom: 1rem;
}

.page-header {
	margin-bottom: 1.875rem;
}

.page-header .breadcrumb {
	background-color: transparent;
	color: #6c757d;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0;
	padding: 0;
}

.page-header .breadcrumb a {
	color: #333;
}

.page-title {
	color: #333;
	margin-bottom: 5px;
	font-weight: 600;
	position: relative;
}

.page-title:after {
	position: absolute;
	content: '';
	height: 2px;
	width: 60px;
	background: #28993f;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -10px;
}

.add_btn {
	background: #28993f;
	color: #fff;
	border: 0;
	border-radius: 0px;
	font-size: 1.3rem;
	padding: 8px 15px;
	height: 45.19px;
	cursor: pointer;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 5px;
    margin-right: 20px;
	font-weight: 500;
}

.add_btn i {
	color: #fff;
}

/*-----------------
	11. Login
-----------------------*/

.login-body {
	display: table;
	height: 100vh;
	min-height: 100vh;
	background: url(../img/bg.jpg);
}

.login-wrapper {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: top;
}

.login-wrapper .loginbox {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
	margin: 8px auto;
	max-width: 100%;
	min-height: calc(100vh - 0px);
	width: 100%;
}

.login-wrapper .loginbox .login-left {
	align-items: center;
	border-radius: 6px 0 0 6px;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	width: 500px;
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
    position: relative;
    object-fit: cover;
    object-position: center;
    min-height: calc(100vh - 0px);
    max-height: calc(100vh - 0px);

}

.login-wrapper .loginbox .login-left img {
	width: 100px;
	position: relative;
	z-index: 2;
}

.login-wrapper .loginbox .login-left h2 {
	color: #fff;
	position: relative;
	z-index: 2;
	font-size: 24px;
	font-weight: 600;
	padding-top: 5px;
}

.login-wrapper .loginbox .login-left::after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	background: rgb(0 0 0 / 50%);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.login-wrapper .loginbox .login-left .offer{
text-align: center;
color: #fff;
z-index: 2;
position: relative;
margin-bottom: 100px;
}

.login-wrapper .loginbox .login-left .offer h4{
font-size: 32px;
}

.login-wrapper .loginbox .login-left .offer h4 span{
	font-size: 40px;
	font-weight: 700;
	color: #ffc107;
}



.login-wrapper .loginbox .login-right {
	align-items: flex-start;
	display: flex;
	justify-content: center;
	padding: 15px;
	width: 100%;
}

.login-wrapper .loginbox .login-right .login-right-wrap {
	max-width: 100%;
	flex: 0 0 100%;
}

.login-wrapper .loginbox .login-right h1 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 5px;
	text-align: center;
}

.account-subtitle {
	color: #4c4c4c;
	font-size: 17px;
	margin-bottom: 1.875rem;
	text-align: center;
}

.login-wrapper .loginbox .login-right .forgotpass a {
	color: #a0a0a0;
}

.login-wrapper .loginbox .login-right .forgotpass a:hover {
	color: #333;
	text-decoration: underline;
}

.login-wrapper .loginbox .login-right .dont-have {
	color: #a0a0a0;
	margin-top: 1.875rem;
}

.login-wrapper .loginbox .login-right .dont-have a {
	color: #333;
}

.login-wrapper .loginbox .login-right .dont-have a:hover {
	text-decoration: underline;
}

.modal-confirm .modal-header {
	border-bottom: none;
	position: relative;
}

.modal-confirm .icon-box {
	color: #fff;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -70px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	background: #46ad5b;
	padding: 15px;
	text-align: center;
	box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}

.modal-confirm .icon-box i {
	font-size: 58px;
	position: relative;
	top: 3px;
}

.modal-confirm h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -15px;
}


.social-login {
	text-align: center;
}

.social-login>span {
	color: #a0a0a0;
	margin-right: 8px;
}

.social-login>a {
	background-color: #ccc;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	text-align: center;
	width: 32px;
}

.social-login>a:last-child {
	margin-right: 0;
}

.social-login>a.facebook {
	background-color: #4b75bd;
}

.social-login>a.google {
	background-color: #fe5240;
}

.login-or {
	color: #a0a0a0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}

.or-line {
	background-color: #e5e5e5;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}

.span-or {
	background-color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 42px;
}

label {
	display: inline-block;
	margin-bottom: 0.3rem;
	font-size: 16px;
	font-weight: 500;
}

label span {
	color: red;
}

.btn {
	font-weight: 500;
	font-size: 1.3rem;

	border-radius: 0;
}

.admin .btn {
    font-weight: 400;
    font-size: 15px;
    border-radius:.25rem;
}

.btnAnimation {
	animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 #28993f
	}

	100% {
		box-shadow: 0 0 0 1.2em transparent
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 #28993f
	}

	100% {
		box-shadow: 0 0 0 1.2em transparent
	}
}

.btnAnimation1 {
	animation: shadow1 1s infinite;
}

@-webkit-keyframes shadow1 {
	0% {
		box-shadow: 0 0 0 0 #04ce2c
	}

	100% {
		box-shadow: 0 0 0 1.5em transparent
	}
}

@keyframes shadow1 {
	0% {
		box-shadow: 0 0 0 0 #04ce2c
	}

	100% {
		box-shadow: 0 0 0 1.5em transparent
	}
}




.arrow-right {
	animation: slide1 2s ease-in-out infinite;
	margin-left: 0px;
}


fieldset {
	padding: 20px !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(204, 204, 204, 0.35) !important;
	box-sizing: border-box !important;
	border-radius: 5px !important;
	margin-bottom: 1rem rem !important;
	position: relative !important;
	margin-top: 10px !important;
}

legend {
	background-color: #fff !important;
	padding: 5px 10px !important;
	position: absolute !important;
	width: auto !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 16px !important;
	letter-spacing: 0.02em !important;
	color: #2c3e50 !important;
	top: -13px !important;
	left: 15px !important;
	margin-bottom: 0 !important;
}



@keyframes slide1 {

	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(10px, 0);
	}
}

.dogpicture {
	height: 200px;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
}

.dogpicture .profile-pic {
	width: 100%;
    max-height: 200px;
    display: inline-block;
    object-fit: cover;
}

.dogpicture .file-upload {
	display: none;
}

.dogpicture .circle {
	overflow: hidden;
	width: 100%;
	max-height: 200px;
	border: 2px solid rgb(101 193 120);
	position: absolute;
	top: 0px;
	margin: 0 auto;
	display: block;
	left: 0;
	right: 0;
}

.dogpicture .p-image {
	position: absolute;
	width: 45px;
	height: 45px;
	background: #28993f;
	border-radius: 50%;
	padding: 14px 12px;
	cursor: pointer;
	bottom: 5px;
	right: 4px;
	color: #fff;
}

.dogpicture .upload-button {
	font-size: 1.2em;
}

.dogpicture .upload-button:hover {
	color: #fff;
}


/*-----------------
	11. Login  AdminS
-----------------------*/

.admin-login-body {
    display: table;
    height: 100vh;
    min-height: 100vh;
}
.admin-login-wrapper {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.admin-login-wrapper .admin-loginbox {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
    margin: 1.875rem auto;
    max-width: 800px;
    min-height: 500px;
    width: 100%;
}
.admin-login-wrapper .admin-loginbox .admin-login-left {
    align-items: center;
	background-image: url(../img/login-bg.jpg);
    border-radius: 6px 0 0 6px;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
	width: 500px;
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.admin-login-wrapper .admin-loginbox .admin-login-left::after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	background: rgb(0 0 0 / 50%);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.admin-login-wrapper .admin-loginbox .admin-login-left img {
    width: 100px;
    position: relative;
    z-index: 2;
}

.admin-login-wrapper .admin-loginbox .admin-login-left h2 {
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: 600;
    padding-top: 5px;
}


.admin-login-wrapper .admin-loginbox .admin-login-right {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
    width: 400px;
}
.admin-login-wrapper .admin-loginbox .admin-login-right .admin-login-right-wrap {
    max-width: 100%;
    flex: 0 0 100%;
}
.admin-login-wrapper .admin-loginbox .admin-login-right h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}
.admin-account-subtitle {
    color: #4c4c4c;
    font-size: 17px;
    margin-bottom: 1.875rem;
    text-align: center;
}
.admin-login-wrapper .loginbox .login-right .forgotpass a {
	color: #a0a0a0;
}
.admin-login-wrapper .loginbox .login-right .forgotpass a:hover {
	color: #333;
	text-decoration: underline;
}
.admin-login-wrapper .loginbox .login-right .dont-have {
	color: #a0a0a0;
	margin-top: 1.875rem;
}
.admin-login-wrapper .loginbox .login-right .dont-have a {
	color: #333;
}
.admin-login-wrapper .admin-loginbox .admin-login-right .admin-dont-have a:hover {
	text-decoration: underline;
}
.admin-social-login {
	text-align: center;
}
.admin-social-login > span {
	color: #a0a0a0;
	margin-right: 8px;
}
.admin-social-login > a {
	background-color: #ccc;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	text-align: center;
	width: 32px;
}
.admin-social-login > a:last-child {
	margin-right: 0;
}
.admin-social-login > a.facebook {
	background-color: #4b75bd;
}
.admin-social-login > a.google {
	background-color: #fe5240;
}
.admin-login-or {
	color: #a0a0a0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
.admin-or-line {
	background-color: #e5e5e5;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}
.admin-span-or {
	background-color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 42px;
}

.admin-login-wrapper .admin-loginbox .admin-login-right .dont-have {
    color: #a0a0a0;
    margin-top: 1.875rem;
}

.admin-login-wrapper .admin-loginbox .admin-login-right .dont-have a {
    color: #333;
}




/*-----------------
	File Uploader
-----------------------*/
.custom-file {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: calc(2.25rem + 2px);
	margin-bottom: 0;
}

.custom-file {
	width: 100%;
	height: auto;
}

.custom-file input {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}

.custom-file .custom-file-label {
	width: 100%;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	border: 2px dotted #ddd;
	text-align: center;
	transition: all 300ms linear 0s;
	color: #495057;
	position: relative;
	padding: 5.5px 5px;
	height: auto;
}

.custom-file .custom-file-label i {
	font-size: 20px;
	padding-right: 10px;
	display: inline-block;
}

.custom-file:hover .custom-file-label {
	background: #5cb85c;
	border-color: #5cb85c;
	color: #fff;
}

.custom-file-label::after {
	display: none;
}

.file_added {
	text-align: left;
	padding-left: 4px;
	padding-bottom: 0;
	margin-bottom: 10px;
	margin-top: 0px;
	list-style-type: none;
}

.file_added li {
	font-size: 15px;
	font-weight: 400;
	color: #5f6771;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
}
.file_added li:last-child{
	border-bottom: 0px solid #ddd;
}

.file_added li a {
	color: #000;
	font-weight: 400;
	display: inline-block;
	position: relative;
	padding-left: 0px;
	width: calc(100% - 50px);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}



.file_added li a i {
	color: #5cb85c;
	font-size: 20px;
	position: relative;
	left: 0px;
}

.cancelfile{position: absolute;
    right: 0;
    top: 0;
    margin: auto;
    font-size: 14px!important;
	color: red;
    padding: 0px;
    bottom: 5px;
    background: transparent!important;}

/*-----------------
	File Uploader
-----------------------*/

.selectdog{position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	cursor: pointer;
    opacity: 0;}

.highlight {
	background: #ffff88;
  }




/*-----------------
	12. Lock Screen
-----------------------*/

.lock-user {
	margin-bottom: 20px;
	text-align: center;
}

.lock-user img {
	margin-bottom: 15px;
	width: 100px;
}

/*-----------------
	13. Notifications
-----------------------*/

.notifications {
	padding: 0;
}

.notifications .notification-time {
	font-size: 12px;
	line-height: 1.35;
	color: #bdbdbd;
}

.notifications .media {
	margin-top: 0;
	border-bottom: 1px solid #f5f5f5;
}

.notifications .media:last-child {
	border-bottom: none;
}

.notifications .media a {
	display: block;
	padding: 10px 15px;
	border-radius: 2px;
}

.notifications .media a:hover {
	background-color: #fafafa;
}

.notifications .media>.avatar {
	margin-right: 10px;
}

.notifications .media-list .media-left {
	padding-right: 8px;
}

.topnav-dropdown-header {
	border-bottom: 1px solid #eee;
	text-align: center;
}

.topnav-dropdown-header,
.topnav-dropdown-footer {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 15px;
}

.topnav-dropdown-footer {
	border-top: 1px solid #eee;
}

.topnav-dropdown-footer a {
	display: block;
	text-align: center;
	color: #333;
}

.user-menu.nav>li>a .badge {
	background-color: #1b5a90;
	display: block;
	font-size: 10px;
	font-weight: bold;
	min-height: 15px;
	min-width: 15px;
	position: absolute;
	right: 3px;
	color: #fff;
	top: 6px;
}

.user-menu.nav>li>a>i {
	font-size: 1.5rem;
	line-height: 60px;
}

.noti-details {
	color: #989c9e;
	margin-bottom: 0;
}

.noti-title {
	color: #333;
}

.notifications .noti-content {
	height: 290px;
	width: 350px;
	overflow-y: auto;
	position: relative;
}

.notification-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.notifications ul.notification-list>li {
	margin-top: 0;
	border-bottom: 1px solid #f5f5f5;
}

.notifications ul.notification-list>li:last-child {
	border-bottom: none;
}

.notifications ul.notification-list>li a {
	display: block;
	padding: 10px 15px;
	border-radius: 2px;
}

.notifications ul.notification-list>li a:hover {
	background-color: #fafafa;
}

.notifications ul.notification-list>li .list-item {
	border: 0;
	padding: 0;
	position: relative;
}

.topnav-dropdown-header .notification-title {
	color: #333;
	display: block;
	float: left;
	font-size: 14px;
}

.topnav-dropdown-header .clear-noti {
	color: #f83f37;
	float: right;
	font-size: 12px;
	text-transform: uppercase;
}

.noti-time {
	margin: 0;
}

/*-----------------
	14. Dashboard
-----------------------*/

.dash-widget-icon {
	align-items: center;
	display: inline-flex;
	font-size: 1.875rem;
	height: 50px;
	justify-content: center;
	line-height: 48px;
	text-align: center;
	width: 50px;
	border: 3px solid;
	border-radius: 50px;
	padding: 28px;
}

.dash-count {
	font-size: 18px;
	margin-left: auto;
}

.dash-widget-info h3 {
	margin-bottom: 10px;
}

.dash-widget-header {
	align-items: center;
	display: flex;
	margin-bottom: 15px;
}

.card-chart .card-body {
	padding: 8px;
}

#morrisArea>svg,
#morrisLine>svg {
	width: 100%;
}

.activity-feed {
	list-style: none;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0;
}

.activity-feed .feed-item {
	border-left: 2px solid #e4e8eb;
	padding-bottom: 19px;
	padding-left: 20px;
	position: relative;
}

.activity-feed .feed-item:last-child {
	border-color: transparent;
	padding-bottom: 0;
}

.activity-feed .feed-item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -7px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #177dff;
}

.activity-feed .feed-item .feed-date {
	display: block;
	position: relative;
	color: #777;
	text-transform: uppercase;
	font-size: 13px;
}

.activity-feed .feed-item .feed-text {
	color: #777;
	position: relative;
}

.activity-feed .feed-item .feed-text a {
	color: #333;
	font-weight: 600;
}

/*-----------------
	15. Invoice
-----------------------*/

.add-btn {
	border: 1px solid transparent;
	border-radius: 20px;
	color: #666;
	display: inline-block;
	padding: .375rem .75rem;
}

.add-btn:hover,
.add-btn:active,
.add-btn:focus {
	background-color: #fff;
	border-color: #ddd;
	color: #666;
}

.add-btn span {
	align-items: center;
	background-color: #ffc107;
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-size: 14px;
	height: 22px;
	justify-content: center;
	margin-right: 3px;
	width: 22px;
}

.invoice-details h4 {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 1.875rem;
	text-transform: uppercase;
}

.inv-badge {
	color: #fff;
	display: inline-flex;
	font-size: 11px;
	justify-content: center;
	min-width: 80px;
}

.inv-logo {
	max-height: 80px;
}

.invoice-container {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	margin: 0 auto 1.875rem;
	max-width: 900px;
	padding: 1.5rem;
}

.invoice-details,
.invoice-payment-details>li span {
	float: right;
	text-align: right;
}

.inv-logo {
	height: auto;
	max-height: 100px;
	width: auto;
}

/*-----------------
	16. Calendar
-----------------------*/

.calendar-events {
	border: 1px solid transparent;
	cursor: move;
	padding: 10px 15px;
}

.calendar-events:hover {
	border-color: #e9e9e9;
	background-color: #fff;
}

.calendar-events i {
	margin-right: 8px;
}

.calendar {
	float: left;
	margin-bottom: 0;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1.5rem;
}

.none-border .modal-footer {
	border-top: none;
}

.fc-toolbar h2 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
	text-transform: uppercase;
}

.fc-day-grid-event .fc-time {
	font-family: 'Roboto', sans-serif;
}

.fc-day {
	background: #fff;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
	z-index: 0;
}

.fc th.fc-widget-header {
	background: #eeeeee;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	text-transform: uppercase;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #f3f3f3;
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
	padding: 2px 5px;
}

.fc-button {
	background: #f1f1f1;
	border: none;
	color: #797979;
	text-transform: capitalize;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important;
}

.fc-text-arrow {
	font-family: inherit;
	font-size: 16px;
}

.fc-state-hover {
	background: #f3f3f3;
}

.fc-state-highlight {
	background: #f0f0f0;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	background-color: #28993f !important;
	color: #fff !important;
	text-shadow: none !important;
}

.fc-cell-overlay {
	background: #f0f0f0;
}

.fc-unthemed .fc-today {
	background: #fff;
}

.fc-event {
	border-radius: 2px;
	border: none;
	color: #fff !important;
	cursor: move;
	font-size: 13px;
	margin: 1px 7px;
	padding: 5px 5px;
	text-align: center;
}

.fc-basic-view td.fc-week-number span {
	padding-right: 8px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.fc-basic-view td.fc-day-number {
	padding-right: 8px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.event-form .input-group .form-control {
	height: 40px;
}

.submit-section {
	text-align: center;
	margin-top: 40px;
}

.submit-btn {
	border-radius: 50px;
	font-size: 18px;
	font-weight: 600;
	min-width: 200px;
	padding: 10px 20px;
}
.fc-axis,
.fc-time {
  display: none;
}

/*-----------------
	17. Inbox
-----------------------*/

.dropdown-action {
	margin-bottom: 5px;
}

.dropdown-action .dropdown-toggle:after {
	display: none;
}

.table-inbox input[type="radio"],
.table-inbox input[type="checkbox"] {
	cursor: pointer;
}

.mail-list {
	list-style: none;
	padding: 0;
}

.mail-list>li>a {
	color: #333;
	display: block;
	padding: 10px;
}

.mail-list>li.active>a {
	color: #28993f;
	font-weight: bold;
}

.unread .name,
.unread .subject,
.unread .mail-date {
	color: #000;
	font-weight: 600;
}

.table-inbox .fa-star {
	color: #ffd200;
}

.table-inbox .starred.fa-star {
	color: #ffd200;
}

.table.table-inbox>tbody>tr>td,
.table.table-inbox>tbody>tr>th,
.table.table-inbox>tfoot>tr>td,
.table.table-inbox>tfoot>tr>th,
.table.table-inbox>thead>tr>td,
.table.table-inbox>thead>tr>th {
	border-bottom: 1px solid #f2f2f2;
	border-top: 0;
}

.table-inbox {
	font-size: 15px;
	margin-bottom: 0;
}

.table.table-inbox thead {
	background-color: #fff;
}

.note-editor.note-frame {
	border: 1px solid #ddd;
	box-shadow: inherit;
}

.note-editor.note-frame .note-statusbar {
	background-color: #fff;
}

.note-editor.note-frame.fullscreen {
	top: 60px;
}

.note-editor.note-frame .btn-light {
	background-color: #f9f9f9;
	box-shadow: unset;
	color: #333;
}

.mail-title {
	font-weight: bold;
	text-transform: uppercase;
}

.form-control.search-message {
	border-color: #ccc;
	border-radius: 4px;
	height: 38px;
	width: 180px;
}

.table-inbox tr {
	cursor: pointer;
}

table.table-inbox tbody tr.checked {
	background-color: #ffffcc;
}

.mail-label {
	font-size: 16px !important;
	margin-right: 5px;
}

/*-----------------
	18. Mail View
-----------------------*/

.attachments {
	list-style: none;
	margin: 0;
	padding: 0;
}

.attachments li {
	border: 1px solid #eee;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 180px;
}

.attach-info {
	background-color: #f4f4f4;
	padding: 10px;
}

.attach-file {
	color: #777;
	font-size: 70px;
	padding: 10px;
	min-height: 138px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.attach-file img {
	height: auto;
	max-width: 100%;
}

.mailview-header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.mailview-footer {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 15px;
}

.mailview-footer .btn-white {
	margin-top: 10px;
	min-width: 102px;
}

.sender-img {
	float: left;
	margin-right: 10px;
	width: 40px;
}

.sender-name {
	display: block;
}

.receiver-name {
	color: #777;
}

.right-action {
	text-align: right;
}

.mail-view-title {
	font-weight: 500;
	font-size: 24px;
	margin: 0;
}

.mail-view-action {
	float: right;
}

.mail-sent-time {
	float: right;
}

.inbox-menu {
	display: inline-block;
	margin: 0 0 1.875rem;
	padding: 0;
	width: 100%;
}

.inbox-menu li {
	display: inline-block;
	width: 100%;
}

.inbox-menu li+li {
	margin-top: 2px;
}

.inbox-menu li a {
	color: #333;
	display: inline-block;
	padding: 10px 15px;
	width: 100%;
	text-transform: capitalize;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}

.inbox-menu li a i {
	font-size: 16px;
	padding-right: 10px;
	color: #878787;
}

.inbox-menu li a:hover,
.inbox-menu li.active a,
.inbox-menu li a:focus {
	background: rgba(33, 33, 33, 0.05);
}

.compose-btn {
	margin-bottom: 1.875rem;
}

.compose-btn a {
	font-weight: 600;
	padding: 8px 15px;
}

/*-----------------
	19. Error
-----------------------*/

.error-page {
	align-items: center;
	color: #1f1f1f;
	display: flex;
}

.error-page .main-wrapper {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	justify-content: center;
	width: 100%;
	min-height: unset;
}

.error-box {
	margin: 0 auto;
	max-width: 480px;
	padding: 1.875rem 0;
	text-align: center;
	width: 100%;
}

.error-box h1 {
	color: #28993f;
	font-size: 10em;
}

.error-box p {
	margin-bottom: 1.875rem;
}

.error-box .btn {
	border-radius: 50px;
	font-size: 18px;
	font-weight: 600;
	min-width: 200px;
	padding: 10px 20px;
}

/*-----------------
	20. Chat
-----------------------*/

.chat-window {
	border: 1px solid #e0e3e4;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 1.875rem;
}

.chat-window .chat-cont-left {
	border-right: 1px solid #e0e3e4;
	flex: 0 0 35%;
	left: 0;
	max-width: 35%;
	position: relative;
	z-index: 4;
}

.chat-window .chat-cont-left .chat-header {
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #e0e3e4;
	color: #324148;
	display: flex;
	height: 72px;
	justify-content: space-between;
	padding: 0 15px;
}

.chat-window .chat-cont-left .chat-header span {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

.chat-window .chat-cont-left .chat-header .chat-compose {
	color: #8a8a8a;
	display: inline-flex;
}

.chat-window .chat-cont-left .chat-search {
	background-color: #f5f5f6;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 15px;
	width: 100%;
}

.chat-window .chat-cont-left .chat-search .input-group {
	width: 100%;
}

.chat-window .chat-cont-left .chat-search .input-group .form-control {
	background-color: #fff;
	border-radius: 50px;
	padding-left: 36px;
}

.chat-window .chat-cont-left .chat-search .input-group .form-control:focus {
	border-color: #ccc;
	box-shadow: none;
}

.chat-window .chat-cont-left .chat-search .input-group .input-group-prepend {
	align-items: center;
	bottom: 0;
	color: #666;
	display: flex;
	left: 15px;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: 4;
}

.chat-window .chat-scroll {
	max-height: calc(100vh - 255px);
	overflow-y: auto;
}

.chat-window .chat-cont-left .chat-users-list {
	background-color: #fff;
}

.chat-window .chat-cont-left .chat-users-list a.media {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 15px;
	transition: all 0.2s ease 0s;
}

.chat-window .chat-cont-left .chat-users-list a.media:last-child {
	border-bottom: 0;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-img-wrap {
	margin-right: 15px;
	position: relative;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-img-wrap .avatar {
	height: 45px;
	width: 45px;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-img-wrap .status {
	bottom: 7px;
	height: 10px;
	right: 4px;
	position: absolute;
	width: 10px;
	border: 2px solid #fff;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-body {
	display: flex;
	justify-content: space-between;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name {
	color: #333;
	text-transform: capitalize;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat {
	color: #8a8a8a;
	font-size: 14px;
	line-height: 24px;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:last-child {
	text-align: right;
}

.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:last-child .last-chat-time {
	color: #8a8a8a;
	font-size: 13px;
}

.chat-window .chat-cont-left .chat-users-list a.media:hover {
	background-color: #f5f5f6;
}

.chat-window .chat-cont-left .chat-users-list a.media.read-chat .media-body>div:last-child .last-chat-time {
	color: #8a8a8a;
}

.chat-window .chat-cont-left .chat-users-list a.media.active {
	background-color: #f5f5f6;
}

.chat-window .chat-cont-right {
	flex: 0 0 65%;
	max-width: 65%;
}

.chat-window .chat-cont-right .chat-header {
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #e0e3e4;
	display: flex;
	height: 72px;
	justify-content: space-between;
	padding: 0 15px;
}

.chat-window .chat-cont-right .chat-header .back-user-list {
	display: none;
	margin-right: 5px;
	margin-left: -7px;
}

.chat-window .chat-cont-right .chat-header .media {
	align-items: center;
}

.chat-window .chat-cont-right .chat-header .media .media-img-wrap {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.chat-window .chat-cont-right .chat-header .media .media-img-wrap .avatar {
	height: 50px;
	width: 50px;
}

.chat-window .chat-cont-right .chat-header .media .media-img-wrap .status {
	border: 2px solid #fff;
	bottom: 0;
	height: 10px;
	position: absolute;
	right: 3px;
	width: 10px;
}

.chat-window .chat-cont-right .chat-header .media .media-body .user-name {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}

.chat-window .chat-cont-right .chat-header .media .media-body .user-status {
	color: #666;
	font-size: 14px;
}

.chat-window .chat-cont-right .chat-header .chat-options {
	display: flex;
}

.chat-window .chat-cont-right .chat-header .chat-options>a {
	align-items: center;
	border-radius: 50%;
	color: #8a8a8a;
	display: inline-flex;
	height: 30px;
	justify-content: center;
	margin-left: 10px;
	width: 30px;
}

.chat-window .chat-cont-right .chat-body {
	background-color: #f5f5f6;
}

.chat-window .chat-cont-right .chat-body ul.list-unstyled {
	margin: 0 auto;
	padding: 15px;
	width: 100%;
}

.chat-window .chat-cont-right .chat-body .media .avatar {
	height: 30px;
	width: 30px;
}

.chat-window .chat-cont-right .chat-body .media .media-body {
	margin-left: 20px;
}

.chat-window .chat-cont-right .chat-body .media .media-body .msg-box>div {
	padding: 10px 15px;
	border-radius: .25rem;
	display: inline-block;
	position: relative;
}

.chat-window .chat-cont-right .chat-body .media .media-body .msg-box>div p {
	color: #333;
	margin-bottom: 0;
}

.chat-window .chat-cont-right .chat-body .media .media-body .msg-box+.msg-box {
	margin-top: 5px;
}

.chat-window .chat-cont-right .chat-body .media.received {
	margin-bottom: 20px;
}

.chat-window .chat-cont-right .chat-body .media:last-child {
	margin-bottom: 0;
}

.chat-window .chat-cont-right .chat-body .media.received .media-body .msg-box>div {
	background-color: #fff;
}

.chat-window .chat-cont-right .chat-body .media.sent {
	margin-bottom: 20px;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-left: 0;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div {
	background-color: #e3e3e3;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div p {
	color: #333;
}

.chat-window .chat-cont-right .chat-body .chat-date {
	font-size: 14px;
	margin: 1.875rem 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-transform: capitalize;
}

.chat-window .chat-cont-right .chat-body .chat-date:before {
	background-color: #e0e3e4;
	content: "";
	height: 1px;
	margin-right: 28px;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 100%;
}

.chat-window .chat-cont-right .chat-body .chat-date:after {
	background-color: #e0e3e4;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: 28px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.chat-window .chat-cont-right .chat-footer {
	background-color: #fff;
	border-top: 1px solid #e0e3e4;
	padding: 10px 15px;
	position: relative;
}

.chat-window .chat-cont-right .chat-footer .input-group {
	width: 100%;
}

.chat-window .chat-cont-right .chat-footer .input-group .form-control {
	background-color: #f5f5f6;
	border: none;
	border-radius: 50px;
}

.chat-window .chat-cont-right .chat-footer .input-group .form-control:focus {
	background-color: #f5f5f6;
	border: none;
	box-shadow: none;
}

.chat-window .chat-cont-right .chat-footer .input-group .input-group-prepend .btn,
.chat-window .chat-cont-right .chat-footer .input-group .input-group-append .btn {
	background-color: transparent;
	border: none;
	color: #9f9f9f;
}

.chat-window .chat-cont-right .chat-footer .input-group .input-group-append .btn.msg-send-btn {
	background-color: #28993f;
	border-color: #28993f;
	border-radius: 50%;
	color: #fff;
	margin-left: 10px;
}

.msg-typing {
	width: auto;
	height: 24px;
	padding-top: 8px
}

.msg-typing span {
	height: 8px;
	width: 8px;
	float: left;
	margin: 0 1px;
	background-color: #a0a0a0;
	display: block;
	border-radius: 50%;
	opacity: .4
}

.msg-typing span:nth-of-type(1) {
	animation: 1s blink infinite .33333s
}

.msg-typing span:nth-of-type(2) {
	animation: 1s blink infinite .66666s
}

.msg-typing span:nth-of-type(3) {
	animation: 1s blink infinite .99999s
}

.chat-window .chat-cont-right .chat-body .media.received .media-body .msg-box {
	position: relative;
}

.chat-window .chat-cont-right .chat-body .media.received .media-body .msg-box:first-child:before {
	border-bottom: 6px solid transparent;
	border-right: 6px solid #fff;
	border-top: 6px solid transparent;
	content: "";
	height: 0;
	left: -6px;
	position: absolute;
	right: auto;
	top: 8px;
	width: 0;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box {
	padding-left: 50px;
	position: relative;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box:first-child:before {
	border-bottom: 6px solid transparent;
	border-left: 6px solid #e3e3e3;
	border-top: 6px solid transparent;
	content: "";
	height: 0;
	left: auto;
	position: absolute;
	right: -6px;
	top: 8px;
	width: 0;
}

.chat-msg-info {
	align-items: center;
	display: flex;
	clear: both;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
}

.chat-msg-info li {
	font-size: 13px;
	padding-right: 16px;
	position: relative;
}

.chat-msg-info li:not(:last-child):after {
	position: absolute;
	right: 8px;
	top: 50%;
	content: '';
	height: 4px;
	width: 4px;
	background: #d2dde9;
	border-radius: 50%;
	transform: translate(50%, -50%)
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after {
	right: auto;
	left: 8px;
	transform: translate(-50%, -50%);
	background: #aaa;
}

.chat-window .chat-cont-right .chat-body .media.received .media-body .msg-box>div .chat-time {
	color: rgba(50, 65, 72, 0.4);
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-time {
	color: rgba(50, 65, 72, 0.4);
}

.chat-msg-info li a {
	color: #777;
}

.chat-msg-info li a:hover {
	color: #2c80ff
}

.chat-seen i {
	color: #00d285;
	font-size: 16px;
}

.chat-msg-attachments {
	padding: 4px 0;
	display: flex;
	width: 100%;
	margin: 0 -1px
}

.chat-msg-attachments>div {
	margin: 0 1px
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-info {
	flex-direction: row-reverse;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-attachments {
	flex-direction: row-reverse
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-info li {
	padding-left: 16px;
	padding-right: 0;
	position: relative;
}

.chat-attachment img {
	max-width: 100%;
}

.chat-attachment {
	position: relative;
	max-width: 130px;
	overflow: hidden;
}

.chat-attachment {
	border-radius: .25rem;
}

.chat-attachment:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	content: "";
	opacity: 0.4;
	transition: all .4s;
}

.chat-attachment:hover:before {
	opacity: 0.6;
}

.chat-attach-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 7px 15px;
	font-size: 13px;
	opacity: 1;
	transition: all .4s;
}

.chat-attach-download {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .4s;
	color: #fff;
	width: 32px;
	line-height: 32px;
	background: rgba(255, 255, 255, 0.2);
	text-align: center;
}

.chat-attach-download:hover {
	color: #495463;
	background: #fff;
}

.chat-attachment:hover .chat-attach-caption {
	opacity: 0;
}

.chat-attachment:hover .chat-attach-download {
	opacity: 1;
}

.chat-attachment-list {
	display: flex;
	margin: -5px;
}

.chat-attachment-list li {
	width: 33.33%;
	padding: 5px;
}

.chat-attachment-item {
	border: 5px solid rgba(230, 239, 251, 0.5);
	height: 100%;
	min-height: 60px;
	text-align: center;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chat-window .chat-cont-right .chat-body .media.sent .media-body .msg-box>div:hover .chat-msg-actions {
	opacity: 1;
}

.chat-msg-actions {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .4s;
	z-index: 2;
}

.chat-msg-actions>a {
	padding: 0 10px;
	color: #495463;
	font-size: 24px;
}

.chat-msg-actions>a:hover {
	color: #2c80ff;
}

@keyframes blink {
	50% {
		opacity: 1
	}
}

.btn-file {
	align-items: center;
	display: inline-flex;
	font-size: 20px;
	justify-content: center;
	overflow: hidden;
	padding: 0 0.75rem;
	position: relative;
	vertical-align: middle;
}

.btn-file input {
	cursor: pointer;
	filter: alpha(opacity=0);
	font-size: 23px;
	height: 100%;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

/*-----------------
	21. Product
-----------------------*/

.product {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 1.875rem;
}

.product-inner {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.product-inner img {
	width: 100%;
	height: auto;
}

.product-inner .cart-btns {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cart-btns .btn {
	width: 120px;
	display: block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.cart-btns .btn+.btn {
	margin-top: 10px;
}

.product .pro-desc {
	margin-top: 10px;
}

.pro-desc .price {
	font-size: 18px;
	line-height: 20px;
	color: #333;
	font-weight: bold;
}

.product:hover .cart-btns {
	opacity: 1;
}

.pro-desc h5 {
	font-size: 1rem;
}

.pro-desc h5 a {
	color: #333;
}

.product-det {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	min-height: 40px;
}

.product-desc {
	padding: 0 0 0 70px;
}

.product-det>img {
	top: 0;
	width: 60px;
	position: absolute;
	left: 0;
}

.product-desc span,
.product-desc a {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

/*-----------------
	22. Product Details
-----------------------*/

.product-content {
	position: relative;
}

.product-content p {
	color: #333;
	margin: 0 0 20px;
}

.product-content p:last-child {
	margin-bottom: 0;
}

.proimage-thumb {
	float: left;
	list-style: none;
	padding: 0;
}

.proimage-thumb li {
	float: left;
	height: 60px;
	width: 80px;
	text-align: center;
	margin: 13px 12px 0 0;
}

.proimage-thumb li img {
	display: block;
	height: 62px;
	width: 81px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
}

.rated {
	color: #fc0;
}

.product_price {
	font-size: 30px;
	font-weight: bold;
}

.review-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.review-list li {
	clear: both;
	padding-left: 80px;
}

.review-list li .review {
	margin-bottom: 1.875rem;
}

.review-list li .review-author {
	margin-left: -80px;
	position: absolute;
}

.review-list li img.avatar {
	height: 58px;
	width: 58px;
	border-radius: 58px;
}

.review-by {
	display: block;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 10px;
}

.review-list .review-block p {
	line-height: 20px;
	margin: 0;
	text-align: justify;
}

.new-review label {
	font-size: 14px;
	font-weight: 500;
}

.new-review input.form-control {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: inherit;
	height: 40px;
}

.new-review textarea.form-control {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	box-shadow: inherit;
}

.new-review .form-group {
	margin-bottom: 20px;
}

.review-submit .btn {
	background-color: #00bf6f;
	border-color: #00bf6f;
	border-radius: 0;
	font-size: 18px;
	padding: 8px 26px;
	color: #fff;
}

.review-date {
	color: #999;
}

.review-author-name {
	font-size: 18px;
	margin-bottom: 0.5rem;
	display: inline-block;
}

.product-reviews {
	margin-bottom: 1.875rem;
}

.rating {
	display: flex;
}

.rating i+i {
	margin-left: 2px;
}

/*-----------------
	23. Profile
-----------------------*/

.profile-header {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	padding: 1.5rem;
}

.profile-menu {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	padding: 0.9375rem 1.5rem;
}

.profile-menu .nav-tabs.nav-tabs-solid {
	background-color: transparent;
}

.profile-header img {
	height: auto;
	max-width: 120px;
	width: 120px;
}

.profile-tab-cont {
	padding-top: 1.875rem;
}

.about-text {
	max-width: 500px;
}

.skill-tags span {
	background-color: #f4f4f5;
	border-radius: 4px;
	color: #66676b;
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	margin: 2px 0;
	padding: 5px 15px;
}

.edit-link {
	color: #66676b;
	font-size: 16px;
	margin-top: 4px;
}

.cal-icon {
	position: relative;
	width: 100%;
}

.cal-icon:after {
	color: #979797;
	content: "\f073";
	display: block;
	font-family: "FontAwesome";
	font-size: 15px;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 10px;
}

.form-title {
	width: 100%;
	max-width: 100%;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: inherit;
	color: #333;
	white-space: normal;
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.form-title:before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	height: 1px;
	top: 50%;
	background-color: rgba(0, 0, 0, 0.1);
}

.form-title span {
	padding: 0px 0.5rem 0 0;
	background-color: #fff;
	display: inline-block;
	z-index: 2;
	position: relative;
}

/*-----------------
	24. Template Options
-----------------------*/

.skin-settings {
	z-index: 999;
	position: fixed;
	top: 50%;
	width: 190px;
	border: 0;
	box-shadow: none;
	padding: 0;
	border-bottom-left-radius: 2px;
	right: -190px;
	background: #fff;
	transition: all 0.4s ease;
}

.skin-settings.active {
	right: 0;
	transition: all 0.4s ease;
}

.skin-settings .skin-sett-icon {
	background-color: #fff;
	border-bottom-left-radius: 2px;
	border-color: #e0e0e0;
	border-style: solid;
	border-top-left-radius: 2px;
	border-width: 1px 0 1px 1px;
	color: #666;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	height: 48px;
	left: -47px;
	line-height: 48px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 48px;
}

.skin-settings .skin-sett-body {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	color: #616161;
	padding: 14px 10px;
}

.skin-sett-body h4 {
	color: #666;
	font-size: 1.125rem;
}

.skin-settings .skin-colors {
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.skin-settings .skin-colors>li {
	display: inline-block;
}

.skin-settings .skin-colors li a {
	border-radius: 2px;
	cursor: pointer;
	display: block;
	height: 36px;
	margin: 0 3px;
	position: relative;
	width: 36px;
}

.skin-settings .skin-colors .skin-red {
	background-color: #c12942;
}

.skin-settings .skin-colors .skin-orange {
	background-color: #ff7000;
}

.skin-settings .skin-colors .skin-teal {
	background: linear-gradient(to right, #00a0b0 0%, #00d2e6 100%);
}

.skin-settings .skin-colors .skin-purple {
	background-color: #28993f;
}

.skin-settings .skin-colors li a.active:after {
	color: #fff;
	content: "\f00c";
	display: block;
	font-family: "FontAwesome";
	font-size: 15px;
	left: 50%;
	margin: auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}



.review-content {
	position: relative;
	padding: 10px;
	border: 1px solid #28993f;
	border-left-width: 8px;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 500;
}

.checkin {
	font-size: 30px;
	padding: 40px;
	margin: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: blinking 1s infinite;
}

.checkintab{
	/* flex-direction: column; */
	font-weight: 500;
    font-size: 1.3rem;
    line-height: 23px;
    white-space: nowrap;
    padding: 10px;
    margin: 0px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: blinking 1s infinite;
}

.checkintab img {
	width: 40px;
}



.boardingnow{
	font-weight: 500;
    font-size: 1.3rem;
    line-height: 23px;
    white-space: nowrap;
    padding: 10px;
    margin: 0px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boardingnow img {
	width: 40px;
}

.checkintab1{
	/* flex-direction: column; */
	font-weight: 500;
    font-size: 1.3rem;
    line-height: 23px;
    white-space: nowrap;
    padding: 10px;
    margin: 0px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* animation: blinking 1s infinite; */
}

.checkintab1 img {
	width: 40px;
}

.checkouttab{
	flex-direction: column;
    font-size: 20px;
    white-space: nowrap;
    padding: 10px;
    margin: 0px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: blinking1 1s infinite;
}

.checkouttab img {
	width: 40px;
}

.checkout {
	font-size: 30px;
	padding: 40px;
	margin: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: blinking1 1.5s infinite;
}

.checkin img,
.checkout img {
	width: 70px;
}

.card.newcard .card-body {
    padding: .6rem;
}

@keyframes blinking {
	0% {
		background-color: #28993f;
		border: 5px solid #28993f;
	}

	100% {
		background-color: #0d7021;
		border: 5px solid #0d7021;
	}
}

@keyframes blinking1 {
	0% {
		background-color: #e84646;
		border: 5px solid #e84646;
	}

	100% {
		background-color: #a90404;
		border: 5px solid #a90404;
	}
}



.doctor-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.doc-info-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex: 1;
}

.doc-info-right {
	margin-left: 20px;
    display: flex;
    flex: 1;
}

.doctor-img {
	-ms-flex: 0 0 150px;
	flex: 0 0 150px;
	margin-right: 20px;
	width: 150px;
}

.doctor-img img {
	border-radius: 5px;
}

.doc-department {
	color: #20c0f3;
	font-size: 14px;
	margin-bottom: 8px;
}

.doc-department img {
	width: 19px;
	display: inline-block;
	margin-right: 10px;
}

.doc-location {
	color: #757575;
	font-size: 14px;
	margin-bottom: 25px;
}

.doc-location a {
	color: #09e5ab;
	font-weight: 500;
}

.doctor-widget .doc-name {
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 3px;
	color: #000;
}

.doc-speciality {
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
	margin-top: 5px;
}

.clinic-details {
	margin-bottom: 15px;
}

.clinic-details h5 {
	font-weight: normal;
	color: #757575;
	margin-bottom: 25px;
}

.clinic-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.clinic-details ul li {
	display: inline-block;
	padding-right: 5px;
}

.clinic-details ul li:last-child {
	padding-right: 0;
}

.clinic-details ul li a {
	display: inline-block;
}

.clinic-details ul li a img {
	border-radius: 5px;
	width: 40px;
}

.clinic-services {
	color: #272b41;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.clinic-services span {
	border: 1px solid #28993f;
	border-radius: 4px;
	display: inline-block;
	font-size: 15px;
	padding: 3px 10px;
	background: #28993f;
	color: #fff;
	margin-bottom: 8px;
}

.clinic-services span+span {
	margin-left: 5px;
}

.clini-infos {
	margin-bottom: 15px;
}

.clini-infos ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.clini-infos ul li {
	display: block;
	line-height: 30px;
	color: #4E4852;
}

.clini-infos ul li i {
	font-size: 15px;
	min-width: 30px;
}

.clinic-booking a+a {
	margin-top: 15px;
}

/*-----------------
	17. Doctor Profile
-----------------------*/


.services {
	width: 100%;
	font-size: 20px;
	line-height: 25px;
	padding: 20px;
	margin: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.services img {
	width: 50px;
}


.customlength {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	height: 135px;
	background: #2c2c2c;
	border-radius: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0px;
}

.chekinlogin{
    max-height: calc(100vh - 35px);
    overflow-y: auto;
}

.customlength.active::after {
    background: #307833;
    border-radius: 8px;
}


.length_session {
	padding-left: 20px;
	padding-right: 50px;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 30px;
	color: #FFFFFF;
	z-index: 9;
}

.customlength input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.customlength .checkmark {
	position: absolute;
	right: 10px;
	height: 32px;
	width: 32px;
	z-index: 9;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid #000;
}


.customlength:hover input~.checkmark {
	background-color: #fff;
}

.customlength input:checked~.checkmark {
	background-color: #ffffff;
	border: 2px solid #fff;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.customlength input:checked~.checkmark:after {
	display: block;
}

.customlength .checkmark:after {
	top: 9px;
	left: 7px;
	width: 14px;
	height: 12px;
	background: url(../img/locationcheckgreeen.png) no-repeat center;
}



/* =======Additional Services===== */


.AddService {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	height: 80px;
	background: #f1f1f1;
    border: 1px solid #ddd;
	border-radius: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0px;
}

.AddService.active{
	background: #307833;
}


.service_type {
	padding-left: 20px;
	padding-right: 50px;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	color: #000;
}

.AddService input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.AddService .checkmark {
	position: absolute;
	right: 10px;
	height: 24px;
    width: 24px;
	background-color: #fff;
	border-radius: 2px;
	border: 2px solid #000;
}


.AddService:hover input~.checkmark {
	background-color: #fff;
}

.AddService input:checked~.checkmark {
	background-color: #ffffff;
	border: 2px solid #307833;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.AddService input:checked~.checkmark:after {
	display: block;
}

.AddService .checkmark:after {
	top: 4px;
    left: 3px;
	width: 14px;
	height: 12px;
	background: url(../img/locationcheckgreeen.png) no-repeat center;
}

/* =======Additional Services===== */


.wizard .nav-tabs {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: transparent;
}

.wizard>div.wizard-inner {
	position: relative;
	margin-bottom: 50px;
	text-align: center;
}

.connecting-line {
	height: 0px;
	background: #e0e0e0;
	position: absolute;
	width: 75%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 15px;
	z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

span.round-tab {
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-weight: 600;
	font-size: 35px;
	line-height: 48px;
	color: #8C8C8C;
	border: 2px solid #8C8C8C;
}

span.round-tab i {
	color: #555555;
}

.wizard li.active span.round-tab {
	background: #055052;
	color: #fff;
	border-color: #055052;
}

.wizard li.active span.round-tab i {
	color: #5bc0de;
}

.wizard .nav-tabs>li.active>a i {
	color: #333333;
}

.wizard .nav-tabs>li {
	width: 33.3%;
	position: relative;
	display: inline-block;
}

.wizard .nav-tabs>li:after {
	content: " ";
	position: absolute;
	left: 75%;
	top: 15px;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	background-image: url(../img/Arrow1.png);
	height: 8px;
	width: 102px;
	background-repeat: no-repeat;
}

.wizard .nav-tabs>li:last-child::after {
	display: none;
}


.wizard li.complete span.round-tab {
	color: #00CC82;
	border: 1px solid #00CC82;
}

.wizard li.complete span.round-tab::after {
	content: "";
	width: 25px;
	height: 24px;
	background-image: url('../img/check.jpg');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 4px;
	top: 5px;
	background-size: 22px;
}

.wizard li.complete span.round-tab i {
	color: #5bc0de;
}

.wizard .nav-tabs>li.complete>a i {
	color: #00CC82;
}

.wizard .nav-tabs>li a {
	width: 30px;
	height: 30px;
	margin: 0px auto;
	border-radius: 100%;
	padding: 0;
	background-color: transparent;
	position: relative;
	top: 0;
	display: block;
}

.wizard .nav-tabs>li a i {
	position: relative;
	top: 60px;
	white-space: nowrap;
	font-style: normal;
	font-size: 24px;
	line-height: 36px;
	color: #8C8C8C;
	display: block;
	text-align: center;
	width: 100%;
}

.wizard .nav-tabs>li a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
	padding-top: 20px;
}


.wizard h3 {
	margin-top: 0;
}

.next-step,
.signupnow {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 118.2%;
	color: #FFFFFF;
	border: none;
	margin-top: 0px;

	background: #BA0000;
	box-shadow: 0px 6px 16px rgb(232 65 24 / 25%), 0px 16px 24px rgb(232 65 24 / 9%);
	border-radius: 29px;
	padding: 12px 15px;
	width: 100%;
}

.prev-step {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 118.2%;
	color: #FFFFFF;
	border: none;
	margin-top: 0px;

	background: #ffb03b;
	box-shadow: 0px 6px 16px rgb(232 65 24 / 25%), 0px 16px 24px rgb(232 65 24 / 9%);
	border-radius: 29px;
	padding: 12px 15px;
	width: 100%;
}



.newsignuplabel {
	font-family: SuisseScreen-Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	color: #555555;
	margin-bottom: 5px;
}

.newinputselect {
	background: #FFFFFF;
	border: 1px solid #CECECE;
	border-radius: 10px;
	font-family: SuisseScreen-Regular;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #555555;
	padding: 10px 17px;
}

.mb-17 {
	margin-bottom: 17px;
}

.singup_links_div {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 70%;
	margin-left: 15%;
}

.newinputselect::placeholder {
	color: #B7B7B7;
}

.sinup_link {

	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 138.7%;
	color: #000000;
}

.dot {
	display: inline-block;
	width: 6.38px;
	height: 6.38px;
	background: #000000;
	border-radius: 50%;
}

.mt-150 {
	margin-top: 150px;
}

.mt-42 {
	margin-top: 42px;
}

.min-height {
	min-height: calc(100vh - 85px);
}

.sign-heading {

	font-style: normal;
	font-weight: 600;
	font-size: 50px;
	line-height: 118.2%;
	color: #333333;
}

.plan_proceed {

	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background: #BA0000;
	opacity: 0.4;
	border-radius: 29px;
	display: inline-block;
	padding: 12px 24px;
	margin-top: 16px;
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
}


.plan_name {

	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 118.2%;
	color: #000000;
	text-align: center;
}

.plan_box {
	background: rgba(5, 80, 82, 0.07);
	border-radius: 10px;
	width: 100%;
	min-height: 95%;
	padding: 37px 31px;
	position: relative;

}

.plan_cost {

	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #000000;
}

.plan_price {

	font-style: normal;
	font-weight: 275;
	font-size: 55px;
	line-height: 65px;
	letter-spacing: -0.015em;
	color: #000000;
}

button.plan_price {

	font-style: normal;
	font-weight: 275;
	font-size: 55px;
	line-height: 65px;
	letter-spacing: -0.015em;
	color: #000000;
	border: 0;
	background-color: transparent;
}

.plan_price span {
	font-family: SuisseScreen-Regular;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 118.2%;
	color: #000000;
}

.patient-info {
    margin-top: 0px;
}

.patient-info ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.patient-info ul li {
	position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #525252;
    text-transform: capitalize;
}

.patient-info ul li span {
	color: #000;
    float: left;
    font-weight: 500;
    width: 100px;
}

.br-5{
	border-radius: 5px;
    -webkit-border-radius:5px;
}


/*=========Keyboard==========*/
#container {
	margin: 10px  auto 0 auto;
	width: 100%;
}

.write {
	margin: 5px 0 0px;
    padding: 5px;
    width: 100%;
    height: 42px;
    background: #fff;
    border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
}

.keyboard {
	margin: 0;
    padding: 15px;
    list-style: none;
    background: #ddd;
    height: 100%;
    float: left;
    border-radius: 5px;
	width: 100%;
}

.keyboard li {
	float: left;
	margin: 0 1% 5px 0;
	width: 9%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
    font-weight: 600;
	font-size: 20px;
}

.keyboard1 li {
	float: left;
	margin: 0 1% 5px 0;
	width: 9%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
    font-weight: 600;
	font-size: 20px;
}

.capslock,
.tab,
.left-shift {
	clear: left;
}

.keyboard .tab,
.keyboard .delete {
	width: 70px;
}

.keyboard .capslock {
	width: 80px;
}

.keyboard .return {
	width: 77px;
}

.keyboard .left-shift {
	width: 95px;
}

.keyboard .right-shift {
	width: 109px;
}

.lastitem {
	margin-right: 0;
}

.uppercase {
	text-transform: uppercase;
}

.keyboard .space {
	clear: left;
	width: 681px;
}

.on {
	display: none;
}

.keyboard li:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #e5e5e5;
	cursor: pointer;
}

.modal-dialog.modal-confirm{
	margin-top: 8rem;
}

.success-cont {
    text-align: center;
}

.success-cont i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 60px;
    height: 60px;
    border: 2px solid #28993f;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    font-size: 30px;
    margin-bottom: 30px;
    background-color: #28993f;
}
.success-cont h3 {
    font-size: 24px;
}
.success-cont p {
    margin-bottom: 30px;
}

.view-inv-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 30px;
}

.over-y{overflow-y:auto ;}
.max-h-400{
	max-height: calc(100vh - 370px);
}

#cus-pet>thead {
    vertical-align: bottom;
    position: sticky;
    z-index: 9;
    top: 0px;
    background: #ffffff;
}

#cus-pet tr.disabled td,
#cus-petCheckout tr.disabled td {
    background-color: #f5f5f5;
    color: #ddd;
    cursor: not-allowed !important;
}

.daycare {
    /* background-image: url(../img/dog/daycare.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.Boarding {
    background-image: url(../img/dog/boarding.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.Bath {
    background-image: url(../img/dog/bath.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.daycare::after, .Boarding::after, .Bath::after{
	background: #000;
    content: "";
    display: block;
    height: 100%;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8;
	border-radius: 8px;
}

.showmobile{
	display: none;
}

.appointment-list{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.appointment-list .profile-info-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}


.profile-det-info {
    overflow: hidden;
}

.profile-det-info h3 {
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.patient-details{
	display: flex;
	align-items: center;
}

.patient-details h5 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-right: 15px;
}

.patient-details h5 i {
    width: 18px;
	margin-right: 5px;
}
.dropzone {
    background-color: #fbfbfb;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}

.dz-error-mark{
	display: none!important;
}

.dogselection{
	display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    height: 60px;
	background: #fff;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
	padding-left: 10px;
}

.dogselection .d-flex.align-items-center {
    width: calc(100% - 50px);
}

.dogselection.active{
	background-color: #00bf6f;
}

.dogselection.active .doc-name{
	color: #fff;
}

.dogselection input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.dogselection .checkmark {
    position: absolute;
    right: 10px;
    height: 32px;
    width: 32px;
    z-index: 9;
    background-color: #fff;
    border-radius: 0%;
    border: 2px solid #000;
}

.dogselection .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.dogselection .checkmark:after {
    top: 9px;
    left: 7px;
    width: 14px;
    height: 12px;
    background: url(../img/locationcheckgreeen.png) no-repeat center;
}

.dogselection input:checked~.checkmark:after {
    display: block;
	background: url(../img/checkwhite.png) no-repeat center;
}

.dogselection input:checked~.checkmark {
	background-color: #28993f;
    border: 2px solid #28993f;
}


.widget-profile {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.widget-profile .profile-info-widget {
	display: block;
	text-align: center;
	position: relative;
}
.widget-profile .profile-info-widget .booking-doc-img {
    display: inline-block;
    margin: 0 0 0px;
    width: auto;
    padding: 8px;
    background-color: #f7f7f7;
    border-radius: 50%;
}
.widget-profile .profile-info-widget .booking-doc-img img {
	border-radius: 5px;
    width: 200px;
	height: auto;
	display: block;
	max-width: 200px;
	max-height: 200px;
}

.pro-widget-content {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 5px;
    text-align: center;
}
.dog-details h5 {
    color: #757575;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dog-info{
	margin-top: 10px;
}
.dog-info ul {
    padding: 0;
    list-style: none;
    font-size: .875rem;
    margin: 0;
}

.dog-info ul li {
    position: relative;
    font-size: 15px;
	margin-bottom: 5px;
    font-weight: 500;
    color: #272b41;
    text-transform: capitalize;
}

.dog-info ul li span {
	color: #757575;
    float: left;
    font-weight: 400;
    min-width: 135px;
}

.vaccExp.dog-info ul li span{
    color: #757575;
    float: left;
    font-weight: 400;
    min-width: 180px;
}
.profile-dog-info{
	overflow: hidden;
}

.profile-dog-info h3 {
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.editDog{
	position: absolute;
	right: 0;
	bottom: 5px;
}

.editCus{
	position: absolute;
	right: 10px;
	bottom: 0px;
	top: 0;
	margin: auto;
	height: 34px;
}
.flex-1{
	flex:1;
}

.flex-1> .card.widget-profile{
	height: 100%;
}

.vaccination_doc{
	text-align: left;
    padding-left: 4px;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    list-style-type: none;
    width: 100%;
	display: block;
}

.vaccination_doc li {
    font-size: 15px;
    font-weight: 400;
    color: #5f6771;
	width: 100%;
}

.vaccination_doc li {
    font-size: 15px;
    font-weight: 400;
    color: #5f6771;
	width: 100%;
	position: relative;
	display: flex;
    align-items: center;
	padding: 8px 0;
    border-bottom: 1px solid #ddd;
}

.vaccination_doc li:last-child{
	border-bottom: 0px solid #ddd;
}

.vaccination_doc li span{
   display: inline-block;
   width: calc(100% - 40px);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.vaccination_doc li .downloadfile {
	width: 34px;
	margin-left: 6px;
    position: relative;
    right: 0;
    z-index: 1;
    top: 0;
}

.change-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.change-avatar .profile-img {
    margin-right: 15px;
}

.change-avatar .profile-img img {
    border-radius: 4px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.change-photo-btn {
    background-color: #20c0f3;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 15px;
    position: relative;
    transition: .3s;
    text-align: center;
    width: 220px;
}
.change-photo-btn input.upload {
    bottom: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
}

.change-avatar .change-photo-btn {
    margin: 0 0 10px;
    width: 150px;
}


.custom_check {
    color: #000;
    display: inline-block;
    position: relative;
	line-height: 20px;
    font-size: 18px;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 3px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom_check input:checked ~ .checkmark{
	border: 1px solid #28993f;
}

.custom_check .checkmark::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    display: none;
    left: 4px;
    top: 0;
    color: #28993f;
    font-size: 11px;
}

.custom_check input:checked ~ .checkmark:after {
    display: block;
}

.w-120{
	width: 150px;
}

.text-line-through{
	text-decoration: line-through;
}

select option[value="pending"] {
	background: #e84646 ;
	color: #fff;
  }

  select option[value="complete"] {
	background: #28993f ;
	color: #fff;
  }

  /* .badge-pill {
    border-radius: 0.25rem;
} */

.select_badge{width: 80px;
    padding: 0.2rem 0!important;
    height: 27.25px;}

.user-tabs	.nav-link {
		display: block;
		padding: 0.5rem 0.4rem;
		font-size: 15px;
    font-weight: 500;
	}

.rotate180{transform: rotate(180deg);}
.w-90{
	width: 90px;
}
.w-120 {
    width: 120px;
}

.notadd.btn{
    position: absolute;
    right: -10px;
    top: -10px;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
    cursor: pointer;
    z-index: 9;
}
.notadd:hover, .notadd:focus{
    color: #fff;
}

.checkinoutother{
	padding-right: 0px;
	padding-left: 15px;
}

.boardingpadding{
	padding-left: 0px!important;
}

/*-----------------
	25. Responsive
-----------------------*/

@media only screen and (min-width:768px) {
	.avatar-xxl {
		width: 8rem;
		height: 8rem;
	}

	.avatar-xxl .border {
		border-width: 4px !important;
	}

	.avatar-xxl .rounded {
		border-radius: 12px !important;
	}

	.avatar-xxl .avatar-title {
		font-size: 42px;
	}

	.avatar-xxl.avatar-away:before,
	.avatar-xxl.avatar-offline:before,
	.avatar-xxl.avatar-online:before {
		border-width: 4px;
	}
}

@media only screen and (min-width: 992px) {
	#toggle_btn {
		align-items: center;
		color: #333;
		display: inline-flex;
		float: left;
		font-size: 30px;
		height: 60px;
		justify-content: center;
		margin-left: 15px;
		padding: 0 15px;
	}

	.mini-sidebar .header-left .logo img {
		height: auto;
		max-height: 40px;
		width: auto;
	}

	.mini-sidebar .header .header-left .logo {
		display: none;
	}

	.mini-sidebar .header-left .logo.logo-small {
		display: block;
	}

	.mini-sidebar .header .header-left {
		padding: 0 5px;
		width: 78px;
	}

	.mini-sidebar .sidebar {
		width: 78px;
	}

	.mini-sidebar.expand-menu .sidebar {
		width: 240px;
	}

	.mini-sidebar .menu-title {
		visibility: hidden;
		white-space: nowrap;
	}

	.mini-sidebar.expand-menu .menu-title {
		visibility: visible;
	}

	.mini-sidebar .menu-title a {
		visibility: hidden;
	}

	.mini-sidebar.expand-menu .menu-title a {
		visibility: visible;
	}

	.modal-open.mini-sidebar .sidebar {
		z-index: 1051;
	}

	.mini-sidebar .sidebar .sidebar-menu ul>li>a span {
		display: none;
		transition: all 0.2s ease-in-out;
		opacity: 0;
	}

	.mini-sidebar.expand-menu .sidebar .sidebar-menu ul>li>a span {
		display: inline;
		opacity: 1;
	}

	.mini-sidebar.expand-menu .sidebar .sidebar-menu>ul>li>a i {
		font-size: 24px;
		width: 20px;
	}

	.mini-sidebar .page-wrapper {
		margin-left: 78px;
	}
}

@media only screen and (max-width: 1400px) {

	.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
	.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat {
		max-width: 180px;
	}
}

@media only screen and (max-width: 1199px) {

	.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
	.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat {
		max-width: 150px;
	}

	.chat-window .chat-cont-left {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.chat-window .chat-cont-right {
		flex: 0 0 60%;
		max-width: 60%;
	}
}

@media only screen and (max-width: 991.98px) {
	.header .header-left {
		position: absolute;
		width: 100%;
	}
	.checkinoutother{
		padding-right: 15px;
		padding-left: 15px;
	}

	.mobile_btn {
		color: #333 !important;
		cursor: pointer;
		display: block;
		font-size: 24px;
		height: 60px;
		left: 0;
		line-height: 60px;
		padding: 0 15px;
		position: absolute;
		text-align: center;
		top: 0;
		z-index: 10;
	}

	#toggle_btn {
		display: none;
	}

	.top-nav-search {
		display: none;
	}

	.login-wrapper .loginbox .login-left {
		padding: 10px 10px;
		width: 100%;
		/* max-height: 50vh;
    min-height: 50vh; */
	}
	.login-wrapper .loginbox .login-left img {
		width: 70px;}

		.login-wrapper .loginbox .login-left h2 {
			font-size: 20px;}

	.login-wrapper .loginbox .login-right {
		padding: 10px;
		width: 100%;
	}

	.sidebar {
		margin-left: -225px;
		width: 225px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
		z-index: 1041;
	}

	.page-wrapper {
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.chat-window .chat-scroll {
		max-height: calc(100vh - 255px);
	}

	.chat-window .chat-cont-left,
	.chat-window .chat-cont-right {
		flex: 0 0 100%;
		max-width: 100%;
		transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;
		width: 100%;
	}

	.chat-window .chat-cont-left {
		border-right: 0;
	}

	.chat-window .chat-cont-right {
		position: absolute;
		right: calc(-100% + -1.875rem);
		top: 0;
	}

	.chat-window .chat-cont-right .chat-header {
		justify-content: start;
	}

	.chat-window .chat-cont-right .chat-header .back-user-list {
		display: block;
	}

	.chat-window .chat-cont-right .chat-header .chat-options {
		margin-left: auto;
	}

	.chat-window.chat-slide .chat-cont-left {
		left: calc(-100% + -1.875rem);
	}

	.chat-window.chat-slide .chat-cont-right {
		right: 0;
	}

	.sidebar-overlay.opened {
		display: block;
	}

	.login-wrapper .loginbox {
		display: BLOCK;
		margin: 8px auto;
		max-width: 100%;
		min-height: 100%;
		width: 100%;
		box-shadow: none;
	}

	.sub-title {
		font-size: 24px;
	}
	.doc-info-left{
		flex: 1;
	}
	.doc-info-right {
		margin-left: 0px;
		display: flex;
		flex: 1;
	}


}

	@media only screen and (max-width: 767.98px) {
        .listview {
            position: absolute;
            right: 15px !important;
        }

		.checkintab {
			display: block;
		}



		.checkintab i, .homebtn i, .checkintab1 i{display: block;}

		span.round-tab{
			width: 40px;
			height: 40px;
			font-size: 26px;
			line-height: 38px;
		}

		.wizard .nav-tabs>li a i {
			position: relative;
			top: 45px;
			white-space: nowrap;
			font-style: normal;
			font-size: 16px;
			line-height: 30px;
			color: #8C8C8C;
			display: block;
			text-align: center;
			width: 100%;
		}

		.checkin, .checkout{
			width: 100%;
			margin: 0px;
			margin-bottom: 30px;
		}

		.tab-content {
			padding-top: 0px;
		}

		body {
			font-size: 0.9375rem;
		}

		h1,
		.h1 {
			font-size: 2rem;
		}

		h2,
		.h2 {
			font-size: 1.75rem;
		}

		h3,
		.h3 {
			font-size: 1.5rem;
		}

		h4,
		.h4 {
			font-size: 1.125rem;
		}

		h5,
		.h5 {
			font-size: 1rem;
		}

		h6,
		.h6 {
			font-size: 0.875rem;
		}

		.header .has-arrow .dropdown-toggle:after {
			display: none;
		}

		.user-menu.nav>li>a>span:not(.user-img) {
			display: none;
		}

		.navbar-nav .open .dropdown-menu {
			float: left;
			position: absolute;
		}

		.navbar-nav.user-menu .open .dropdown-menu {
			left: auto;
			right: 0;
		}

		.header .header-left {
			padding: 0 15px;
		}

		.header .header-left .logo {
			display: none;
		}

		.header-left .logo.logo-small {
			display: inline-block;
		}

		.login-wrapper .loginbox {
			display: block;
		}

		.login-wrapper .loginbox .login-left {
			display: block;
			width: 100%;
			padding: 20px 30px;
			text-align: center;
		}

		.login-wrapper .loginbox {
			max-width: 100%;
			min-height: unset;
			box-shadow: none;
		}

		.login-wrapper .loginbox .login-right {
			float: none;
			padding: 10px 0;
			width: 100%;
		}

		.invoice-container {
			padding: 20px;
		}

		.left-action {
			text-align: center;
			margin-bottom: 15px;
		}

		.right-action {
			text-align: center;
		}

		.top-action-left .float-left {
			float: none !important;
		}

		.top-action-left .btn-group {
			margin-bottom: 15px;
		}

		.top-action-right {
			text-align: center;
		}

		.top-action-right a.btn.btn-white {
			margin-bottom: 15px;
		}

		.mail-sent-time {
			float: left;
			margin-top: 10px;
			width: 100%;
		}

		.profile-btn {
			flex: 0 0 100%;
			margin-top: 20px;
		}

		.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
		.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat {
			max-width: 250px;
		}

		.app-dropdown {
			display: none;
		}

		.edit-link {
			font-size: 0.875rem;
			margin-top: 0;
		}

		.product_price {
			font-size: 1.5rem;
		}

		.login-wrapper .loginbox .login-right h1 {
			font-size: 22px;
		}

		.error-box h1 {
			font-size: 6em;
		}

		.error-box .btn {
			font-size: 15px;
			min-width: 150px;
			padding: 8px 20px;
		}

		.dash-count {
			font-size: 16px;
		}

		.doctor-widget {
			-ms-flex-direction: column;
			flex-direction: column;
			text-align: center;
		}

		.doc-info-left {
			-ms-flex-direction: column;
			flex-direction: column;
		}

		.doctor-img {
			margin: 0 auto 20px;
			width: 100% !important;
		}

		.doc-info-right {
			margin-left: 0 !important;
			-ms-flex: 0 0 100% !important;
			flex: 0 0 100% !important;
			max-width: 100% !important;
			text-align: left;
		}

		.doc-info-cont {
			text-align: left;
		}

		.admin-login-wrapper .admin-loginbox .admin-login-left {
			display: none;
		}

		.admin-login-wrapper .admin-loginbox .admin-login-right {
			float: none;
			padding: 1.875rem;
			width: 100%;
		}
		.admin-login-wrapper .admin-loginbox .admin-login-right h1 {
			font-size: 22px;
		}

		.admin-login-wrapper .admin-loginbox {
			max-width: 450px;
			min-height: unset;
		}


	}

	@media only screen and (max-width: 575.98px) {
		.card {
			margin-bottom: 0.9375rem;
		}

		.page-wrapper>.content {
			padding: 0.9375rem 0.9375rem 0;
		}

		.chat-window {
			margin-bottom: 0.9375rem;
		}

		.card-body {
			padding: 1.25rem;
		}

		.card-header {
			padding: .75rem 1.25rem;
		}

		.card-footer {
			padding: .75rem 1.25rem;
		}

		.card-chart .card-body {
			padding: 5px;
		}

		.page-header {
			margin-bottom: 0.9375rem;
		}

		.account-wrapper {
			padding: 0.9375rem;
		}

		.pagination-lg .page-link {
			font-size: 1.2rem;
			padding: 0.5rem 0.625rem;
		}

		.profile-image {
			flex: 0 0 100%;
			margin-bottom: 20px;
			text-align: center;
		}

		.profile-user-info {
			text-align: center;
		}

		.profile-btn {
			text-align: center;
		}

		.invoice-details,
		.invoice-payment-details>li span {
			float: left;
			text-align: left;
		}

		.fc-toolbar .fc-right {
			display: inline-block;
			float: none;
			margin: 10px auto 0;
			width: 200px;
			clear: both;
		}

		.fc-toolbar .fc-left {
			float: none;
			margin: 0 auto;
			width: 200px;
		}

		.fc-toolbar .fc-center {
			display: inline-block;
			width: 100%;
			text-align: center;
		}

		.fc-toolbar .fc-center h2 {
			width: 100%;
		}

		.profile-tab-cont {
			padding-top: 1.25rem;
		}

		.chat-window .chat-cont-right .chat-header .media .media-body {
			display: none;
		}

.searchtop{
	display: block!important;
}

.searchtop .checkintab i, .searchtop .homebtn i, .searchtop .checkintab1 i {
    display: inline-block;
}

.searchtop .showmobile{
	float: right;
	padding: 0.8rem!important;
    font-size: 16px;
    display: block;

}

#add_site{
    margin-right: 0px;
    margin-bottom: 0px;
}

.searchtop .homebtn{
	padding: 0.8rem!important;
    font-size: 16px;

}

.searchtop 	.homebtn i {
	display: inline-block;
}

.searchtop .showtab{
	display: none;
}

.searchformobile{
	margin-top:20px;
}

.searchformobile .btn{
	padding: 0.5rem!important;
    display: flex;
    min-width: 124px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.keyboard{
	padding: 10px;
}

.keyboard li {
	font-size: 18px;
    width: 32px;
}

.card-table .table td, .card-table .table th {
	font-size: 15px;
    font-weight: 400;
}
.customlength {
	height: 120px;
}
.length_session {
	font-size: 22px;
    line-height: 28px;
}

.btn.next, .btn.back{
	padding:.5rem .8rem!important;
	font-size: 1rem;
}

.btn.next img {
    width: 24px;
}

.checkin{
	font-size: 24px;
    padding: 15px;
    display: block;
    background: #28993f;
    min-height: 80px;
	display: flex;
}

.checkout{
	font-size: 24px;
    padding: 15px;
    display: block;
    background: #e84646;
    min-height: 80px;
	display: flex;
}

.checkin img, .checkout img{
	width: 50px;
}




	}

	@media only screen and (max-width: 479px) {
		.add-btn {
			font-size: 14px;
			padding: 6px 7px;
		}

		.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
		.chat-window .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat {
			max-width: 160px;
		}

		.page-header .breadcrumb {
			display: none;
		}
	}


	/* adding col-xxl */
	.col-xxl,
	.col-xxl-1,
	.col-xxl-2,
	.col-xxl-3,
	.col-xxl-4,
	.col-xxl-5,
	.col-xxl-6,
	.col-xxl-7,
	.col-xxl-8,
	.col-xxl-9,
	.col-xxl-10,
	.col-xxl-11,
	.col-xxl-12,
	.col-xxl-auto {
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	@media (min-width: 1570px) {

		/* expanding BS4 max-width */
		.container {
			max-width: 1540px;
		}

		/* grid columns xxl */
		.col-xxl {
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			max-width: 100%;
		}

		.col-xxl-auto {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			width: auto;
			max-width: none;
		}

		.col-xxl-1 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 8.333333%;
			flex: 0 0 8.333333%;
			max-width: 8.333333%;
		}

		.col-xxl-2 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}

		.col-xxl-3 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}

		.col-xxl-4 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}

		.col-xxl-5 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 41.666667%;
			flex: 0 0 41.666667%;
			max-width: 41.666667%;
		}

		.col-xxl-6 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}

		.col-xxl-7 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 58.333333%;
			flex: 0 0 58.333333%;
			max-width: 58.333333%;
		}

		.col-xxl-8 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
			max-width: 66.666667%;
		}

		.col-xxl-9 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 75%;
			flex: 0 0 75%;
			max-width: 75%;
		}

		.col-xxl-10 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
			max-width: 83.333333%;
		}

		.col-xxl-11 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 91.666667%;
			flex: 0 0 91.666667%;
			max-width: 91.666667%;
		}

		.col-xxl-12 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}

		/* order xxl */
		.order-xxl-0 {
			-webkit-box-ordinal-group: 1;
			-ms-flex-order: 0;
			order: 0;
		}

		.order-xxl-1 {
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
			order: 1;
		}

		.order-xxl-2 {
			-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
			order: 2;
		}

		.order-xxl-3 {
			-webkit-box-ordinal-group: 4;
			-ms-flex-order: 3;
			order: 3;
		}

		.order-xxl-4 {
			-webkit-box-ordinal-group: 5;
			-ms-flex-order: 4;
			order: 4;
		}

		.order-xxl-5 {
			-webkit-box-ordinal-group: 6;
			-ms-flex-order: 5;
			order: 5;
		}

		.order-xxl-6 {
			-webkit-box-ordinal-group: 7;
			-ms-flex-order: 6;
			order: 6;
		}

		.order-xxl-7 {
			-webkit-box-ordinal-group: 8;
			-ms-flex-order: 7;
			order: 7;
		}

		.order-xxl-8 {
			-webkit-box-ordinal-group: 9;
			-ms-flex-order: 8;
			order: 8;
		}

		.order-xxl-9 {
			-webkit-box-ordinal-group: 10;
			-ms-flex-order: 9;
			order: 9;
		}

		.order-xxl-10 {
			-webkit-box-ordinal-group: 11;
			-ms-flex-order: 10;
			order: 10;
		}

		.order-xxl-11 {
			-webkit-box-ordinal-group: 12;
			-ms-flex-order: 11;
			order: 11;
		}

		.order-xxl-12 {
			-webkit-box-ordinal-group: 13;
			-ms-flex-order: 12;
			order: 12;
		}

		/* text-align xxl */
		.text-xxl-center {
			text-align: center !important;
		}

		.text-xxl-left {
			text-align: left !important;
		}

		.text-xxl-right {
			text-align: right !important;
		}

		/* float xxl */
		.float-xxl-left {
			float: left !important;
		}

		.float-xxl-right {
			float: right !important;
		}

		.float-xxl-none {
			float: none !important;
		}

		/* display xxl */
		.d-xxl-none {
			display: none !important;
		}

		.d-xxl-inline {
			display: inline !important;
		}

		.d-xxl-inline-block {
			display: inline-block !important;
		}

		.d-xxl-block {
			display: block !important;
		}

		.d-xxl-table {
			display: table !important;
		}

		.d-xxl-table-cell {
			display: table-cell !important;
		}

		.d-xxl-table-row {
			display: table-row !important;
		}

		.d-xxl-flex {
			display: flex !important;
		}

		.d-xxl-inline-flex {
			display: inline-flex !important;
		}

		/* offsets xxl */
		.offset-xxl-1 {
			margin-left: 8.333333%;
		}

		.offset-xxl-2 {
			margin-left: 16.666667%;
		}

		.offset-xxl-3 {
			margin-left: 25%;
		}

		.offset-xxl-4 {
			margin-left: 33.333333%;
		}

		.offset-xxl-5 {
			margin-left: 41.666667%;
		}

		.offset-xxl-6 {
			margin-left: 50%;
		}

		.offset-xxl-7 {
			margin-left: 58.333333%;
		}

		.offset-xxl-8 {
			margin-left: 66.666667%;
		}

		.offset-xxl-9 {
			margin-left: 75%;
		}

		.offset-xxl-10 {
			margin-left: 83.333333%;
		}

		.offset-xxl-11 {
			margin-left: 91.666667%;
		}

		/* spacing xxl */
		.m-xxl-0 {
			margin: 0 !important
		}

		.mt-xxl-0,
		.my-xxl-0 {
			margin-top: 0 !important
		}

		.mr-xxl-0,
		.mx-xxl-0 {
			margin-right: 0 !important
		}

		.mb-xxl-0,
		.my-xxl-0 {
			margin-bottom: 0 !important
		}

		.ml-xxl-0,
		.mx-xxl-0 {
			margin-left: 0 !important
		}

		.m-xxl-1 {
			margin: .25rem !important
		}

		.mt-xxl-1,
		.my-xxl-1 {
			margin-top: .25rem !important
		}

		.mr-xxl-1,
		.mx-xxl-1 {
			margin-right: .25rem !important
		}

		.mb-xxl-1,
		.my-xxl-1 {
			margin-bottom: .25rem !important
		}

		.ml-xxl-1,
		.mx-xxl-1 {
			margin-left: .25rem !important
		}

		.m-xxl-2 {
			margin: .5rem !important
		}

		.mt-xxl-2,
		.my-xxl-2 {
			margin-top: .5rem !important
		}

		.mr-xxl-2,
		.mx-xxl-2 {
			margin-right: .5rem !important
		}

		.mb-xxl-2,
		.my-xxl-2 {
			margin-bottom: .5rem !important
		}

		.ml-xxl-2,
		.mx-xxl-2 {
			margin-left: .5rem !important
		}

		.m-xxl-3 {
			margin: 1rem !important
		}

		.mt-xxl-3,
		.my-xxl-3 {
			margin-top: 1rem !important
		}

		.mr-xxl-3,
		.mx-xxl-3 {
			margin-right: 1rem !important
		}

		.mb-xxl-3,
		.my-xxl-3 {
			margin-bottom: 1rem !important
		}

		.ml-xxl-3,
		.mx-xxl-3 {
			margin-left: 1rem !important
		}

		.m-xxl-4 {
			margin: 1.5rem !important
		}

		.mt-xxl-4,
		.my-xxl-4 {
			margin-top: 1.5rem !important
		}

		.mr-xxl-4,
		.mx-xxl-4 {
			margin-right: 1.5rem !important
		}

		.mb-xxl-4,
		.my-xxl-4 {
			margin-bottom: 1.5rem !important
		}

		.ml-xxl-4,
		.mx-xxl-4 {
			margin-left: 1.5rem !important
		}

		.m-xxl-5 {
			margin: 3rem !important
		}

		.mt-xxl-5,
		.my-xxl-5 {
			margin-top: 3rem !important
		}

		.mr-xxl-5,
		.mx-xxl-5 {
			margin-right: 3rem !important
		}

		.mb-xxl-5,
		.my-xxl-5 {
			margin-bottom: 3rem !important
		}

		.ml-xxl-5,
		.mx-xxl-5 {
			margin-left: 3rem !important
		}

		.p-xxl-0 {
			padding: 0 !important
		}

		.pt-xxl-0,
		.py-xxl-0 {
			padding-top: 0 !important
		}

		.pr-xxl-0,
		.px-xxl-0 {
			padding-right: 0 !important
		}

		.pb-xxl-0,
		.py-xxl-0 {
			padding-bottom: 0 !important
		}

		.pl-xxl-0,
		.px-xxl-0 {
			padding-left: 0 !important
		}

		.p-xxl-1 {
			padding: .25rem !important
		}

		.pt-xxl-1,
		.py-xxl-1 {
			padding-top: .25rem !important
		}

		.pr-xxl-1,
		.px-xxl-1 {
			padding-right: .25rem !important
		}

		.pb-xxl-1,
		.py-xxl-1 {
			padding-bottom: .25rem !important
		}

		.pl-xxl-1,
		.px-xxl-1 {
			padding-left: .25rem !important
		}

		.p-xxl-2 {
			padding: .5rem !important
		}

		.pt-xxl-2,
		.py-xxl-2 {
			padding-top: .5rem !important
		}

		.pr-xxl-2,
		.px-xxl-2 {
			padding-right: .5rem !important
		}

		.pb-xxl-2,
		.py-xxl-2 {
			padding-bottom: .5rem !important
		}

		.pl-xxl-2,
		.px-xxl-2 {
			padding-left: .5rem !important
		}

		.p-xxl-3 {
			padding: 1rem !important
		}

		.pt-xxl-3,
		.py-xxl-3 {
			padding-top: 1rem !important
		}

		.pr-xxl-3,
		.px-xxl-3 {
			padding-right: 1rem !important
		}

		.pb-xxl-3,
		.py-xxl-3 {
			padding-bottom: 1rem !important
		}

		.pl-xxl-3,
		.px-xxl-3 {
			padding-left: 1rem !important
		}

		.p-xxl-4 {
			padding: 1.5rem !important
		}

		.pt-xxl-4,
		.py-xxl-4 {
			padding-top: 1.5rem !important
		}

		.pr-xxl-4,
		.px-xxl-4 {
			padding-right: 1.5rem !important
		}

		.pb-xxl-4,
		.py-xxl-4 {
			padding-bottom: 1.5rem !important
		}

		.pl-xxl-4,
		.px-xxl-4 {
			padding-left: 1.5rem !important
		}

		.p-xxl-5 {
			padding: 3rem !important
		}

		.pt-xxl-5,
		.py-xxl-5 {
			padding-top: 3rem !important
		}

		.pr-xxl-5,
		.px-xxl-5 {
			padding-right: 3rem !important
		}

		.pb-xxl-5,
		.py-xxl-5 {
			padding-bottom: 3rem !important
		}

		.pl-xxl-5,
		.px-xxl-5 {
			padding-left: 3rem !important
		}

		.m-xxl-auto {
			margin: auto !important
		}

		.mt-xxl-auto,
		.my-xxl-auto {
			margin-top: auto !important
		}

		.mr-xxl-auto,
		.mx-xxl-auto {
			margin-right: auto !important
		}

		.mb-xxl-auto,
		.my-xxl-auto {
			margin-bottom: auto !important
		}

		.ml-xxl-auto,
		.mx-xxl-auto {
			margin-left: auto !important
		}

	}
    button, .btn{
        -webkit-appearance:none;
        opacity: 1
    }

    .nowrap{
        white-space: nowrap!important;
    }

    .white-normal{
        white-space: normal!important;
        word-break: break-all;
    }
    #WhiteBoardTable thead tr th:last-child, #WhiteBoardTable tbody tr td:last-child {
        width: 300px;
    }


	/* UI Calendar */

	.ui-datepicker {
		text-align: center;
	}

	.ui-datepicker-trigger {
		margin: 0 0 0 5px;
		vertical-align: text-top;
	}

	.ui-datepicker {
		font-family: 'Mada', sans-serif;
		margin-top: 2px;
		padding: 0 !important;
		border-color: #c9f0f5 !important;
	}

	.ui-datepicker {
		width: 267px;
        z-index: 99 !important;
	}

	.openemr-calendar .ui-datepicker {
		width: 191px;
	}

	.ui-datepicker table {
		width: 260px;
		table-layout: fixed;
	}

	.openemr-calendar .ui-datepicker table {
		width: 191px;
		table-layout: fixed;
	}

	.ui-datepicker-header {
		background-color: #28993f  !important;
		background-image: none !important;
		border-radius: 0;
	}

	.openemr-calendar .ui-datepicker-header {
		background-color: #e6f7f9 !important;
		border-width: 1px;
		border-color: #c9f0f5;
		border-style: solid;
	}

	.ui-datepicker-title {
		line-height:20px !important;
		margin: 0 10px !important;
	}

	.openemr-calendar .ui-datepicker-title {
		line-height: 20px !important;
	}

	.ui-datepicker-prev span {
		display: none !important;
	}

	.ui-datepicker-next {
		text-align: center;
	}

	.ui-datepicker-next span {
		display: none !important;
	}

	.ui-datepicker-prev {
		background-color: transparent !important;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
		height: 12px !important;
		width: 7px !important;
		margin: 14px 12px;
		display: inline-block;
		left: 0 !important;
		top: 0 !important;
	}

	.openemr-calendar .ui-datepicker-prev {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
		height: 14px !important;
		width: 9px !important;
		margin: 5px !important;
	}

	.ui-datepicker-next {
		cursor: pointer;
	}

	.ui-datepicker-prev {
		cursor: pointer;
	}

	.ui-datepicker-next {
		background-color: transparent !important;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
		height: 12px !important;
		width: 8px !important;
		margin: 14px 12px;
		display: inline-block;
		right: 0 !important;
		top: 0 !important;
	}

	.openemr-calendar .ui-datepicker-next {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
		height: 14px !important;
		width: 8px !important;
		margin: 5px;
	}

	.ui-datepicker-month {
		border-radius: 2px;
    background-color: #fff;
    width: 110px !important;
    height: 30px;
    font-family: 'Mada', sans-serif!important;
    color: #000;
    font-size: 16px !important;
    font-weight: 600;
    text-align: left;
    border: none !important;
    margin-right: 17px !important;
    vertical-align: text-top;
	}

	.openemr-calendar .ui-datepicker-month {
		font-family: 'Mada', sans-serif;
		color: rgba(34, 34, 34, 0.87);
		font-size: 12px !important;
		font-weight: 700;
		text-align: center;
		transform: scaleX(1.0029)
	}

	.ui-datepicker-year {
		border-radius: 2px;
    background-color: #fff;
    width: 61px !important;
    height: 30px;
    border: none !important;
    font-family: 'Mada', sans-serif!important;
    color: #000;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    vertical-align: text-top;
	}

	.openemr-calendar .ui-datepicker-year {
		font-family: 'Mada', sans-serif;
		color: rgba(34, 34, 34, 0.87);
		font-size: 12px !important;
		font-weight: 700;
		text-align: center;
		transform: scaleX(1.0029)
	}

	.ui-datepicker-month option,
	.ui-datepicker-year option {
		color: #28993f !important;
		background-color: #fff !important;
		font-size: 15px !important;
		font-weight: 600;
	}

	.ui-datepicker-month option[selected],
	.ui-datepicker-year option[selected] {
		background-color: #e5edf0 !important;
	}

	.ui-datepicker .ui-state-hover {
		border: 0 !important;
	}

	.ui-datepicker td {
		vertical-align: top;
	}

	.ui-datepicker .ui-state-default {
		border-radius: 2px;
    border-color: #edebeb !important;
    background: none!important;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    line-height: 30px;
    text-align: center !important;
    font-family: 'Mada', sans-serif;
    color: #707070;
    font-size: 14px;
    font-weight: 500!important;
    margin: 7px 0 0 4px;
	}

	.ui-datepicker .ui-state-default.ui-state-highlight{
		border-color: #607d8b!important;
    background-color: #607d8b !important;
    color: #fff!important;
    background: none;
	}

	.openemr-calendar .ui-state-default {
		font-size: 10px;
		margin: 0;
	}

	.ui-datepicker td {
		width: 33px;
	}

	.openemr-calendar .ui-datepicker td {
		width: 26px;
	}

	.openemr-calendar .ui-state-default {
		width: 26px;
		height: 20px;
		line-height: 20px;
	}
	.ui-state-default.ui-state-hover {
		border-color: #605c5c!important;
		background-color: #605c5c!important;
		color: #fff;
	}

	.ui-datepicker .ui-state-active {
		border-color: #dcdcdc;
		background-color: #28993f !important;
    color: #fff!important;
	}

	.ui-datepicker-calendar thead tr th {
		font-family: 'Mada', sans-serif;
		color: #000;
    font-size: 14px;
    font-weight: 600;
		padding: 0.45em 0.3em !important;
	}

	.openemr-calendar .ui-datepicker-calendar thead tr th {
		font-size: 10px;
	}

	.ui-datepicker-close {
		display: none;
	}

	.ui-datepicker thead {
		background-color: #f5f5f5;
	}

	.openemr-calendar .ui-datepicker thead {
		background: none;
	}

	.ui-state-default.ui-datepicker-current {
		float: none !important;
		font-family: 'Mada', sans-serif;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		border-width: 0 !important;
		border: none;
		vertical-align: top;
		margin: 1px!important;
    padding: 2px 10px!important;
    background-color: #fff !important;
	}

	.ui-datepicker-buttonpane.ui-widget-content {
		text-align: center;
		background-color: #28993f;
		margin: 0 !important;
		height: 34px;
		padding: 0 !important;
	}
	.ui-priority-secondary, .ui-widget-content .ui-priority-secondary{
		opacity: 1!important;
	}

	.openemr-calendar .ui-datepicker-year {
		background-color: transparent;
	}

	.openemr-calendar .ui-datepicker-month {
		background-color: transparent;
	}

	.openemr-calendar .ui-state-default {
		border: 0 !important;
	}

	.openemr-calendar .ui-datepicker-month {
		margin-right: 10px !important;
	}

/* UI Select */
.ui-widget{
	color: #333;
    font-family: 'Mada', sans-serif;
    font-size: 1rem;
}

.searchbreed{
	position: relative;
}

.searchbreed .fe.fe-search{
	position: absolute;
    font-size: 22px;
    top: 36px;
    left: 5px;
    color: #939495;
}


.ui-widget input {
	border: 1px solid #ddd;
	box-shadow: none;
	color: #333;
	font-size: 15px;
	height: 40px;
	/* padding-left: 30px; */
	width: 100%;
}

.ui-widget.ui-widget-content{
    z-index: 9999 !important;
	border: 1px solid #d3d3d3;
	margin-top: -1px;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui-menu .ui-menu-item{
	border-bottom: 1px solid #d3d3d3;
}

.ui-menu .ui-menu-item:last-child{
	border-bottom: 0px solid #d3d3d3;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper{font-size: 16px;
    font-weight: 500;
    font-family: 'Mada', sans-serif;
    line-height: 30px;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active{
	border: 0px solid #aaaaaa;
	border-bottom: 1px solid #28993f;
    background: #28993f;
	font-weight: 500;
    font-family: 'Mada', sans-serif;
    line-height: 30px;
	margin: 0px;
    color: #fff;
}

/*=======================pagination=================*/
#pagination {
	margin-top: 30px;
}
#pagination nav {
	display: flex;
	align-items: center;
}
#pagination svg {
	width: 30px;
}

#pagination nav .hidden{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

#pagination nav .hidden div p{
	margin-bottom: 0;
    margin-right: 30px;
	font-size: 15px;
}

#pagination nav .flex.justify-between span.relative, #pagination nav .flex.justify-between a.relative{
	font-size: 14px;
	padding: 8px 10px !important;
}

#pagination nav .leading-5{
	padding: 8px 10px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.dashboard-primary{
	border-radius: 3px;
	box-shadow: 0 0 1px 2px rgb(0 0 0 / 5%), 0 -2px 1px -2px rgb(0 0 0 / 4%), 0 0 0 -1px rgb(0 0 0 / 5%);
	position: relative;
	background-color: #2196F3 ;
}
.sales-primary {
	padding: 0px 15px 0px 15px;
	margin-bottom: 10px;
	display: flex;
    align-items: center;
	min-height: 90px;
}

.sales-primary i {
	color: #fff;
}

.sales-primary .input-group-text i {
    color: #000;
}

.sales-primary i img{
	width: 60px;
}

.f-right {
    text-align: center !important;
	padding: 0px 10px 0 10px;
}

.sales-primary h2 {
	font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
    font-size: 32px;
    color: #fff;
}

.sales-primary h2.noplan{
	font-size: 25px;
}

.sales-primary h2.addpay{
	font-size: 18px;
    font-weight: 500;
}

.sales-primary span {
	display: block;
	text-align: center;
	color: #fff;
}

.side-box {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 60px;
    color: #fff;
    font-size: 26px;
    border-radius: 0px 0px 0px 100px;
    text-align: center;
}

.side-box a {
    position: relative;
	top: 5px;
    left: 10px;
}

.side-box a i, .side-box a:hover i, .side-box a:focus i {
    color: #fff;
}

.f-right.dueamount{display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding-right: 10px;}

.dashboard-primary h4.text-white, .dashboard-primary h4.text-dark {
    font-size: 1.3rem;
}

.amt_due_start{position: relative;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #272b41;
	padding-top: 5px;
    text-transform: capitalize;}

/* #reportrange {
    background: #fff;
    color: #1d3b4a;
    padding: 7.5px 9px;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    font-size: 14px;
    left: 0px;
} */

.daterangepicker .ranges li.active {
    background-color: #28993f;
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #28993f;
}

.daterangepicker td.in-range {
    background-color: rgb(40 153 63 / 10%);
}

#transationTable_filter label {
margin-right: 90px;
}

#transationTable_wrapper div.dt-buttons{
    position: relative!important;
    right: 0 !important;
    float: right;
}

div.dt-buttons .dt-button.buttons-csv, button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-buttons .dt-button.buttons-csv:hover ,div.dt-buttons .dt-button.buttons-csv:active {
    background-color: #28993f!important;
    border: 1px solid #28993f !important;
    box-shadow: none;
    font-size: 15px;
    font-weight: 400;
    background: #28993f;
    padding: 3.25px 10px;
    color: #fff;
    border-radius: 3px;
}

#reservationListTable thead tr th:last-child , #reservationListTable tbody tr td:last-child{
position: relative;
z-index: 99;
width: 115px;
}

#global-loader,
#loader{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
   background-color: rgb(0 0 0 / 85%);
	z-index: 9999;
}

#global-loader .loading,
#loader .loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: block;
}

#global-loader .loading img,
#loader .loading img{
	display: block;
    margin: auto;
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.p-relative{
    position: relative;
}

.poweredby{
    position: absolute;
    bottom: 0px;
    font-family: 'Mada', sans-serif;
    margin-top: 0;
    font-size: 16px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    background: #fff;
    padding: 10px 1rem 8px 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}



.poweredby a{
    color: #FD9518;
}



.payment-action {
    position: absolute;
    right: 10px;
    bottom: 0px;
    display: flex;
    color: white;
    z-index: 99;
}

.payment-action > label {
    margin-right: 5px;
}

.payment-toggle .checktoggle {
    background-color: #e22727;
}

.payment-toggle .checktoggle:after{
    background-color: #0b0c0b;
}


.payment-toggle .check:checked+.checktoggle {
    background-color: #fff;
}

.payment-toggle .checktoggle:after {
    background-color: #28993f;
}

.PetCheckoutReport{
	background: #fff;
    color: #1d3b4a;
    padding: 7.5px 9px;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    font-size: 14px;
    left: 170px;
}


/* Printer Enable */
.wrapper{
	display: inline-flex;
    background: #fff;
    height: 50px;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
	margin-top: 20px;
  }
  .wrapper .option{
	background: #fff;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 0 10px;
	border-radius: 5px;
	cursor: pointer;
	padding: 0 7px;
	border: 2px solid lightgrey;
	transition: all 0.3s ease;
  }
  .wrapper .option .dot{
	height: 20px;
	width: 20px;
	background: #d9d9d9;
	border-radius: 50%;
	position: relative;
  }
  .wrapper .option .dot::before{
	position: absolute;
	content: "";
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	background: #000;
	border-radius: 50%;
	opacity: 0;
	transform: scale(1.5);
	transition: all 0.3s ease;
  }
  input[type="radio"]{
	display: none;
  }
  #option-1:checked:checked ~ .option-1,
  #option-2:checked:checked ~ .option-2{
	border-color: #28993f;
    background: #28993f;
  }
  #option-1:checked:checked ~ .option-1 .dot,
  #option-2:checked:checked ~ .option-2 .dot{
	background: #fff;
  }
  #option-1:checked:checked ~ .option-1 .dot::before,
  #option-2:checked:checked ~ .option-2 .dot::before{
	opacity: 1;
	transform: scale(1);
  }
  .wrapper .option span{
	font-size: 14px;
	color: #808080;
  }
  #option-1:checked:checked ~ .option-1 span,
  #option-2:checked:checked ~ .option-2 span{
	color: #fff;
  }

/* Printer Enable */


@media only screen and (max-width: 767px) {
	.admin .page-wrapper>.content {
		padding: 1rem 1rem 0;
	}

#sideWorkDashboardTable thead tr th {
	white-space: nowrap;
}

#sideWorkDashboardTable thead tr th:nth-child(2),
#sideWorkDashboardTable tbody tr td:nth-child(2),
#todoDashboardTable thead tr th:nth-child(2),
#todoDashboardTable tbody tr td:nth-child(2){
	min-width: 150px;
}

.dash-widget-icon{
	font-size: 1.5rem;
    height: 30px;
	line-height: 30px;
	width: 30px;
	padding: 20px;
}

.admin .card-header h4.card-title {
    font-size: 1rem;
}

#WhiteBoardTable thead tr th:last-child,
#WhiteBoardTable tbody tr td:last-child{
	min-width: 150px;
}
.admin h3.page-title {
    font-size: 1rem;
}

.btn{
	padding: 0.3rem 0.75rem;
}
.admin .btn, .admin label {
    font-size: 15px;
}
.admin .page-header {
    margin-bottom: 0.5rem;
}

.admin .sub-title {
    font-size: 18px;
}

.admin #add_site {
    margin-bottom: 00px;
}

.pad-0{
	padding: 0;
}

.notadd.btn{
	line-height: 30px;
	right: 0px;
}

.admin .patient-details {
    display: block;}
.admin	.appointment-list .profile-info-widget{
	width: 100%;
}

.admin .patient-details h5{
	white-space: normal;
}
.editCus {
    position: relative;
    right: auto;}
.admin .editDog {
    position: relative;
    right: 0;
    bottom: 5px;
    display: block;
}

.admin .user-tabs .nav-link {
    display: block;
    padding: 0.5rem 0.2rem;
    font-size: 14px;}

.admin .tab-content textarea{
	width: 100%;
}

#transationTable_wrapper{
	margin-top: 20px;
}

.poweredby{
	font-size: 14px;
	padding: 10px .5rem 8px .5rem;
}

.sub-title {
    font-size: 18px;
}

.add_btn{
	font-size: 1rem;
    padding: 8px 10px;
	height: auto;
}

#SignUpButton{
	font-size: 1rem;
    padding: 7px 10px;
    margin-top: 5px;
}

.login-wrapper .loginbox .login-left .offer h4 {
    font-size: 24px;
}

.login-wrapper .loginbox .login-left .offer{
	padding-top: 20px;
}
.dog-info ul li {
    font-size: 14px;}

}

#PetTable_wrapper .dt-buttons {
    position: relative;
    float: right;
}

#custPlanTable_wrapper .dt-buttons {
    position: relative;
    float: right;
}
#CustomerTable_wrapper .dt-buttons{
    position: relative;
    float: right;
}

#WeekTable_wrapper .dt-buttons{
    position: relative;
    float: right;
}

#monthSelect{
	position: absolute;
    width: 125px;
    left: 170px;
    top: 0px;
    z-index: 9;
    height: 35px;
}

#customerSelect{
    position: absolute;
    left: 460px;
    top: 0px;
    z-index: 9;
}
#customerSelect select{
	height: 35px;
}
.submenu.active > ul{
display: block !important;

}
.totalamunt{
position: absolute;
    right: 157px;
    top: 0px;
    font-size: 15px;
    font-weight: 400;
    background: #28993f;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
}



.totalamunt span {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
}


.printbtn{
	position: absolute;
    right: 75px;
    background-color: #28993f!important;
    border: 1px solid #28993f !important;
    box-shadow: none;
    color: white;
    padding: 4px 18px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 3px;
	z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width:1024px) {

}
@media only screen and (max-width: 767.9px) {
	.PetCheckoutReport{
			position: relative;
			left: 0;
			display: inline-block;
		}

		.totalamunt {
			position: relative;
			right: 0;
			top: 10px;
			float: left;
			margin-right: 10px;
		}

		.printbtn {
			position: relative;
			right: 0;
			float: left;
			top: 10px;
			margin-right: 10px;
		}

		#transationTable_wrapper div.dt-buttons {
			position: relative!important;
				top: -10px;
				text-align: left;
				right: 0px!important;
		}

		.cusreports .printbtn,
		.petreports .printbtn
		{
			top: 0px;
			margin-left: 0px;
			margin-right: 10px
		}

		.DayReport .printbtn{
			top: 20px;
			margin-left: 0px;
			margin-right: 10px
		}

		.DayReport #transationTable_wrapper div.dt-buttons,
		.VisitCustomer #PetTable_wrapper div.dt-buttons{
			position: relative!important;
			top: -10px;
			left: 0px;
			right: auto!important;
			text-align: left;
		}

		.DayReport #transationTable_wrapper,
		.VisitCustomer #PetTable_wrapper,
		.VisitCustomer #transationTable_wrapper {
			margin-top: 30px;
		}


		.petreports div.dt-buttons,
		.cusreports div.dt-buttons {
			float: none !important;
			text-align: left;
		}

		#customerSelect, #monthSelect {
			position: relative;
			left: 0;
			top: 10px;
			z-index: 9;
			width: 275px;
		}

		.VisitCustomer .totalamunt,
		.VisitCustomer .printbtn{
			top: 20px;
		}

		.VisitCustomer #printDataBtn {
			margin-right: 10px;
			margin-left: 0;
		}

		.VisitCustomer #transationTable_wrapper div.dt-buttons {
			position: relative!important;
				top: -10px;
				text-align: left;
				right: 0px!important;
		}

		.planrepo.printbtn {
			top: 0px;
			margin-left: 0px;
		}

		.TransactionsPage #transationTable_wrapper {
            margin-top: 40px;
        }

        .TransactionsPage #transationTable_wrapper div.dt-buttons {
			position: relative!important;
			top: 0px;
			text-align: center;
        }
		#custPlanTable_wrapper .dt-buttons {
			position: relative!important;
			top: 0px;
			text-align: left;
			right: 0px!important;
		}

		.cusreports .totalamunt {
			top: 0px;
		}

		.wrapper{
			display: inline-block;
			width: 90%;
			margin: 0 auto;
			position: relative;
			left: 3%;
		}


		.wrapper .option.option-2{
			margin-top: 10px;
		}


}





.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 75px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 15px;
	text-transform: uppercase;
	background: #e0001a;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 15px;
	top: 16px;
	color: #fff;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 15px;
    top: 16px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #28993f;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 49px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}


#AttentionList{
	padding-left: 20px;
}

#AttentionList li{
	font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
}

div.dataTables_filter {
    text-align: right;
	/*margin-right: -15px;*/
}

/* Header Clock
==================*/

#header-clock {
    display:inline-flex;
    height:100%;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
}

.service-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/service-icons.png);
    background-repeat: no-repeat;
    background-size: 120px 24px;
    vertical-align: middle;
}

.service-icon.bath { background-position: 0 0; }
.service-icon.nail-trim { background-position: -24px 0; }
.service-icon.bedding { background-position: -48px 0; }
.service-icon.nail-trim-ear-cleaning, .service-icon.nail-ear-cleaning { background-position: -72px 0; }
.service-icon.pup-cup-treat { background-position: -96px 0 }

.reportLocationField {
    position: absolute;
    left: 470px;
    z-index: 1;
}