/* 18-09-2023 */


.card-body .alert-danger{
	background-color: transparent !important;
}

.card-body .alert{
	padding: 0 !important;
}

.card-body .form-control {
    appearance: auto;
}

.card-body .select2-container .select2-selection--single{
    height: 39px;
    border: 1px solid #d9dee3;
}

.card-body .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 37px;
}

.card-body .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px;
    right: 4px;
}

/* 19-09-2023 */

.card-body .checkbox-inlines label{
    display: flex;
    margin-bottom: 10px;
}

.card-body .checkbox-inlines label strong {
    width: 20%;
}

.card-body .checkbox-inlines label span {
    width: 10%;
}

.card-body .checkbox-inlines label span.details {
    width: 70%;
}

.table .action-icons{
    display: flex;
    align-items: center;
    gap: 10px;
}

.table .action-icons a svg{
    width: 18px;
    height: 18px;
    color: #697a8d;
}

.datepicker-dropdown{
    padding: 16px !important;
    border: 1px solid #848484 !important;
}

.disabled-tag {
  cursor: not-allowed;
}
.table-padding {
  padding : 19px;
}

/* 10-10-2023 */

.card-flex {
  align-items: center;
}
.card-flex .card-text{
  font-size: 22px;
  font-weight: bold;
}

.card-flex .card-title{
  font-size: 16px;
}
.dashboard-top h3{
  font-size: 21px;
}
.item-table{
  padding: 0 20px;
}
.list-item-main .col-md-6.col-md-offset-4{
  margin-left: 47.5%;
}

.total-price-item{
  border: none;
  text-align: end;
}

.total-price-item:focus-visible{
  outline: none;
}

.save-items-btn{
  display: flex;
  justify-content: end;
  padding: 15px;
}

#datatableDiv table.table.table-hover.dataTable.no-footer{
  width: 100% !important;
}

#datatableDiv #datatablePagination{
  width: 100% !important;
}

.total-cost-sec{
  display: flex;
  align-items: center;
}

.total-cost-sec .total_cost{
  margin-right: 20px;
  background-color: #dddddd;
  border-radius: 0.375rem;
  padding: 8px 35px;
}

.card-body img#before-img, .card-body img#after-img{
  margin-top: 12px;
}

.card-body img#before-img, .card-body img#after-img,
.card-body .document-main-sec img,
.checkbox-inlines .details img,
 .checkbox-inlines .show-detail-img img{
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 8px;
  margin-bottom: 20px;
}

.document-main-sec{
  margin-top: 12px;
  /* overflow-x: scroll; */
}

.document-main-sec .document-main-pdf .document-name, .checkbox-inlines .show-detail-img .document-name{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.card-body .document-main-pdf, .checkbox-inlines .show-detail-img .document-main-pdf{
  width: 100px;
}

.checkbox-inlines .show-detail-img {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
 /* mar1 2024 */
div#datatablePagination_paginate {
  display: inline-flex ;
  align-items: center ;
  justify-content: end;
  gap: 20px;
  width: 50%;
}
div#datatablePagination_info,div#datatablePagination_length,div#datatablePagination_filter {
  width: 50%;
  display: inline-block;
}
div#datatablePagination_paginate span {
  display: flex;
  align-items: center;
  gap:10px;
}
.custom-td td{
  padding:10px 6px !important;

}
.custom-td td.total_cost{
  /*padding:0;
  border:none;
  background-color: transparent;*/
}
.custom-th-width
{
  width: 15% !important;
}
#datatableDiv2 .dataTables_length{
  float: left;
}

.graph-section .card{
  box-shadow: 0 2px 6px 0 rgb(67 89 113 / 28%);
}
.sticky-column{
    position: sticky !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #fff !important;
}
.permissions-form{
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
}
.individual-items th{
  padding: 8px !important;
}
@media (max-width: 576px) {
  .permissions-form{
    padding: 15px;
  }
}
@media (max-width: 576px) {
    .scrollable-nav .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }
}
.scrollable-nav {
    overflow-x: auto;
    white-space: nowrap;
}

.scrollable-nav .nav-item {
    display: inline-block;
    float: none;
}