/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
body{
    background: white !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background-color: #F8F9FA !important;
}
button{
    font-family: Arial, Helvetica, sans-serif !important;
}
form#content_form {
    margin-top: 30px;
}
form .form-control {
    border: 1px solid #CCCCCC;
}
.xrm-attribute-value p {
    font-size: 14px;
    margin-top: 10px;
}
.row .col-md-8 > fieldset {
    margin-top: 20px;
}
#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel .col-md-12 {
    display: flex;
}
#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel .form-check {
    margin: 0 10px;
}
#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel legend {
    font-size: 16px;
    font-weight: 600;
}
span.checkmark {
    left: 0;
    top: 3px;
}
.alert.alert-info.clearfix {
    margin-top: 10px;
    background: #FAE1C8;
}
.alert a.btn.btn-info.btn-sm {
    background: transparent;
    border: none;
    color: #a90b1d;
    text-decoration: underline;
    font-weight: 700;
}
.fa-envelope-o:before {
    content: none;
}
.page-heading {
    display: none;
}
/* .xrm-editable-adx_weblinkset.xrm-entity {
    display: none;
} */
/* footer {
    display: none;
} */

/* START PROFILE STYLE */
div#ProfileFormView {
  background-color: transparent;
  border: none;
}
.col-md-4 .well {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #CCCCCC;
}
.col-md-4 .well img {
  border-radius: 10px;
}

.card.nav-profile .card-header {
    border-radius: 12px 12px 0 0 !important;
    background: #a90b1d !important;
    color: #FFFFFF !important;
}
.card.nav-profile {
    border: 2px solid #a90b1d !important;
    border-radius: 13px !important;
}
#mainContent.col-lg-8 {
    padding-left: 50px !important;
}
.card>.list-group:last-child .list-group-item:last-child, .card>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-radius: 0 0 18px 18px;
}
#ProfileFormView td.clearfix.cell.text.form-control-cell {
    padding: 0 15px 15px 0;
}
body[data-sitemap-state="/profile/:/"] .page-header {
    border-bottom: 1px solid #CCCCCC;
}
body[data-sitemap-state="/profile/:/"] .list-group-item 
{
background-color:transparent;
}
body[data-sitemap-state="/profile/:/"] .weblinks .list-group-item:first-child
{
    border-radius:10px 10px 0px 0px;
}
body[data-sitemap-state="/profile/:/"] .weblinks .list-group-item:last-child
{
    border-radius:0px 0px 10px 10px;
}
body[data-sitemap-state="/profile/:/"] .fa-exclamation-circle:before
{
    color:#a90b1d ;
}
body[data-sitemap-state="/profile/:/"] legend
{
    border:0px;
}

#adx_publicprofilecopy, #websiteurl, #jobtitle, 
#nickname, #telephone1, #adx_organizationname, #mobilephone, #emailaddress1,
#lastname, #firstname , input#address1_name, #ss_title, #birthdate_datepicker_description, #telephone2,#address1_postalcode, #createdon
{
    /* border:1px solid #CCCCCC; */
    border:1px solid black;
    border-radius:7px;
}
#adx_preferredlanguageid_name
{
    border:1px solid #CCCCCC;
    border-radius:10px 0px 0px 10px;
}

/* Added for text of checkbox on profile page */
.checkbox-container span.xrm-attribute-value {
  font-weight: 400;
}

/* Added for adjusting left padding in contact checkboxes on profile page */
.form-check {
  padding-left: 0.2em;
}
.navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
    background-color: #a90b1d !important;
    color: #FFFFFF !important;
}
tbody tr .crmEntityFormView .cell {
    padding: 0 0px 12px !important;
}
table.section tr {
    margin-bottom: 0 !important;  /* Adjust the value as needed */
    /* display: grid; */
}

/* Optional: Ensure that cells do not have bottom border if margin is used */
table.section tr td {
    border-bottom: none !important;
}

