/* customizer css*/

/*!
*
* Template: Hope-Ui - Responsive Bootstrap 5 Admin Dashboard Template
* Author: rcpet.design
* Design and Developed by: rcpet.design
* NOTE: This file contains the styling for color variable.
*
*/
a {
  color: var(--bs-primary)
}

a:hover {
  color: var(--bs-primary-shade-20)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bs-primary-shade-80)
}

:root {
  --bs-heading-color: #1e1330;
  --bs-primary: #975dee;
  --bs-primary-shade-80: #1e1330;
  --bs-primary-shade-60: #3c255f;
  --bs-primary-shade-40: #5b388f;
  --bs-primary-shade-20: #794abe;
  --bs-primary-tint-90: #f5effd;
  --bs-primary-tint-80: #eadffc;
  --bs-primary-tint-60: #d5bef8;
  --bs-primary-tint-40: #c19ef5;
  --bs-primary-tint-20: #ac7df1;
  --bs-primary-rgb: 151, 93, 238;
  --bs-heading-color: #022325;
  --bs-info: #08b1ba;
  --bs-info-shade-80: #022325;
  --bs-info-shade-60: #03474a;
  --bs-info-shade-40: #056a70;
  --bs-info-shade-20: #068e95;
  --bs-info-tint-90: #e6f7f8;
  --bs-info-tint-80: #ceeff1;
  --bs-info-tint-60: #9ce0e3;
  --bs-info-tint-40: #6bd0d6;
  --bs-info-tint-20: #39c1c8;
  --bs-info-rgb: 8, 177, 186
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-primary-tint-90);
  box-shadow: inset 0 -1px 0, rgba(var(--bs-black-rgb), .13);
  color: var(--bs-primary-shade-20)
}

.accordion-button:focus {
  border-color: var(--bs-primary-tint-40);
  box-shadow: 0 .125rem 0 0, rgba(var(--bs-primary-rgb), .15)
}

.alert-primary {
  background: var(--bs-primary-tint-60);
  border-color: var(--bs-primary)
}

.alert-primary,
.alert-primary .alert-link {
  color: var(--bs-primary-shade-40)
}

.alert-primary.alert-solid {
  background: var(--bs-primary);
  color: var(--bs-white)
}

.alert-bottom.alert-primary,
.alert-left.alert-primary,
.alert-primary.alert-solid,
.alert-right.alert-primary,
.alert-top.alert-primary {
  border-color: var(--bs-primary)
}

.alert-info {
  background: var(--bs-info-tint-60);
  border-color: var(--bs-info)
}

.alert-info,
.alert-info .alert-link {
  color: var(--bs-info-shade-40)
}

.alert-info.alert-solid {
  background: var(--bs-info);
  color: var(--bs-white)
}

.alert-bottom.alert-info,
.alert-info.alert-solid,
.alert-left.alert-info,
.alert-right.alert-info,
.alert-top.alert-info {
  border-color: var(--bs-info)
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--bs-primary)
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  border-radius: .25rem;
  color: var(--bs-white);
  cursor: pointer
}

.dropdown-menu li {
  margin: .5rem 0
}

.dropdown-menu li:first-child{
  margin-top: 0
}

.dropdown-menu li:last-child {
  margin-bottom: 0
}

.btn.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white);
}

.btn.btn-primary.active,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
  color: var(--bs-white)
}

.btn.btn-outline-primary {
  border-color: var(--bs-primary-shade-20);
  color: var(--bs-primary-shade-20)
}

.btn.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.btn.btn-outline-primary.active,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:focus {
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
  color: var(--bs-white)
}

.btn.btn-soft-primary {
  background-color: rgba(var(--bs-primary-rgb), .1);
  border-color: transparent;
  color: var(--bs-primary);
  font-weight: 550;
}

.btn.btn-soft-primary:active,
.btn.btn-soft-primary:focus,
.btn.btn-soft-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), .2);
  border-color: transparent;
  color: var(--bs-primary)
}

.btn.btn-info {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-white)
}

.btn.btn-info.active,
.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info:hover {
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
  color: var(--bs-white)
}

.btn.btn-outline-info {
  border-color: var(--bs-info-shade-20);
  color: var(--bs-info-shade-20)
}

.btn.btn-outline-info:hover {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-white)
}

.btn.btn-outline-info.active,
.btn.btn-outline-info:active,
.btn.btn-outline-info:focus {
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
  color: var(--bs-white)
}

.btn.btn-soft-info {
  background-color: rgba(var(--bs-info-rgb), .1);
  border-color: transparent;
  color: var(--bs-info)
}

.btn.btn-soft-info:active,
.btn.btn-soft-info:focus,
.btn.btn-soft-info:hover {
  background-color: rgba(var(--bs-info-rgb), .2);
  border-color: transparent;
  color: var(--bs-info)
}

