body {
    background-color: #ffffff;
    /*    margin: 0px;
    padding: 0px;*/
    /*font-family:Arial;*/
    /*    font-size:16px;
    color:#303030;*/
}

/*div{

    margin:0px;
    padding:5px;
}*/

/*.main {
    word-wrap: break-word;
    
}*/

.formHeading1 {
    color: #808080;
    font-weight: 500;
    font-size: 18px;
}

.tableWrap {
    /* max-height: 600px;*/
    border: 0px none #ff0000;
    overflow: auto;
    width: 100%;
}

thead tr th {
    position: sticky;
    top: 0;
}

th {
    padding: 10px;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
    /*background-color: rgb(30, 106, 113);*/
    color: #404040;
    text-align: left;
}

table tr {
    border-collapse: collapse;
    width:100%;
    
}


tbody td {
    padding: 10px 0 10px 5px;
 
}

tbody tr {
    /*border-bottom: 1px solid #e8e8e8;*/

}

 

.gridcol1 {
    background-color: #fffffF;
    border-top: 1px solid #e0e0e0;
    text-align: left;
}

    .gridcol1:hover {
        background-color: rgb(160, 192, 0);
        cursor: pointer;
    }

/*    .gridcol1:active {
        background-color: rgb(180, 220, 40);
        cursor: pointer;
    }*/

tbody tr:active {
    background-color: #eeeeee;
}

th:hover {
    background-color: rgb(160, 192, 0);
    color: white;
}


.btn-success {
    background-color: #a0c000 !important;
    border-color: #90b000 !important;
}

    .btn-success:hover {
        background-color: #b0d000 !important;
        border-color: #a0c000 !important;
    }

    .btn-success:active {
        background-color: #709000 !important;
        border-color: #709000 !important;
    }

/*.btn-outline-secondary {*/
/*  background-color: #ffffff30 !important;*/
/*  border-color: #ffffff30 !important;*/
/*color: #c0c0c0;*/
/*}*/

.btn-outline-secondary {
    --bs-btn-active-bg: #ffffff30;
    --bs-btn-border-color: #ffffff30;
    --bs-btn-active-border-color: #ffffff30;
}


.btn-primary {
    background-color: rgb(0, 76, 83) !important;
    border-color: rgb(0, 76, 83) !important;
}

    .btn-primary:hover {
        background-color: rgb(60, 116, 133) !important;
        border-color: rgb(60, 116, 133) !important;
    }

    .btn-primary:active {
        background-color: rgb(40, 96, 113) !important;
        border-color: rgb(40, 96, 113) !important;
    }


/*.btn-primary:active, .btn-primary:visited {
    background-color: #b0d000 !important;
}*/

/*.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:visited {
    background-color: #b0d000 !important;
}*/

/*    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
    }*/


.message_error {
    color: red;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    height: 40px;
    transition: height 0.25s;
}

.message_warning {
    color: #f0a000;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    height: 40px;
    transition: height 0.25s;
}

.message_info {
    color: #606060;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: #ffffff;
    margin-bottom: 10px;
    height: 40px;
    transition: height 0.25s;
}

.message_success {
    color: #90b000;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: #ffffff;
    margin-bottom: 10px;
    height: 40px;
    transition: height 0.25s;
}

a {
    color: #80a000;
    text-decoration: none;
}

    a:hover {
        color: #b0d000;
    }


.com_link {
    color: #80a000;
    font-size: 18px;
}

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

.nav-link, .dropdown-menu {
    color: #FFFFFF;
    font-size: 20px;
    /*    background-color: #b0d235;*/
    background-color: #b0d235;
    /*padding-left: 10px;*/
    --bs-dropdown-padding-x: 10px;
    --bs-nav-link-hover-color: #FFFFFF;
}

.form-switch .form-check-input:checked {
    background-color: rgb(0, 76, 83);
    border-color: #30D158;
    border: none;
}

.dropdown-item {
    color: #FFFFFF;
    font-size: 20px;
}

.dropdown-menu {
    background-color: #b0d235;
    /*    background: linear-gradient(#b0d235, #a8ca25);*/
}


.nav-link:visited {
    color: #FFFFFF;
}

.nav-link:hover, .dropdown-item:hover {
    color: rgb(0, 76, 83);
    background-color: #b0d235;
}

.form-check-label:hover {
    color: rgb(0, 76, 83);
    cursor: pointer;
}

.nav-link:active {
    color: #FFFFFF;
}

