/* this file should contain climate solution related CSS only */

/* **************************************** Common styles **************************************** */
.modal-header {
    padding: 15px;
    padding-bottom: 0 !important;
    border-bottom: 0px solid #e5e5e5 !important;
}

/* *************************************** specific styles *************************************** */
p.show_tag_1{
    position: absolute;
    width: fit-content;
    background-color: #F38382;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 1px 15px;
    font-size: 14px;
    top:2px;
}
.show_tag[aria-label="1"]::after {
   content: "\e904" ' ' attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #F38382;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
     padding: 8px 15px;
    font-size: 14px;
    left: 20px;
}
.show_tag[aria-label="2"]::after {
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    left: 20px;
}
.show_tag[aria-label="3"]::after {
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
left: 20px;
}
.show_tag[aria-label="4"]::after {
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
     padding: 8px 15px;
    font-size: 14px;
    left: 20px;
}
.show_tag[aria-label="5"]::after {
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
     padding: 8px 15px;
    font-size: 14px;
    left: 20px;
}
.show_tag[aria-label="6"]::after {
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    left: 20px;
}
 
.show_tag[aria-label="8"]::after {
    content: "\e967"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #74B951;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    left: 20px;
}
 
.show_tag{
    display:contents;
    position: relative;
}
 
.adjustWidth{
    width:fit-content;
    column-gap:20px;
}
 
.duplicate_tag[aria-label="3"]:after{
    position: relative;
    width: fit-content;
    display:block;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 2px 15px 4px 15px;
    font-size: 14px;
    font-family: 'ZurichSans-Regular';
    margin-bottom:0px;
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
}
 
.category_tag[aria-label="2"]::after{
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 2px 15px 4px 15px;
    font-size: 14px;
    margin-bottom:0px;
    display:block;
}
.category_tag[aria-label="3"]::after{
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 2px 15px 4px 15px;
    font-size: 14px;
    font-family: 'ZurichSans-Regular';
    margin-bottom:0px;
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    display:block;
 
}
.category_tag[aria-label="4"]::after{
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 2px 15px 4px 15px;
    font-size: 14px;
    margin-bottom:0px;
    display:block;
}
[data-value="User Geocoded"]::after,
[data-value="Valid location"]::after,
[data-value="Measure data exceeded"]::after,
[data-vaue="Invalid location"]::after,
[data-value="Invalid Address"]::after,
[data-value="Invalid Geocoordinates"]::after,
[data-value="Address Or Geocoordinates missing"]::after,
[data-value="Location Reference data exceeded"]::after,
[data-vaue="Address data exceeded"]::after,
[data-value="Failed"]::after,
[data-value="System Geocoded"]::after{
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
}
 
.lowPrecision_tag[aria-label="1"]::after {
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 2px 15px 4px 15px;
    font-size: 14px;
    margin-bottom:0px;
    display:block;
}
.lowPrecision_tag[aria-label="2"]::after{
    position: relative;
    width: fit-content;
    background-color: #DE9534;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 2px 15px 4px 15px;
    font-size: 14px;
    font-family: 'ZurichSans-Regular';
    margin-bottom:0px;
    content: "\ea0b"' 'attr(data-value);
    font-family: "zurich-icons", "ZurichSans-Regular";
    display:block;
 
}
.displayContact {
    font-size: 22px !important;
    padding-left: 25px;
    color: #23366f !important;
}
.displayContactSubtext {
    font-size: 18px !important;
    padding-left: 25px;
    padding-bottom: 25px;
    color: #23366f !important;
}
/*button hover issue 13-06-24*/

/* dashboards/report/data-import */
#AttachFile {
    background-color: #fff;
    border-bottom: 1px solid #91bfe3;
    height: 40px;
    width: 500px;
    color: #2167ae;
    margin-top: 20px;
}

#AttachFile::file-selector-button {
    border: none;
    border-radius: 10px;
    color: white;
    background-color: #2167ae;
    border: 1px solid #2167ae;
    height: 40px;
    cursor: pointer;
    transition: all 0.25s ease-in;
    cursor: pointer;
}

#AttachFile::file-selector-button:hover {
    background-color: #fff;
    color: #2167ae;
    transition: all 0.25s ease-in;
}

[data-sitemap-state="/riskanalysis/:/"] .fa-search:before,
[data-sitemap-state="/riskanalysis/new/:/riskanalysis/:/"] .fa-search:before,
[data-sitemap-state="/riskanalysis/edit/:/riskanalysis/:/"] .fa-search:before {
    content: "";
}

.xlsfilespan {
    margin: 0px 5px;
    position: relative;
    top: -17px;
    font-size: 18px;
    color: #2167ae;
    font-family: 'ZurichSans-light';
}