.btn-link {
  color: var(--bs-primary)
}

.btn-link:hover {
  color: var(--bs-primary-tint-20)
}

.bd-aside .active,
.bd-aside .btn:focus,
.bd-aside .btn:hover {
  background-color: var(--bs-primary-tint-90);
  color: var(--bs-primary)
}

.bd-aside a:hover {
  background-color: var(--bs-primary-tint-90)
}

.btn-border.active {
  border-color: var(--bs-primary)
}

.list-group-item.list-group-item-primary {
  background-color: var(--bs-primary-tint-80);
  color: var(--bs-primary-shade-40)
}

.list-group-item.list-group-item-primary.list-group-item-action:not(.active):focus,
.list-group-item.list-group-item-primary.list-group-item-action:not(.active):hover {
  background-color: var(--bs-primary-tint-60);
  color: var(--bs-primary-shade-40)
}

.list-group-item.list-group-item-info {
  background-color: var(--bs-info-tint-80);
  color: var(--bs-info-shade-40)
}

.list-group-item.list-group-item-info.list-group-item-action:not(.active):focus,
.list-group-item.list-group-item-info.list-group-item-action:not(.active):hover {
  background-color: var(--bs-info-tint-60);
  color: var(--bs-info-shade-40)
}

.list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.list-group .list-group-item.list-group-item-action.list-group-item-primary {
  background-color: rgba(var(--bs-primary-rgb), 10%)
}

.list-group .list-group-item.list-group-item-action.list-group-item-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), 20%);
  color: "primary"
}

.list-group .list-group-item.list-group-item-action.list-group-item-info {
  background-color: rgba(var(--bs-info-rgb), 10%)
}

.list-group .list-group-item.list-group-item-action.list-group-item-info:hover {
  background-color: rgba(var(--bs-info-rgb), 20%);
  color: "info"
}

.form-control:focus,
.form-select:focus {
  /* border-color: var(--bs-primary-tint-40) */
  border-color: #bf360c !important;
}

select.form-control {
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-position-x: 100%;
  background-position-y: 5px;
  background-repeat: no-repeat
}

.form-check-input:checked {
  background-color: var(--bs-primary-shade-20)
}

.form-check-input:checked,
.form-check-input:focus {
  border-color: var(--bs-primary-shade-20)
}

.border-primary {
  border-color: var(--bs-primary) !important
}

.border-info {
  border-color: var(--bs-info) !important
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bs-primary)
}

.nav-tabs .nav-link.active {
  border-color: var(--bs-primary)
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  background-color: var(--bs-primary);
  color: var(--bs-white)
}

.nav-slider {
  position: relative
}

.nav-slider .nav-link.active {
  background-color: transparent
}

.nav-slider .nav-item {
  z-index: 3
}

.nav-slider .nav-slider-thumb {
  background: var(--bs-primary);
  color: var(--bs-primary);
  width: 100%;
  z-index: 1 !important
}

.page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.page-item .page-link {
  border-color: var(--bs-primary-tint-80);
  color: var(--bs-primary)
}

.active>.page-link,
.page-link.active {
  z-index: unset !important
}

.fc-button-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important
}

.dark .text-primary {
  color: var(--bs-primary) !important
}

.dark .bg-primary {
  background-color: var(--bs-primary) !important
}

.dark .bg-soft-primary,
.dark a.bg-soft-primary,
.dark button.bg-soft-primary {
  background-color: rgba(var(--bs-primary-rgb), .1) !important;
  color: var(--bs-primary)
}

.dark a.bg-soft-primary:focus,
.dark a.bg-soft-primary:hover,
.dark button.bg-soft-primary:focus,
.dark button.bg-soft-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), .2) !important;
  color: var(--bs-primary-shade-20)
}

.dark .text-info {
  color: var(--bs-info) !important
}

.dark .bg-info {
  background-color: var(--bs-info) !important
}

.dark .bg-soft-info,
.dark a.bg-soft-info,
.dark button.bg-soft-info {
  background-color: rgba(var(--bs-info-rgb), .1) !important;
  color: var(--bs-info)
}

.dark a.bg-soft-info:focus,
.dark a.bg-soft-info:hover,
.dark button.bg-soft-info:focus,
.dark button.bg-soft-info:hover {
  background-color: rgba(var(--bs-info-rgb), .2) !important;
  color: var(--bs-info-shade-20)
}

.dark .accordion-button:not(.collapsed) {
  background-color: var(--bs-primary-tint-90);
  box-shadow: inset 0 -1px 0, rgba(var(--bs-black-rgb), .13);
  color: var(--bs-primary-shade-20)
}