/* Optional: Add padding inside the cells for more spacing */
table.section td {
    padding: 8px !important; /* Adjust the value as needed */
}
/* .tab-column table.section td {
    padding: 0 !important;
} */

/* Ensure the table width and spacing are correct */
table.section {
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* Adjust the value as needed */
}
#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel {
    display: none;
  }
  div#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel {
    display: none;
  }
  .xrm-attribute-value{
display: block !important;
  }
  .col-lg-4 {
    display: flex;
    flex-direction: column;
    margin: 0px 0px 37px !important;
}
.mytelfordimg {
    vertical-align: middle;
    height: 60px !important;
    margin: 0px 0px 20px !important;
}


/* Hover and focus color change */
a:hover, a:focus, .a:hover, .a:focus {
    color: #a90b1d !important;
}
/* a span {
    margin-left: 8px;
} */
.card mb-3 profile-info{
    display: none !important;
}
.profile-info {
    
    display: none !important;
}

.list-group-item {
    display: none !important;
}
.btn.btn-primary {
    color: #FFFFFF !important;
    background-color: #a90b1d !important;
    border-color: #a90b1d !important;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin:0;
    transition-duration: 0.4s;
    font-family: Arial, Helvetica, sans-serif !important;
}
.btn.btn-secondary, 
.btn.btn-secondary:focus, 
.btn.btn-secondary:active, 
.btn.btn-secondary:hover {
    background-color: #a90b1d !important;
    color: white !important;
    outline: none !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* .btn.btn-primary:hover {
    color: #a90b1d !important;
} */
  /* .xrm-editable-html.xrm-attribute.page-copy {
    display: none !important;
} */
/* END PROFILE*/
#ieizhzz{
    display: flex !important;
}
.actions {
    display: flex !important;
}
.hrcpermitmain{
    background-color: #f0f0f0;
    }
    .directlink{
    color: inherit !important; /* Keeps the initial color */
    text-decoration: none !important; /* Optional: removes underline */
    color: #338cca !important;
    
    }
    .directlink:hover {
    color: #338cca !important;
    }
    .link-container small {
        margin-left: 30px; /* Adds space between the link and the small text */
      }
      .link-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

/* My Telford */


@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

a {
    font-size: 18px !important;
    text-decoration: none !important;
    
    
}

.main-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 2.3em;
    font-weight: 400;
    color: #505050;
}

/* Hover and focus color change */
a:hover,
a:focus,
.a:hover,
.a:focus {
    color: #a90b1d !important;
}



.mytelfordimg {
    height: 75px !important;
    margin: 0px 0px 30px !important;
}

.columnBlockLayout {
    margin-top: 10px !important;
    margin-bottom: 0px !important;

}

body {
    font-family: Arial, Helvetica, sans-serif !important;
    margin: 0;
    padding: 0;
    color: #333;
}

a,
.a {
    font-family: Arial, Helvetica, sans-serif !important;

}

.navbar-nav>li>a {
    padding-top: unset !important;
    padding-bottom: unset !important;
}

ul.side-menu {
    list-style-type: none;
    padding: 0;
}
.side-menu a{
    color: #A00;
}

/* ul.side-menu li {
    padding: 10px 0;
} */


/* ul.side-menu li a {
    font-size: 19px;
    font-weight: 300 !important;
} */

.custom-service-requests p,
.custom-service-requests .custom-button {
    margin: 10px 0;
}

.custom-button {
   /* // padding: 10px 20px; */
    background-color: #4CAF50;
    /* color: white; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.custom-button:hover {
    background-color: #45a049;
}

.custom-containers {
    margin-bottom: 25px;
}

.custom-bin p {
    margin: 10px 0;
}



/* 
CSS
*/


.custom-containers .custom-service-requests p,
.custom-containers .custom-service-requests .custom-button {
    margin: 10px 0;
}

.custom-containers .custom-button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.custom-containers .custom-button:hover {
    background-color: #45a049;
}

.custom-containers .custom-bin {
    text-align: center !important;
    border: 1px solid #ccc;
}


.custom-containers .custom-bin p {
    margin: 0px 0 !important;
    background-color: #00747b !important;
    color: white !important;
    padding: 4px 0;
}

.custom-containers .custom-bin span {
    display: block;
    color: #333;
    font-size: 13px;
    text-align: left;
}



p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
    font-size: 14px !important;
    /* color: #2A2C2E !important; */
}

