input:checked[type="checkbox"] {
	background-image: url("tick.png") !important;
}

.form-control-border {
	height: 100%;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	pointer-events: none;
}

.form-border1 {
	width: 9px;	
	height: 100%;
	border-right: none !important;
	border-radius: .25rem 0 0 .25rem;
	
}
.form-border2 {
	border-left: none !important;
	border-right: none !important;
	  flex: 0 0 auto;
}
.form-border3 {
	width: auto;
	border-left: none !important;
	flex-grow: 1;
	border-radius: 0 .25rem .25rem 0;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  outline: 0;
  /* box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); */
  box-shadow: none;
}


.form-floating > .form-control:not(:placeholder-shown) ~ .form-control-border .form-border1 , 
.form-floating > .form-select ~ .form-control-border .form-border1  {

	border-right: none;

	border-top: 1px solid rgb(189, 189, 189);
	border-bottom: 1px solid rgb(189, 189, 189);
	border-left: 1px solid rgb(189, 189, 189);
}

.form-floating > .form-control:focus ~ .form-control-border .form-border1  {
	border-top: .125rem solid #1a2b6f;
	border-bottom: .125rem solid #1a2b6f;
	border-left: .125rem solid #1a2b6f;
}

.form-floating > .form-control:not(:placeholder-shown) ~ .form-control-border .form-border2 , 
.form-floating > .form-select ~ .form-control-border .form-border2  {
	border-top: none;
	border-bottom: 1px solid rgb(189, 189, 189);
	border-left: none;
	border-right: none;
}


.form-floating > .form-control:focus ~ .form-control-border .form-border2  {
	border-top: none;
	border-bottom: .125rem solid #1a2b6f;
	border-left: none;
	border-right: none;
}

.form-floating > .form-control:not(:placeholder-shown) ~ .form-control-border .form-border3 , 
.form-floating > .form-select ~ .form-control-border .form-border3  {
		border-top: 1px solid rgb(189, 189, 189);
	border-bottom: 1px solid rgb(189, 189, 189);
	border-right: 1px solid rgb(189, 189, 189);
	border-left: none;
}

.form-floating > .form-control:focus ~ .form-control-border .form-border3  {
	border-top: .125rem solid #1a2b6f;
	border-bottom: .125rem solid #1a2b6f;
	border-right: .125rem solid #1a2b6f;
	border-left: none;
}

.form-floating > .form-control:focus {
	border:none;
}

.form-control-border div {
	pointer-events: none;
	border-color: rgb(189, 189, 189);
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	background: transparent;
}
/* kkkkk */

.form-floating input.form-control{
  padding: .45rem .75rem;
  height: unset;
  border: 1px solid #bdbdbd;
}

.form-floating > label {
  top: -11px;
  color: #5b5b5b;
  transition: all .2s ease-out;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label, 
.form-floating > .form-select ~ label {
  opacity: 1;
  transform: scale(.85) translateY(-1.2rem) translateX(.15rem);
  color: #5b5b5b;
}

.form-floating > .form-control:focus ~ label {
  opacity: 1;
  transform: scale(.85) translateY(-1.2rem) translateX(.15rem);
  color: #1a2b6f;
} 


.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: .45rem ;
  padding-bottom: .45rem;
  border: none;
}

/* dsdsdds */


/* .floating-label-input { */
  /* position: relative; */
  /* height:60px; */
/* } */
/* .floating-label-input input { */
  /* width: 100%; */
  /* height: 100%; */
  /* position: relative; */
  /* background: transparent; */
  /* border: 0 none; */
  /* outline: none; */
  /* vertical-align: middle; */
  /* font-size: 20px; */
  /* font-weight: bold; */
  /* padding-top: 10px; */
/* } */
/* .form-outline-input label { */
  /* position: absolute; */
  /* top: calc(50% - 5px); */
  /* font-size: 22px; */
  /* left: 0; */
  /* color: #000; */
  /* transition: all 0.3s; */
/* } */
/* .floating-label-input input:focus ~ label, .floating-label-input input:focus ~ label, .floating-label-input input:valid ~ label { */
  /* top: 0; */
  /* font-size: 15px; */
  /* color: #33bb55; */
