/*.app-sidebar {
    background: #331032;    
}

.app-sidebar .main-sidebar-header {
    background: #3F1D0A;
}

.main-content {
    background: #F3E9DC;
}

.app-sidebar .side-menu__label, 
.app-sidebar .side-menu__item,
.app-sidebar .side-menu__icon
{
    color: #FFF !important;
    fill: #FFF !important;
}

.app-header {
    background: #462245;
}

.main-header-container .header-link-icon {
    color: #FFF !important;
}*/


.invalid-feedback {
  display: block !important;
  width: 100%;
  margin-top: .25rem;
  font-size: 14px;
  color: var(--bs-form-invalid-color);
}

.outline-brown {
  color: #ff7c02 !important;
  border-color: #ff7c02 !important;
}

.outline-brown:hover {
  background-color: #ffb672 !important;
  color: rgb(255, 255, 255) !important;
  border-color: #ff7c02;
}

/* .table {
    border-color: rgb(46, 46, 46) !important;
  }
  
  input {
    border: 1px solid grey !important;
  } */

.nav-link.active.sub-nav-tab {
  background-color: #f3d283 !important;
}


/*Kiran styles*/
/*orange tables*/
/* .table thead tr th{
    background: #f7ae02c9;
  }
  tbody, td, tfoot, th, thead, tr {
    border-color: #ffaa00;
  } */
/*orange table ends*/

/*Grey table*/
.table thead tr th {
  background: #e5e5e5;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: #cdcdcd;
}

/*Grey table ends*/


/*Forms*/
.form-control {
  line-height: normal;
}

select.form-control {
  /* appearance: auto; */
  padding: 6px 16px 6px 6px;
}


/*Tabs*/
/*Corporate Tax Return*/
/* .nav-pills .nav-link {
  margin-right: 10px;
  border-radius: 5px 5px 0px 0px;
}
.nav-pills .nav-link:last-child, .nav-pills .nav-link.visited:last-child, .nav-pills .nav-link.active:last-child {
  margin: 0px;
} */
/* .nav-pills .nav-link:not(.active) { */
/* background: #c1c1c1 !important; */
/* padding-bottom: 3px !important; */
/* } */
/*Tab content body*/
/* .tab-content .tab-pane.show.active {
  padding: 16px;
  border: 1px solid #ffc313;
  border-radius: 0px;
} */
/*Child tabs**/
/* .tab-content .card.custom-card .card-body{
  padding: 0px;
}
.tab-content .tab-pane.show.active .nav-pills .nav-link{
  background: #f3f3f3;
  font-size: 12px;
  white-space: nowrap;
}
.tab-content .tab-pane.show.active .nav-pills .nav-link.active {
  background: #cccccc !important;
  position: relative;
}
.tab-content .tab-pane.show.active .nav-pills .nav-link.active:before {
  content: ' ';
  background: #cccccc;
  width: 20px;
  height: 20px;
  position: absolute;
  rotate: 226deg;
  bottom: -10px;
  z-index: 0;
  right: 0px;
  left: 0px;
  margin: auto;
}


.tab-content .tab-pane.show.active .nav-pills .nav-link.active:before {
  content: ' ';
  background: rgb(255, 140, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  rotate: 226deg;
  bottom: -10px;
  z-index: 0;
  right: 0px;
  left: 0px;
  margin: auto;
} */


/*.app-sidebar*/
.app-sidebar {
  background: #3b3b3b !important;
  /* background: #000000; */
}

.app-sidebar .main-sidebar-header {
  background: #fff !important;
}

.main-sidebar ul.main-menu {
  margin-top: 20px;
}

.main-sidebar ul.main-menu li {
  padding: 2px 0px;
}

[data-menu-styles=dark] .app-sidebar .side-menu__item:hover {
  color: #fff !important;
  background-color: #F8A210 !important;
  border-radius: 0px;
}

