@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');

:root {
--gray: #34495e;
--darkgray: #2c3e50;
}

body {
background-image: url(img/bg-tile.jpg);
background-size: cover;
background-repeat: no-repeat;
font-family: 'Titillium Web', sans-serif;

}

.color-row {
background-color: #EBFFD9;
}

@media (max-width:780px) {

#wrapper {
padding-left:391px !important;
}
/* .main {
max-width: 100% !important
}

.color-row {
background-color: #EBFFD9;
}

.navli {
font-size: 8px;
}

.logoimg {
width: 10px;
}

.footerli {
font-size: 8px;
}

.footersec {
margin: 0px 0px 0px 0px !important;
width: 100% !important;
}

.navsec {
margin: 0px 0px 0px 0px !important;
width: 100% !important;
} */

.dropdown-content {
min-width: auto !important;
border-radius: 0px 0px 10px 10px !important;
}
}


.logoimg {
width: 100px;
}


#wrapper {
display: flex;
justify-content: center;
}

.main {
background-color: white;
max-width: 980px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.topsec {
/* background-color: aqua;*/
padding: 20px 0 50px 0;
}

.toptxt {
font-style: italic;
font-size: 24px;
color: #81BF89;
font-weight: bold;
display: flex;
align-items: center;
}

.navsec {
background: linear-gradient(rgba(253, 253, 253, 1) 0%, rgba(239, 239, 239, 1) 100%);
margin: 0;
padding: 0;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin: 0px -20px 0px -20px;
width: 104%
}

.navul {
list-style: none;
display: flex;
/* justify-content: space-evenly;*/
align-items: center;

margin: 0;
padding: 0
}

.navli {
cursor: pointer;
width: 50%;
text-align: center;
text-transform: uppercase;
font-weight: bold;
padding: 15px 0;
color: #757575;

/* font-size: 8px;*/
}

.navli:hover {
/* background-color: green;*/
background: linear-gradient(to bottom, rgba(180, 221, 180, 1) 0%, rgba(131, 199, 131, 1) 17%, rgba(82, 177, 82, 1) 33%,
rgba(0, 138, 0, 1) 67%, rgba(0, 87, 0, 1) 83%, rgba(0, 36, 0, 1) 100%);
color: white;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
margin-top: 15px;
border-radius: 0px 0px 20px 20px;
display: none;
position: absolute;
background: #d6d6d6;
min-width: 250px;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}

.dropdown-content a {
font-weight: 500;
text-align: left;
color: #757575;
padding: 12px 16px;
text-decoration: none;
display: block;
font-weight: 600;
}

.dropdown-content a:hover {
background: linear-gradient(to bottom, rgba(201, 222, 150, 1) 0%, rgba(138, 182, 107, 1) 44%, rgba(57, 130, 53, 1)
100%);
color: white
}

.dropdown:hover .dropdown-content {
display: block;
}

.searchsec {
padding: 20px 0;
}

.searchlbl {
font-size: 14px;
color: #72828B;
font-weight: 500;
margin-top: 5px;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}

.feilds {
width: 100%;
height: 40px;
border: 1px solid #72828B;
border-radius: 5px;
}

/*
.selectopt{
background: linear-gradient(to right, white 85%, #7BBA55 15%);
width: 100%;
height: 40px;
border: 1px solid #72828B;
border-radius: 5px;
}
*/

select {
/* Reset Select */
appearance: none;
outline: 0;
border: 1px solid #72828B;
border-radius: 5px;
box-shadow: none;
/* Personalize */
flex: 1;
padding: 0 1em;
color: black;
background-color: white;
/* background-image: none;*/
cursor: pointer;
}

/* Remove IE arrow */
select::-ms-expand {
display: none;
}

/* Custom Select wrapper */
.select {
position: relative;
display: flex;
width: 100%;
height: 40px;
overflow: hidden;
font-size: 15px;
outline: 0;
}

/* Arrow */
.select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 12px;
background-color: #7BBA55;
transition: .25s all ease;
pointer-events: none;
color: white;
font-size: 12px;
border-radius: 0px 5px 10px 0px;
}

/* Transition
.select:hover::after {
color: #f39c12;
} */

.btn {
background-color: #7BBA55;
color: white;
font-family: 'Titillium Web', sans-serif;
}

.btn:hover {
color: white;
border: 1px solid white;
}

.heading {
text-align: center;
background-color: #7BBA55;
color: white;
padding: 10px 0;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}

.Noticesec {
padding: 20px 0;
}

thead {
background-color: #7BBA55;
color: white;
text-align: center;
}

td {
text-align: center;
vertical-align: middle;
}

footer {
background-color: white;
margin-top: 50px;
}

.footersec {
background: linear-gradient(rgba(253, 253, 253, 1) 0%, rgba(239, 239, 239, 1) 100%);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
margin: 0px -20px 0px -20px;
width: 104%;
}

.footerul {
list-style: none;
display: flex;
justify-content: space-evenly;
align-items: center;

margin: 0;
padding: 0
}

.footerli {
/* width: 50%;*/
text-align: center;
/* text-transform: uppercase;*/
/* font-weight: bold; */
padding: 15px 0;
color: #7BBA55;
font-family: 'Titillium Web', sans-serif;
}

.footerli:hover {
text-decoration: underline;
cursor: pointer;
}

td {
font-size: 14px;
font-family: 'Titillium Web', sans-serif;
color: #72828b;
}

th {
font-size: 14px;
font-family: 'Titillium Web', sans-serif;
color: white;
}

.color-table tr:nth-child(even) {
background-color: #ebffd9;
}

a {
color: #7ebb59
}

/* .modal-dialog {
width: 100%;
height: 100%;
margin: 10px;
padding: 0;
}

.modal-content {
height: auto;
min-height: 100%;
border-radius: 0;
} */

#popUpModal {
padding-right: 0px !important;
}
.hideextra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }


.report-headings{
font-size:13px; font-weight: bolder;
}

.report-detail {
font-size:13px;
}


.heading-custom-report-popup {
text-align: center;
background-color: #7BBA55;
color: white;
font-weight: 600;
padding: 5px 0;
font-family: 'Titillium Web', sans-serif;
font-weight: 10px !important;
}

a.disabled {
pointer-events: none;
cursor: default;
color: #bbc7b5;
}