/* You can add global styles to this file, and also import other style files */


.save-button {
    background-color: #004331 !important;
    box-shadow: 0 2px 0 #0b0c0c;
    color: white;
    margin-bottom: 20px;
    font-size: 19px;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
}

.save-button:hover {
    background-color: #004331 !important;
    color: white;
}

.save-button:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 0;
}

.cancel-button {
    background-color: #E2E2E2 !important;
    box-shadow: 0 2px 0 #0B0C0C !important;
    color: #0B0C0C;
    margin-bottom: 20px;
    font-size: 19px;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
}

.cancel-button:hover {
    background-color: #E2E2E2;
    color: #0B0C0C;
}

.cancel-button:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 0;
}


.userprofile-input {
    background-color: #006750 !important
} 

/* Add a black background color to the top navigation */
.topnav {
    background-color: #006750;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 19px;
}

/* Change the color of links on hover */
.topnav a:hover, .topnav li:hover {
    background-color: black;
    color: white;
}

.show-div-block {
    padding: 0px;
    left: -100px;
    margin: 0px;
    border: 0px;
    width:100%
}


.top-nav-right {
    float: right;
}


.display-profileInfo div :hover {
    background-color: black;
    color: white;
    float: right;
    position: relative;
}

.profile {
    float: left;
}

.customized-dropdown {
    position: absolute;
    top: 100%;
    left: -129px;
    z-index: 1000;
    float: left;
    min-width: 200px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    border-radius: 0px;
    -webkit-box-shadow: 0;
    margin: 0px;
    padding: 0px;
    border: none;
}

.nav .open > a {
    background-color: #004331;
}

.display-profile {
    background-color: #004331;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    font-size: 19px;
    width:100%;
}

.display-profile a, .display-profile a:focus, .display-profile a:hover {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
/*    float: none;*/
    text-align: left;
}

.user-detail:hover {
    cursor: pointer;
    color: white;
}

.user-detail {
    padding-left: 15px;
    cursor: pointer;
}

.nav-div-bar {
    width: 100%;
}

.input-search-box {
    float: left;
    display: block;
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.fa-search-icon {
    color: black;
    position: relative;
}

.top-nav-right {
    float: right;
}

.top-nav-right div {
    float: left;
}

.dropdown-toggle::after {
    display: none;
}

.top-nav-right a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 19px;
    border-radius: 0px !important;
}


.profile a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: left;
    padding: 17px 16px;
    text-decoration: none;
    font-size: 16px;
    width: 100%;
}

/* Change the color of links on hover */
.top-nav-right a:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: black;
    color: white;
}



@media screen and (max-width: 1168px) {
    .nav-style {
        padding-right: 30px;
    }
}

@media screen and (max-width: 992px) {
    .menu-fields-on-top {
        display: none !important;
    }

    .menu-fields-in-list {
        display: inline-block !important;
        width: 100%;
        padding-bottom: 15px;
        margin-top: 10px;
    }

    .topnav a:hover {
        background-color: black;
        color: white;
    }

    .navbar-nav a {
        width: 100%;
    }

    .nav-toggler-icon {
        color: #fff !important;
        float: left;
        display: block;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 19px;
    }

        .nav-toggler-icon:hover, .nav-toggler-icon:active {
            background-color: black;
            color: #fff;
        }

    .navbar-collapse {
        width: 100%;
    }
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {

    .top-nav-right {
        padding-left: 0px;
    }

    .right-addon input {
        padding-right: 0px;
        width: 120px;
    }
}

@media screen and (max-width: 600px) {

    .top-nav-right {
        padding-left: 0px;
    }

    .right-addon input {
        padding-right: 0px;
        width: 120px;
    }
}

.userName:hover {
    background-color: #004331 !important
}

.userName:hover {
    background-color: #004331 !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*For Search-box*/
.search-icon {
    display: none !important;
}

.search-icon-input-text {
    display: table;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 992px) {
    .search-icon {
        display: block !important;
        text-align: right;
        padding: 11px 16px !important;
    }

    .search-dropdown-icon {
        position: static;
        float: right !important;
    }

    .search-icon a:hover {
        background-color: #004331;
    }

    .search-icon-input-text {
        display: none;
    }

    .search-box-div-icon {
        float: right !important;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 19px;
        display: inline-table;
        width: 100%;
        background-color: #004331;
        position: relative;
    }

    .search-icon ul {
        display: table-caption;
    }

    .search-anchor {
        text-align: right !important;
        padding: 14px 16px;
    }

    .no-hover {
        background-color: #004331 !important;
    }

    .right-addon {
        padding-left: 20px;
    }

    .app-search-comp {
        padding-right: 70px;
    }
}


.nav-search-top-class {
    display: table;
    min-width: 20%;
    width: auto;
    max-width: 100%;
    position: relative;
    height: 30px;
}

.gem-c-search--large .gem-c-search__submit {
    width: 50px;
    height: 50px;
    background-position: 8px 50%;
}

.gem-c-search--on-white .gem-c-search__submit {
    background-color: #004331;
    color: #fff;
    text-align: center;
}

.gem-c-search__submit {
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.gem-c-search__submit {
    padding: 6px;
    border: 0;
    cursor: pointer;
    border-radius: 0;
}

.profileIcon {
    margin-left: 5px;
}


.footer-inline-list {
    margin-bottom: 30px;
}

.footer-meta-item {
    margin-left: 31px;
    flex-basis: 180px;
}

.footer-link-url {
    text-decoration: underline !important;
    cursor: pointer;
}

.footer-logo {
    background-size: 58px 58px;
    min-width: 85px;
    padding-top: 15px;
    text-decoration: none;
}

.margin-top-15 {
    margin-top: 15px;
}

@media screen and (max-width: 40.0525em) {
    .footer-inline-list[_ngcontent-c5] {
        margin-bottom: 0;
    }

    .footer-group {
        flex-direction: column;
        flex-flow: column;
        align-items: flex-start;
    }

    .footer-meta-item {
        flex-basis: 100%;
        width: calc(100% - 60px);
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .footer-copyright-logo {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .footer-meta-item-grow {
        flex-basis: 80px;
    }

    .footer-inline-list-item {
        display: block;
        margin-bottom: 25px;
    }
}


@media (max-width: 767px) {
    /* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
    .body-content {
        padding-top: 50px;
    }
}

.home-container {
    min-height: 100vh;
}

.min-height-container {
    min-height: calc(100vh - 363px);
}

.color-0B0C0C {
    color: #0B0C0C;
}

.color-6F777B {
    color: #6F777B;
}

.margin-left-main {
    margin-left: 15px;
}

.margin-left-main-30 {
    margin-left: 30px;
}

@media screen and (max-width: 600px) {
    .footer {
        display: block;
    }

    .margin-left-main {
        margin-left: 0px;
    }

    .margin-left-main-30 {
        margin-left: 0px;
    }
}

.page-container {
    min-height: 550px;
    margin-bottom: 25px;
}

tr.no-top-border td {
    border-top: none;
}

tr.no-bottom-border td {
    border-bottom: none;
}
tr.no-borders td {
    border: 0;
}
.profile-button {
    background-color: #004331;
    width: 100%;
    display:block
    float: left;
    text-align: left;
}