body {
     color: #202965;
     font-size: 15px;
     background-color: lightgrey;
     background-position-x: 0%;
     background-position-y: 0%;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     background-origin: padding-box;
     background-clip: border-box;
     font-family: calibri;
}

.navbar.navbar-expand-sm.navbar-light.banner {
background: #276f78;
height: 145px;
}

.application-info{
content: url("/theme/account_logo");
width: 250px;
margin-bottom: 0rem!important;
margin-top: 0rem!important;
}

.application-title {
    display: block;
    width: 350px;
    height: 160px;
    margin-left: 80px;
    margin-top: 0px;
    margin-bottom: -70px;
    max-width: 300px;
background-size: contain;
}


.main-header {
    background: #276F78
}

.user-bubble {
    background-color: #8AC640;
    color: #fff!important;
    border-radius: 10px!important;
    letter-spacing: normal;
}
 
.user-bubble :hover {
    border-radius: 0px; 
}

.nav-item dropdown user-bubble {
    color: #ffffff;
    border-radius: 10px;
}

.user-bubble-mobile {
  color: #ffffff;
  background-color: #8AC640!important;
}

.main-menu-container .navbar-toggler {
    color: #303438;
}

.main-menu-container .navbar-toggler .active, .main-menu-container .navbar-toggler :hover {
    color: #303438;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.container  {
    max-width: 1200px;
}

.navbar>.container-fluid, {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    max-width: 1000px;
}

.navbar.nav> .container-fluid {
max-width: 1000px;
    
}

.navbar>.container, .navbar>.border-content-box, .action-btn-content.navbar>.action-btn-group, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    max-width: 1800px !important;
}

.main-menu-container {
    background: #276F78;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    margin-top: -80px;
    margin-left: 80px;
    margin-bottom: 80px;
}

.main-menu-container-mobile {
    background: #276F78;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
}

.main-menu-container .main-menu-items .nav-link {
    color: #ffffff;
    font-weight: 600;
    font-size: larger;
}
 
.main-menu-container .main-menu-items .nav-item {
    color: #ffffff !important;
    padding-right: .0rem;
    border-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
}

.main-menu-container .navbar-light .navbar-nav .nav-item :hover {
    color: #8AC640;
    background-color: transparent;
}
 
 
.main-menu-container .navbar-light .navbar-nav .nav-item .active {
    color: #8AC640;
}
 
.main-menu-container .navbar-light .navbar-nav .nav-item .active :hover {
    color: #8AC640;
}

.main-item-container {
    width: fit-content;
    min-width: 80%;

}

.page-header h2.header-title, .page-header .header-title.h2 {
    margin-top: 0.6em;
    font-size: 24px;
    font-weight: lighter;
    border-bottom: 0.1rem dotted;
    padding-bottom: 0.8rem;
    color: #276F78;
}

.base-tab-header .nav-link.active {
    color: #8AC640;
    border-top: 2px solid #8AC640;
    box-shadow: 0 -2px 3px #00000026;
}

.base-tab-header .nav-link:hover {
    color: #8AC640;
}

.border-content-box .content-title-mb-0, .border-content-box .content-title {
    background-color: #276F78;
    color: #fff;
}

.border-content-box {
    padding-bottom: 1rem;
    border: 0.05rem solid #276F78;
}

.group-label {
    color: #276F78;
    font-weight: bold;
}

.display-row-label, .text-start {
    color: #276F78;
}

.btn-outline-primary:hover {
color: #fff;
background-color: #2b7dbc;
border-color: #2b7dbc;
}

/*
.btn-outline-primary:hover h4 {
color: #fff;
background-color: #2b7dbc;
border-color: #2b7dbc;
}*/

.btn-outline-primary:hover {
    color: #fff;
    background-color: #8AC640;
    border-color: #8AC640;
}

.btn-outline-primary:hover h4 {
    color: #fff;
    background-color: #8AC640;
    border-color: #8AC640;
}

.btn-outline-primary {
    color: black;
    background-color: transparent;
    border-color: #276F78;
}

.btn-outline-primary h4 {
    color: black;
    background-color: transparent;
    border-color: #276F78;
}


@media only screen and (max-width: 1855px), only screen and (max-device-width: 1855px) {
.main-menu-container {
    background: #276F78;
/*    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5; 
*/
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}
    .application-title {
    display: block;
    width: 350px;
    height: 100px;
    margin-left: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 300px;
background-size: contain;
}
    
    }