a.servicerequest {
    color: #00747b !important;
    font-size: 16px !important;
    font-weight: 700;
    margin-left: 2px;
}

.widget-header {
    padding: 0 !important;
    font-weight: 600 !important;
    font-size: 1em !important;
   font-family: Arial, Helvetica, sans-serif !important;
    color: #a90b1d;
    margin-top: 0 !important;
    margin-bottom: 20px;
}

.foodcollection,
.recyclingcollection,
.gardencollection,
.refusecollection {
    display: flex !important;
    padding: 5px;
    align-items: center;
    background-color: #F9F9F9;
}

.foodcollectionimg {
    height: 33px !important;
}

.table>thead {
    vertical-align: bottom;
    background-color: rgb(0, 116, 123) !important;
    color: white;
}

.statusbuttons {
    background-color: #a90b1d;
    color: white;
    border: 1px solid #a90b1d;
    border-radius: 5px;
    /* for rounded corners */
    padding: 5px 10px;
    /* optional: to give some padding to the button */
    cursor: pointer;
    /* optional: to change the cursor to a pointer on hover */
}

.statusbuttons:hover {
    background-color: rgb(175, 18, 57);
    /* optional: slightly darker shade on hover */
    border-color: rgb(175, 18, 57);
    /* match the hover background color */
}

.historyheading {
    color: #a90b1d;
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    /* font-weight: bold; */
}

.historytable {
    margin-top: 15px;
}

thead th {
    background-color: #00747b !important;
    color: white !important;
    text-align: center !important;
    border-right: 1px solid #f8fbf1 !important;
}

.historytable {
    margin-top: 15px !important;
    width: 100% !important;
}

tbody th {
    padding: 0px !important;
    border: 1px solid !important;
}

/* tbody td:last-child {
    width: 176px !important;
} */

tbody td {
    padding: 10px !important;
    /* border: 1px solid  !important; */
    /* border: 1px solid lightgrey !important; */
}

#example_wrapper {
    margin-top: 25px !important;
}

tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
   
}

tr:has(td.clearfix.cell.picklist-cell){
 padding: 3px 0px 3px !important;
}

.requesthistory {
    display: none;
    /* Hide the div by default */
}

.custom {
    margin-left: 30px;
}

/*for widget*/
#leftmenu-widgets .widget {
    margin-bottom: 10px !important;
}

#widget-wrapper .widget,
#leftmenu-widgets .widget {
    border: 1px solid #ccc;
    margin-bottom: 25px;
    background-color: rgba(238, 238, 238, 0.00);
    padding: 5px 10px 5px 10px;
}

#columnPrimary .widget-header {
    padding: 10px !important;
    font-weight: 600 !important;
    font-size: 1em !important;
   font-family: Arial, Helvetica, sans-serif !important;
}

/* img {
    vertical-align: middle;
} */
#widget-wrapper .widget .widget-body,
#leftmenu-widgets .widget .widget-body {
    padding: 10px;
}

#leftmenu-widgets div {
    margin-bottom: 0 !important;
}

/* form {
    margin: 1.58em 0;
} */

#leftmenu-widgets div {
    margin-bottom: 0 !important;
}

.heading {
    color: #a90b1d;
    font-size: 14px;
    font-weight: bold;
   font-family: Arial, Helvetica, sans-serif !important;
}

#widget-wrapper .widget .widget-body,
#leftmenu-widgets .widget .widget-body {
    padding: 10px;
}

