@font-face {
  font-family: "meteocons";
  src: url("fonts/meteocons.ttf?1o770y") format("truetype"), url("fonts/meteocons.woff?1o770y") format("woff"),
    url("fonts/meteocons.svg?1o770y#meteocons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.meteocons {
  font-family: "meteocons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sunrise:before {
  content: "\e900";
}

.icon-sun:before {
  content: "\e901";
}

.icon-moon:before {
  content: "\e902";
}

.icon-sun2:before {
  content: "\e903";
}

.icon-windy:before {
  content: "\e904";
}

.icon-wind:before {
  content: "\e905";
}

.icon-snowflake:before {
  content: "\e906";
}

.icon-cloudy:before {
  content: "\e907";
}

.icon-cloud:before {
  content: "\e908";
}

.icon-weather:before {
  content: "\e909";
}

.icon-weather2:before {
  content: "\e90a";
}

.icon-weather3:before {
  content: "\e90b";
}

.icon-lines:before {
  content: "\e90c";
}

.icon-cloud2:before {
  content: "\e90d";
}

.icon-lightning:before {
  content: "\e90e";
}

.icon-lightning2:before {
  content: "\e90f";
}

.icon-rainy:before {
  content: "\e910";
}

.icon-rainy2:before {
  content: "\e911";
}

.icon-windy2:before {
  content: "\e912";
}

.icon-windy3:before {
  content: "\e913";
}

.icon-snowy:before {
  content: "\e914";
}

.icon-snowy2:before {
  content: "\e915";
}

.icon-snowy3:before {
  content: "\e916";
}

.icon-weather4:before {
  content: "\e917";
}

.icon-cloudy2:before {
  content: "\e918";
}

.icon-cloud3:before {
  content: "\e919";
}

.icon-lightning3:before {
  content: "\e91a";
}

.icon-sun3:before {
  content: "\e91b";
}

.icon-moon2:before {
  content: "\e91c";
}

.icon-cloudy3:before {
  content: "\e91d";
}

.icon-cloud4:before {
  content: "\e91e";
}

.icon-cloud5:before {
  content: "\e91f";
}

.icon-lightning4:before {
  content: "\e920";
}

.icon-rainy3:before {
  content: "\e921";
}

.icon-rainy4:before {
  content: "\e922";
}

.icon-windy4:before {
  content: "\e923";
}

.icon-windy5:before {
  content: "\e924";
}

.icon-snowy4:before {
  content: "\e925";
}

.icon-snowy5:before {
  content: "\e926";
}

.icon-weather5:before {
  content: "\e927";
}

.icon-cloudy4:before {
  content: "\e928";
}

.icon-lightning5:before {
  content: "\e929";
}

.icon-thermometer:before {
  content: "\e92a";
}

.icon-compass:before {
  content: "\e92b";
}

.icon-none:before {
  content: "\e92c";
}

.icon-celsius:before {
  content: "\e92d";
}

.icon-fahrenheit:before {
  content: "\e92e";
}

.error {
  color: red;
}

.font {
  font-family: "Indie Flower", cursive;
}

.add-event-button {
  position: absolute;
  right: 41px;
  top: 117px;
  z-index: 10;
}

/* .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    margin-left: 250px;
} */

.centerButton {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  width: 140px;
}

.splashImage {
  top: 40%;
  transform: translateY(-50%);
  margin-top: -55px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  width: 140px;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#searchBar {
  text-align: right;
}

#searchBar input[type="text"] {
  padding: 8px;
  margin: 15px auto;
  width: 30%;
  border: 3px solid #555;
}

.loading .label {
  visibility: hidden;
}

.loading .spinner,
.loading .spinner:before,
.loading .spinner:after {
  background: #039be5;
  background-color: #039be5;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loading .spinner {
  color: #039be5;
  background-color: #039be5;
  text-indent: -9999em;
  margin: 12px;
  left: 35%;
  right: 35%;
  position: absolute;
  font-size: 6px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loading .spinner:before,
.loading .spinner:after {
  position: absolute;
  top: 0;
  content: "";
}

.loading .spinner:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading .spinner:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    box-shadow: 0 -0.5em;
    height: 2.5em;
  }
}

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    box-shadow: 0 -0.5em;
    height: 2.5em;
  }
}

/* @media only screen and (max-width: 600px) {
         .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;

}
} */

/* .cal-hour-rows .cal-events .cal-event-container{
     width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
} */

.cal-event {
  box-shadow: 1px 2px #888888 !important;
  text-decoration-color: white !important;
}

/* .color-picker-selector .color-picker-selector-preview {
    display: none !important;
}
.color-picker-collection {
    display: none !important;
} */

.cal-event-title {
  color: white !important;
}

.cal-event-container {
  width: 75% !important;
}

.nav-icons-tooltip {
  background: #3c4252 !important;
  /* width: 150px !important; */
  /* height: 33px !important; */
  text-align: center !important;
  color: white transparent !important;
  font-size: 30px !important;
  size: 10px;
  position: relative;
  border: 4px solid #3c4252;
}

/* .nav-icons-tooltip {
    size: 10px;
	position: relative;
	background:#3C4252;
	border: 4px solid #3C4252;
}
.nav-icons-tooltip:after, .nav-icons-tooltip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.nav-icons-tooltip:after {
	border-color: rgba(227, 232, 235, 0);
	border-right-color: #3C4252;
	border-width: 5px;
	margin-top: -5px;
}
.nav-icons-tooltip:before {
	border-color: rgba(227, 232, 235, 0);
	border-right-color: #3C4252;
	border-width: 11px;
	margin-top: -11px;
} */

.reportsCharts {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mat-progress-bar-fill::after {
  background-color: #069bde !important;
}
.AssignGuardian{
  background: #fff;
}

.AssignGuardian .mat-dialog-container {
  padding: 0px;
  display: contents;
  min-width: 550px;
}

.AssignGuardian .dialog-content-wrapper{
  min-width: 550px;
}

.guardianConfirm .mat-dialog-container {
  padding: 0px;
}


.tab-content {
  display: none;
}

.tab-content.show {
  display: block;
}

.mat-tab-link {
  min-width: 140px !important;
}

/* Custom table design */

.tableCard {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  margin: 20px;
}

.expandableData {
  max-height: 300px;
  overflow-y: scroll;
  padding: 20px;
  background-color: lightgray !important;
}

.adminCreateUser .mat-dialog-container {
  padding: 0px !important;
  /* height: 550px; */
  overflow: hidden;
}

.userDialog .mat-dialog-container {
  padding: 0px !important;
}

.AddNewActivity .mat-dialog-container {
  padding: 0px !important;
}

.commentSection {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ViewPDF{
  background: #fff;
}

.ViewPDF .mat-dialog-container {
  padding: 0px;
  display: contents;
  min-width: 550px;
}

.ViewPDF .dialog-content-wrapper{
  min-width: 550px;
}

mat-cell, mat-header-cell {
  overflow: visible !important;
}