/**
    Dashboard Icons 
**/

.send-confirmation-icon {
  background-image: url("../icons/circle-tick-green.svg");
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.d-filter-icon {
  background-image: url("../icons/icon-filters.svg");
  background-size: cover;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.d-filter-icon--close {
  background-image: url("../icons/icon-close-green.svg") !important;
}

.d-copy-icon {
  background-image: url("../icons/icon-clipboard.svg");
  background-size: cover;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.d-details-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAADXUlEQVR4nO1XSYgUWRAtR0fBZcYVN1Bmri4HRdCDKIq4VcWvbqYuziAzl7l40YOIG+2KiKIHRfAsHizQjMhuS0VwGJjNmcOICqMnBVvEtburKiJdsL9EVhbdmVW/qtSmT/PhQ5IVP17Eixfxs1Kp/5djZUq00AjtNYJXgOmBYezTrc8gWADBPabkLUgN1TJlb60R/NMI2VY2MP6hZz4ZsD3o+tYIYquANQEIepmAvvko0AxTu2Eq1jqjF8B4IM3+kmzfpSkbe7sm6bO+M4LPawJQH+xnWwI1TPsMY39tFoimx5voOqdBaJa14NgPgh2NQYVOuGjrsB1fNAs6Z/Mj64JLWPvjrkyP1K8XPs+9yn/dEl0K3pufDILPHOCHY8YQ4E8NRBKj6Wd79kvDdBAYH+o2TIdyNj86kcQ+p/AC+jE0ypRonmEMXIbpsr8oFiTj4WaZZNlb7ARmDNpKnfO1rn81aot1tvBVLBvB7jpqf5SkfJ0tjNGWBMHvQbATmN4Psr+ZAsE7jYDX2GvjYhkLPU1k8F9W/GU1xbZ2RIwF8ZeB0O2ofHdSJvBXNwLWURkHxpODhPc3WJyg7zdy52xgPAZM94HpLTC9qTzj0bT4c8KzFicYphuZgFZF9NFpJ7DQziSFCg5C/2ZKNL1y3ttkGMuDezc2C5iKILhZbVfYX0bFnDWYx4+rWdVbClqtHwj5yqCqXH1mmJYC44WKAOl9RuiHGgc6Ao3g3fr9R+eTNdPVVr44M7ylKnXb7QoOGLdFTJSrtCcNZoHgLUfzn0sKTfs5qvUVF+gAMxheOKqDugY5mx9vhMgxxbpBcLvSWHFG/+j7bNlf3xzYW17tAreVtSN0woDQy7oBRJdFleZcsTCtGTCEisZ+VXu9ssWzLxamGab9RvBJosVCNYNQbwjcm5/cDDht/bGRXqSZ7UAANj8aGNtA8IxOHR2zEfDNlqkOvJWRCG+1DOx0JrQrqttvzegDoctRT+//bGCluPrloUPFBV4pV9jnPemiP/WzgUOnZW+DYXwX1e93LUm7dM3dUO6aUfmNrg/ow9s0JKCDwV2Xf2LnU0O99JvLCO0Isw5vMOw2TL8apq16p1c7ABi3pIZzAeN3kRBf64fCsIIbwVORsu8NK3DlSqWr+pfnA0mRXPmCtZCRAAAAAElFTkSuQmCC");
  background-size: cover;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.d-tooltip {
  position: relative;
  display: inline-block;
}

.d-tooltip .tooltiptext {
  visibility: hidden;
  width: 70px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 999;
  bottom: 150%;
  left: 50%;
  margin-left: -40px;
  opacity: 0;
  transition: opacity 0.3s;
}

.d-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.d-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.d-copy-button {
  background: transparent;
  border: 0;
}

.reservation-icons div {
  display: flex;
  align-items: center;
}

.download-icons {
  display: flex;
  margin-top: 10px;
}

.reservation-icons {
  display: flex;
  background-color: #23262f !important;
  padding: 5px 15px;
  border-top: 1px solid #303236;
  border-bottom: 1px solid #303236;
}

.reservation-icons div {
  margin-left: 7px;
  margin-right: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}

.download-icons .bookings-button {
  min-width: 100px;
  width: 100px;
  margin: 0;
  padding: 0;
  height: 30px;
  margin: 2px;
}

.download-list-icon {
  width: 14px;
  height: 14px;
  background-image: url("../icons/icon-download.svg");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
}

.download-temp-icon {
  width: 20px;
  height: 20px;
  background-image: url("../icons/icon-download.svg");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
}

.import-icon {
  width: 14px;
  height: 14px;
  background-image: url("../icons/import-icon.png");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
}

.menu-svg-icon {
  height: 20px;
  margin-right: 5px;
}

.menu-svg-icon svg {
  width: 17px;
}

.import-d-icon {
  width: 14px;
  height: 14px;
  background-image: url("../icons/import-icon.svg");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
}

.hide-d-icon {
  width: 14px;
  height: 11px;
  background-image: url("../icons/icon-hide.svg");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
}

.highlight-d-icon {
  width: 14px;
  height: 11px;
  background-image: url("../icons/hightlight.svg");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
  margin-left: 5px;
}
.export-d-icon {
  width: 14px;
  height: 14px;
  background-image: url("../icons/export-icon.svg");
  display: inline-block;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle;
}

.edit-icon-gray {
  width: 14px;
  height: 14px;
  background-image: url("../icons/icon-edit-gray.svg");
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}

.confirm-icon-sm {
  width: 14px;
  height: 14px;
  background-image: url("../icons/icon-confirm-sm.svg");
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.close-icon-sm {
  width: 14px;
  height: 14px;
  background-image: url("../icons/icon-close-sm.svg");
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.d-edit-icon {
  width: 14px;
  height: 14px;
  background-image: url("../icons/icon-edit-gray.svg");
  display: inline-block;
  padding: 0 !important;
  background-size: cover;
  border: 0 !important;
  cursor: pointer;
  margin-left: 7px;
  vertical-align: middle;
}

.d-edit-icon-black {
  background-image: url("../icons/icon-edit-gray.svg");
}

.group-list-search-icon {
  width: 14px;
  height: 14px;
  background-image: url("../icons/icon-search.svg");
  position: absolute;
  right: 10px;
  top: 12px;
}

.group-list-filter-icon {
  background-image: url("../icons/icon-filters.svg");
  background-size: cover;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.d-filter-icon {
  background-image: url("../icons/icon-filters.svg");
  background-size: cover;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.bookings-button .email-guests-icon {
  background-image: url("../icons/icon-mail.svg");
  width: 15px;
  height: 11px;
  margin-right: 10px;
}

.import-add-icon {
  background-image: url("../icons/icon-plus.svg");
  width: 12px;
  height: 12px;
  margin-right: 10px;
  display: inline-block;
}

.open-row-icon {
  background-image: url("../icons/icon-arrow-down-green.svg");
  width: 9px;
  height: 6px;
  margin-right: 10px;
  cursor: pointer;
  transform: rotate(-90deg);
}

.d-trash-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../icons/groups-delete-icon.svg");
  cursor: pointer;
}

.d-edit-icon-white {
  width: 14px;
  height: 14px;
  background-image: url("../icons/groups-edit-icon.svg");
  cursor: pointer;
}

.d-delete-icon-white {
  width: 16px;
  height: 16px;
  background-image: url("../icons/groups-delete-icon.svg");
  cursor: pointer;
}

.menu-item.menu-change-reservations::before {
  background-image: url("../icons/reservation-icon.png");
}
.input-price-icon {
  position: absolute;
  right: 15px;
  margin-top: 3px;
  font-weight: 700;
  font-size: 23px;
}

.guest-payments-actions .d-edit-icon-white {
  margin-top: 0 !important;
}

.d-warning-icon {
  background-image: url("../icons/warning-sign.svg");
  cursor: pointer;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.d-fail-icon {
  background-image: url("../icons/error-danger.svg");
  cursor: pointer;
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
}

.d-success-icon {
  background-image: url("../icons/icon-tick.svg");
  cursor: pointer;
  width: 150px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}