.navbar-left {
    color: #0094ff !important;
    float:left;
}

.navbar-center {
    color: #000 !important;
    font-weight: bold;
}

.navbar-right {
    color: #6e8338 !important;
}

#login a:hover {
    color: #6e8338 !important;
    text-decoration: underline;
}

#login a {
    color: #6e8338 !important;
    font-weight: bold;
}

.button {
    padding-top: 10px;
}

.Pager span {
    color: #333;
    background-color: #F7F7F7;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 20px;
    margin-right: 3px;
    line-height: 150%;
    border: 1px solid #ccc;
}

.Pager a {
    text-align: center;
    display: inline-block;
    width: 20px;
    border: 1px solid #ccc;
    color: #fff;
    color: #333;
    margin-right: 3px;
    line-height: 150%;
    text-decoration: none;
}

.highlight {
    background-color: #FFFFAF;
}
.navbar.bg-dark {
    background-color: #FFF !important;
    /*box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);*/
    background: #fff;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{
    color:#006db6!important;
}
.navbar-dark .navbar-nav .nav-link{
    color:#006db6!important;
}
.navbar .container{
    /*letter-spacing:2px;*/
    font-weight:bold;
    /*text-transform:uppercase;*/
    font-size:14px;
    display:block!important;
}
    .navbar .container a {
        color: #fff !important;
    }
.navbar .container a:hover{
    color:#000!important;
    text-decoration:underline;
}
.navbar .container .active a:hover{
    color:#000!important;
    text-decoration:underline;
}
body {
    font-family: "effra", Arial, Sans-Serif !important;
    /*background-color: #f3f3f3 !important;*/
    background: linear-gradient(#FFF,#19232D) !important;
    
    opacity: 0.9;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/*.nav-item {
    letter-spacing:2px;
}*/
.dropdown-menu {
    background-color: #0167A5!important;
    opacity: 0.9;
    border-bottom: 1px dotted #fff!important;
    color:#fff!important;
}

.navbar .container .dropdown-menu .dropdown-item{
    
    color:#fff!important;
}
.navbar .container .dropdown-menu .dropdown-item a:hover{
    
    color:#fe6a00!important;
    
}
.dropdown-item:hover, .dropdown-item:focus{
    background-color:transparent!important;
    color:#fe6a00!important;
}
.featured .content-wrapper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #d9dbdd;
    background: #fff;
    color: #747a7f !important;
/*    padding: 30px 20px 10px 30px!important;
*/}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #fe6a00!important;
  border: 1px solid transparent!important;
  border-radius: 0.25rem!important;
}
.col-lg-12 {
    font-size: 12px!important;
    
}
.form-row label{
    font-weight:bold!important;
}
.form-group label{
    font-weight:bold!important;
}
footer{
    background-color: #f3f3f3!important;
}
.featured {
    background-color: #f3f3f3 !important;
    font-size: initial !important;
}
    .featured + .main-content {
        background-color: #ffffff !important;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
.closebar{
    float:right;
}
.componenthead{
    background-color:#08c;
    color:#FFF;
    height:35px;
    padding-top:8px;
    padding-left:20px;
    font-size:14px;
    font-weight:bold;
}
.form-control input[type="checkbox"] {
    margin-right: 10px !important;
}

/* Modal popup*/


.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
     /*height:100%;
    background-color:#EBEBEB;
    filter:alpha(opacity=70);
    opacity:0.7;*/
}
/*.navbar > .container, .navbar > .container-fluid {
   
    /*display: block!important;
  
}*/
#menuBar ul a:hover {
    color: #61CE70!important;
}

#menuBar ul a:link, a:active {
    color: #b2dc59 !important;
}

.navbar .container a:link, a:visited, a:active, a:hover {
    color: #fff !important;
}

    .modalPopup {
    background-color: #FFFFFF;
    width: 80%;
    height: 90%;
    border: 3px solid #0DA9D0;
    padding: 0;
    scroll-behavior: smooth;
    border-radius: 10px;
}

    .modalPopup .header {
        background-color: #2FBDF1;
        height: 40px;
        color: White;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        z-index: 99999;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        margin: 10px;
        overflow-y: auto;
        display: block;
        max-height: 91%;
        width: 97%;
    }

    .modalPopup button {
        float: right;
    }

.tranctingentity {
    /*background-color: #cedee9;*/
    padding: 0px;
    text-align: right;
}
.container {
    font-size: initial!important;
}
.btn {
    font-size: initial !important;
}
.form-control {
    font-size: initial !important;
}


@media (min-width: 576px) .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}

.custom-select {
    height: calc(3.25rem + 2px)!important;
    font-size:initial!important;
}
nav {
    display: grid!important;
}

#menuBar ul {

    z-index:1!important;
}

.navbar {

    padding: 0rem!important;
        }



@media (min-width: 576px) {
    .container {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1280px !important;
    }
}

@media (min-width: 1080px) {
  .container {
    max-width: 1440px!important;
  }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1920px !important;
    }
}

.navbar > .container, .navbar > .container-fluid {
    display: -ms-flexbox;
    display: inline-block !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*modal popup Extender*/
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 500px;
    height: 200px;
}
a:link, a:visited, a:active, a:hover {
    /*color: #007bff!important;
    text-decoration: underline!important;*/
}

.navbar .container a.selected {
    color: #6e8338 !important;
}
.selected, .selected:hover {
    background-color:transparent;
}
#menuBar ul {
    background: linear-gradient(#333,#333) !important;
    border-radius: 2px;
    color: #FFF !important;
}
.navbar.bg-dark {
    border-radius: 0 !important;
    background: linear-gradient(#e3e9e5,#455f3d) !important;
    border: none;
}
.bgExpired {
    color: #000!important;
    background-color: #f39685!important;
}
.bgAlmostExpiring0_15 {
    color: #000!important;
    background-color: #cae0c9!important;
}
.bgAlmostExpiring15_30 {
    color: #000!important;
    background-color: #7dabe4!important;
}
.bgCurrent {
    color: #000!important;
    background-color: #FFF!important;
}