.cardV2 {
    width: 500px;
    display: inline-grid;
    vertical-align: top;
    margin: 0;
    padding: 0;
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: -2px;
    position: relative;
    cursor: pointer;
    background-color: white;
    box-sizing: content-box;
}

    .cardV2:hover {
        background-color: rgb(0, 76, 83);
        color: white;
        border: solid 1px #f0f0f020;
        z-index: 5;
    }

.card-body {
    height: 150px;
    padding: 10px;
    border-left: solid 1px #f0f0f0;
}

.footerV2 {
    height: 30px;
    /*background-color: rgb(0, 76, 83);*/
    background-color: #000000;
}

.imgV2 {
    height: 150px;
    width: 100%;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.image_o {
    background-image: linear-gradient(to right, #00000010, #000000);
    height: 150px;
    width: 500px;
    z-index: 6;
    position: absolute;
}

/*.card-body {
    background-color: rgb(0, 76, 83);
    color:white;
}

.card {
    border: solid 0px #a0a0a0;*/
/*margin: 10px;*/
/*  border-radius: 5px;
        box-shadow: #80808080 10px  10px 10px;*/
/*}

.card-group {
    background-color: black;
}

.card-footer {
    background-color: black;
    color:white;
    height: 30px;
}*/

.ItemContainer {
    width: 100%;
    text-align: center;
    background-color: white;
}

.IndexItem {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    max-width: 700px;
    border-radius: 0px;
    border: solid 0px #f0f0f0;
    background-color: rgb(0, 76, 83);
    color: white;
}

    .IndexItem:hover {
        background-color: rgb(50, 96, 103);
        color: rgb(176, 210, 54);
        cursor: pointer;
    }

    .IndexItem:active {
        background-color: rgb(0, 76, 83);
        color: #808080;
        cursor: pointer;
    }




.ItemImage {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    height: 50px;
    width: 50px;
}

.ItemImage2 {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    height: 150px;
    width: 150px;
}

.ItemTitle {
    height: 50px;
    background-color: black;
    vertical-align: central;
    line-height: 50px;
    font-size: 23px;
}


.ItemBody {
    padding: 20px;
    text-align: left;
    height: 150px;
    position: relative;
}

.ItemBodyInner {
    height: 150px;
    margin: 0;
    padding: 10px;
    font-size: 17px;
    text-align: left;
}

    .ItemBodyInner:hover {
        background-color: rgb(50, 96, 103);
        color: rgb(176, 210, 54);
        cursor: pointer;
    }

    .ItemBodyInner:active {
        background-color: rgb(0, 76, 83);
        color: #808080;
        cursor: pointer;
    }


.message_clear {
    height: 0;
    transition: height 0.25s;
}


.background_div {
    position: absolute;
    float: right;
    /*height: 100px;*/
    /*width: 900px;*/
    z-index: 0;
    padding: 0px;
    margin: 0;
    margin-left: 10px;
}

.background_text {
    margin-left: 0px;
    font-size: 50px;
    line-height: 50px;
    color: #b0b0b0;
}

.background_sub_text {
    margin-left: 5px;
    margin-top: 10px;
    font-size: 20px;
    line-height: 25px;
    color: #b0b0b0;
}

.background_field {
    display: inline;
}

.background_value {
    display: inline;
    color: #000000;
}



.accordion {
    background-color: rgb(237, 252, 255);
    --bs-accordion-btn-font-size: 30px;
    --bs-accordion-btn-color: #000000;
    --bs-accordion-btn-bg: #ffffff;
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: rgb( 30, 106, 113);
    border-top: none;
    border-bottom: rgb(150, 200, 210) 1px solid;
    border-radius: 0;
}

    .accordion:hover {
        --bs-accordion-btn-bg: rgb( 70, 146, 153);
        --bs-accordion-btn-color: #ffffff;
    }

.accordion_old {
    background-color: white;
    --bs-accordion-btn-font-size: 30px;
    --bs-accordion-btn-color: #ffffff;
    --bs-accordion-btn-bg: rgb(30, 106, 113);
    /*--bs-accordion-btn-bg: rgb(0, 76, 83);*/
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: #b0d235;
    --bs-accordion-btn-border: #ff00ff;
    border-top: rgb(10, 86, 93) 1px solid;
    border-radius: 0;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    border-radius: 0;
}

.accordion-item {
    border: #ffff00 0px none;
    border-radius: 0;
}

.accordion-header {
    border: #ffff00 0px none;
    border-radius: 0;
}

.accordion-button {
    border: #ff0000 0px none;
    border-radius: 0;
}


/*.accordion {
    --bs-accordion-btn-font-size: 30px;
    --bs-accordion-btn-color: rgb(0, 76, 83);
    --bs-accordion-btn-bg: #f8f8f8;
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: #000000;
}*/




/*    .accordion:hover {
        --bs-accordion-btn-bg: #ffffff;
    }*/

/*.breadcrumb > .active {
    color: white;
}*/
.breadcrumb {
    --bs-breadcrumb-divider-color: white;
    --bs-breadcrumb-item-active-color: white;
}

.breadcrumb-item a {
    color: white;
}

    .breadcrumb-item a:hover {
        color: #b0d235;
    }


/*.nav-item {
    text-align: right;
}*/

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.icp_search {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 300px;
    background-color: white;
    border: solid 1px #f0f0f0;
    border-radius: 8px;
    box-shadow: #80808020 5px 5px 10px;
}

.icp_search_detail {
    width: 380px;
    height: 190px;
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    top: 310px;
    border: solid 1px #f0f0f0;
    border-radius: 8px;
    box-shadow: #80808020 5px 5px 10px;
    padding: 10px;
}

.icp_outer {
    position: relative;
    display: block;
    margin: auto;
    height: 500px;
    width: 380px;
}

.icp_sub_status {
    height: 30px;
    width: 30px;
    margin-top:-8px;
}

#icp_container_div {
    margin-top: 20px;
    padding: 0px;
    width: 100%;
    height: 550px;
    padding: 0;
}

#icp_houseNumber_div {
 
}

