/** Component Specific*/
.col,
.col-sm-6,
.col-sm-12 {
  min-height: 75px;
}

table.platform-uploaded-file-container,
table.platform-uploaded-file-container th,
table.platform-uploaded-file-container td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

table.platform-uploaded-file-container {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  color: #495057;
}

.platform-uploaded-file-container thead th {
  background-color: #f0efef;
  font-size: 15px;
  font-weight: normal;
}

.platform-uploaded-file-container thead th,
.platform-uploaded-file-container tbody td {
  padding: 5px;
}

.platform-uploaded-file-container thead th:nth-child(1) {
  width: 10%;
}

.platform-uploaded-file-container thead th:nth-child(2) {
  width: 80%;
}

.platform-uploaded-file-container thead th:nth-child(3) {
  width: 10%;
}

.platform-file-drop-container {
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 20px;
  border: 1px solid #c9c7c7;
  color: #444;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  text-align: center;
}

.platform-file-delete {
  background: red;
  border: 1px solid #c9c9c9;
  color: white;
  font-weight: bold;
}

.platform-file-download {
  background: DodgerBlue;
  border: 1px solid #c9c9c9;
  color: white;
  font-weight: bold;
}

.platform-file-drop-container:hover,
.platform-file-drop-container.drag-active {
  background: #ddd;
  border-color: #111;
}

.platform-file-drop-container:hover .platform-file-drop-title,
.platform-file-drop-container.drag-active .platform-file-drop-title {
  color: #222;
}

.platform-file-drop-title {
  color: #444;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  transition: color 0.2s ease-in-out;
}

input[type=file] {
  width: 350px;
  max-width: 100%;
  color: #444;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #555;
}

input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #084cdf;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: #0d45a5;
}

.summary-grid-form-container-header {
  padding-left: 15px;
}

.summary-grid-form-container {
  min-height: 100px;
  border: 1px dotted #ced4da;
  padding: 0px 15px 0px 15px;
}

#add-edit-form {
  max-height: 500px;
  overflow: auto;
}

.pfm-initial-text {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 40%;
}

.date-pickerColor {
  background-color: #fff;
}

.tab-active {
  display: block !important;
}

.pfm-ctr-container {
  height: 100%;
}

.date-icon {
  background: url(./../images/control-icons.png);
}

.date-range-icon {
  background: url(./../images/control-icons.png);
}

.datetime-icon {
  background: url(./../images/control-icons.png);
}

.datagrid-header-container {
  width: 100%;
  clear: both;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.datagrid-header-container .pfm-html-heading {
  flex: 1;
}
.datagrid-header-container .quick-filter-container {
  width: 250px;
  display: none;
}
.datagrid-header-container .quick-filter-container .datagrid-quick-filter.datagrid-quick-filter {
  margin-bottom: 0;
  width: 98%;
  padding: 4px;
}
.datagrid-header-container .grid-refresh-container {
  display: none;
}
.datagrid-header-container .grid-refresh-container .grid-refresh-btn.grid-refresh-btn {
  background-size: contain;
  border: none;
  cursor: pointer;
  background-repeat: no-repeat;
}
.datagrid-header-container .grid-reset-container {
  display: none;
}
.datagrid-header-container .grid-reset-container .grid-reset-btn.grid-reset-btn {
  background-size: contain;
  border: none;
  cursor: pointer;
  background-repeat: no-repeat;
}
.datagrid-header-container .flex-align {
  display: flex;
  align-items: center;
}

.datagrid-header-container.hide-data-grid-header-container {
  display: none;
}

.datagrid-header-container.align-to-right {
  display: flex;
  align-items: center;
  justify-content: end;
}

.datagrid-header-container.hide-datagrid-title h2 {
  display: none;
}

.date-icon-ag-grid {
  background: url(./../images/control-icons.png);
}

.date-time-icon-ag-grid {
  background: url(./../images/control-icons.png);
}

textarea {
  resize: none;
}

textarea[resizable=true].pfm-ctr-textarea-input.vertical,
textarea[resizable=true].pfm-ctr-textarea-input.horizontal {
  resize: both;
  max-width: 100%;
}

.ag-side-buttons {
  width: calc(var(--ag-icon-size) + 14px) !important;
}