.pageHeaderBg {

width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50vh;
background: url(../images/bg_elements.png);
background-position: center;
background-size: cover;
margin-bottom: 20vh;

} .table {

height: 5em;
overflow: auto;

} .serachSection {

height: 50px;
position: relative;

} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {

transition: background-color 5000s ease-in-out 0s;

}

.txtBox {

height: 60px;
border-radius: 8px;
border: solid 1px rgba(0, 0, 0, 0.1);
background: #fff;
padding: 0;
width: 100%;
font-size: 15px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
color: var(--txtColor);
text-indent: 15px;
outline: none;

} .txtBox::placeholder {

/* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--txtColor);
opacity: 0.5; /* Firefox */
font-weight: 500 !important;

}

.txtBox::-ms-input-placeholder {

/* Internet Explorer 10-11 */
color: var(--txtColor);
opacity: 0.5;
font-weight: 500 !important;

}

.txtBox::-ms-input-placeholder {

/* Microsoft Edge */
color: var(--txtColor);
opacity: 0.5;
font-weight: 500 !important;

} .serachBtn {

background: url(../images/search.svg) no-repeat center center;
background-size: 35px 35px;
height: 59px;
width: 59px;
border: none;
position: absolute;
top: 0px;
right: 0px;
outline: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #000;

} .advancedFilter .filterButton {

background: #f8f9fa;
box-shadow: 0 0 2px #343a4063;
width: 190px;
border-radius: 10px;
cursor: pointer;
border: none;
padding: 10px;
text-align: left;
color: #1c1107;
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
outline: none;

} .angle-arrow2 {

background: url(../images/angle-arrow-down.svg) no-repeat;
background-size: contain;
width: 10px;
height: 20px;
font-weight: 900;
position: absolute;
top: 19px;
right: 9px;
margin: -3px 0;
cursor: pointer;
/* z-index: 9999; */

} select_dropDown {

background: #f8f9fa;
box-shadow: 0 0 2px #343a4063;
word-wrap: normal;
width: 190px;
border-radius: 10px;
cursor: pointer;
border: none;
padding: 10px;
text-align: left;
color: #1c1107;
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
outline: none;

} .select_dropDown2 {

position: absolute;
top: 0px;
font-size: 15px;
width: 156px;
overflow: hidden;
object-fit: cover;
right: 69px;
padding: 19px 0;
border-bottom: 0 !important;
border-radius: 0;
border: none;
box-shadow: none;
background: white;
border-left: 1px solid rgba(0, 0, 0, 0.11);
border-top: 1px solid rgba(0, 0, 0, 0.11);
border-bottom: 1px solid rgba(0, 0, 0, 0.11);

} .select_dropDown2:focus {

outline: none;

} .fillterWrapper {

display: none;

} .fillterWrapper label {

margin: 0;
text-indent: 12px;

} .fillterWrapper input {

border-radius: 10px;
border: solid 1px rgba(0, 0, 0, 0.11);
background-color: #fff;
font-size: 12px;
padding: 5px;
text-indent: 15px;
width: 190px;
outline: none;
box-shadow: none;

} .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {

box-shadow: unset;
border-color: rgba(0, 0, 0, 0.1);

} .fillterWrapper input:hover {

border-color: rgba(0, 0, 0, 0.1);

} .fillterWrapper input:focus {

box-shadow: unset;

}

.fillterWrapper input:active {

box-shadow: unset;

} .active {

z-index: 999;
top: 122px;
background: #fff;
box-shadow: 0 0 5px rgb(0 0 0 / 40%);
padding: 15px 15px;
border-radius: 15px;
height: auto;
position: absolute;
right: -16px;
margin: 1rem 0;
flex-direction: column;
width: 240px;
display: inline-flex !important;
gap: 5px;

}

.errorMsg {

text-align: center;
font-size: 20px;
color: red;
font-weight: 800;

}

containerWd {

width: 700px !important;

} @media (max-width: 768px) {

.wrapper_dropDown {
  align-items: flex-end;
  flex-direction: column;
}
.txtBox {
  height: 40px !important;
}
.serachBtn {
  height: 40px !important;
  width: 40px !important;
}
.advancedFilter .filterButton {
  top: 60px;
}
.select_dropDown2 {
  width: 30%;
  right: 40px;
  padding: 9.5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

} @media (max-width: 768px) {

#select_dropDown {
  bottom: 0;
  position: fixed;
  width: 50%;
  right: 0;
  border-radius: 0;
  padding: 9.5px;
  z-index: 99;
}
.pageHeading h1 {
  font-size: 2.5rem;
}
#containerWd {
  width: 100% !important;
}
.active {
  top: 102px;
  display: flex;
  right: -5px;
}
.fillterWrapper input {
  width: 100%;
  margin-bottom: 10px;
}

} @media (max-width: 992px) {

.navbar-nav .nav-item {
  padding: 0px !important;
}

}