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

/*.govuk-container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

.margin-right-45 {
    margin-left: 45px;
}

.margin-right-30 {
    margin-right: 30px;
}

.font-size-27 {
    font-size: 27px;
}

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

.link-pointer {
    cursor: pointer;
}

.breadcrumb-font {
    font-size: 16px;
    color: #0B0C0C;
}

.fload-left {
    float: left;
    margin-left: 1%;
}*/
/* Main content */
/*.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    /*font-size: 20px; /* Increased text to enable scrolling */
    /*padding: 0px 10px;
}*/

/*.custom_button {
    background-color: #004331;
    box-shadow: 0 2px 0 #0b0c0c;
    color: black;
    height: 40px;
    margin-bottom: 20px;
    font-size: 19px;
    padding-left: 15px;
    padding-right: 15px;
}

.common-select {
    width: 60% !important;
    font: 400 19px 'Cabin', sans-serif;
}

@media screen and (max-width: 600px) {
    .common-select {
        width: 100% !important;
        font: 400 16px 'Cabin', sans-serif;
    }
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-top30 {
    margin-top: 30px;
}

.font-size-19 {
    font-size: 19px !important;
}

.font-bold {
    font-weight: bold;
}

.font-size-24 {
    font-size: 24px !important;
}

.H1-48 {
    font-size: 48px;
}

.H2-36 {
    font-size: 36px;
}

.background-color-FFFFF2 {
    background-color: #FFFFF2
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-right-45 {
    margin-top: 45px;
}

.margin-right-10 {
    margin-right: 10px;
}

hr {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
}

.hr-color {
    color: #006750;
    background-color: #006750;
}

.button-reports {
    margin-right: 10px;
    margin-left: 10px;
    background-color: #004331 !Important;
    padding: 10px 16px 9px 15px;
    color: #fff;
    font-size: 19px;
}

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

.margin-left-10 {
    margin-left: 10px;
}

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

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

.warning-updated-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 48px;
    min-height: 48px;
    padding-top: 3px;
    border: 3px solid #0b0c0c;
    border-radius: 50%;
    color: #fff;
    background: #0b0c0c;
    line-height: 42px;
    text-align: center;
}

.font-size-30 {
    font-size: 30px;
}

.warning-text-details {
    MARGIN-LEFT: 15PX;
    display: BLOCK;
    MARGIN-TOP: 5PX;
}

.hr-custom-color {
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #eee;
}

#myMap {
    BORDER: 1PX SOLID #0b0c0c;
}

.errorControl {
    height: 0px !important;
    overflow: hidden;
    border: 0px !important;
    width: 0px !important;
    visibility: hidden;
    position: absolute;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.font19 {
    font-size: 19px !important;
}

.color-000 {
    color: #000000;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}*/

.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;
    }

