tr[data-href] {
  cursor: pointer;
}

.pin.btn {
  font-size: 4rem;
  padding: 0.6rem 2.5rem;
  margin-bottom: 1.5rem;
}

.timetracking .total-time {
  position: absolute;
  right: 60px;
}

.modal-content .modal-body p,
.modal-content h4 {
  color: #000444;
}

.font-weight-bold {
  font-weight: bold;
}

input[type="checkbox"].delete-checkbox {
  display: none;
}

.delete-label {
  display: inline-block;
  padding: 3px;
}

.delete-label::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  content: "\f2ed";
  color: #f1646c;
  font-size: 14px;
  cursor: pointer;
}

input[type="checkbox"].delete-checkbox:checked + .delete-label {
  background: #f00;
  color: #fff;
}

input[type="checkbox"].delete-checkbox:checked ~ table tr {
  display: none;
}

.page-wrapper {
  margin-left: 50px;
}

.message-alert,
input#pin {
  font-size: 1.5rem;
}

.choose-block {
  background-color: #f5f5f5;
  padding: 20px;
  margin: 20px;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.choose-block:hover,
.choose-block:active,
.choose-block:focus {
  background-color: rgba(245, 245, 245, 0.4);
}

.choose-block h3 {
  color: black;
}

.btn.tablet-other-choices {
  text-decoration: underline;
  font-size: 1rem;
}

.bootstrap-datetimepicker-widget {
  z-index: 10000;
}

.bootstrap-datetimepicker-widget > ul {
  padding: 10px;
}

.bootstrap-datetimepicker-widget > ul > .collapse:not(.show) {
  display: list-item;
}

.bootstrap-datetimepicker-widget > ul > li > div.timepicker {
  margin-top: 10px;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.w-30 {
  width: 30% !important;
}

.datepicker {
  position: absolute;
  z-index: 9999 !important;
}

.card-title {
  text-transform: none !important;
}

.no-bullets {
  list-style-type: none;
  padding-left: 0;
}

.fc-event {
  cursor: pointer !important;
}

.cursor-pointer {
  cursor: pointer;
}

.btn-settings-gray {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.btn-settings-gray:hover,
.btn-settings-gray:focus {
  background-color: #5c636a !important;
  border-color: #5c636a !important;
  color: #fff !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.red-dot {
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -3px;
}

.first_detail_card {
  margin-top: 15px;
}

.status-200 {
  background-color: #4caf50; /* Green */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-301 {
  background-color: #1e88e5; /* Blue */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-302 {
  background-color: #26c6da; /* Cyan */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-403 {
  background-color: #d32f2f; /* Dark Red */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-404 {
  background-color: #e53935; /* Red */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-500 {
  background-color: #ffc107; /* Yellow */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-0 {
  background-color: #35c2cc; /* Light Blue */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.status-not_tested {
  background-color: #2196f3; /* Blue */
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: bold;
}

.ssl-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.ssl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.ssl-ok {
  background-color: #4caf50;
}

.ssl-bad {
  background-color: #e53935;
}

.ssl-na {
  background-color: #9e9e9e;
}

#dynamic-modal .modal-url-input {
  margin-bottom: 10px;
}

#dynamic-modal .url-format-hint {
  display: block;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;

  color: #6c757d;
}

#weekPickerTrigger {
  width: 38px;
  height: 38px;
  padding: 0;
  font-size: 18px;
}