.newsforu {
    /* border: 1px solid #ccc !important; */
   padding: 20px;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.newsforu span {
    font-size: 15px;
    line-height: 21px;
    display: block;
    margin-top: 11px;
}
.newsforu .widget-header {
    font-size: 14.7px !important;
}

.widget.newsforu input {
    border: 1px solid #eeeeee;
    padding: 9px;
    font-size: 14px;
}

input.form_button {
    background-color: #f0f0f0;
    font-size: 14px;
    padding: 10px 13px !important;
    /* border-radius: 5px; */
}

/* .pull-right{
    float: right !important;
    border-bottom: 1px dotted black;
    margin-bottom: 0px !;
} */
.pull-rights {
    float: right !important;
    border-bottom: 1px dotted black;
    margin-left: 25px;
    white-space: nowrap;
    text-decoration: unset !important;
    line-height: 15px;
    margin-bottom: 5px;
}

.contactdetails {
    background-color: #F9F9F9 !important;
}

.contactdetailspar {
    background-color: #F9F9F9 !important;
}

.contactdetailspars {
    background-color: #F9F9F9 !important;

}

.contactdetailschr {
    background-color: #F9F9F9 !important;
}


.directlink {
    color: inherit !important;
    /* Keeps the initial color */
    text-decoration: none !important;
    /* Optional: removes underline */
    color: #338cca !important;

}

.directlink:hover {
    color: #338cca !important;
}

.directlinks {
    color: inherit !important;
    /* Keeps the initial color */
    text-decoration: none !important;
    /* Optional: removes underline */
    /* color: #338cca !important; */

}

.directlinks:hover {
    color: #338cca !important;
}

.widget-links a {
    color: #338cca !important;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-left: 25px;
    border-bottom: 1px dotted #A00;
    font-size: 16px !important;
}

.link-container {
    display: flex;
    align-items: center;
}

.hrcpermitmain {
    background-color: #f0f0f0;
}

.collapseHeader a {
    color: black;
}

.contactdet {
    border: 1px solid lightgray !important;

}

/* .img {
    margin-top: 10px;
    margin-left: 10px;
} */
.link-container small {
    margin-left: 30px;
    /* Adds space between the link and the small text */
}
/* HRC Widget */
.banner {
    background: var(--card-bg);
    padding: 50px 35px;
    text-align: center;
    margin: 10px auto;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
    border-radius: 12px;
  }
  
  .banner h1 {
    font-size: 20px !important;
    margin-bottom: 0;
    margin-top: 0px !important;
    font-weight: 600;
  }
  .hrcdiv h1 {
    /* margin: 0;
    font-size: 1.5em; */
    font-size: 19px !important;
    margin-bottom: 15px;
    margin-top: 15px !important;
    color: #333;
    line-height: 27px;
}
/* .hrcdiv {
    display: flex !important;
    gap: 150px !important;
} */
  .reflink a {
    background: #a90b1d !important;
    color: white !important;
    padding: 7px 25px;
    width: fit-content;
    display: inline-block;
    margin-top: 0.5em;
    border-radius: 12px;
    align-items: flex-end;
    font-weight: 600;
    font-size: 14px !important;
  
  }
  
  .hrcwidgetimg img{
    width: 40px;
  }
  /* .custom-containers {
    display: none; 
} */

  /* .banner__logo { */
    /* Add styles for the logo image here, e.g., width, margin */
  /* } */
  
  /* Media Queries for Responsive Design (unchanged) */
  
  /* @media (max-width: 768px) {
    .banner {
      padding: 10px;
    }
    .banner h1 {
      font-size: 18px;
    }
  } */
  
  @media (max-width: 480px) {
    .bottom-links {
        gap: 11px !important;
    }
    #layerKeyTable #controlsHeader button {
        width: 32% !important;
    }
    button.accordion-button {
        font-size: 18px !important;}
    /* .banner {
      max-width: 100%;
    }
    .banner h1 {
      font-size: 16px;
    } */
    #council-img {
        height: 42px !important;
    }
    .bottom-links a {
        font-size: 14px !important;
    }
  }
  .dataTables_paginate .paginate_button {
    padding: 0.5em 1em; /* Customize button padding */
    margin: 0 0.1em; /* Customize button margin */
    cursor: pointer;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}