#map {
    height: calc(100vh - 32vh);
    width: 100%;
    z-index: 9;
    position: relative !important;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 0px;
}

#mapcreate2 {
    height: 100%;
    width: 100%;
    z-index: 9;
    position: relative !important;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 0px;
}

#edit_mapsection {
    .textfield-label {
        color: #2167AE;
        font-family: 'ZurichSans-Medium';
        line-height: 24px;
        margin-bottom: 0;
        order: -1;
        transition: all .25s;
        z-index: 1;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
    }
    
    .textfield-control {
        font-size: 16px;
    }
    
}

#viewmap {
    height: calc(100vh - 32vh);
    width: 100%;
    /*z-index: 999;*/
    position: relative !important;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 0px;
    display: none;
    top: -8px;
}

.mapinputtext {
    left: 187px;
    top: 7px !important;
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 24px;
    box-sizing: border-box;
    width: 300px;
    height: 45px;
    transition-property: background, box-shadow;
    transition-duration: 0.3s;
    border: 1px solid rgb(218, 220, 224);
    padding: 10px 10px 10px 15px;
    font-size: 16px;
}

.mapsearchbutton {
    position: absolute;
    left: 500px !important;
    top: 10px !important;
    background: none padding-box rgb(255, 255, 255);
    display: table-cell;
    border: 0px;
    margin: 0px;
    padding: 0px 17px;
    text-transform: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    min-width: 35px;
    font-weight: 500;
}

.mapclearbutton {
    position: absolute;
    left: 595px !important;
    top: 10px !important;
    background: none padding-box rgb(255, 255, 255);
    display: table-cell;
    border: 0px;
    margin: 0px;
    padding: 0px 17px;
    text-transform: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    min-width: 35px;
    font-weight: 500;
}

.fileerror,
.fileerrorsize {
    color: #ff7569;
    padding: 10px 0;
    margin: 0px 0;
    position: absolute;
    font-size: 14px;
    font-family: 'ZurichSans-Light';
    font-weight: 500;
    display: none;
}

.horizontal-loader {
    width: 50px;
    height: 12px;
    background:
        radial-gradient(circle closest-side, #2167ae 90%, #0000) 0% 50%,
        radial-gradient(circle closest-side, #2167ae 90%, #0000) 50% 50%,
        radial-gradient(circle closest-side, #2167ae 90%, #0000) 100% 50%;
    background-size: calc(100%/3) 100%;
    background-repeat: no-repeat;
    animation: d7 1s infinite linear;
}

@keyframes d7 {
    33% {
        background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%
    }
    
    50% {
        background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%
    }
    
    66% {
        background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%
    }
}
.modal-form-edit.in .modal-body,
.modal-form-insert.in .modal-body {
    position: relative;
    padding: 15px;
} 

.edit_modal_section {
    .segmented-control {
        -ms-overflow-style: none;
        background-color: #eceeef;
        border-radius: 2em;
        display: flex;
        overflow-x: auto;
        padding: 5px !important;
        position: relative;
        scrollbar-width: none;
        white-space: nowrap;
        width: fit-content;
        height: auto;
        margin: -100px auto;
        flex-direction: row;
        justify-content: center;
    }
    .segmented-control .tag {
        display: flex;
        position: relative;
        z-index: 2;
        top: 3px;
    }
    .segmented-control label {
        padding: 6px 80px;
    }
    .segmented-control input:checked+label,
    .tags-control input:checked+label {
        color: #fff;
        background: #2167ae;
    }
}

#addexposure_measures {
    order: 0px solid #2167ae;
    position: relative;
    border-radius: 50px;
    background: #fff !important;
    color: #2167AE !important;
    cursor: pointer;
    margin: 0 0 0 -30px;
}

.section_exposuremeasures {
    min-height: 250px;
}

.section_exposuremeasures .sectioncontainer {
    display: flex;
    justify-content: center;
    margin: 10px auto;
}

.updatemodalbtn {
    display: flex;
    justify-content: center;
    margin: 0 !important;
    padding: 20px 0 0 0 !important;
}

.updatemodalbtn #UpdateButton {
    width: 150px;
}

.updatemodalbtn-create #submitButton_update {
    width: 150px;
}


.updatemodalbtn .disableNext {
    border-color: #2167ae !important;
    color: #fff !important;
    cursor: default;
    background: #2167ae !important;
    opacity: 0.4 !important;
}
.updatemodalbtn-create .disableNext {
    border-color: #2167ae !important;
    color: #fff !important;
    cursor: default;
    background: #2167ae !important;
    opacity: 0.4 !important;
}

