/*   ____ _       _           _         ____ ____ ____   */
/*  / ___| | ___ | |__   __ _| | ___   / ___/ ___/ ___|  */
/* | |  _| |/ _ \| '_ \ / _` | |/ _ \ | |   \___ \___ \  */
/* | |_| | | (_) | |_) | (_| | |  __/ | |___ ___) |__) | */
/*  \____|_|\___/|_.__/ \__,_|_|\___|  \____|____/____/  */

body {
  font-family: 'Poppins',sans-serif;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Ensure the body fills the viewport height */
}

main {
  padding-top: 70px;  /* Add top padding to prevent content from being hidden under the navigation */
  /* flex: 1; */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* background-image: url('../images/Kurtosis_background.jpg'); */
  /* background-attachment: fixed; */
  /* background-repeat: no-repeat; */
  /* background-size: cover;  Changed to cover to ensure it fills the area */
  /* background-position: center; */
}




/* ___       _                                     */
/*|_ _|_ __ | | ___   __ _ _ __   __ _  __ _  ___  */
/* | || '_ \| |/ _ \ / _` | '_ \ / _` |/ _` |/ _ \ */
/* | || | | | | (_) | (_| | |_) | (_| | (_| |  __/ */
/*|___|_| |_|_|\___/ \__, | .__/ \__,_|\__, |\___| */
/*                   |___/|_|          |___/       */



/* ____                _                                                  _   */
/* |  _ \ ___  ___  ___| |_      _ __   __ _ ___ _____      _____  _ __ __| | */
/* | |_) / _ \/ __|/ _ \ __|____| '_ \ / _` / __/ __\ \ /\ / / _ \| '__/ _` | */
/* |  _ <  __/\__ \  __/ ||_____| |_) | (_| \__ \__ \\ V  V / (_) | | | (_| | */
/* |_| \_\___||___/\___|\__|    | .__/ \__,_|___/___/ \_/\_/ \___/|_|  \__,_| */
/*                              |_|                                           */

.resetForm {
  height: 620px;
  width: 400px;
  background-color: rgb(236, 236, 236);
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255,255,255,0.1);
  box-shadow: 0 0 40px rgba(8,7,16,0.6);
  padding: 30px 35px;
  padding-bottom: 100px;
}
.resetForm *{
  font-family: 'Poppins',sans-serif;
  color: #151957;
  letter-spacing: 0.5px;
  outline: none;
  border: none;
}

.resetForm h3{
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  color: #151957;
}                                    

.resetForm label{
  display: block;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
}
.resetForm input{
  display: block;
  height: 50px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 3px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
  padding: 0px;
  text-indent:1em;

}

.resetForm button{
  margin-top: 50px;
  width: 100%;
  background-color: #ffffff;
  color: #151957;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

.resetForm button:hover{
  background-color: #151957;
  color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 60px #ffffff inset!important;
}

.error-message-reset-form {
  color: red;
  margin: 10px 0;
}

/* __        __         _     _                               _  */
/* \ \      / /_ _  ___| |__ | |___      _____   ___  _ __ __| | */
 /* \ \ /\ / / _` |/ __| '_ \| __\ \ /\ / / _ \ / _ \| '__/ _` | */
  /* \ V  V / (_| | (__| | | | |_ \ V  V / (_) | (_) | | | (_| | */
   /* \_/\_/ \__,_|\___|_| |_|\__| \_/\_/ \___/ \___/|_|  \__,_| */
/* __   _____ _ __ __ _  ___| |_ ___ _ __                        */
/* \ \ / / _ \ '__/ _` |/ _ \ __/ _ \ '_ \                       */
 /* \ V /  __/ | | (_| |  __/ ||  __/ | | |                      */
  /* \_/ \___|_|  \__, |\___|\__\___|_| |_|                      */
               /* |___/                                          */

.forgotForm {
height: 400px;
width: 400px;
background-color: rgb(236, 236, 236);
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
border-radius: 10px;
backdrop-filter: blur(10px);
border: 2px solid rgba(255,255,255,0.1);
box-shadow: 0 0 40px rgba(8,7,16,0.6);
padding: 30px 35px;
}
.forgotForm *{
font-family: 'Poppins',sans-serif;
color: #151957;
letter-spacing: 0.5px;
outline: none;
border: none;
}

.forgotForm h3{
font-size: 32px;
font-weight: 500;
line-height: 42px;
text-align: center;
color: #151957;
}                                    

.forgotForm label{
display: block;
margin-top: 30px;
font-size: 16px;
font-weight: 500;
}
.forgotForm input{
display: block;
height: 50px;
width: 100%;
background-color: #ffffff;
border-radius: 3px;
margin-top: 8px;
font-size: 14px;
font-weight: 300;
padding: 0px;
text-indent:1em;

}

.forgotForm button{
margin-top: 50px;
width: 100%;
background-color: #ffffff;
color: #151957;
padding: 15px 0;
font-size: 18px;
font-weight: 600;
border-radius: 5px;
cursor: pointer;
}

.forgotForm button:hover{
background-color: #151957;
color: #ffffff;
}

.error-message-forgot-form {
  color: red;
  margin: 10px 0;
}
/*  _____                                                        */
/* |_   _|__ _ __ ___  _ __                                      */
/*   | |/ _ \ '_ ` _ \| '_ \                                     */
/*   | |  __/ | | | | | |_) |                                    */
/*   |_|\___|_| |_| |_| .__/                                     */
/* __        __       |_|     _                               _  */
/* \ \      / /_ _  ___| |__ | |___      _____   ___  _ __ __| | */
/*  \ \ /\ / / _` |/ __| '_ \| __\ \ /\ / / _ \ / _ \| '__/ _` | */
/*   \ V  V / (_| | (__| | | | |_ \ V  V / (_) | (_) | | | (_| | */
/*    \_/\_/ \__,_|\___|_| |_|\__| \_/\_/ \___/ \___/|_|  \__,_| */

.resetTempForm {
  height: 750px;
  width: 400px;
  background-color: rgb(236, 236, 236);
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255,255,255,0.1);
  box-shadow: 0 0 40px rgba(8,7,16,0.6);
  padding: 30px 35px;
  padding-bottom: 100px;
}
.resetTempForm *{
  font-family: 'Poppins',sans-serif;
  color: #151957;
  letter-spacing: 0.5px;
  outline: none;
  border: none;
}