.dataTables_paginate .paginate_button:hover {
    background-color: #e9e9e9;
    border-color: #ccc;
}
.dataTables_paginate .paginate_button.current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}
.dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed;
    color: #999;
}
/* fieldset[aria-label="Esri Map"]  {
    height: 765px;
}

 fieldset[aria-label="Esri Map"] table.section {
    height: 100%;
}

 fieldset[aria-label="Esri Map"] .control {
    height: 100%;
} */

#WebResource_twc_esrimap {
    height: 745px !important;
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #333;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }
    div#loader, #loader2 {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        background-color: #fff;
        z-index: 99999;
}
#loader2{
    display: none;
}
 
    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }
 #wrapper .container.custom-container #loader{
    display: none;
  }
  
  input#createdon_datepicker_description {
    border: 1px solid black;
    border-radius: 7px;
}

p.welcome-section {
    margin-left: 894px;
    font-weight: 500;
    font-size: x-large !important;
}
/* li.nav-item.dropdown:hover .dropdown-menu {
    display: block;
} */
a.nav-link.dropdown-toggle:after {
    display: none;
  }
  li.nav-item.weblink a {
    margin: 5px 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
  }
  a.nav-link.dropdown-toggle {
    margin: 5px 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
  }

  
.user-detail {
    background-color: #fff;
    border-radius: 10px;
    padding: 12px 12px 0 12px;
    box-shadow: -1px 5px 3px 3px #ccc;
    margin: 0 0 16px 0px;
}

.welcome-tag {
    background-color: #a90b1d;
    padding: 6px 20px;
    display: block;
    border-radius: 10px 10px 0 0;
}

.welcome-tag h3 {
    color: #fff;
    margin: 0;
}

.user-data p {
    margin: 0 0 6px 0;
    color: #000;
    font-size: 16px !important;
    border-bottom: 1px solid #00747b45;
    padding-bottom: 6px;
    font-weight: 300 !important;
}
.user-content {
    padding: 10px 0;
    background-color: #fff;
    /* box-shadow: -1px 5px 3px 3px #ccc; */
    border-radius: 0 0 10px 10px;
}
.user-content p{
margin-top: 0 !important;
}
.user-profile {
    /* box-shadow: 0 0 3px 3px #ccc; */
    border-radius: 100px;
    width: 80px;
    /* height: 80px; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.user-data {
    background-color: #fff;
    padding: 12px;
    border: 2px solid #a90b1d;
    border-radius: 10px;
}
.file-cell.cell {
    padding: 0;
}
button#UploadButton {
    margin-top: 20px;
}
.user-profile strong {
    font-size: 14px;
}
.user-content .btn {
    border: 2px solid #a90b1d;
    border-radius: 10px;
    font-size: 16px !important;
}
.user-profile-content {
    background-color: #F4F1F2;
    padding: 20px;
    border-radius: 10px;
    /* width: 91%; */
    width: calc(100% - 110px);
}
.user-profile-content .fa{
    min-width: 18px;
    color: #a90b1d;
    text-shadow: 2px 2px #CCC;
    font-size: 18px;
}
.crmEntityFormView .cell {
    margin-bottom: 0 !important;
}