.actions {
    position: relative;
    display: flex !important;
}

.actions .disableNext {
    border-color: #2167ae !important;
    color: #fff !important;
    cursor: default;
    background: #2167ae !important;
    opacity: 0.4 !important;
}

.section_exposuremeasures .    .   >.card-header {
    color: #333333;
    background-color: #f2f2f2;
    border-color: 1px solid #f2f2f2;
}

.section_exposuremeasures .    {
    border: 1px solid #eee !important;
}

.section_exposuremeasures .card-header a {
    font-size: 16px !important;
    color: #2167ae !important;
    font-weight: 600;
}

.section_exposuremeasures .    .card-header .card-title a:before {
    content: ' ';
    display: contents;
    margin-right: 0;
}

.addresssection {
 padding: 10px 20px;
}
.addresssection .textfield {
    display: flex;
    flex-direction: column;
    margin-bottom: 1%;
    position: relative;
}
.addresssection textarea {
    background: #edf1f9 !important;
    min-height: 60px !important;
    height: 0 !important;
    border: 0px;
}
.addresssection .textfield-label {
    color: #2167AE;
    font-family: 'ZurichSans-medium';
    line-height: 24px;
    margin-bottom: 0;
    order: -1;
    transition: all .25s;
    z-index: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    height: auto;
}

.addresssection .pintext{
    text-align: left;
    position: relative;
    margin-top: 0;
    left: 36%;
    font-size: 18px;
    font-family: 'ZurichSans-regular';
    font-weight: 675;
    display: inline;
    top: -50px;

}
.addresssection .errortext{
      text-align: left;
    position: relative;
   
    left: 36%;
    font-size: 18px;
    font-family: 'ZurichSans-light';
    font-weight: 675;
    color: #ff7569;
     display: inline;
    top: -50px;
}
 /*26-08-2024 text overlap issue in map*/
@media (min-width: 1300px) and (max-width: 1600px){
    .addresssection .pintext{
               /* margin-top: -50px !important; */
        left: 36% !important;
        font-size: 18px !important;
    }
    .addresssection .errortext {
      /*  margin-top: -50px !important;*/
              left: 29% !important;
        font-size: 16px !important;
    }
}
.addresssection .textfield-label:after {
    content: ' ';
    color: #a94442;
}
.addresssection .required-fields:after {
    content: ' *';
    color: #a94442;
}
.addresssection .rowbox0{
  border: 1px solid #f4f4f4;
    border-bottom: 0;
    padding: 10px;
}
.addresssection .rowbox1{
  border: 1px solid #f4f4f4;
     border-right: 0px;
    padding: 10px;
    height: 350px;
}
.addresssection .rowbox2{
     border-left: 0px;
    border: 1px solid #f4f4f4;
    padding: 9px 10px;
     border-top: 0px;
     height: 350px;
}

.addresssection .rowbox3{
border: 1px solid #f4f4f4;
    padding: 25px 10px;
    border-bottom: 0px;
    border-left: 0;
    height: 185px;
}

.addresssection .headfield-label {
     font-size: 18px;
    font-family: 'ZurichSans-regular';
    font-weight: 475;
}
.addresssection .ortext {
  text-align: center;
    vertical-align: middle;
    position: relative;
    top: 8px;
    border: 1px solid #91bfe3;
    border-radius: 50px;
    width: fit-content;
    height: 40px;
    padding: 7px;
    font-family: 'ZurichSans-Medium';
    color: #2167AE;
    font-size: 15px;
}

.updatemodalbtn-create {
    display: flex;
    justify-content: center;
    margin: -30px !important;
    padding: 10px 0 0 0 !important;
}
#accordion .fa {
    font-size: 18px !important;
    color: #2167ae;
    font-weight: normal;
    cursor: pointer;
}