.resetTempForm h3{
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  color: #151957;
}                                    

.resetTempForm label{
  display: block;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
}

.resetTempForm input{
  display: block;
  height: 50px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 3px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
  padding: 0px;
  text-indent:1em;

}

.resetTempForm button{
  margin-top: 50px;
  width: 100%;
  background-color: var(--bs-primary);
  color: #ffffff;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

.resetTempForm button:hover{
  background-color: var(--bs-primary);
  color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 60px #ffffff inset!important;
}

.error-message-reset-temp-form {
  color: red;
  margin: 10px 0;
}

/* __        __         _     _                               _  */
/* \ \      / /_ _  ___| |__ | |___      _____   ___  _ __ __| | */
/*  \ \ /\ / / _` |/ __| '_ \| __\ \ /\ / / _ \ / _ \| '__/ _` | */
/*   \ V  V / (_| | (__| | | | |_ \ V  V / (_) | (_) | | | (_| | */
/*    \_/\_/ \__,_|\___|_| |_|\__| \_/\_/ \___/ \___/|_|  \__,_| */
/* __   _____ _ __| | ___  _ __   ___ _ __                       */
/* \ \ / / _ \ '__| |/ _ \| '_ \ / _ \ '_ \                      */
/*  \ V /  __/ |  | | (_) | |_) |  __/ | | |                     */
/*   \_/ \___|_|  |_|\___/| .__/ \___|_| |_|                     */
/*                        |_|                                    */

.expiredForm {
  height: 750px;
  width: 400px;
  background-color: rgb(236, 236, 236);
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255,255,255,0.1);
  box-shadow: 0 0 40px rgba(8,7,16,0.6);
  padding: 30px 35px;
  padding-bottom: 100px;
}
.expiredForm *{
  font-family: 'Poppins',sans-serif;
  color: #151957;
  letter-spacing: 0.5px;
  outline: none;
  border: none;
}

.expiredForm h3{
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  color: #151957;
}                                    

.expiredForm label{
  display: block;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
}

.expiredForm input{
  display: block;
  height: 50px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 3px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
  padding: 0px;
  text-indent:1em;

}

.expiredForm button{
  margin-top: 50px;
  width: 100%;
  background-color: #ffffff;
  color: #151957;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

.expiredForm button:hover{
  background-color: #151957;
  color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 60px #ffffff inset!important;
}

.error-message-expired-form {
  color: red;
  margin: 10px 0;
}

/*  _   _                                                         */
/* | | | |___  ___ _ __                                           */
/* | | | / __|/ _ \ '__|                                          */
/* | |_| \__ \  __/ |                                             */
/*  \___/|___/\___|_|                                        _    */
/* |  \/  | __ _ _ __   __ _  __ _  ___ _ __ ___   ___ _ __ | |_  */
/* | |\/| |/ _` | '_ \ / _` |/ _` |/ _ \ '_ ` _ \ / _ \ '_ \| __| */
/* | |  | | (_| | | | | (_| | (_| |  __/ | | | | |  __/ | | | |_  */
/* |_|  |_|\__,_|_| |_|\__,_|\__, |\___|_| |_| |_|\___|_| |_|\__| */
/*                           |___/                                */

/* Ensure buttons align properly */
.description-header {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.description-actions {
    margin-left: 10px;
}

.modal_header_custom {
  background-color: var(--bs-primary);
  color: #ffffff; 
}

.modal_footer .btn-modal-prim {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}



.modal_header_custom {
  border-bottom: 1px solid #e5e5e5;
}

.modal_header_custom .close_custom {
  margin-top: -10px; /* Adjust this value as needed */
  margin-right: -10px; /* Adjust this value as needed */
  color: #000;
  opacity: 0.5;
}

.modal_header_custom .close_custom:hover,
.modal_header_custom .close_custom:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.modal_header_custom .close_custom {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  font-size: 1.5rem; /* Adjust size as needed */
  line-height: 1;
  color: #000;
  opacity: 0.5;
}

.modal_header_custom .close_custom:hover,
.modal_header_custom .close_custom:focus {
  color: #000;
  opacity: 0.75;
}

.bg-gray-custom {
  background-color: #e0e5ea; /* Adjust this hex color as needed */
}

#header-container {

  padding-top: 20px;

}

#ezForm label {
  margin-bottom: 0.5rem; /* Ruimte tussen label en input */
  display: block; /* Zorgt ervoor dat het label boven het inputveld staat */
  color: black; /* Kleur: Bootstrap primary */

}


#ezForm input,
#ezForm select {
  margin-bottom: 1rem; /* Ruimte onder het inputveld */
}

button#ezclose-btn {
  background-color: var(--bs-primary);
  color:white;
}

#ezAlerts-message label {
  display: block; /* Zorgt dat het label boven het inputveld staat */
  margin-bottom: 0.5rem; /* Ruimte tussen label en input */
  color: black;
  
}