.min-w-50  { min-width: 50px;  }
.min-w-75  { min-width: 75px;  }
.min-w-100 { min-width: 100px; }
.min-w-125 { min-width: 125px; }
.min-w-150 { min-width: 150px; }
.min-w-200 { min-width: 200px; }
.min-w-250 { min-width: 250px; }
.flex-align-items-center{
  align-items: center;
}
.sidebar-brand {
  height: 3.55rem;
  justify-content: flex-start;
}
.sidebar-border-dir {
  border-right: 1px solid var(--bs-border-color);
}
.font-size85{
  font-size: .85rem;
}
.breadcrumb{
  font-size: .85rem;
}
.card-header{
  font-size: 1rem;
}
.dis_none{
  display: none;
}
.dis_none_important{
  display: none !important;
}
.mb_bottom_0_15 {
	margin-bottom: .15rem !important;
}
.mb_top_0_25 {
	margin-top: .25rem !important;
}
.mb_top_0_4 {
	margin-top: .4rem !important;
}
.mb_top_0_5 {
	margin-top: .5rem !important;
}
.mb_bottom_0_5 {
	margin-bottom: .5rem !important;
}
.mb_top_0 {
	margin-top: 0rem !important;
}
.mb_top_1 {
	margin-top: 1rem !important;
}
.mb_top_2 {
	margin-top: 2rem !important;
}
.mb_bottom_0 {
	margin-bottom: 0rem !important;
}
.mb_bottom_1 {
	margin-bottom: 1rem !important;
}
.mb_bottom_2 {
	margin-bottom: 2rem !important;
}
.mb_top_1_5 {
	margin-top: 1.5rem !important;
}
.mb_bottom_1_5  {
	margin-bottom: 1.5rem !important;
}
.mb_left_0 {
	margin-left: 0rem !important;
}
.mb_left_0_5 {
	margin-left: .5rem !important;
}
.mb_right_0_5 {
	margin-right: .5rem !important;
}
.mb_left_1_5per {
	margin-left: 1.5% !important;
}
.mb_left_1 {
	margin-left: 1rem !important;
}
.mb_left_1_5 {
	margin-left: 1.5rem !important;
}
.mb_left_2 {
	margin-left: 2rem !important;
}
.main-sidebar .brand-link {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 1rem;
    transition: width .3s ease-in-out;
    white-space: nowrap;
}
.main-sidebar .brand-link .brand-image {
    float: none;
	display: block;
    max-height: inherit;
    width: 74%;
	margin: 0 auto;
}

  .iconletter  {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #343a40;
    color: white;
    font-weight: 500;
    text-transform: capitalize;
    font-size: .9rem;
  }

  .searchbar {
    width: 100%;
    max-width: 300px;
    display: inline-flex;
    margin: 0 1rem;
  }
  
  .searchbar--max-width {
    max-width: 100%;
  }
  
  .searchbar__input {
    flex-grow: 1;
    padding: .25rem .5rem;
    outline: none;
    border: 1px solid #343a40;
    border-radius: 5px 0 0 5px;
    background: #ffffff;
    font-size: .9rem;
  }
  
  .searchbar__input:focus {
    background: white;
    box-shadow: none;
  }
  
  .searchbar__input::placeholder {
    color: #d0d0d0;
  }
  
  .searchbar__button {
    width: 30px;
    background: #343a40;
    color: #ffffff;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    user-select: none;
    font-size: .8rem;
  }
  
  .searchbar__button:active {
    box-shadow: none;
  }
  .badge {
    font-size: .8rem !important;
    font-weight: 400 !important;
  }
  .badge.red_danger {
    color: #BE1212 !important;
  }
  .badge.red {
    color: #BE1212 !important;
  }
  .badge.white {
    color: #fff !important;
  }

  .mainTable {
    margin-bottom: 0 !important;
  }
  .mainTable thead tr{
    border-radius: 5px;
  }
  .mainTable thead tr th {
    border-top: none !important;
    border-bottom: none !important;
    background-color: #F2F2F2;
    color: #212529;
    font-size: .75rem;
    font-weight: 600 !important;
    white-space: nowrap;
    padding: .75rem!important;
    vertical-align: middle !important;
    line-height: 1.5;
    text-align: left !important;
  }
  .mainTable thead tr th.sorting{
    padding-right: 1.75rem !important;
  }
  .mainTable.subTable thead tr th {
    background-color: #fff6f6;
  }
  .mainTable thead tr th.text_checkbok {
    padding: .5rem .75rem !important;
  }
  .mainTable thead tr th.text_checkbok_padding {
    padding: 0 .75rem 0 .75rem!important;
  }
  .mainTable thead tr th.text_checkbok_padding .intable_padding{
    margin: .5rem 0!important;
  }
  .mainTable thead tr th:first-child {
    border-radius: 5px 0 0 5px;
  }
  .mainTable thead tr th:last-child {
    border-radius: 0 5px 5px 0;
  }
  .mainTable tbody tr{
    border-bottom: 1px solid #F2F2F2 !important;
  }
  .mainTable tbody tr:last-of-type{
    border-bottom: none !important;
  }
  .mainTable tbody tr.rowHover:hover{
    cursor: pointer;
  }
  .mainTable tbody tr.rowHover:hover{
    background-color: #fff6f6;
  }
  .mainTable tbody tr td{
    white-space: nowrap;
    border-top: none !important;
    border-bottom: none !important;
    color: #212529;
    font-size: .75rem;
    font-weight: 400 !important;
    padding: .5rem .75rem !important;
    vertical-align: middle !important;
    text-align: left !important;
  }
  .mainTable tfoot tr th {
    color: #212529;
    font-size: .75rem;
    font-weight: 600 !important;
    white-space: nowrap;
    padding: 0 .75rem !important;
  }
  .mainTable .form-control{
    min-width: 4.9rem;
  }
  .mainTable .custom-control-label{
    padding-left: 1rem;
  }

  .dt-container, div.dt-container div.dt-paging ul.pagination .page-link{
    font-size: .75rem !important;
    font-weight: 600 !important;
  }
  div.dt-container div.dt-length select {
    height: 2.25rem;
  }
  table.table.row-pointer-cursor.dataTable > tbody > tr{
    cursor: pointer;
  }
  table.table.last-child-border-none > tbody > tr:last-child{
    border-bottom: 0 #fff;
  }
  div.dt-processing > div:last-child {
    height: 10px;
}
  div.dt-processing > div:last-child > div {
    width: 10px;
    height: 10px;
  }
  div.dt-processing{
    background-color: rgba(248,249,250);
  }
  .customSelect, .form-select {
    font-size: .75rem !important;
    padding: .5rem auto !important;
    color: #212529 !important;
    background-color: #fff !important;
    outline: none !important;
    cursor: pointer !important;
    font-weight: 600 !important;
  }

  .app-footer{
    font-size: .75rem !important;
    font-weight: 400 !important;
  }

  .select2-container--default .select2-selection--multiple{
    height: 2.25rem !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: .85rem;
    color: #212529;
  }
  .select2-container--default .select2-selection--single {
    height: 2.25rem;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529;
    line-height: 2.25rem;
    font-size: .85rem;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.15rem;
    top: 0;
  }
  .select2-results__options{
    font-size: .85rem !important;
    color: #212529 !important;
  }
  .customSelect {
    display: flex !important;
    width: 100% !important;
    font-size: .85rem !important;
    color: #212529 !important;
    border: 1px solid #aaa  !important;
    padding: .4rem 2.2rem .4rem .8rem !important;
    border-radius: 3px !important;
    background: none !important;
    background-image: url('/adminlte/dist/icons/arrow_down.svg') !important;
    background-repeat: no-repeat !important;
    background-size: .5rem 100% !important;
    background-position: right 0.75rem center !important;
    background-color: #fff !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    height: 2.25rem !important;
  }

  .input-group-text{
    border: 1px solid #aaa;
    height: 2.25rem;
  }
  .form-control {
    font-size: .85rem;
    height: 2.25rem;
    padding: .4rem .8rem;
    color: #212529;
    box-shadow: none;
    background: #FFFFFF;
    border: 1px solid #aaa;
    border-radius: 5px;
  }
  .form-control:focus {
    background: #ffffff;
    border: 1px solid #aaa;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
  }
  .form-control::-moz-placeholder {
    color: #e0e0e0;
  }
  .form-control::-ms-input-placeholder {
    color: #e0e0e0;
  }
  .form-control::-webkit-input-placeholder {
    color: #e0e0e0;
  }
  .form-control:disabled, .form-control[readonly]{
    background-color: #fff;
      opacity: .5;
  }
  textarea.form-control{
    min-height: 7.5rem;
  }

  .inputLbl {
    display: block;
    clear: both;
    font-weight: 400 !important;
    font-size: .9rem;
    margin-bottom: .25rem;
    color: #212529;
  }

  .serviceImg {
     display: block;
     width: 200px;
     height: 200px;
     margin: 1rem;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     border: 1px solid #d0d0d0;
  }
.chat-container {
  max-height: 300px;
  overflow-y: auto;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.chat-message {
  max-width: 75%;
  padding: 10px;
  border-radius: 10px;
  background-color: #e9ecef;
  color: #000;
}

.chat-message.left {
  align-self: flex-start;
  background-color: #e9ecef;
}

.chat-username {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 4px;
}

.chat-timestamp {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 6px;
}

.chat-input input {
  height: 40px;
}

.chat-input button {
  height: 40px;
  padding: 0 16px;
}

.chart-container {
  height: 250px; 
  max-width: 100%;
  overflow: hidden; /* avoid scrollbars */
  margin-bottom: 1rem;
}