/* } */
/* .floating-label-input .line { */
  /* position: absolute; */
  /* height: 1px; */
  /* width: 100%; */
  /* bottom: 0; */
  /* background: #000; */
  /* left: 0; */
/* } */
/* .floating-label-input .line:after { */
  /* content: ""; */
  /* display: block; */
  /* width: 0; */
  /* background: #33bb55; */
  /* height: 1px; */
  /* transition: all 0.5s; */
/* } */
/* .floating-label-input input:focus ~ .line:after, .floating-label-input input:focus ~ .line:after, .floating-label-input input:valid ~ .line:after { */
  /* width: 100%; */
/* } */
/* form */

		.form-outline .form-control:focus ~ .form-label {
			color: #1a2b6f;
		}
		.form-outline .form-control.active ~ .form-label, .form-outline .form-control:focus ~ .form-label {
			transform: translateY(-1rem) translateY(.1rem) scale(.8);
		}
		.form-outline .form-control ~ .form-label {
		  position: absolute;
		  top: 0;
		  max-width: 90%;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  left: .75rem;
		  padding-top: .37rem;
		  pointer-events: none;
		  transform-origin: 0 0;
		  transition: all .2s ease-out;
		  color: rgba(0,0,0,.6);
		  margin-bottom: 0;
		}
		.form-outline {
		  position: relative;
		}
		.form-outline .form-control:focus {
		  box-shadow: none !important;
		}



