/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  /*justify-content: center;*/
  display: -ms-flexbox;
  display: flex;
  /*width: 34px;
  height: 24px;*/
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
/*#template-customizer{*/
/*	display:none !important;*/
/*}*/
.auth-logo {
  position: absolute;
  z-index: 2;
  inset-block-start: 2rem;
  inset-inline-start: 2.3rem;
}
.bg-background {
  --v-theme-overlay-multiplier: var(--v-theme-background-overlay-multiplier);
  background-color: rgb(var(--v-theme-background)) !important;
  color: rgb(var(--v-theme-on-background)) !important;
}
.bg-surface {
  --v-theme-overlay-multiplier: var(--v-theme-surface-overlay-multiplier);
  background-color: rgb(var(--v-theme-surface)) !important;
  color: rgb(var(--v-theme-on-surface)) !important;
}
.justify-center {
  justify-content: center !important;
}
.auth-footer-mask {
  position: absolute;
  inset-block-end: 0;
  min-inline-size: 100%;
}
.welcome {
  overflow: hidden;
  height: 80px;
  position: relative;
}

.welcome p {
  position: absolute;
  min-width: 100%;  
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}

.welcome p span, 
.welcome p:after {
  position: relative;
  display: inline-block;
  font-size: 3rem;
  white-space: nowrap;
  top:0;
}

/* Default state (expanded menu): show large logo, hide small logo */
.expanded-logo {
    display: inline-block !important;
}
.collapsed-logo {
    display: none !important;
}

/* Collapsed menu state */
html.layout-menu-collapsed .expanded-logo {
    display: none !important;
}
html.layout-menu-collapsed .collapsed-logo {
    display: inline-block !important;
}

.welcome-2 p {
  animation: scrolling-type-2 10s infinite linear;
}
keyframes scrolling-type-2 {
  0% {
    transform: translate(50%, 0%);
    opacity: 0%;
  }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    transform: translate(-100%, 0%);
    opacity: 0%;
  }
}
.dataTable td {
    text-align: left !important;
}
.dataTable th {
    text-align: left !important;
}
.tr-bh td {
    border-bottom: 0px !important;
}
td.border-left {
    border-left: 1px solid #ccc;
}
.pespace {
    padding-right: 116px;
}
.custom-box .form-select {
    width: 225px;
}
.custom-box .form-control {
    width: 142px;
}
.custom-box-size .table > :not(caption) > * > * {
    padding: 12px 2px;
}
.custom-box-size .form-control{
    width:103px;
}
.custom-box-size-new .table > :not(caption) > * > * {
    padding: 12px 6px;
}
.custom-box-size-new .form-control{
    width:100%;
}
.w-150{
width: 161px !important;
}
.custom-box-size2 .table > :not(caption) > * > * {
    padding: 10px 5px;
}
@media (max-width:2444px) {

.fix-box-size .select2-container--default .select2-selection--single{
 
}
.fix-box-size .select2-container .select2-selection--single .select2-selection__rendered {
    white-space: pre-wrap;
    line-height: 30px;
}
.show-amount{
    width: 147px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.422rem 0.875rem;
    min-height:38px;
}
}
@media (max-width:1480px) {

.fix-box-size .select2-container--default .select2-selection--single{
 
  height:auto !important;
}
.fix-box-size .select2-container .select2-selection--single .select2-selection__rendered {
    white-space: pre-wrap;
    line-height: 30px;
}
.show-amount{
    width: 115px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.422rem 0.875rem;
    min-height:38px;
}

}
.custom-box-size2 .btn-danger {
  color: #fff;
  background-color: #ea5455 !important;
  border-color: #ea5455 !important;
}
.custom-box-size2 .btn-danger:hover {
  color: #fff !important;
  background-color: #d34c4d !important;
  border-color: #d34c4d !important;
}
.custom-box-size2 .btn-check:focus + .btn-danger,
.custom-box-size2 .btn-danger:focus,
.custom-box-size2 .btn-danger.focus {
  color: #fff;
  background-color: #d34c4d !important;
  border-color: #d34c4d !important;
  box-shadow: none;
}
.ibtnDel .btn-danger {
  color: #fff;
  background-color: #ea5455 !important;
  border-color: #ea5455 !important;
  font-size:12px !important;
}
.ibtnDel .btn-danger:hover {
  color: #fff !important;
  background-color: #d34c4d !important;
  border-color: #d34c4d !important;
}
.ibtnDel .btn-check:focus + .btn-danger,
.ibtnDel .btn-danger:focus,
.ibtnDel .btn-danger.focus {
  color: #fff;
  background-color: #d34c4d !important;
  border-color: #d34c4d !important;
  box-shadow: none;
}
.custom-box-size2 .btn-success {
  color: #fff;
  background-color: #28c76f !important;
  border-color: #28c76f !important;
}
.custom-box-size2 .btn-success:hover {
  color: #fff !important;
  background-color: #24b364 !important;
  border-color: #24b364 !important;
}
.custom-box-size2 .btn-check:focus + .btn-success,
.custom-box-size2 .btn-success:focus,
.custom-box-size2 .btn-success.focus {
  color: #fff;
  background-color: #24b364 !important;
  border-color: #24b364 !important;
  box-shadow: none;
}
.custom-box-size2 .btn {
    --bs-btn-padding-x: 10px;
    font-size:13px !important;
}
.w-100-size{
    width:68px;
}

.right-minus {
    margin-right: -51px !important;
}
.uper-select .select2-container{
    Z-index:99999999 !important;

}
.custom-box-size2 .btn-danger {
    color: #fff;
    background-color: #d34c4d  !important;
    border-color:  #d34c4d  !important;
}