.section_exposuremeasures .textfield-control {
    appearance: auto;
    -moz-appearance: auto;
    -webkit-appearance: auto;
}
.createsection .textfield {
    display: flex;
    flex-direction: column;
    margin-bottom: 4%;
    position: relative;
}
.createsection .textfield-label {
    color: #2167AE;
    font-family: 'ZurichSans-light';
    line-height: 24px;
    margin-bottom: 0;
    order: -1;
    transition: all .25s;
    z-index: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    height: unset;
    top: 0 !important;
}
.createsection label.headfield-label {
    top:0px;
    font-size: 0.9rem;
    color: #000000;
}
/* --------------------------CC_2.2 release code start -------------------*/
.createsection{
  height: 600px;
  overflow: hidden;
}
.field-column{
    height: 600px;
    overflow-y: auto;
}
.second-section{
 margin: 35px 0 20px 0;
}
 #cr_location-ownership:hover, #cr_location-ownership:focus {
    border-bottom-color: #23366f !important;
    border-bottom-width: 2px !important;
    margin-bottom: 0;
    box-shadow: none !important;
}
#map-create-section{
  height: 600px;
}
.updatemodalbtn-create {
    display: flex;
    justify-content: right;
    margin: 0 !important;
    padding: 0px 10px 0 0 !important;
    bottom: 0 !important;
}
/*create and edit button cc_riskpage modal */
#submitButton_create {
    background-color: #2167ae;
    color: #fff;
    width: 250px !important;
    height: 56px !important;
    bottom: 35px;
    top: 0px;
    outline: none;
    margin-left: 20px;
}
#loactionmap,
#cancelButton_create {
    background-color: #fff;
    color: #2167ae ;
    width: 70px !important;
    height: 56px !important;
    margin-left: 0px;
    top: 0px;
    outline: none;
    border: none;
}
#loactionmap:hover,
#cancelButton_create:hover {
    background-color: #fff!important;
    color: #2167ae ;
    width: 70px !important;
    height: 56px !important;
    margin-left: 0px;
    top: 0px;
    outline: none;
    border: 0px solid transparent;
}
.updatemodalbtn-create #submitButton_update {
    width: 250px;
}
#cancelButton_create:hover, #cancelButton_create:hover::after, #cancelButton_create:active, #cancelButton_create:active::after, #cancelButton_create:focus, #cancelButton_create:focus::after {
	background: none !important;
    border-color: white !important;
    border: 0px solid white !important;
    outline: none !important;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);
    outline-offset: 0px !important;
}
#cre_addresstextarea, #adressLabel {
    background: #ffffff !important;
}
#cre_addresstextarea {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #91bfe3;
    resize: none;
    min-height: 0px !important;
}
.headfield-label {
    font-family: ZurichSans-Regular;
    font-size: 16px;
    font-weight: 775;
    line-height: 22px;
}
.createsection {
    position: relative;
    left: 0px;
}
.locrefSubtxt {
    font-family: ZurichSans-Regular;
    font-size: 12px;
    font-weight: 675;
    line-height: 16px;
    color: #929A9C;

}
.createsection .required-fields:after { 
    content: ' *';
    color: #a94442;
}

.second-section input[readonly], textarea[readonly] {
    background-color: #fff;
    opacity: 0.8 !important;
    border-bottom: 0px;
}
/*.second-section .textfield {
    margin-bottom: 6%;
}*/
.editTextpara {
    font-family: 'ZurichSans-Regular';
    font-weight: 475;
    font-size: 16px;
    line-height: 22px;
    color: #686C7B;
    position: relative;
    top: 17px;
    left: 0px;
    white-space: nowrap;
}
#cr_street1, #cr_city1, #cr_state, #cr_postalcode {
    margin-bottom: -5%;
}
.textfield.invalid .textfield-control,
.textfield.invalid .textfield-label,
.field-exposure .input-message-labelinfo.invalid,
.field-vulnerability .input-message-labelinfo.invalid{
    border-bottom-color: #cb4b40;
    color: #cb4b40;
}

@media (max-width: 1500px) {
    #verifyLocationBtn {
      position: relative;
      left: 39% !important;
    }
}
/*13-02-25 testing inporgress*/
@media (max-width: 1025px) {
    #verifyLocationBtn {
        position: relative;
        /*left: 20% !important;*/
        top: 10%;
    }
    .createsection {
        position: relative;
        left: 0px !important;
    }
    #cre_addresstextarea, #adressLabel {
        background: #ffffff !important;
        margin-top: 0px !important;
    }
    .adjustWidth {
        column-gap: 5px;
    }
    .navbar-dark .navbar-collapse {
        background-color: #fff !important;
    }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1290px) {
    .editTextpara {
        display: block;
        width: 460px;
        white-space: break-spaces;
    }
}
@media only screen and (min-device-width: 1900px) and (max-device-width: 3090px) {
    /*.editTextpara {
        left: 3px;
    }*/
}
select[name='Construction Class']:focus {
    box-shadow: none;
}
label[for='cre_long '] {
    white-space: nowrap;
}
label[for='cre_lat'] {
    white-space: nowrap;
}

/*New editbutton in map changes*/
#edit-modal .modal-body {
    position: relative;
    padding: 15px !important;
}
#edit-modal #cancelButton_create {
    border: none !important;
}
.editmapActions {
    padding: 30px 20px 0px 20px;
}
/*ends here*/
/* CC_2.2 release code end */