h2.tab-title.form-heading {
    color: #a90b1d;
    font-family: Arial, Helvetica, sans-serif !important;
    border-bottom: 2px dotted #ccc;
    padding-bottom: 7px;
    padding-left: 10px;
    font-size: 2.2em !important;
    text-shadow: 1px 1px 1px #DDD;
}

  @media (max-width: 768px) {
    .border-custom{
    border-top: 1px solid #ffffffa6;
            padding-top: 3px;
}
    /* .home-alert-modal{
        top: 25px !important;
    } */
    .social i {
        margin-right: 0 !important;
    }
    .custom-bins {
        flex-direction: column;
    }

    .custom-bin {
        flex: 1 1 100%;
    }
    .custom-pop-up-box{
/* transform: unset !important;*/
width: 95% !important; 
padding: 14px 0 !important;
    }
    .custom-banner-img:before{
        content: unset !important;
    }
    .custom-pop-up-box{
        position: relative !important;
    }

    #WebResource_twc_esrimap {
        height: 530px !important;
    }
        #mapContainer {
        height: 306px !important;
    }
    #WebResource_twc_esrimap canvas {
        height: 500px !important;
    }
    .user-profile-content {
    background-color: #F4F1F2;
    padding: 8px;}

    .user-data p {
    margin: 0 0 4px 0;
    font-size: 14px !important;
    padding-bottom: 4px;
    }
    .user-content .btn {
    font-size: 14px !important;
}
.user-profile i.fa.fa-user.pull-left{
        font-size: 3em !important; 
}
}


@media (max-width: 540px) {
    #WebResource_twc_esrimap {
     height: 675px !important;
     /* height: 577px !important; */
 }

     .user-profile i.fa.fa-user.pull-left {
        font-size: 2em !important;
    }
    .welcome-tag h3 {
    font-size: 17px;
    line-height: 18px;
}
.user-content p {
    line-height: 18px;
}
h2.tab-title.form-heading {
    font-size: 2em !important;
}

}
    

  .footer {
/* padding: 20px 0; */
color: #fff;
font-family: Arial, Helvetica, sans-serif !important;

}

.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 0 !important;
}

.social {
display: flex;
gap: 20px;
}

.social li {
list-style: none;
}

.social a {
color: #fff !important;
text-decoration: none;
display: flex;
align-items: center;
font-size: 20px !important;
/* font-weight: 600; */
font-family: Arial, Helvetica, sans-serif !important;
}

.social img {
/* margin-right: 10px; */
vertical-align: middle;
}

.bottom-links {
display: flex;
gap: 15px;

}

.bottom-links a {
color: #fff !important;
text-decoration: none;
font-size: 14px;
position: relative;
font-family: Arial, Helvetica, sans-serif !important;
    /* font-weight: 600; */
}
.footer-social a{
margin: 0 !important;
text-align: center;
}

.bottom-links a:after {
content: "|";
color: #fff !important;
position: absolute;
right: -10px;
}

.bottom-links a:last-child:after {
content: "";
}

.footer-social a:hover{
color: #fff !important;
}

#council-img {
    height: 45px;
}

ul.nav.navbar-nav.weblinks {
    margin: 0;
}
a.council-header {
    margin-bottom: 0 !important;
}


.btn-primary:hover {
    color: white;
    background-color: #e81307;
    border-color: #A60900;
}

#devEnvBanner {
    font-family: Arial, Helvetica, sans-serif !important;
    background-color: #a90b1d;
    font-size: 1.1em;
    color: #FFF;
    padding: 15px;
    border: 1px #fff solid;
    padding: 35px;
    /* margin: 50px 0 15px 0; */
    /* box-shadow: 0px 0px 20px #000; */
    border-radius: 8px;
}
div#ContentPlaceHolder1_pnlDevEnv {
    margin: 50px 0 20px 0;
}
#devEnvBanner i {
    font-size: 24px;
}

#devEnvBanner a {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #FFF !important;
    font-weight: 500;
    margin-top: 12px;
    font-size: 18px !important;
}

.button2:not(.gjs-selected):hover, .btn-secondary:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
    color: #FFFFFF !important;
    background-color: #a90b1d;
    border-color: #a90b1d;
}

 /* Alert Message */
 .privacy-notice {
    background-color: #e7c3c3 !important;
    border-color: #E0A2A2 !important;
    color: #510617 !important;
    background-image: none !important;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
    width: 100%;
    text-align: center;
    font-size: 15px;
}
h4#privacynotice__title {
    font-size: 1.2em !important;
    font-weight: 600 !important;
    text-align: center !important;
}

