/* start general body */
:root {
  --turmeric: #ABCA46;
  --bianca: #F7FAEC;
  --sushi: #889F3C;
  --cardinal: #C4182F;
  --we_peep: #F9E8EA;
  --dark_tan: #790f1d;
  --alabaster: #F9F9F9;
  --another_alabaster: #f8f8f8;
  --eucalyptus: #1E8053;
  --zanah: #E2F0DA;
  --prussian_blue: #002155;
  --boulder: #7B7B7B;
  --alto: #dadada;
  --another_alto: #dddddd;
  --clementine: #E85D00;
  --gallery: #f0f0f0;
  --another_gallery: #eeeeee;
  --parsley: #124d31;
  --link_water: #DDECF6;
  --another_link_water: #e3ecf7;
  --hover_on_another_link_water: #c6d9f1;
  --midnight: #00173c;
  --another_midnight: #000E23;
  --another_silver: #cccccc;
  --another_another_silver: #cdcdcd;
  --another_another_another_silver: #bbbbbb;
  --burnt_sienna: #ed6657;
  --japanese_laurel: #009500;
  --grenadier: #d33900;
  --another_gray: #939393;
  --another_another_gray: #818181;
  --another_another_another_gray: #888888;
  --silver_chalice: #aaaaaa;
  --blue_bayoux: #476b72;
  --serenade: #FFEFE5;
  --iceberg: #DFF4F3;
  --smalt_blue: #4C8683;
  --dove_gray: #6c6c6c;
  --another_dove_gray: #717171;
  --flamingo: #f6621c;
  --dusty_gray: #999999;
  --blue_haze: #C9D1DE;
  --athens_gray: #e9ecef;
  --another_athens_gray: #E5E9EE;
  --wild_sand: #f5f5f5;
  --waterloo: #787f91;
  --mine_shaft: #2b2b2b;
  --another_mine_shaft: #232323;
  --shark: #1f2023;
  --cod_gray: #0d0d0d;
  --chilean_heath: #fffce5;
  --seashell: #f1f1f1;
}

html, body { 
  scroll-behavior: smooth;
}

body {
  background-color: var(--alabaster);
}
/* end general body */

.row-container-overwrite {
  border-radius: 8px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
}

.alert {
  background-color: var(--we_peep);
  color: var(--cardinal);
  border-color: var(--cardinal);
  border-width: 1px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

.alert .closebtn:hover {
  color: var(--dark_tan);
}

.margin_right_auto {
  margin-right: auto;
}

.closebtn {
  margin-left: 15px;
  color: var(--cardinal);
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.alert.success {
  color: var(--eucalyptus);
  background-color: var(--zanah);
  border-color: var(--eucalyptus);
}

.alert.success .closebtn {
  color: var(--eucalyptus);
}

.alert.success .closebtn:hover {
  color: var(--parsley);
}

#inprogressdiv {
  background-color: var(--link_water) !important;
  color: var(--prussian_blue) !important;
  border-color: var(--prussian_blue) !important;
  display: none;
}

#inprogressdiv .closebtn {
  color: var(--prussian_blue);
}

#inprogressdiv .closebtn:hover {
  color: var(--midnight);
}

hr.rounded {
  border-top: 2px dotted var(--another_another_another_silver);
}

.row-container {
  background: #ffffff;
  box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 25px 25px 10px;
  height: 100%;
  margin-bottom: 2rem;
}

.table_heading {
  text-align: left;
  font-weight: 1000;
  font-size: 1.3rem;
}

.button_effect {
  border: 0.1rem solid black;
  border-radius: 0.3rem;
  padding: 0.5rem;
  margin: 0.2rem;
}

.button_effect:hover {
  text-decoration: line-through;
  cursor: pointer;
}

.clicked_button_effect {
  text-decoration: line-through;
  background-color: salmon;
}

.deleted_row, .rejected_row {
  background: var(--burnt_sienna) !important;
  color: white;
}

.updated_row, .approved_row {
  background: rgb(212, 255, 210) !important;
}

.approved {
  font-weight: 900;
  color: var(--japanese_laurel);
}

.rejected {
  font-weight: 900;
  color: var(--grenadier);
}

.action_button {
  padding: 0.6rem 0.8rem 0.6rem 0.8rem;
}

.table_row {
  max-height: 3.4rem;
  min-height: 3.4rem;
  height: 3.4rem;
}

.overflow {
  overflow-x: auto;
  overflow-y: auto;
}

.float_right {
  float: right;
}

.modal {
  word-wrap: break-word;
  overflow-wrap: anywhere;
  display: none;
  position: absolute;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
  
.modal-content {
  display: flex;
  justify-content: space-between;
  background-color: #fefefe;
  margin: inherit;
  padding: 20px;
  border: 1px solid var(--another_another_another_gray);
  width: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.25);
  box-sizing: initial;
}

@media (max-width: 1169px) {
  .modal-content {
    width: 80%;
  }
}

.help_icon {
  color: var(--another_gray);
  cursor: help;
}
  .help_icon:hover {
    color: var(--prussian_blue);
    cursor: help;
  }
    .help_icon:hover img {
      filter: invert(13%) sepia(94%) saturate(1428%) hue-rotate(199deg) brightness(85%) contrast(109%);
    }

#close_confirmation_form, #close_rebooking_form {
  color: var(--another_gray);
  font-size: 1.8rem;
  cursor: pointer;
}

.close {
  color: var(--silver_chalice);
  float: right;
  font-size: 28px;
  font-weight: bold;
  text-align: right;
}
  
.close:hover, .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.center {
  text-align: center;
}

.fullwidth {
  width: 100%;
}

.center_button {
  left: 30%;
  position: relative;
  width: 40%;
}

.daterangeheight {
  height: 3rem;
}

.daterangeminwidth {
  width: 15rem;
}

.shrink {
  min-height: 20% !important;
  width: 60% !important;
}

.minwidth6rem {
  min-width: 6rem;
}

.bottom_margin {
  margin-bottom: 1rem;
}

.weight500 {
  font-weight: 500;
}

table.dataTable tbody td {
  vertical-align: middle !important;
}

.welcome_label {
  margin: 0.3rem 0.6rem;
  font-size: 1.2rem;
}

.half_rem_bottom_margin {
  margin-bottom: 0.5rem;
}

.main-footer a {
  color: var(--turmeric);
  text-decoration: underline;
}

.standard_safs_green_filter {
  filter: brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(3527%) hue-rotate(15deg) brightness(92%) contrast(70%);
}

.standard_grey_filter {
  filter: invert(51%) sepia(17%) saturate(343%) hue-rotate(185deg) brightness(95%) contrast(89%);
}

.standard_green_filter {
  filter: invert(53%) sepia(3%) saturate(5116%) hue-rotate(128deg) brightness(88%) contrast(82%);
}

.standard_orange_filter {
  filter: invert(32%) sepia(87%) saturate(1462%) hue-rotate(8deg) brightness(102%) contrast(102%);
}

.standard_dark_gray_filter {
  filter: invert(45%) sepia(12%) saturate(5%) hue-rotate(326deg) brightness(89%) contrast(87%);
}

.standard_dark_blue_filter {
  filter: invert(13%) sepia(94%) saturate(1428%) hue-rotate(199deg) brightness(85%) contrast(109%);
}

.download_filter {
  filter: invert(43%) sepia(0%) saturate(1900%) hue-rotate(208deg) brightness(96%) contrast(84%);
}