/* noooooooooo */
		.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
		  border-top: .125rem solid #1a2b6f;
		  border-bottom: .125rem solid #1a2b6f;
		  border-left: .125rem solid #1a2b6f;
		}

		.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
		  border-bottom: .125rem solid;
		  border-bottom-color: currentcolor;
		  border-color: #1a2b6f;
		  border-top: 0px transparent;
		}
		.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
		  border-top: .125rem solid #1a2b6f;
		  border-bottom: .125rem solid #1a2b6f;
		  border-right: .125rem solid #1a2b6f;
		}

		.login .form-control:focus {
		  border-top: 0px transparent;
		}

		.form-outline .form-control ~ .form-notch {
		  display: flex;
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  max-width: 100%;
		  height: 100%;
		  text-align: left;
		  pointer-events: none;
		}

		.form-outline .form-control ~ .form-notch .form-notch-leading {
		  left: 0;
		  top: 0;
		  height: 100%;
		  width: .5rem;
		  border-right: none;
		  border-radius: .25rem 0 0 .25rem;
		}
		.form-outline .form-control ~ .form-notch div {
		  pointer-events: none;
		  border: 1px solid #bdbdbd;
		  border-top-color: rgb(189, 189, 189);
		  border-top-style: solid;
		  border-top-width: 1px;
		  border-right-color: rgb(189, 189, 189);
		  border-right-style: solid;
		  border-right-width: 1px;
		  border-bottom-color: rgb(189, 189, 189);
		  border-bottom-style: solid;
		  border-bottom-width: 1px;
		  border-left-color: rgb(189, 189, 189);
		  border-left-style: solid;
		  border-left-width: 1px;
		  box-sizing: border-box;
		  background: transparent;
		}

		.form-outline .form-control ~ .form-notch .form-notch-middle {
		  flex: 0 0 auto;
		  width: auto;
		  max-width: calc(100% - 1rem);
		  height: 100%;
		  border-right: none;
		  border-left: none;
		}
		.form-outline .form-control ~ .form-notch div {
		  pointer-events: none;
		  border: 1px solid #bdbdbd;
		  border-top-color: rgb(189, 189, 189);
		  border-top-style: solid;
		  border-top-width: 1px;
		  border-right-color: rgb(189, 189, 189);
		  border-right-style: solid;
		  border-right-width: 1px;
		  border-bottom-color: rgb(189, 189, 189);
		  border-bottom-style: solid;
		  border-bottom-width: 1px;
		  border-left-color: rgb(189, 189, 189);
		  border-left-style: solid;
		  border-left-width: 1px;
		  box-sizing: border-box;
		  background: transparent;
		}

		.form-outline .form-control ~ .form-notch .form-notch-trailing {
		  flex-grow: 1;
		  height: 100%;
		  border-left: none;
		  border-radius: 0 .25rem .25rem 0;
		}
		.form-outline .form-control ~ .form-notch div {
		  pointer-events: none;
		  border: 1px solid #bdbdbd;
		  border-top-color: rgb(189, 189, 189);
		  border-top-style: solid;
		  border-top-width: 1px;
		  border-right-color: rgb(189, 189, 189);
		  border-right-style: solid;
		  border-right-width: 1px;
		  border-bottom-color: rgb(189, 189, 189);
		  border-bottom-style: solid;
		  border-bottom-width: 1px;
		  border-left-color: rgb(189, 189, 189);
		  border-left-style: solid;
		  border-left-width: 1px;
		  box-sizing: border-box;
		  background: transparent;
		}

		/* .form-outline input:focus ~ label, .form-outline input:valid ~ label { */
		  /* transform: translateY(-1rem) translateY(.1rem) scale(.8); */
		/* } */

		 /* .form-outline input:focus  ~ .form-notch .form-notch-middle , .form-outline input:valid  ~ .form-notch .form-notch-middle { */

		  /* border-top: 0px transparent; */
		/* } */
		/* .form-outline input:focus ~ label, .form-outline input:focus ~ label, .form-outline input:valid  { */
		  /* border-top: 0px transparent; */
		/* } */
		
		
		 
		/* .form-outline input.form-control:not([value=""]):not(:focus):invalid ~ .form-label { */
		  /* transform: translateY(-1rem) translateY(.1rem) scale(.8); */
		/* } */

		/* .form-outline input.form-control:not([value=""]):not(:focus):invalid ~ .form-notch .form-notch-middle { */

		  /* border-top: 0px transparent; */
		/* } */
		/* .form-outline input.form-control:not([value=""]):not(:focus) { */
		  /* border-top: 0px transparent; */
		/* } */
		
		
		
		
		/* .form-outline input.form-control:not([value=""]):not(:focus):invalid ~ .form-label { */
		  /* transform: translateY(-1rem) translateY(.1rem) scale(.8); */
		/* } */

		/* .form-outline input.form-control:not([value=""]):not(:focus):invalid ~ .form-notch .form-notch-middle { */

		  /* border-top: 0px transparent; */
		/* } */
		/* .form-outline input.form-control:not([value=""]):not(:focus) { */
		  /* border-top: 0px transparent; */
		/* } */
		
		
		/* .form-outline input.form-control:not([value=""]) ~ .form-label { */
		
		
		body {
			min-height: 100vh;
			position: relative;
		}
		
		footer.navbar {
			background-color: white;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0
		}
		footer.navbar .legal {
			font-size: 14px;
		}
		/* texts */
		.text-lightGrey {
			color: #aeaeae;
		}
		.text-darkGrey {
			color: #495057;
		}
		
		.footer-links {
			margin-top: .3rem;
			margin-bottom: .3rem;
			font-size: 14px;
		}
		
		.errorMSG {
			color: #721c24;
		}
		
		.card-files {
			background-color: rgb(251, 251, 251);
		}
		input:-webkit-autofill,
		input:-webkit-autofill:hover, 
		input:-webkit-autofill:focus, 
		input:-webkit-autofill:active{
			-webkit-box-shadow: 0 0 0 30px white inset !important;
		}


.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.badge-primary {
	color: #fff;
	background-color: #1e3283;
}

.badge-error {
	color: #fff;
	background-color: red;
}
		/* html, body { */
  /* /* IE 10-11 didn't like using min-height */ */
  /* height: 100%; */
/* } */
/* body { */
  /* display: flex; */
  /* flex-direction: column; */
/* } */
/* section.container { */
  /* flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ */
  /* padding: 20px; */
/* } */
/* footer { */
  /* flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ */
  /* padding: 20px; */
  /* background:#fe5; */
/* } */
		/* 7F35B2

#0d6efd;


background-color: #0b5ed7;
border-color: #0a58ca;


7F35B2
6A2D96
5D2784
		*/