#EntityFormPanel {
    border-radius: 5px;
    background: #F8F9FA !important;
    border: unset;
}
.crmEntityFormView label {
    background-color: unset !important;
    margin-bottom: 3px;
   
}

/* #InsertButton {
    position: absolute !important;
    bottom: 263px !important;
    right: 34% !important;
   
    transform: translate(-50%, 0);
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: bold !important;
}  */

  
#customCancelButton {
    color: #ffffff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
    padding: 10px 20px !important;
    display: block !important;
    margin: 0 8px 0 0 !important;
}  

/* div#ContentPlaceHolder1_pnlFormBotton {
    margin-bottom: 70px !important;
} */



.modal-footer{
    margin: 12px !important;
}

.file-cell.cell {
    padding: 11px !important;
}

/* .user-detail {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 0 20px;
    box-shadow: -1px 5px 3px 3px #ccc;
} */
 
/* sidebar css */


.sidebar li.nav-item.active {
    background-color: #fff !important;
    box-shadow: 0 2px 4px rgb(173 168 168 / 91%);
    border-radius: 12px;
}

.sidebar li.nav-item span {
    color: #5B5B5B;
    font-size: 16px;
    font-weight: 500;
}
.sidebar a {
    padding-block: 13px !important;
}

.sidebar li.nav-item .img-icon {
    background-color: #fff;
    box-shadow: 0 0 3px 3px #cccccc40;
    width: 35px;
    border-radius: 12px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}
.sidebar li.nav-item .img-icon .fa{
    color: #a90b1d;
}
.sidebar li.nav-item.active .img-icon {
    background-color: #a90b1d;
}


.sidebar li.nav-item.active .img-icon span {
    color: #fff;
}
.sidebar li.nav-item.active .img-icon .fa {
    color: #fff;
}
.sidebar li.nav-item {
    margin-bottom: 5px;
}
.sidebar .nav>li>a:focus, .nav>li>a:hover{
border-radius: 12px;
}


nav li a, nav li a:active, nav li a:focus {
    border: unset !important;
    box-shadow: unset !important;
    outline: unset !important;
    border-color: #a90b1d !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin-left: auto;
    right: 0 !important;
    top: 40px !important;
}

.bootstrap-datetimepicker-widget table th{
    background-color: #a90b1d !important;
}


/* Overlay */
.error-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9998;
}

/* Popup Container */
.error-popup {
    background-color: #fff;
    color: #333;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    width: 400px;
    text-align: center;
    animation: fadeIn 0.3s ease-out;
}

/* Fade-in Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

/* OK Button */
.error-popup-ok {
    margin-top: 15px;
    padding: 10px 40px;
    background-color: #a90b1d; /* Theme color */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.error-popup p {
    font-size: 18px !important;
}
.error-popup i {
    font-size: 32px;
    color: #a90b1d;
    margin-bottom: 11px;
}

#myModalAlert .modal-title.d-flex.align-items-center.justify-content-between {
    margin: 0 !important;
}


#myModalAlert .modal-body p {
    margin: 0;
    font-size: 16px !important;
    color: #000;
}

#myModalAlert .modal-footer .btn-cancle {
    background-color: #ddd;
}
a#continueWithoutRegistration {
    margin-bottom: 0;
    margin-left: 2px;
}
/* .easrimap-main, #cbMoveCurrent {
    margin: 0 !important;
  } */

  /* .btn {
    background-color: #a90b1d !important;
    border-radius: 8px !important;
} */


.errordiv.deletefail.alert-danger {
    display: none !important;
}

/* .breadcrumb>li+li:before {
    content: "> ";
    padding: 0 5px;
    color: #666;
} */

.breadcrumb li.active {
    margin: 0;
    line-height: 29px;
}
.breadcrumb li a, .breadcrumb li {
    font-family: Arial, Helvetica, sans-serif !important;
}

