.lbl-mand::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.lbl-mand::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f069";
  color:rgb(231, 109, 95);
  font-size: 0.50em;
  vertical-align: top;
}

.is-hidden {
  display: none;
}

.hidden-row {
  margin-top: 10px;
}

.divider {
  border-top: 2px solid rgb(228, 228, 228);
}

.row-bg {
  background-color: rgb(243, 243, 243);
}

.btn-hide {
  display: none;
}

.upload-preview img {
  width: 150px;
}

.img-tbl {
  width: 50px;
}

.pointer {
  cursor: pointer;
}

.overflow-div-form {
  height: 250px;
  overflow: auto;
}

.overflow-div-list {
  height: 450px;
  overflow: auto;
}

/* Datatable */
/*Nested Table*/
td.details-control {
  background: url('../img/plus.png') no-repeat center center;
  width: 20px;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url('../img/minus.png') no-repeat center center;
  width: 20px;
  cursor: pointer;
}

.nested-dt {
  border-collapse: collapse;
  width: 100%;
}
.nested-dt td, .nested-dt th {
  border: 1px solid #ddd;
  padding: 2px;
}

div.dt-buttons {
  padding-left: 1%;
  float: right;
}

.dataTables_wrapper   .dataTables_filter{
       float: center
  }
 
.dataTables_wrapper  .dataTables_length{
       float: left
}

.iti__flag {background-image: url("../../node_modules/intl-tel-input/build/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../../node_modules/intl-tel-input/build/img/flags@2x.png");}
}

/* Loadder */
.loader {
  left: 50%;
  margin-left: -4em;
  z-index: 2000 !important;
  font-size: 12px;
  border: 1em solid #e9ebed;
  border-left: 1em solid #6675e5;
  animation: spin 1.1s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 8em;
  height: 8em;
  display: block;
  position: absolute;
  top: 35%;
  margin-top: -4.05em;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}


/* Form List */
/* Style the file input */
.form-list-file-input {
  width: 100%;
  padding: 4px; /* Adjust padding to make the button smaller */
  background-color: #f8f8f8; /* Set the default button background color */
  border: 1px solid #ccc; /* Add border for button */
  border-radius: 4px; /* Add border radius for button */
  color: #333; /* Set the default text color */
  cursor: pointer;
}

/* Hide the default file input button */
.form-list-file-input::-webkit-file-upload-button {
  display: none;
}

/* When a file is selected, change the button color to primary */
.form-list-file-input:valid {
  background-color: #007bff; /* Change button background color to primary color */
  color: #fff; /* Change text color to white for contrast */
}

/* Ensure the label text is not shown */
.form-list-file-input + label {
  display: none;
}

/* Style the label for better aesthetics */
.form-list-file-input + label::before {
  content: 'Choose File'; /* Displayed text on the label */
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8; /* Set the default label background color */
  cursor: pointer;
  margin-right: 5px; /* Adjust spacing between label and button */
}

/* When a file is selected, change the label color to match the button */
.form-list-file-input:valid + label::before {
  background-color: #007bff; /* Change label background color to primary color */
  color: #fff; /* Change text color to white for contrast */
}


/* Disable select2 */
.select2-readonly .select2-selection__rendered {
  background-color: #f0f0f0;
  pointer-events: none; /* Prevent interaction */
}


/* Remove box shadow */
.remove-box-shadow {
  box-shadow:none;
}


/* Custom kanban */
.content.kanban {
  height: 500px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.content.kanban .container-fluid {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.content.kanban .card .card-body {
  padding: .5rem !important;
}

.content.kanban .card.card-row {
  width: 400px !important;
  display: inline-block !important;
  margin: 0 .5rem !important;
}

.content.kanban .card.card-row:first-child {
  margin-left: 0 !important;
}

.content.kanban .card.card-row .card-body {
  height: calc(100% - (12px + (1.8rem * 1.2) + .5rem)) !important;
  overflow-y: auto !important;
}

.content.kanban .card.card-row .card:last-child {
  margin-bottom: 0 !important;
  border-bottom-width: 1px !important;
}

.content.kanban .card.card-row .card .card-header {
  padding: .5rem .75rem !important;
}

.content.kanban .card.card-row .card .card-body {
  padding: .75rem !important;
}