@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;1,200;1,300;1,400;1,500;1,600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --dark: #407BFF; /*64, 123, 255*/
  --dark2: #C1D2FA;
  --light: #FEFEFE; /*rgb(255, 204, 41)*/

  --primary: #0275d8;
  --info: #5bc0de;
  --warning: #f0ad4e;
  --danger: #d9534f;
  --success: #5cb85c;

  --bg: url('app/bg.jpg?');

  scroll-behavior: smooth;
}

body {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
}
/* section */
section.page {
  padding-top: 70px;
  min-height: 100vh;
}
/* table */
.table th, .table td {
  padding: 4px;
  font-size: 12px;
}
/* image background */
.bg-alice {
  background-color: aliceblue;
}
.bg-page {
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) ), var(--bg);
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed;
}
.bg-page-1 {
  background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) ), var(--bg);
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed;
}
.bg-page-2 {
  background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) ), var(--bg);
  background-size: cover !important;
  background-position: center !important;
}
/* Mode Zoom ******************************************************* */
div.zoom.fullscreen {
  margin: unset !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1100;
  width:100vw !important;
  height:100vh !important;
  padding-left: 50px;
  padding-right: 50px;
  overflow: auto;
}
.zoom.fullscreen div.main-page {
  height: 95vh !important;
}
/* Modal for fullscreen */
.modal {
  z-index:1200;
}
/* swal alert 2 */
.swal2-container {
  z-index: 20000!important;
}