.btn-show .btn-danger {
  color: #fff;
  background-color: #ea5455 !important;
  border-color: #ea5455 !important;
}
.btn-show .btn-danger:hover {
  color: #fff !important;
  background-color: #d34c4d !important;
  border-color: #d34c4d !important;
}
.btn-show .btn-check:focus + .btn-danger,
.btn-show .btn-danger:focus,
.btn-show .btn-danger.focus {
  color: #fff;
  background-color: #d34c4d !important;
  border-color: #d34c4d !important;
  box-shadow: none;
}
.no-wrap{
    white-space: nowrap;
    
}
.del-btn {
    width:75px !important;
    font-size: 17px !important;
    padding: 10px !important;
    margin: 10px;
}
#formValidationExamples .text-danger {
    font-weight: normal;
    font-size: 0.8125rem;
   
}
#formValidationExamples .alert {
    font-weight: normal;
    font-size: 0.8125rem;
    text-align: right;
    display: block;
    margin: 0;
    padding: 0;
}
#notesform .alert {
    font-weight: normal;
    font-size: 0.8125rem;
    text-align: right;
    display: block;
    margin: 0;
    padding: 0;
}
#tasknotes_add .alert {
    font-weight: normal;
    font-size: 0.8125rem;
    text-align: right;
    display: block;
    margin: 0;
    padding: 0;
}
.progress:has(:only-child) {
    overflow: visible;
}
.progress-bar {
    box-shadow: 0 .125rem .375rem 0 rgb(149 187 231);
}
    /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Custom CSS for positioning */
    .toast-container {
      position: fixed;
      top: 20px; /* Adjust as needed */
      right: 20px; /* Adjust as needed */
      z-index: 9999; /* Ensure it's on top of everything */
    }

    /* Custom CSS for toast header */
    .toast-header {
      background-color: #6c757d; /* Gray background */
      color: white; /* White text */
      border-bottom: none; /* No border at the bottom */
    }

    /* Custom CSS for toast body */
    .toast-body {
     /* background-color: #f8d7da;*/ /* Red background */
     
    }
    .custom-edit-icon {
    color: #2A4768;
}
/* General input and textarea elements */

.form-control:not(:placeholder-shown) 
{
    background-color: #fff !important; /* Light grey when text is added */
}



/* Background when a value is selected */
.flatpickr-calendar input[type="number"]:not(:placeholder-shown){
    background-color: transparent !important;
}

.light-style .select2-selection {
    background-color: #f8f9fa; /* Default light background */
}

/*.light-style .select2-selection--single .select2-selection__rendered {
    color: #000; 
}*/
.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: #2a4769 !important;
    background: aliceblue !important;
    color:#000 !important;
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color:#fff;
}

/* Prevent theme focus styles for disabled and readonly fields */
input:disabled:focus,
input[readonly]:focus,
textarea:disabled:focus,
textarea[readonly]:focus {
    background-color: aliceblue;
    border-color:#dbdade !important; /* Optional: Reset the border color if needed */
    box-shadow: none; /* Remove the theme's focus box-shadow */
    outline: none; /* Remove focus outline */
}

/* Select elements */
select:disabled,
select[readonly] {
    background-color: #ececec;
}

/* Select2 single dropdowns */
.select2-container--default .select2-selection--single[aria-disabled="true"] {
    background-color: #ececec;
}

/* Prevent theme focus styles for Select2 single dropdowns */
.select2-container--default .select2-selection--single[aria-disabled="true"]:focus {
    background-color: #ececec;
    border-color: initial;
    box-shadow: none;
    outline: none;
}

/* Select2 multiple dropdowns */
.select2-container--default .select2-selection--multiple[aria-disabled="true"] {
    background-color: #ececec;
}

/* Prevent theme focus styles for Select2 multiple dropdowns */
.select2-container--default .select2-selection--multiple[aria-disabled="true"]:focus {
    background-color: #ececec;
    border-color: initial;
    box-shadow: none;
    outline: none;
}
/* additional header */
#successAlert {
    position: absolute;
    top: 100px;
    right: 30px;
    z-index: 5;
}
.custom-alert.alert-additional {
    padding: 0;
}
.custom-alert.alert-additional .alert-body,
.custom-alert.alert-additional .alert-content{
   padding: .8rem 1rem;
}
.custom-alert.alert-additional .alert-content{
    background:green;
}
/* custom datepicker css */
.custom-date{
 position: relative;
}
.custom-date .flatpickr-input {
    padding-left: 52px;
}
.custom-date .input-group-text {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    border-right: 1px solid #ccc;
    border-radius: 0px;
    height: 38px;
}
.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link::before {
    left: 1.75rem;
}
.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-link::before {
    left: 2.25rem;
}
.dataTable th {
    color: #2a4769 !important;
    font-weight: 500;
    font-size:16px !important;
}
span.task-bt button{
    height: 24px;
    width: 24px;
    margin-right: 0.2rem !important;
    margin-bottom: 0.15rem !important;
}
span.task-bt button i{
    font-size: 1rem;
}
/* margin pedding class */
.ms-30 {
    margin-left: 30px;
}
.fixed-logo{
    position: fixed;
    bottom: 0;
    /* left: 20px; */
    width: 230px;
   
}
.bs-stepper.vertical .bs-stepper-content {
    width: 100%;
    overflow: hidden;
}
/*16-1-25 Css Start Here */
label{
    margin-top: 10px;
}

  .form-label + tags.tagify{
      min-height: 100px;
  }
  
  .icon-color{
      color:#2a4769;
  }
 .w-148 {
    width: 148px;
}
.f-15 {
    font-size: 15px;
}
ul.action {
    gap: 8px;
    display: flex;
    justify-content: center;
}