/*
   * tooltip stuff
   */
.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}

.tooltip[x-placement^='top'] {
  margin-bottom: 5px;
}

.tooltip[x-placement^='top'] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^='bottom'] {
  margin-top: 5px;
}

.tooltip[x-placement^='bottom'] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^='right'] {
  margin-left: 5px;
}

.tooltip[x-placement^='right'] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^='left'] {
  margin-right: 5px;
}

.tooltip[x-placement^='left'] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(black, 0.1);
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/*
 * minor changes
 */

.dashboardleftdiv {
  display: block;
}

.dashboardrightdiv {
  display: block;
}

.dashboardcenterdiv {
  display: block;
}

.maincardfunctiondiv:hover {
  background-color: white;
  border: 1px solid #329bcd;
}

.maincardfunctiondiv:hover > .dashboardfunctionimage {
  filter: opacity(1) drop-shadow(0 0 0 #329bcd);
}

/*mobile fixes*/

body {
  height: -webkit-fill-available;
}

.dashboardbodydiv {
  height: -webkit-fill-available;
  min-height: -webkit-fill-available;
}

.swal2-title {
  width: 100% !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
  border-bottom: 1px solid #d4d4d4 !important;
}

.swal2-input, .swal2-file, .swal2-textarea {
  border: 1px solid #d4d4d4 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

.swal2-input:focus {
  border: 1px solid #d4d4d4 !important;
  box-shadow: none !important;
}