[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__icon,
[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label,
[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__angle,
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__icon,
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label,
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__angle {
  color: #fff;
  fill: #fff;
  border-radius: 0px;
}

[data-menu-styles=dark] .app-sidebar .side-menu__item.active {
  color: #fff !important;
  background-color: #F8A210 !important;
  border-radius: 0px;
  margin-bottom: 0px;
}

.app-sidebar .side-menu__icon {
  color: #fff !important;
}

.app-sidebar .side-menu__label {
  color: #fff !important;
}

/*child menus*/
li.slide.has-sub ul.slide-menu li {
  padding: 0px 0px 0px 0px;
  /* border-bottom: 1px solid #ffc313; */
  border-bottom: 1px solid #3b3b3b;
}

li.slide.has-sub ul.slide-menu li.slide a {
  color: #fff;
  padding: 6px 0px 6px 40px;
  border-radius: 0px;
  background: transparent !important;
  /* border-left: 40px solid transparent; */
  /* padding-left: 10px !important; */
  /* border-bottom: 1px solid #FFC313; */
}

li.slide.has-sub ul.slide-menu li.slide a::before {
  display: none;
}


li.slide.has-sub ul.slide-menu li a.side-menu__item.active,
li.slide.has-sub ul.slide-menu li a.side-menu__item:hover {
  background: #ffbd4e !important;
  /* border-left: 30px solid #e45f26; */
  /* border-bottom: 1px solid #FFC313; */
}

.app-sidebar .footer {
  color: #fff !important;
}

.app-sidebar .footer a {
  color: #fff !important;
}

/*.main-header-container*/
/* .main-header-container {
  background: rgb(255, 140, 0);
  background: #E45F26;
} */

/* .animated-arrow span {
  background: #fff !important;
}

.animated-arrow span:before,
.animated-arrow span:after {
  background: #fff !important;
}

.app-header #mainHeaderProfile {
  color: #fff !important;
} */

/*.custom-tabs-layout */
.nav-pills .nav-link {
  margin-right: 10px;
  border-radius: 5px 5px 0px 0px;
}

.nav-pills .nav-link:last-child,
.nav-pills .nav-link.visited:last-child,
.nav-pills .nav-link.active:last-child {
  margin: 0px;
}

.custom-tabs-layout .nav-pills {
  background: transparent !important;
  border-radius: 5px 5px 0px 0px;
}

.custom-tabs-layout .nav-pills .nav-link:not(.active) {
  background: transparent !important;
  color: #000 !important;
}

/* .custom-tabs-layout .nav-pills .nav-link.visited:not(.active) {
  color: #fff !important;
  background: green !important;
} */
.custom-tabs-layout .nav-pills .nav-link.completed:not(.active) {
  color: #1d1d1d !important;
  background: #36b336 !important;
  /* margin-bottom: 3px; */
  border-radius: 5px;
  position: relative;
  top: -2px;
}

.custom-tabs-layout .nav-pills .nav-link i {
  font-size: 12px;
  font-weight: normal;
}

.custom-tabs-layout .nav-pills .nav-link:not(.completed) i.ri-check-line {
  display: none;
}

.custom-tabs-layout .nav-pills .nav-link i.ri-check-line {
  position: relative;
  top: 1px;
  font-weight: bold;
  left: 4px;
}

/* .custom-tabs-layout .nav-pills .nav-link.active {
  background-color: rgb(255, 140, 0) !important;
  color: #fff !important;
} */

.custom-tabs-layout .tab-content .tab-pane.show.active {
  padding: 16px;
  border: 1px solid rgb(255, 195, 19);
  border-radius: 0px;
}

/*Nested Tabs*/
/*remove below class if equally distributed */
.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: auto;
  flex-grow: unset;
}

/*equally distributed end*/
.custom-tabs-layout .nested-tabs.tab-content {
  border: 1px solid rgb(255, 195, 19);
  padding: 15px;
}

.custom-tabs-layout .tab-content.nested-tab-body {
  border: 1px solid rgb(255, 195, 19);
  padding: 15px;
}

/*.accordion.accordion-solid-danger*/

.accordion.accordion-solid-danger .accordion-button {
  background: #3b3b3b !important;
  color: #fff;
}

.accordion.accordion-solid-danger .accordion-button.collapsed {
  color: #fff;
}

/* 
.accordion.accordion-solid-danger .accordion-button:after {
  background-color: var(--custom-white);
  color: rgb(160, 115, 33);
}

.accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: var(--custom-white);
  color: #fff;
}

.accordion.accordion-solid-danger .accordion-button.collapsed:after {
  background-color: var(--default-background);
  color: #3b3b3b !important;
} */

/*check icon for tabs completed*/
/*<i :class="tab.icon" class="me-2 align-middle d-inline-block ri-checkbox-circle-line"></i>*/


/*Striped tables*/
table.table-striped thead tr:not(first-child),
table.table-striped thead tr:not(:first-child) th {
  /* background: #FDEFE9 !important; */
  background: #fff !important;
}

table.table-striped thead tr,
table.table-striped thead tr th {
  background: #595959;
  color: #fff;
}

.heading {
  border-radius: 0px !important;
  /* background-color: #FDEFE9 !important; */
  /* background: #ffe3ac !important; */
  background: #ffe3ac4d !important;
}

/*BUttons*/
.btn-danger {
  background-color: #fff !important;
  border-color: rgb(var(--danger-rgb)) !important;
  color: rgb(var(--danger-rgb)) !important;
}

.btn-danger:hover,
.btn-danger:active {
  background-color: rgba(var(--danger-rgb), 0.9) !important;
  border-color: rgb(var(--danger-rgb)) !important;
  color: #fff !important;
}

/*table-icon-collapse*/
.table-icon-collapse {
  position: relative;
  width: 20px;
  height: 16px;
  float: left;
  cursor: pointer;
  margin-right: 10px;
  top: -1px;
}

.table-icon-collapse .ri-add-circle-line,
.table-icon-collapse .ri-indeterminate-circle-line {
  font-size: 18px;
}

.icon-collapse {
  position: relative;
  width: 20px;
  height: 16px;
  float: left;
  cursor: pointer;
  top: -1px;
}

.icon-collapse .ri-add-circle-line,
.icon-collapse .ri-indeterminate-circle-line {
  font-size: 18px;
}

.app-sidebar .side-menu__angle {
  color: white;
}


.authentication .authentication-cover:before {
  background-color: #FDEFE9;
}

.chat-icon {
  display: flex !important;
  position: fixed;
  bottom: 20px;
  right: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 10000;
  height: 3.5rem;
  width: 3.5rem;
  background-color: #257051;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease;
  text-decoration: none;
}

.chat-icon:hover {
  transform: scale(1.1);
}

.chat-icon:hover::after {
  content: "Hiii!";
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  color: #333;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.2s ease-out;
}

.chat-icon i {
  color: white;
  font-size: 1.5rem;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}