.staff-profile-header .profile-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f0f0f0;
  font-size: 35px;
  color: #fff;
  text-align: center;
  line-height: 80px;
}
.profile-image-large {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #00183d;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 80px;
}
.profile-image-small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00183d;
  font-size: 26px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}
/*
.btn-primary {
  background-color: #00183d !important;
	border-color: #00183d !important;
}

.btn-danger, .btn-primary, .btn-warning, .btn-success, .btn-instagram, .btn-facebook, .btn-info, .btn-primary:hover, .btn-danger:hover, .btn-warning:hover, .btn-success:hover, .btn-info:hover, .btn-instagram:hover, .btn-facebook:hover {
  border-radius: 0px !important;
}*/

.text-success{
  color: rgb(2 120 62) !important;
}

.task-title{
  color: #000;
  font-weight: 500;
}

div#calendar .fc-event-title {
  color: #ffffff;
}

.pull-left{
  float:left;
}
.pull-right{
  float:right;
}

#datatables-client_wrapper .add-new {
  display: none;
}

a.view-all-box:hover{
  background: aliceblue;
}

.service-group .position-relative {
  width: 100%;
}
thead, tbody, tfoot, tr, td, th{
  color: #253F53;
}

.accordion-item.active .accordion-button {
  background: #00183d;
  color: #ffff;
}
.accordion-item.active .accordion-button::after {
  color: #fff !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: none;
}

.aadhar-img img{
  height: 210px;
  width: 100%;
}

.model-img img{
  height: auto;
  max-height:350px;
  width: 100%;
}

.service-id{
  height:80px;
}

.comment-sec, .main-comment-sec{
  width: 100%;
}

.comment-sec .comment-date{
  font-weight: bold;
  font-size: 12px;
  float: right;
  text-align: right;
  margin-top: 10px;
}

.comment-sec .comment{
  font-size: 14px;
  float: left;
  width: 100%;
  margin: 0px 0 10px 0;
}
.comment-sec .timeline-event{
  float: left;
}

.fm-navbar button {
  padding: 5px 10px 5px 10px;
}

.fm-modal{
  background-color: #ffffff;
  transition: none;
}
.system-setting {
  background: #fff;
}

.client-folders a{
  display: inline-grid;
}
.client-folders i{
  font-size: 5rem;
}
.client-inner-folders i{
  font-size: 2rem;
}

.authentication-wrapper{
  min-height: 70vh !important;
}
.authentication-wrapper.authentication-cover .authentication-inner {
  height: 70vh !important;
}

.dropdown-menu-footer{
  background: #fbfbfb;
  z-index: 9999;
  position: relative;
}

.staff-info{
  text-align: left;
}
.staff-info span{
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  float: left;
  color: #253F53;
}

.adddata-sidebar{
  width:600px !important;
}
.adddata-sidebar-staff{
  width:750px !important;
}
.search-input-wrapper .search-box {
  min-width: 300px !important;
}

.birthday-icon .fc-event-title::before {
  content:'🎂';
}
.anniversary-icon .fc-event-title::before {
  content:'🥂';
}
.task-icon .fc-event-title::before {
  content:'📝';
}

.services-list{
  overflow: auto;
  max-height: 600px;
}

.profile-view{
  border-right: 1px;
  border-right-style: dashed;
}
.ui-menu .ui-menu-item{
  padding:5px !important;
}

.login-heading{
  font-size: 38px;
  color: crimson;
  font-weight: 500;
}

.grid-view .client-card img{
  background: #f3f3f3;
  padding: 5px;
  border-radius: 5px;
}

.grid-view .client-card ul{
  padding-left: 15px !important;
}

.client-company-img{
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-position: left !important;
  border: 1px solid #000;
  float: left;
  padding: 0px;
  margin-top: 0;
  background-size: contain !important;
}

.staff-card .card, .client-card .card {
  min-height: 180px;
  margin-bottom: 1rem !important;
}
.staff-card .card ul, .client-card .card ul {
  padding-left: 1rem !important;
  width:100%;
  float:left;
}

.staff-card .card ul, .client-card .card ul li {
  display: table-caption;
  float: left;
}


.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  .ribbon {
    font: bold 15px sans-serif;
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    top: 15px;
    right: 0px;
    width: 120px;
    background-color: #ff0000;
    color: #fff;
  }
}

.required:after {
  content:" *";
  color: red;
}

.email-already-exits, .code-already-exits, .phone-already-exits, .group-code-already-exits, .group-error, .role-error{
  background-color: #ffe5e5 !important;
  border-color: #ffcece !important;
  color: #ff5b5c !important;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 0.25rem !important;
}

.error-already-exits{
  border: 1px solid #ff0000 !important;
}

.layout-navbar .navbar-dropdown .dropdown-menu{
  max-width:22rem;
}

@media only screen and (max-width: 600px) {
  .login-heading{
    font-size: 18px;
  }
}


.deactivate-user b.favorite-icon {
  width: 30px;
  height: 30px;
  /* Set this as the ref to move svg */
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
}

.deactivate-user b.favorite-icon i{
  height: 20px;
  color: #E83D3D;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.report-sec #datatables-common_wrapper {
  float: left;
  width: 100%;
}

.comments-list{
  background-color: #e7ebef;
  border-color: #d2d9e1;
  color: #69809a;
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1.25rem;
  --bs-alert-padding-y: 0.75rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 0 solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.25rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.font-weight-bold{
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .pull-md-right{
    float:right;
  }
  .pull-md-left{
    float:left;
  }
}

.add-new-service .services-list div {
  float: left;
  margin-right: 5px;
}

.accordion-header-primary .accordion-item.active  #businessInfoData, .accordion-header-primary .accordion-item.active #bankInfoData{
  color: #ffff !important;
}

.bg-dark-blue{
  background-color: #00183d !important;
}
.bg-menu-theme.menu-horizontal .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next, .client-btn a{
  color: #000 !important;
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub
{
  background: #ffffff !important;
  border-radius: 0px;
}

.menu-horizontal li.menu-item.open ul.menu-sub li.menu-item:hover, .menu-horizontal-wrapper ul.menu-inner li.menu-item:hover, ul.menu-inner li.menu-item a.active{
  background: #ffffff !important;
}


.bg-dark-blue{
  background-color: #00183d !important;
}
.bg-menu-theme.menu-vertical .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next, .client-btn a{
  color: #fff !important;
}

.menu-vertical .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub
{
  background: #00183d !important;
  border-radius: 0px;
}

.menu-vertical li.menu-item.open ul.menu-sub li.menu-item:hover, .menu-horizontal-wrapper ul.menu-inner li.menu-item:hover, ul.menu-inner li.menu-item a.active{
  background: #fdac41 !important;
}