/*.sumbit-report-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;
}

.screen-splash {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    vertical-align: middle;
    height: 100%;
}

.screen-splash-div {
    position: absolute;
    width: 10%;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preferences-button {
    background-color: #004331 !important;
}

body, .govuk-body, .govuk-body-m, .govuk-link, .govuk-list, .govuk-inset-text, .govuk-heading-xl, .govuk-label, .govuk-fieldset__legend--xl, .govuk-warning-text, .govuk-hint, .govuk-heading-l, .govuk-select, .govuk-input, .govuk-textarea {
    font-family: 'Cabin', sans-serif !important;
}

.clear-filter-anchor {
    cursor: pointer;
}

.preferences-button {
    background-color: #004331 !important;
}
*/
.userprofile-input {
    background-color: #004331 !important
}
/*
body, .govuk-body, .govuk-body-m, .govuk-link, .govuk-list, .govuk-inset-text, .govuk-heading-xl, .govuk-label, .govuk-fieldset__legend--xl, .govuk-warning-text, .govuk-hint, .govuk-heading-l, .govuk-select, .govuk-input, .govuk-textarea {
    font-family: 'Cabin', sans-serif !important;
}

.case-list-view {
    width: 100%;
    height: auto;
    display: inline-flex;
}

.MicrosoftMap .Infobox {
    box-sizing: content-box;
    position: relative;
    border-radius: 0px !important;
    pointer-events: auto;
    padding: 5px 10px 15px 10px;
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: content-box;
    border-radius: 0px !important;
    padding: 5px 5px 15px 5px;
    box-shadow: 1px 2px #999;
    border: 1px solid #0B0C0C !important;
    top: -50px !important;
}


    .MicrosoftMap .Infobox .infobox-stalk {
        margin-left: -7px !important;
        margin-top: 20px !important;
        width: 23px !important;
        height: 11px !important;
        background-image: url("../src/assets/images/ico_map_popup_pointer.svg") !important;
    }

.MicrosoftMap .infobox-body {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto;
    font-size: 19px;
}

.MicrosoftMap .infobox-info {
    max-height: 100px !important;
    overflow: inherit;
    color: black !important;
    font-size: 19px !important;
}

.MicrosoftMap .infobox-title {
    font-size: 19px !important;
}

.MicrosoftMap .infobox-close {
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    top: 5px !important;
    right: 20px !important;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\00d7";
    font-size: 2.4em;
    color: black !important;
}

body, .govuk-body, .govuk-body-m, .govuk-link, .govuk-list, .govuk-inset-text, .govuk-heading-xl, .govuk-label, .govuk-fieldset__legend--xl, .govuk-warning-text, .govuk-hint, .govuk-heading-l, .govuk-select, .govuk-input, .govuk-textarea {
    font-family: 'Cabin', sans-serif !important;
}

.case-list-view {
    width: 100%;
    height: auto;
    display: inline-flex;
}

.MicrosoftMap .Infobox {
    box-sizing: content-box;
    position: relative;
    border-radius: 0px !important;
    pointer-events: auto;
    padding: 5px 10px 15px 10px;
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: content-box;
    border-radius: 0px !important;
    padding: 5px 5px 15px 5px;
    box-shadow: 1px 2px #999;
    border: 1px solid #0B0C0C !important;
    top: -50px !important;
}


    .MicrosoftMap .Infobox .infobox-stalk {
        margin-left: -7px !important;
        margin-top: 20px !important;
        width: 23px !important;
        height: 11px !important;
        background-image: url("../src/assets/images/ico_map_popup_pointer.svg") !important;
    }

.MicrosoftMap .infobox-body {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto;
    font-size: 19px;
}

.MicrosoftMap .infobox-info {
    max-height: 100px !important;
    overflow: inherit;
    color: black !important;
    font-size: 19px !important;
}

.MicrosoftMap .infobox-title {
    font-size: 19px !important;
}

.MicrosoftMap .infobox-close {
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    top: 5px !important;
    right: 20px !important;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\00d7";
    font-size: 2.4em;
    color: black !important;
}

    .MicrosoftMap .infobox-close::before {
        content: "\00d7";
    }

.MicrosoftMap .infobox-actions {
    border-top: none !important;
    padding-bottom: 10px;
    padding-top: 20px !important;
}

.MicrosoftMap .infobox-actions-list div li a {
    background-color: #004331 !Important;
    -webkit-box-shadow: 0 1px 0 #004331;
    box-shadow: 0 1px 0 #004331;
    color: white;
    padding: 5px 15px 5px 15px !important;
    text-decoration: none !important;
}

.MicrosoftMap .infobox-close-img {
    display: none;
}

.custom-anchor:link {
    color: #005EA5 !important;
}

.custom-anchor:visited {
    color: #4C2C92 !important;
}

.custom-anchor:hover, custom-anchor:active {
    color: #2B8CC4 !important;
}

.margin-top-by-2 {
    margin-top: 2%;
}

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


.search-navbar-comp .gem-c-search--large .gem-c-search__input[type="search"] {
    height: 36px !important
}

.search-navbar-comp .gem-c-search--large .gem-c-search__input[type="search"] {
    height: 36px !important
}

.search-navbar-comp .gem-c-search--large .gem-c-search__submit {
    height: 36px !important
}

.search-navbar-comp .gem-c-search__item-wrapper {
    margin-top: 8px !important;
}

.home-search .gem-c-search--on-white .gem-c-search__submit {
    background-color: #004331 !important;
    width: 50px !important;
}

.home-search .gem-c-search__submit-wrapper {
    padding-left: 0px !important;
}

.home-search .nav-bar-search-icon-image {
    width: 20px !important;
}

.search-navbar-comp .nav-search-dropdown-width {
    width: 87% !important;
}

.cc-revoke {
    display: none !important;
}

.cc-deny, .cc-allow {
    background-color: #fff !important;
    border: 2px solid #004331;
    border-radius: 0 !important;
    text-decoration: none !important;
    color: #004331 !important;
    border-color: #004331 !important;
    min-width: 165px;
}

.cc-window {
    background-color: #ffffff;
    padding: 20px 0;
    box-sizing: border-box;
}

.cc-allow:hover, .cc-deny:hover {
    background-color: #f8f8f8 !important;
    border: 2px solid;
    border-radius: 0px;
    text-decoration: none;
}

/* 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;
}

/*.empty-space {
    float: left;
    display: block;
    color: #f2f2f2;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 19px;
}
*/
.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;
    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;
}


/* enable absolute positioning */
/*.inner-addon {
    position: relative;
}*/

    /* style glyph */
/*    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
        top: 10px;
    }*/

/* align glyph */
/*.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}*/

/* add padding  */
/*.left-addon input {
    padding-left: 30px;
}*/

/*.right-addon input {
    padding-right: 30px;
    margin-top: 10px;
}

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


.background-color-006750 {
    background-color: #006750
}


.menu-fields-in-list {
    display: none;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
    width: 100%;
    cursor: pointer;
    display: inline-flex;
}

.authentication-link {
    font-style: normal;
}*/


@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;
}