/*
   BOOTSTRAP HEX COLORS:

    danger: #d9534f
    primary: #0275d8
    success: #5cb85c
    warning: #f0ad4e
    info: #5bc0de
    inverse: #292b2c
    faded: #f7f7f7
 */

body {
  /* overflow: hidden; */
  background: url("./../files/img/bg.jpg");
  background-position: center;
  background-size: cover;
}

* {
  font-family: "Play", sans-serif;
  scroll-behavior: smooth;
}

*:not(#ui-id-1) {
  transition: all 0.3s linear;
}

.l-s-1 {
  letter-spacing: 1px;
}

.l-s-2 {
  letter-spacing: 2px;
}

.l-s-3 {
  letter-spacing: 3px;
}

table tr td
{
  font-size: 14px;
}

#login_container,
#renew_pass_container {
  border-radius: 10px;
  border: 1px solid #000;
  box-shadow: 4px 4px 4px #000;
  height: 600px;
  position: fixed;
  top: calc(50vh - 300px);
  /* filter: brightness(0.9); */
  background: rgba(255, 255, 255, 0.8);
}

.input {
  box-shadow: 1px 1px 2px #000;
}

#fixed_container,
.fixed_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.a-hover {
  transition: all 0.3s linear;
  cursor: pointer;
}

.a-hover:hover {
  filter: brightness(1.2);
}

#loading_screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 9999;
  transition: all 0.5s linear;
}

.menu_bar {
  background: rgba(41, 43, 44, 0.8);
  height: 95vh;
}

.navbar {
  height: 5vh;
  color: #fff;
  box-shadow: 0px 1px 2px #000;
  /* z-index: 9999; */
}

#navbar_user_settings {
  position: fixed;
  top: 5vh;
  left: 0;
  width: 100vw;
  height: 14vh;
  display: none;
  z-index: 9999;
}

#navbar_user_settings_exit {
  position: fixed;
  top: 5vh;
  left: 0;
  width: 100vw;
  height: 95vh;
  display: none;
  z-index: 9999;
}

.bg-white {
  background: #fff;
}

a {
  outline: none;
  text-decoration: none;
}

.c-pointer {
  cursor: pointer;
}

.menu_links {
  display: none;
}

#alert_box {
  position: fixed;
  top: calc(100vh - 70px);
  left: calc(100vw - 50vw - 20px);
  height: 50px;
  width: 50vw;
  border-radius: 5px;
  color: #fff;
  box-shadow: 2px 2px 4px #000;
  padding: 12px;
  letter-spacing: 1px;
  z-index: 9998;
  display: none;
}

#content_container {
  overflow-x: none;
  overflow-y: scroll;
  background: rgba(214, 214, 214, 0.8);
  height: 95vh;
}

/* width */
#content_container::-webkit-scrollbar {
  width: 12px;
}

/* Track */
#content_container::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#content_container::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
#content_container::-webkit-scrollbar-thumb:hover {
  background: rgba(41, 43, 44, 0.8);
}

#table_loading_anim {
  margin-top: 200px;
  width: 100px;
  height: 100px;
  margin-left: calc(50% - 50px);
  border-left: 2px solid rgba(41, 43, 44, 0.8);
  border-top: 2px solid rgba(41, 43, 44, 0.8);
  border-bottom: 2px solid rgba(41, 43, 44, 0.8);
  border-radius: 50%;
  animation-name: loading_anim;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.btn_icon {
  width: 20px;
}

#delete_box {
  position: fixed;
  top: calc(50vh - 125px);
  left: calc(50vw - 200px);
  width: 400px;
  height: 250px;
  background: #fff;
  box-shadow: 2px 2px 4px #000;
  border-radius: 5px;
  z-index: 9997;
}

#delete_box_container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

#delete_box_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(41, 43, 44, 0.8);
  cursor: pointer;
}