*, body {
margin: 0;
padding: 0;
font-family: Open Sans !important;
}

body {
background-color: #F6F6F6;
position: relative;
left: 0;
right: 0;
margin: 0 auto;
min-width: 992px;
}

*:focus
{
outline: none !important;
}

a, a:hover
{
text-decoration: none !important;
appearance: none;
}

.navbar
{
box-sizing: border-box;
padding: 16px 100px !important;
background: #121212;
box-shadow: 0px 21px 46px 0px rgba(255, 255, 255, 0.10), 0px 83px 83px 0px rgba(255, 255, 255, 0.09), 0px 188px 113px 0px rgba(255, 255, 255, 0.05), 0px 333px 133px 0px rgba(255, 255, 255, 0.01), 0px 521px 146px 0px rgba(255, 255, 255, 0.00);
border-radius: 0 !important;
}

.navbar-nav > a
{
font-size: 20px;
font-weight: 600;
line-height: 27px;
letter-spacing: 0em;
color: #FAFAFA;
font-family: "Open Sans";
}

.logo-h3
{
font-family: "Open Sans";
color: #FAFAFA;
margin: 0 0 0 16px;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

#pg-login section
{
padding: 0 100px !important;
max-width: 1024px;
}

#main-page
{
min-width: 1400px;
padding: 15px 32px 32px;
box-sizing: border-box;
}

#main-page section
{
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}

#login-form
{
min-height: 334px;
height: calc(100vh - 78px);
display: flex;
justify-content: center;
align-items: center;
}
#login-form .row
{
width: 428px;
}

#login-form-heading
{
padding: 0;
font-size: 24px;
font-weight: 400;
line-height: 40px;
color: #000000;
text-align: left;
}

#login-form-paragraph
{
padding: 0;
font-size: 16px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px;
text-align: left;
color: #969696;
}

.form-group
{
padding: 0;
}

.form-group label
{
font-size: 16px;
font-weight: 400;
line-height: 18.75px;
text-align: left;
color: #353535;
margin: 0;
}

.form-group input
{
margin-top: 12px;
box-sizing: border-box;
width: 100%;
height: 50px;
padding: 15px 22px;
border-radius: 4px;
border: 1px solid #BEBEBE;
color: #000000;
}

#submit-btn
{
width: 100%;
height: 50px;
padding: 13px 60px;
border-radius: 4px;
background: #124EEA;
border: none;
font-size: 16px;
font-weight: 400;
line-height: 18.75px;
color: #FFFFFF;
}

#pageHeading
{
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 21.09px;
text-align: left;
}

.heading > div > span
{
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}

.query_form
{
background-color: #FFFFFF;
padding: 15px 30px;
border-radius: 25px;
}

.query_form span
{
font-family: Roboto, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16.41px;
text-align: left;
}

.query_form__buttons > button,
#export_btn
{
	padding: 10px 20px;
	border-radius: 10px;
	font-weight: 500;
}

.query_form__buttons > button:first-child
{
	background-color: #29C763;
	color: #FFFFFF;
}

.query_form__buttons > button:nth-child(2),
#export_btn
{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #DFEAF2;
}

.row
{
gap: 44px;
}

#pg-login .row
{
gap: 0!important;
}

#form input,
#form select
{
padding: 10px;
border-radius: 10px;
border: 1px solid #DFEAF2;
margin: 8px 0;
font-size: 14px;
}

#loading-bar-container
{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 10px;
background-color: #ccc;
}

#loading-bar
{
height: 100%;
width: 0;
background-color: #4caf50;
transition: width 0.3s ease;
}

.table-div
{
min-width: 100%;
max-width: 100%;
overflow-x: auto;
font-size: 12px;
background-color: #FFFFFF;
border-radius: 25px;
padding: 10px 40px;
}

#dataTable
{
-moz-border-radius: 25px !important;
-webkit-border-radius: 25px !important;
border-radius: 25px !important;
border: none !important;
background: #FFFFFF;
}

#dataTable thead
{
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 10px;
color: #29C763;
}

#dataTable th
{
border: none !important;
box-sizing: border-box;
padding: 20px 0 10px 10px;
box-sizing: border-box;
}

#dataTable th:nth-of-type(1)
{
padding: 20px 0 10px 20px;
}

#dataTable th:last-of-type
{
padding: 20px 20px 10px 0;
}

#dataTable td
{
padding: 5px 0 10px 10px;
box-sizing: border-box;
white-space: nowrap;
border: none;
border-bottom: 1px solid #F2F4F7;
font-size: 14px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

#dataTable tbody tr:hover
{
background: #e9e8e8;
}

#dataTable tbody tr
{
cursor: pointer;
}

#dataTable td:nth-of-type(1)
{
padding: 5px 0 10px 20px;
}

#dataTable td:last-of-type
{
padding: 5px 20px 10px 0;
display: flex;
align-items: center;
}

#modal-container
{
position: fixed;
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
background: rgba(35, 35, 35, 0.5);
backdrop-filter: blur(10px);
}

#modal-body
{
position: relative;
width: 90%;
background-color: #FFFFFF;
border-radius: 30px;
padding: 30px 50px;
box-sizing: border-box;
}

#close-modal
{
background: none;
border: none;
position: absolute;
right: 28px;
top: 28px
}

#modal-open-url
{
background: none;
border: none;
margin-left: 5px;
color: #121212;
}

#modal-open-url svg
{
width: 18px;
}

#modal-body h3
{
width: min-content;
white-space: nowrap;
margin: 0 auto 20px;
font-size: 18px;
font-weight: 500;
line-height: 21.09px;
text-align: left;
color: #000000;
}

#modal-body .form-group
{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}

#modal-body .form-group label
{
font-size: 14px;
font-weight: 500;
line-height: 16.41px;
text-align: left;
color: #000000;
}

#modal-body .form-group input,
#modal-body .form-group select,
#modal-body .form-group textarea
{
margin-top: 8px !important;
padding: 10px;
box-sizing: border-box;
height: 48px;
width: 100%;
border: 1px solid #DFEAF2;
border-radius: 10px;
color: black;
font-size: 14px;
}

#modal-body .form-group select
{
cursor: pointer;
}

#modal-body .form-group textarea
{
resize: none;
height: 100px;
}

#modal-body #save-button
{
width: 100%;
border-radius: 10px;
border: none;
background: #29C763;
color: #FFFFFF;
font-size: 14px;
font-weight: 500;
line-height: 16.41px;
padding: 12px 0;
box-sizing: border-box;
}

#modal-body .form-row
{
gap: 20px;
}

#modal-body #cancel-button
{
width: 100%;
border-radius: 10px;
border: 1px solid #6c757D;
background: transparent;
color: #6C757D;
font-size: 14px;
font-weight: 500;
line-height: 16.41px;
padding: 12px 0;
box-sizing: border-box;
}

#edit-issue-container,
#issue-details-container
{
display: none;
}

#previous-btn,
#next-btn
{
cursor: pointer;
color: #121212;
font-size: 16px;
background: none;
border: none;
}

.spacer {
margin-left: 20px;
display: inline-block;
}

.form-group.err
{
border:1px solid #A11;
border-right:4px solid #A11;
}

#err
{
color:#A11;
font-size:12px;
}

.pagination-controls
{
margin-top: 20px;
}

.pagination-controls button
{
margin: 0 3px;
padding: 5px 10px;
background: none;
border: none;
}

.pagination-controls .active
{
background-color: #29C763;
color: white;
font-weight: bold;
border-radius: 6px;
}