.hidden {
    display: none;
}


#address_list_div {
    overflow-x: hidden;
    overflow-y: auto;
    height:190px;
}

#search_list_div {
    z-index: 100;
    left: 0px;
    top: 40px;
    position: absolute;
    width: 380px;
    height: 220px;
    background-color: #fffffF;
    border: 1px solid #b0b0b0;
    padding: 10px;
    box-shadow: 10px 5px 5px #80808080;
    border-radius: 8px;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

#search_image {
    width: 20px;
    height: 20px;
}


.menu_div {
    left: 36px;
    width: 230px;
    border: solid 1px rgb(150, 182, 0);
    box-shadow: #80808080 5px 5px 20px;
    background-color: rgb(160, 192, 0);
    /*border-radius:10px;*/
}

.menu_item {
    border-bottom: solid 1px rgb(150, 182, 0);
    height: 40px;
    line-height: 40px;
    padding: 1px;
    padding-left: 10px;
    color: white;
    background-color: rgb(160, 192, 0);
    overflow: clip;
}

.menu_div :hover {
    background-color: rgb(175, 200, 70);
    cursor: pointer;
}

.menu_item_disabled {
    color: grey;
}






.navbar-btn {
    border-color: #ae142a !important;
    text-transform: uppercase !important;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 700;
    color: #fff !important;
    background-color: #ae142a !important;
    padding: 8px 10px !important;
}

.help_div {
}



.help_bar_div {
    background-color: pink;
    position: relative;
    background-color: rgb(0, 76, 83);
    border-radius: 19px 19px 0 0;
    height: 34px;
}

.help_title_div {
    display: inline-block;
    color: white;
    border-radius: 19px 0 0 0;
    width: 88%;
    text-align: center;
    vertical-align: central;
    height: 34px;
    line-height: 34px;
}

.help_button_div {
    display: inline-block;
    width: 10%;
    border-radius: 0 19px 0 0;
    float: right;
    height: 34px;
    line-height: 34px;
    text-align: right;
    padding-right: 10px;
}

.help_button {
    border-radius: 8px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
}

/*.help_title {
    width: 100%;
    display: inline-block;
    background-color: green;
    text-align: center;
    vertical-align: central;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    background-color: rgb(0, 76, 83);
    color: white;
    margin: 0;
    border-radius: 19px 19px 0 0;
}*/

.help_content {
    padding: 10px;
}


.buttons_div {
    padding: 10px;
}

    .buttons_div button {
        margin: 5px;
    }

.modal-backdrop {
    background-color: #00000080;
}

.search_control_div {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    box-shadow: #c0c0c0 5px 5px 5px;
    overflow-y: hidden;
    vertical-align: top;
    height: 38px;
    border-radius: 5px;
}

#search_div {
    padding: 5px;
    display: block;
    position: relative;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    background-color: #e0e0e0;
}


.leaflet-control-container {
    position: absolute;
    right: 56px
}