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

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

body {
  display: flex;
  /* align-items: right; */
  align-items: center;
  /* padding-top: 40px; */
  /* padding-bottom: 20px !important; */
  padding-bottom: 20px;
  padding-top: 10%;
  padding-left: 30%;
  /* padding-left: 60%; */
  /* background-color: #6c757d; */
  /* background-image: url("/img/bg6.jpg"); */
  background-image: url("/img/bg2_.jpg");
  /* background-image: url("/img/bg2_.jpg"); */
  /* 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;
 
  
}

.card-body {
  background-image: linear-gradient(#1E4974, #006BBD) !important;
  /* background-image: linear-gradient(#248DFF, #89CFFF) !important; */
  
}

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; */
}