.view-grid table {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  min-width: 400px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.view-grid table thead tr {
  background-color: #081E32;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.view-grid table th a {
  color: #fff !important;
  font-size: 15px !important;
}

.view-grid table td a {

  font-size: 13px !important;
}

.view-grid table th {
  font-size: 12px !important;
}

.view-grid table td {
  font-size: 13px !important;
}

.view-grid table th,
.view-grid table td {
  padding: 12px 15px;
}

.view-grid table tbody tr {
  border-bottom: 1px solid #dddddd;
}

.view-grid table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.view-grid table tbody tr:last-of-type {
  border-bottom: 2px solid #081E32;
}

.view-grid table tbody tr.active-row {
  font-weight: bold;
  color: #081E32;
}

.toolbar-actions a {
  border-radius: 5px !important;

}


.fa-chevron-circle-down:before {
  content: "\22EE" !important;
  /* Unicode for vertical ellipsis */
  font-size: 20px;
}

.fa-vertical-dots::before {
  content: "\22EE";
  /* Unicode for vertical ellipsis */
}

.action button {
  padding: 0px !important;
  border: none !important;
}

.action button:hover,
.action button:focus {
  background-color: transparent !important;
  color: #081E32 !important;
}


.toolbar-actions .input-group-btn button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #081E32;
  color: #fff;
}

.actions input {
  font-size: 12px !important;
}


#projectSelect {
  height: 30px !important;
  outline: none !important;
  border-radius: 5px !important;
  border: 1px solid #081E32 !important;
  padding-left: 15px !important;
  font-size: 16px !important;
  border-bottom-width: 2px !important;
  transition: all 0.3s ease !important;
  font-size: 10px !important;
}

form input:focus,
form input:valid {
  border-color: #081E32 !important;
}

.field-label {
  font-size: 14px !important;
}

input[type=button] {
  width: 100px !important;
}

.wrapper-body {
  padding: 0px !important;
}

#modalTitle {
  font-size: 14px;
  margin-left: 30px;
  font-weight: 700;
}

.entitylist-search input {
  border: 1px solid #9d9d9d !important;
  height: 32.5px !important;
  padding-left: 5px !important;
  border-radius: 0px !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.searchTerm {
  width: 100% !important;
  border: 1px solid #081E32;
  border-right: none;
  padding: 5px;
  height: 30px !important;
  border-radius: 5px 0 0 5px !important;
  outline: none;
  color: #9d9d9d;
  font-size: 12px;
}

select {
  font-size: 10px !important;
}

.btn-primary {
  text-decoration: none !important;
}



.card {
  box-shadow: rgba(14, 90, 157, 0.2) 0px 0px 3px 2px !important;
  border-radius: 5px !important;
}



.siteTitle {
  font-size: 16px !important;
}


.crmEntityFormView,
.entitylist {
  border: none !important;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  border: none !important;
}

form tr {
  border: none !important;
}

.query {
  font-size: 12px !important;
}

.modal-header h4 {
  font-size: 18px !important;
}

.fa-edit:before,
.fa-pencil-square-o:before {
  font-size: 18px !important;
}


/* Hide the original checkbox */
#estimate_summary_rev {
  display: none;
}

/* Style the toggle label */
#estimate_summary_rev_label {
  display: inline-block;
  width: 40px;
  /* Width of the toggle switch */
  height: 20px;
  /* Height of the toggle switch */
  background-color: #ccc;
  /* Background color of the toggle switch */
  border-radius: 10px;
  /* Round corners */
  cursor: pointer;
  position: relative;
}

/* Style the toggle switch (indicator) */
#estimate_summary_rev_label::after {
  content: '';
  position: absolute;
  top: 2px;
  /* Position vertically centered */
  left: 2px;
  /* Position horizontally centered */
  width: 16px;
  /* Width of the indicator */
  height: 16px;
  /* Height of the indicator */
  background-color: white;
  /* Color of the indicator */
  border-radius: 50%;
  /* Round shape */
  transition: transform 0.3s ease;
  /* Smooth transition for animation */
}

/* Move the indicator to the right when the checkbox is checked */
#estimate_summary_rev:checked+#estimate_summary_rev_label::after {
  transform: translateX(20px);
  /* Move to the right */
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
  background-color: #081E32!important;
}