.global-breadcrumb{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* @media (max-width: 992px) {
    .sidebar {
      display: none;
      position: absolute;
      top: 78px;
      left: 0;
      width: 250px;
      height: 100vh;
      background: #f8f9fa;
      z-index: 1000;
      box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
      padding: 4rem 1rem 1rem 1rem;
    }
  
    .sidebar.active {
      display: block;
    }
    button#sidebar-toggle {
        position: absolute;
        left: 0;
        top: 80px;
        z-index: 999999;
        font-size: 23px;
        padding: 3px 15px;
        border-radius: 2px;
    }
  } */

  @media (max-width: 992px) {
    .welcome-section h1{
        font-size: 58px !important;
        line-height: 57px !important;
        margin: 0 auto 20px !important;
    }
  ul.nav.navbar-nav.weblinks {
    text-align: center;
}}

.file-info .custom-button {
    height: unset !important;
}

.file-info .filename {
    min-width: unset !important;
    white-space: unset !important;
    overflow: unset !important;
   
}
@media (max-width: 992px) {
.report-items span {
    width: 166px !important;
}
.address-field span {
    width: 100% !important;
}

.report-items {
    width: 100% !important;
    flex: unset !important;
}
#modal-Map-Section iframe {
height: 350px !important;
}
}
@media (max-width: 768px) {
    .custom-containers .custom-bins {
        flex-direction: column;
    }

    .custom-containers .custom-bin {
        flex: 1 1 100%;
    }
    .user-profile-content {
        width: 100% !important;
    }
    .welcome-section h1 {
        font-size: 38px !important;
        line-height: 37px !important;
        margin: 0 auto 20px !important;
        font-weight: 700;
    }
}
div#privacynotice__text{
    text-align: justify;
}

.sidebar a:hover span, .sidebar a:hover i {
    color: #333 !important;
    text-decoration: unset !important;
}
nav .nav-item:hover a.nav-link {
    text-decoration: unset !important;
}

.nav > li > a:hover {
    text-decoration: unset !important;
}


p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.form-text span{
    font-family: Arial, Helvetica, sans-serif !important;
}
.contact-us-box p {
    font-size: 16px !important;
    font-weight: 700;
    color: rgba(63, 63, 63, 1);
}

.contact-us-box a {
    color: rgba(0, 116, 123, 1) !important;
    font-size: 16px !important;
    font-weight: 700;
}

.contact-us-box {
    background-color: #fff !important;
    border-radius: 12px;
}
h1, .h1, .section-landing-heading, .section-landing .row > div .section-landing-heading, .section-inline-search .row > div h1, .section-landing h1, .section-search .header-search h1, .page_section h1, .color-inverse h1, h1 p{
    font-family: Arial, Helvetica, sans-serif !important; 
}

h2, .h2, .section-landing .row > div .section-landing-sub-heading, .page_section h2, .color-inverse h2, h2 p{
    font-family: Arial, Helvetica, sans-serif !important;  
}
.sidebar-logo{
    width: 260px;
    margin: 0 auto;
    display: block;
    mix-blend-mode: multiply;
}
div#myModalLogout p {
    font-size: 16px !important;
}
.footer-social a:not(.btn):hover {
    color: #fff !important;
    text-decoration: unset !important;
}
.social i {
    font-size: 28px;
    margin-right: 8px;
}

.footer-bottom.d-print-none {
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.footer {
    margin-top: 50px;
    height: 68px;
}
.static-top {
    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0;
    right: 0;
}

div#mainContent {
    margin-top: 61px;
}
label#mobilephone_label span {
    display: none;
}

.btn, .statusbuttons {
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.btn:hover, .statusbuttons:hover {
   transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

.privacy-notice a {
    color: #428bca !important;
}

.error-modal-dialog {
    bottom: unset !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: translate(0, -50%) !important;
    top: 50% !important;
    margin-top: unset;
}
/* @media (min-width: 1400px) {
.statusbuttons {
    margin-left: 40px;
}
} */