@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}

*, html, body {
font-family: 'Montserrat';
}

* input:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  outline: none;
}

.fc-event-title-container {
  white-space: normal;
}

/* stop modal open reseting scroll position */

.modal-open {
  overflow: initial !important;
}

/* JOB SCHEDULER STUFF */

.fc-event-title {
  font-weight: bold;
}

.bg-gradient-eps-blue {
  background: linear-gradient(90deg, #8DD8F8 80%, #8DD8F8 0%);
  color: #104E9B
}

.bg-gradient-yellow {
  background: linear-gradient(90deg, #f6fa8e 80%, #f6fa8e 0%);
}

.bg-gradient-orange{
  background: linear-gradient(90deg, #f6a26a 80%, #f6a26a 0%);
  color: #104E9B
}

.bg-gradient-light-green{
  background: linear-gradient(90deg, #6af66c 80%, #6af66c 0%);
  color: #104E9B
}

.bg-gradient-light-red{
  background: linear-gradient(90deg, #ff7b7b 80%, #ff7b7b 0%);
  color: #104E9B
}

.Select-menu-outer {
  display : block !important;
}

/* DCC TABS LIKE DBC TABS */

.tab_dbc_container{
  width: 100%;
  border-bottom: 0.5px solid lightgrey !important;
}

.tab_dbc {
  width:20% !important;
  background-color: transparent !important;
  border: 0 !important;
}

.tab_dbc_selected   {
  border: 0 !important;
  border-bottom: 2px solid #1975FA !important;
  color: #1975FA !important;
  font-weight: 500;
}

/* END */

/* TDB CUSTOM APPS BASE COMPONENTS*/

.sidebar_nav_hover:hover {
  background-color: rgb(166, 166, 166);
  color: #000;
}

.card_hover:hover {
  box-shadow: 0px 5px 10px rgb(215, 215, 215);
  transition: 0.1s;
}

/* TDB CUSTOM APPS BASE COMPONENTS*/

.DateInput_input, .DateInput_input_1 {
  font-size: inherit;  /*or whatever size you would like to have*/
  text-align: center;
  /* width: 100% */
}

.DateInput {
  width: 100%;
}

.navbar_dropdowns .dropdown-menu.show {
  min-width: 200px;
  border-radius: 0px 0px 5px 5px;
}

.topbar_mg_h {
  cursor: pointer;
}

.box_shadow_1 {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  height: 550px;
}

.box_shadow_1_tall {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  height: 650px;
}

.box_shadow_2 {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  height: 750px;
}

.box_shadow_no_h {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
}

.box_shadow_min_h {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  min-height: 550px;
}

.box_shadow_1, .box_shadow_2, .box_shadow_no_h, .box_shadow_min_h{
  border-radius: 5px;
  background-color: #ffffff;
}

.navbar_shadow {
  box-shadow: 0px -30px 48px 21px rgba(0,0,0,0.17);
  background-color: #ffffff;
}

.dyn_col_style {
  padding: 5px;
}

.main_column_indent {
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px 15px 15px;
  overflow: auto;
}

.rezise-object-chart {
  resize: both;
  overflow: auto;
  position: fixed;
  top: 10vh;
  left: 25vw;
  /* height: 65vh; */
  width: 50vw;
  z-index: 1000;
}

.dashboards_notes {
  resize: both;
  overflow: auto;
  position: fixed;
  top: 10vh;
  left: 25vw;
  /* height: 65vh; */
  width: 30vw;
  z-index: 1000;
}

.vertical-center {
  /* margin: 0; */
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.interactive_dashboard_menu_full {
  display: flex;
}

.interactive_dashboard_menu_small {
  display: none;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 990px) {
  .interactive_dashboard_menu_full {
    display: none;
  }

  .interactive_dashboard_menu_small {
    display: flex;
  }
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 1200px) {
  .box_shadow_2 {
    height: auto;
  }

  .rezise-object-chart, .dashboards_notes {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
}

._dash-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: transparent;
  width: 100vw;
  height: 100vh;
}

._dash-loading::before {
  content: 'Loading...';
  display: inline-block;
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

._dash-loading::after {
  font-size: 60px;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #000;
  border-radius: 50%;
  margin: 72px auto;
  vertical-align: text-bottom;
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  margin-top: 2rem;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}