/* CSS Document */

@import "../plugins/bootstrap-5.3.3-dist/css/bootstrap.css";
/*@import "../plugins/bootstrap-5.1.0-dist/css/bootstrap-reboot.min.css";*/
@import "../plugins/bootstrap-select-1.14.0/css/bootstrap-select.min.css";
@import "../plugins/bootstrap-menu/bootstrap-menu.css";
@import "../plugins/bootstrap-icons-1.11.3/font/bootstrap-icons.css";
@import "../plugins/cubeportfolio/cubeportfolio.min.css";
@import "../plugins/datetimepicker/css/bootstrap-datetimepicker.min.css";

html {
  font-size: calc(0.7 * 16px);
}

/* Apply this when there is no aside*/
@media (min-width: 576px) {
  html {
    font-size: calc(0.75 * 16px);
  }
}
@media (min-width: 768px) {
  html {
    font-size: calc(0.8 * 16px);
  }
}
@media (min-width: 992px) {
  html {
    font-size: calc(0.85 * 16px);
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(0.9 * 16px);
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 16px;
  }
}

body {
  height: 100%;
  font-size: calc(var(--bs-body-font-size));
}


* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  min-height: 100%;
}

#wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

.mh-25 {
	min-height: 25%;
}

.mh-50 {
	min-height: 50%;
}

.mh-75 {
	min-height: 75%;
}

.mh-100 {
	min-height: 100%;
}

.cursor-pointer{
	cursor: pointer;
}

/* For Remove outline for anchor tag */
a {
  outline : none;
  text-decoration: none;
}

/* Remove outline from image link */
a img {outline : none;}

/* Remove border from image link */
img {border : 0;}