.dark .accordion-button:focus {
  border-color: var(--bs-primary-tint-40);
  box-shadow: 0 .125rem 0 0, rgba(var(--bs-primary-rgb), .15)
}

.dark .alert-primary {
  background: var(--bs-primary-tint-60);
  border-color: var(--bs-primary)
}

.dark .alert-primary,
.dark .alert-primary .alert-link {
  color: var(--bs-primary-shade-40)
}

.dark .alert-primary.alert-solid {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.dark .alert-bottom.alert-primary,
.dark .alert-left.alert-primary,
.dark .alert-right.alert-primary,
.dark .alert-top.alert-primary {
  border-color: var(--bs-primary)
}

.dark .alert-info {
  background: var(--bs-info-tint-60);
  border-color: var(--bs-info)
}

.dark .alert-info,
.dark .alert-info .alert-link {
  color: var(--bs-info-shade-40)
}

.dark .alert-info.alert-solid {
  background: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-white)
}

.dark .alert-bottom.alert-info,
.dark .alert-left.alert-info,
.dark .alert-right.alert-info,
.dark .alert-top.alert-info {
  border-color: var(--bs-info)
}

.dark .dropdown-item:focus,
.dark .dropdown-item:hover {
  background-color: var(--bs-primary)
}

.dark .dropdown-item.active,
.dark .dropdown-item:active,
.dark .dropdown-item:focus,
.dark .dropdown-item:hover {
  border-radius: .25rem;
  color: var(--bs-white);
  cursor: pointer
}

.dark .dropdown-menu li {
  margin: .5rem 0
}

.dark .dropdown-menu li:first-child {
  margin-top: 0
}

.dark .dropdown-menu li:last-child {
  margin-bottom: 0
}

.dark .btn.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.dark .btn.btn-primary.active,
.dark .btn.btn-primary:active,
.dark .btn.btn-primary:focus,
.dark .btn.btn-primary:hover {
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
  color: var(--bs-white)
}

.dark .btn.btn-outline-primary {
  border-color: var(--bs-primary-shade-20);
  color: var(--bs-primary-shade-20)
}

.dark .btn.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.dark .btn.btn-outline-primary.active,
.dark .btn.btn-outline-primary:active,
.dark .btn.btn-outline-primary:focus {
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
  color: var(--bs-white)
}

.dark .btn.btn-soft-primary {
  background-color: rgba(var(--bs-primary-rgb), .1);
  border-color: transparent;
  color: var(--bs-primary)
}

.dark .btn.btn-soft-primary:active,
.dark .btn.btn-soft-primary:focus,
.dark .btn.btn-soft-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), .2);
  border-color: transparent;
  color: var(--bs-primary)
}

.dark .btn.btn-info {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-white)
}

.dark .btn.btn-info.active,
.dark .btn.btn-info:active,
.dark .btn.btn-info:focus,
.dark .btn.btn-info:hover {
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
  color: var(--bs-white)
}

.dark .btn.btn-outline-info {
  border-color: var(--bs-info-shade-20);
  color: var(--bs-info-shade-20)
}

.dark .btn.btn-outline-info:hover {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-white)
}

.dark .btn.btn-outline-info.active,
.dark .btn.btn-outline-info:active,
.dark .btn.btn-outline-info:focus {
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
  color: var(--bs-white)
}

.dark .btn.btn-soft-info {
  background-color: rgba(var(--bs-info-rgb), .1);
  border-color: transparent;
  color: var(--bs-info)
}

.dark .btn.btn-soft-info:active,
.dark .btn.btn-soft-info:focus,
.dark .btn.btn-soft-info:hover {
  background-color: rgba(var(--bs-info-rgb), .2);
  border-color: transparent;
  color: var(--bs-info)
}

.dark .btn-link {
  color: var(--bs-primary)
}

.dark .btn-link:hover {
  color: var(--bs-primary-tint-20)
}

.dark .bd-aside .active,
.dark .bd-aside .btn:focus,
.dark .bd-aside .btn:hover {
  background-color: var(--bs-primary-tint-90);
  color: var(--bs-primary)
}

.dark .bd-aside a:hover {
  background-color: var(--bs-primary-tint-90)
}

.dark .btn-border.active {
  border-color: var(--bs-primary)
}

.dark .list-group-item.list-group-item-primary {
  background-color: var(--bs-primary-tint-80);
  color: var(--bs-primary-shade-40)
}

.dark .list-group-item.list-group-item-primary.list-group-item-action:not(.active):focus,
.dark .list-group-item.list-group-item-primary.list-group-item-action:not(.active):hover {
  background-color: var(--bs-primary-tint-60);
  color: var(--bs-primary-shade-40)
}

.dark .list-group-item.list-group-item-info {
  background-color: var(--bs-info-tint-80);
  color: var(--bs-info-shade-40)
}

