:root {
  /* --blue: #0075BA; */
  /* --blue: #008dff; */
  --blue: #2b5d50;
  /* --blue: #006cb9; */
  /* --blue: #4fb4ea; */
  --liteblue:#84C4B4;
  /* --liteblue:#5F7599; */
  /* --liteblue:#619de2; */
  /* --liteblue:#4eb4ea; */
  --lightblue:#84C4B4;
  /* --lightblue:#0090f78f; */
  /* --brightblue:#ECF5FF ; */
  --brightblue:#00b185 ;
  /* --brightblue:#008dff ; */
  /* --brightblue:#006cb9 ; */
  --darkblue: #207560;
  /* --darkblue: #01477F; */
  --green1:#66AD9B;
  --green2:#84C4B4;
  --white: #fff;
  /* --grey:#00daff; */
  /* --grey:#ee6900; */
  --grey:#9da09d;
  --highlight:#84C4B4;;
  /* --highlight:#5DA3E9; */
  --orange:#C91A04;
  --purple:#9A7DB3;
}
html,
body {
  height: 100%;
  zoom: 85%;
}

@keyframes pan {
  100% {background-position: 15% 50%;}
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  /* background-color: #6c757d; */
  /* background-image: url("/img/bg6.jpg"); */
  /* background-image: url("/img/bg8.png"); */
  background-image: url("/img/bg2.jpg");
  /* background-image: url("/img/space.webp"); */
  /* background-image: url("/img/rsattin.webp"); */
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right; /* Center the image */
  /* background-size: contain; */
  /* background-color: #483d8b; */
  /* background-color: #f5f5f5; */
  animation: 
    pan 15s infinite alternate linear;
 
  
}

input,.form-control,.input-group-text,.btn,button,span {
  font-size: .725rem !important;
}

h1 {
  /* color: #6c757d; */
  color: white;
  /* font-size: 1.0rem !important; */
} 

h5, p {
  color: #f8f9fa;
  /* color: #6c757d; */
  /* color: white; */

  /* font-size: 0.9rem !important; */
}

/* h4,.h4 {
  font-size: 1.0rem !important;
} */

.form-signin {
  width: 100%;
  /* max-width: 330px; */
  max-width: 530px;
  padding: 5px;
  /* padding: 15px; */
  margin: auto;
  /* background-color: #9D4D5A; */
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.card {
  /* background-image: url("/img/dashboard1.jpg"); */
  /* background-image: url("/img/dashboard2.jpg"); */
  /* background-image: url("/img/dashboard3.jpg"); */
  /* background-image: url("/img/rsudtb2.jpg"); */
  /* background-image: url("/img/rsattin.webp"); */
  /* background-image: url("/img/space.webp"); */
  background-repeat: no-repeat;
  /* background-size: contain; */
  /* background-color: var(--blue); */
  background-color: transparent;
}

.btn-primary {
	color: #fff;
	background-color: var(--darkblue);
	border-color: var(--darkblue);
	/* background-color: #0b5ed7; */
	/* border-color: #0a58ca; */
}
.btn-primary:hover {
	color: #fff;
	background-color: var(--brightblue);
	border-color: var(--brightblue);
	/* background-color: #0b5ed7; */
	/* border-color: #0a58ca; */
}