/**body {
background-image: linear-gradient(to bottom right, #004e92, #000428);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}**/
body {
background-image: linear-gradient(to bottom right, #004e9200, #0004281f);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

/**.nbrand { color: #fff; background-image: linear-gradient(90deg,#010b132e,#000,#000); box-shadow: 0px 0px 20px 1px #000; padding-top: 3%; padding-bottom: 3%;}**/
.nbrand {
color: #fff;
background-image: linear-gradient(120deg,#010b13,#1d67a3,#4400ffbf);
box-shadow: 0px 0px 20px 1px #000;
padding-top: 4%;
padding-bottom: 4%;
}

.form-control,.form-select {
border-radius: 0px !important;
}
.container {
width: 90% !important;
}
.card {
background-color: #f8f8f8;
/* background: #000000c7; */
/* color: #fff; */
border-radius: 0px;
border: 1px solid rgba(128, 128, 128, 0.547);
margin-top: 4%;
margin-bottom: 4%;
box-shadow: 0px 0px 20px 1px #8080807d;
}
.highlight {
border: 2px solid red; 
}
.opacity-mask {
filter: blur(5px); /* Adjust the blur radius as needed */
opacity: 0.5; /* Adjust the opacity level as needed */
}
/* .form-check-input { //checkbox
width: 2rem;
height:2rem;
} */
.content-container {
margin-top: 20px; /* Spacing from buttons to content */
}

.hide {
display: none;
}
.btnCon {
font-size: 1rem;
}
.modal-header {
background-image: linear-gradient(120deg,#010b13,#1d67a3,#4400ffbf) !important; 
color: white !important;
box-shadow: 0px 0px 20px 1px #000;
padding-top: 2%;
padding-bottom: 2%;
}

.bg-white {
--bs-bg-opacity: 1;
background-color: #ffffff61 !important;
color: #000;
}
.mainCon {
/* background: #ffffffbd; */
padding: 2%;
border-radius: 10px;
}

@media (max-width: 599px) { 
#namecol {margin-top:0rem;}
.navbar-brand {font-size: 1rem;}
}
@media (min-width: 600px) and (max-width: 1023px) {
#namecol {margin-top:2rem;}
.navbar-brand {font-size: 1.2rem;}
}
@media (min-width: 1024px) and (max-width: 1440px) { 
#namecol {margin-top:2rem;}

}
@media (min-width: 1441px) { 
#namecol {margin-top:2rem;}
nav {height: 2px !important;}
#fullForm {
transform: scale(0.95);
transform-origin: top center;
}
.navbar {
padding-top: 3.5%;
padding-bottom: 2.5%;
/* background-color: cornflowerblue; */
}
}

.modal-header {
background-color: #0b51f72b !important;
}

#table-waiting, #table-wo, #table-voided, #table-approved, #user-permissions-table, #table-signature {height: 400px;}

.tabulator .expired-row {
background-color: orangered !important;
}

.gry {background-color: #0f0f0f1a;}

.help-btn {
/* position: fixed;
bottom: 20px;
right: 20px; */
background-color: #007bff;
color: white;
border-radius: 30px;
padding: 10px 20px;
cursor: pointer;
/* z-index: 1000; */
}

.help-btn .close-btn {
position: absolute;
top: -10px;
right: -10px;
background: red;
color: white;
border: none;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1001;
}

.modal-header .close {
margin: -1rem -1rem -1rem auto;
}
.cell-true {
background-color: #04ff0480;
}
.cell-false {
background-color: #ff020242;
}
.tabulator .tabulator-header .tabulator-col {
background: #fff;
}
.btnCon:hover {
transform: scale(1.1);
transition: .2s linear;
}
#user-permissions-table { padding-left: 0px !important; padding-right: 0px !important; width: 98% !important;}
.bebas-neue-regular {
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
}
.lilita-one-regular {
font-family: "Lilita One", sans-serif;
font-weight: 400;
font-style: normal;
}
.orbitron {
font-family: "Orbitron", sans-serif;
font-optical-sizing: auto;
/* font-weight: <weight>; */
font-style: normal;
}
.c4 {
font-size: 1.5rem;
background-image: linear-gradient(90deg, skyblue, lightblue, white);
padding: 1%;
border-radius: 10px 0px 10px 0px;
}
#wlogo {
    height: 3rem;
    margin-top: -1%;
}
#mlogo {
    height: 2rem;

}
.card-border {
border: 1px solid #80808054;
}
.form-label {
margin-bottom: 0 !important;
}
.form-complete-status {
font-size: 1.5rem;
}
.form-step {
display: none;
}
.form-step.active {
display: block;
}
#formProgress {
position: relative;
}

#formProgress::before {
content: "";
position: absolute;
top: 50%;
left: 8%;
right: 8%;
height: 3px;
background-color: #dee2e6;
z-index: 0;
}

.step-indicator {
position: relative;
z-index: 1;
flex: 1;
}

.step-indicator i {
background-color: white;
border-radius: 50%;
padding: 4px;
}
.g-recaptcha {
display: block;
width: 100%;
max-width: 100%;
height: auto;
overflow: hidden;
}
.bi-arrow-left, .bi-arrow-right, .submit-btn {
font-size: 1.5rem;
}
html, body {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
}

main {
flex: 1; /* Pushes footer to bottom if content is short */
}