.dark .list-group-item.list-group-item-info.list-group-item-action:not(.active):focus,
.dark .list-group-item.list-group-item-info.list-group-item-action:not(.active):hover {
  background-color: var(--bs-info-tint-60);
  color: var(--bs-info-shade-40)
}

.dark .list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary {
  background-color: rgba(var(--bs-primary-rgb), 10%)
}

.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), 20%);
  color: "primary"
}

.dark .list-group .list-group-item.list-group-item-action.list-group-item-info {
  background-color: rgba(var(--bs-info-rgb), 10%)
}

.dark .list-group .list-group-item.list-group-item-action.list-group-item-info:hover {
  background-color: rgba(var(--bs-info-rgb), 20%);
  color: "info"
}

.dark .form-control:focus,
.dark .form-select:focus {
  border-color: var(--bs-primary-tint-40)
}

.dark select.form-control {
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-position-x: 100%;
  background-position-y: 5px;
  background-repeat: no-repeat
}

.dark .form-check-input:checked {
  background-color: var(--bs-primary-shade-20)
}

.dark .form-check-input:checked,
.dark .form-check-input:focus {
  border-color: var(--bs-primary-shade-20)
}

.dark .border-primary {
  border-color: var(--bs-primary) !important
}

.dark .border-info {
  border-color: var(--bs-info) !important
}

.dark .nav-link:focus,
.dark .nav-link:hover {
  color: var(--bs-primary)
}

.dark .nav-tabs .nav-link.active {
  border-color: var(--bs-primary)
}

.dark .nav-pills .nav-link.active,
.dark .nav-tabs .nav-link.active {
  background-color: var(--bs-primary);
  color: var(--bs-white)
}

.dark .nav-slider {
  position: relative
}

.dark .nav-slider .nav-link.active {
  background-color: transparent
}

.dark .nav-slider .nav-item {
  z-index: 3
}

.dark .nav-slider .nav-slider-thumb {
  background: var(--bs-primary);
  color: var(--bs-primary);
  width: 100%;
  z-index: 1 !important
}

.dark .page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white)
}

.dark .page-item .page-link {
  border-color: var(--bs-primary-tint-80);
  color: var(--bs-primary)
}

.active>.dark .page-link,
.dark .page-link.active {
  z-index: unset !important
}

.dark .fc-button-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important
}

.offcanvas.live-customizer {
  border: 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

@media (min-width:768px) {
  .offcanvas.live-customizer {
    width: 450px
  }

  .theme-fs-lg .offcanvas.live-customizer {
    width: 500px
  }
}

.text-primary {
  color: var(--bs-primary) !important
}

.bg-primary {
  background-color: var(--bs-primary) !important
}

.bg-soft-primary,
a.bg-soft-primary,
button.bg-soft-primary {
  background-color: rgba(var(--bs-primary-rgb), .1) !important;
  color: var(--bs-primary)
}

a.bg-soft-primary:focus,
a.bg-soft-primary:hover,
button.bg-soft-primary:focus,
button.bg-soft-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), .2) !important;
  color: var(--bs-primary-shade-20)
}

.text-info {
  color: var(--bs-info) !important
}

.bg-info {
  background-color: var(--bs-info) !important
}

.bg-soft-info,
a.bg-soft-info,
button.bg-soft-info {
  background-color: rgba(var(--bs-info-rgb), .1) !important;
  color: var(--bs-info)
}

a.bg-soft-info:focus,
a.bg-soft-info:hover,
button.bg-soft-info:focus,
button.bg-soft-info:hover {
  background-color: rgba(var(--bs-info-rgb), .2) !important;
  color: var(--bs-info-shade-20)
}


/* mahe css */

.login-btn{
  background-color: #bf360c !important;
  border-color: #bf360c!important;
}

.forget-text{
  color: #bf360c !important;
}
.card-shadow{
  /* margin: auto; */
  width: 450px;
  max-width: 100%;
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 20px;
  margin-bottom: 80px;
}
.card-padding{
  padding: 35px !important;
}

.login-bg{

  /* background-image: url(../login-image/pet-login.jpg) !important; */
  background-image: url(../public/images/login-image/pet-login.jpg) !important;
  /* background-position: center; */
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}


.label-text{
  color: black;
  font-weight: 550;
}

.label-input{
  border: 1px solid #dad3d3 !important;
}

.pagination{
  overflow-x:scroll;
}

/*# sourceMappingURL=customizer.css.map*/


@media screen and (max-width:991){
  .footer-end1{
    text-align: start !important;
  }
}


@media screen and (max-width:575px){
  .card-shadow{
    margin-bottom: 0px;
  }
}

@media screen and (max-width:450px){
  .sidebar .logo-main .logo-normal{
    height: 17px;
    min-height: 17px;
  }
}





/* backend css */