@font-face {
    font-family: 'Proxima Nova';
    src: url('/proxima_nova_font-webfont.woff2') format('woff2'),
         url('/proxima_nova_font-webfont.woff') format('woff'),
         url('/proxima_nova_font-webfont.ttf') format('truetype'),
         url('/proxima_nova_font-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
:root {
  --brand:#5E3861;
  --brandtxt:#94009E;
  --brandbg: #0f6cbd;
  --black:#000;
  --white:#fff;
  --btn:#C00059;
}
/* trying to add red border without js */
/* input:valid {
    border-color: green !important;
  }
  
  input:invalid {
    border-color: red !important; 
  } */
body {
margin:0px;
padding:0px;
font-family: "Proxima Nova", "Open Sans", "Segoe UI",Roboto,"Helvetica Neue", Arial,sans-serif !important;
font-size:19px !important;
line-height: 32px !important;
}

.btn{
    padding: 8px 24px;
    border-radius: 8px;
font-size:19px !important;
}
.btn-primary, .btn-primary.action{
    background-color:var(--btn);
    min-width:130px;
    border:0 !important;
    color: var(--white) !important;
}
.btn-primary{
    background: var(--btn)!important;
    min-width: 120px;
    padding: 8px 15px;
    border-radius: 8px !important;
    font-weight: 700 !important;
    border: 1px solid var(--brandtxt) !important;
    color: var(--white) !important;
}
.btn-primary.disabled, .btn-primary:disabled{
     background-color:var(--brandtxt) !important ;
    color: var(--white) !important;
}
.btn-default{
    border:1px solid var(--brandtxt) !important;
    color:#404040 !important;
}
.button2:not(.gjs-selected):hover, .btn-secondary:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover{
    background: var(--white) !important;
}
a, .a{
    font-size:inherit;
color:var(--brandtxt) !important;
}
a,
.a, 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, h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p, h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4, h5,
.h5, p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span, .button1, .button2, h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle > span, p.smallText, a.nav-link[role="tab"]:not(.active), .btn-secondary, 
.btn-default, .p2, .btn-primary, h3, .h3, .page_section h3, 
.color-inverse h3, .sidebar-home h3, footer{
font-family: "Proxima Nova", "Open Sans", "Segoe UI",Roboto,"Helvetica Neue", Arial,sans-serif !important;
}
/*Top Navigation*/
.static-top.navbar-dark {
    background-color: var(--brand) !important;
}
.static-top.navbar .menu-bar > .navbar-nav > li > a{
color:white;
font-size:17px !important;
}
/*Top Navigation*/
.breadcrumb, .breadcrumb a{
    font-size:12px;
}
.page-header{
    padding:0;
    margin:0
}
/*Start Footer*/
.footer, .footer a{
color:var(--white);
}
.footer{
    clear: both;
}
.fb{
height:48px;
line-height:48px;
background-color:#452947;
}
.ft{
min-height:224px;
background-color:var(--brand);
padding:30px 0;
}
.footer ul, .footer li{
padding:0;
margin:0;
list-style:none
}
.footer li{
    padding-bottom:15px !important;
white-space:nowrap;
}
.icons-social img{
    margin-right:15px
}
.icons-social{
    margin-top: 10px;
}

/*End Footer*/

#redirect-message{
    font-size: 19px;
    text-align: center;
}
.servicetitleclass {
    color: white;
    font-size: 19px;
    flex-grow: 1;
    margin-bottom: 0px;
}
.username{
    color:white
}
/*Start Left Nav*/
.navbar {
  margin-bottom:20px;
  background-color: #171E45 !important;
}

/* For accessibility, ensure sufficient contrast for text and icons in the navbar */
.navbar .navbar-brand, 
.navbar .nav-link, 
.navbar .dropdown-menu, 
.navbar .dropdown-item, 
.navbar .glyphicon, 
.navbar .fa-magnifying-glass {
  color: #fff !important;
}

/* Optional: Adjust dropdown background for consistency */
.navbar .dropdown-menu {
  background-color: #171E45 !important;
}

.div-left{
max-width:30% !important;
}
.right.col-lg-10{
width:70%;
}
.list-group-item, .progress{
     background:transparent !important;
    font-size:16px;
}
.list-group-item.active{
    background:transparent !important;
    color:var(--brand) !important;
    font-size:16px;
    font-weight:600;
    border:0;
    border-left:3px solid var(--brand) !important;
    border-radius:0px !important;
}
.list-group-item.active span{
    background:var(--brand) !important;
    color:white;
    text-align:center;
    height:25px;
    width:25px;
    border-radius:50%;
    font-weight:400;
    display: inline-block;
    margin-left: -2px;        
    vertical-align: top;
}
html[dir=ltr] ol.progress li span.number{
    padding-right:8px;
}
.list-group-item span{
    background:#D1D1D1 !important;
    color:#000;
    text-align:center;
    height:25px;
    width:25px;
    border-radius:50%;
    font-weight:400;
    display: inline-block;
    margin-right: 10px;
    font-family: Proxima Nova;
    padding: 1px 8px;
    vertical-align: top;
}
/*End Left Nav*/
.actions .col-md-6{
    max-width:100% !important;
}
.actions .col-md-6 .entity-action-button{
   justify-content:space-between;

}
#NextButton, #btnCreateCase input, .actions #CreateButton, [value="Next"], #PaymentRedirect{
    background:var(--brandtxt) url(/icon-next.png) no-repeat 85% !important;
    min-width:120px;
    padding:8px 44px 8px 24px !important;
    border-radius:8px;
    font-weight:700 !important;
    position: absolute !important;
    right: 0;
    top: 0;
}
#PaymentRedirect
{
    background:var(--brandtxt) url(/icon-next.png) no-repeat 93% !important;
}
#CancelButton, .cancel-request, .close-request, #btnCancelRequest, #btnCancelButton{
    border:1px solid #404040;
    background:transparent url(/icon-close.png) no-repeat 85% !important;
     min-width:120px;
    padding:8px 44px 8px 20px !important;
    border-radius:8px;
    color:#404040 !important;
    font-weight:700 !important
    
}
#PreviousButton, #PreviousBtn, .previous, .previous-btn, #btnBack{
    border:1px solid #404040;
    background:transparent url(/icon-arrow-back.png) no-repeat 15% !important;
     min-width:100px;
    padding:8px 24px 8px 40px;
    border-radius:8px;
    color:var(--brandtxt);
    font-weight:600    
}
#btnBack{
color:#404040!important;
}
.form-cancel-request{
    width:60% !important;
    margin:0 auto
}
.form-cancel-request br{
  display:none
}
#contentInside{
    margin-bottom:40px
}
.fa-solid.fa-check{
    float: right;
    background:transparent url(/icon-tick.svg) !important;
    height: 20px;
    width: 20px;
    font-size: 0;
    margin-top:3px;
    margin-left:-10px !important;
}
.list-group-item{
    border:0 !important;
    white-space:nowrap;
    font-size: 16px;
    line-height: 25px;
}
.list-group-item.active .number{
   background:var(--brandtxt) !important 
}
.list-group-item.list-group-item-success .number{
background:var(--brand) !important ;
}
.list-group-item-success span{
    color: #fff;
}

.actions .col-md-6 .entity-action-button{
    position: initial !important;
}


[data-name="tab_3_section_1"] td, [data-name="ServiceRequest"] td, [data-name="tab_4_section_3"] td{
    display:flex; 
    align-items:start;
}
[data-name="tab_3_section_1"] .table-info label{
min-width:220px !important;
max-width: 220px; 
margin-right:30px;
}
.table-info, .table-info>td, .table-info>th{
    background:transparent !important;
}
[data-name="ServiceRequest"] .table-info label, [data-name="tab_4_section_3"] label, [data-name="tab_4_section_4"] label{
    min-width:250px !important;
    max-width: 250px;
}
[data-name="tab_4_section_4"] .table-info {
    float:left;
}
[data-name="tab_4_section_4"] .control {
    float:left;
    clear:inline-end !important
}
#collectionDateInfoDiv{
    font-size:15px !important;
clear:both;
}
#cs_descriptionmlt{
    min-height:200px
}
.boolean-radio-cell span label{
    min-width:inherit !important;
    max-width: 250px;
}
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control{
    border:1px solid #707070;
    background-color:#f2f2f2 !important;
    min-width:400px;
    padding-left:10px;
    color: #000;
    
}
[data-name="ServiceRequest"] .form-control, .tab .form-control{
    min-width:400px;
    border:1px solid #707070;
    
}
.control .text-muted{
     padding-left:10px
}
.control .control .text-primary{
    border:1px solid #707070;
    background-color:#f2f2f2 !important;
    min-width:400px;  
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
html[dir=ltr] .crmEntityFormView .cell div.table-info div.validators{
    margin:0
}
.conf select{
    width:400px;
}
#emailaddress1_label + div, #telephone2_label + div{
    display:none;
}

#divAddressInfo span{
    display: block;    
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #707070;
    background-color: #f2f2f2 !important;
    min-width: 400px;
    max-width: 400px;
    padding-left: 10px;
}
.crmEntityFormView, .entitylist{
border:0 !important;
}
.crmEntityFormView label{
    background-color:transparent
}
#optAddressDetailsConfirmation {
-webkit-appearance: listbox !important;
}
.section-title{
    font-size: 24px;
    font-weight: 700;   
}
.crmEntityFormView .cell{
    padding:0 28px 20px 0
}
.crmEntityFormView .cell .field-label, #csResStatusAddInfo{
    font-weight:normal;
    font-size:19px;
    margin-right:30px
}
#csResStatusAddInfo{
    margin-top:20px
}
.boolean-radio label, .boolean-radio input{
    padding:0 !important;
    margin:0 !important;
   
}
.boolean-radio input{
    height:20px;
    width:20px;
    margin-right:7px !important;
}
.boolean-radio label{
    margin-right:40px !important;
}
.boolean-radio {
    display:flex;
    align-items:center
}
.h3, h3{
    font-size:22px !important;
    margin:0 !important;
    padding:0 !important;
    font-weight:bold !important;
line-height:32px;
}
.tab-title{
    font-size:48px;
    font-weight:bold;
    border:0 !important;
    margin-bottom:20px
}
#divAddressInfo{
    margin-top:20px
}
#divLocationAddInfo{
    font-size:19px;
    margin-top:-30px
}
#accordionInsertNewItem h3{
    margin-bottom:20px !important;
}
#accordionInsertNewItem .table-info{
    max-width: 220px;
    margin-right:30px;
    min-width: 220px;
    clear: left !important;
}
#accordionInsertNewItem .table-info, #accordionInsertNewItem .control{
    float:left;
    clear: inherit;
}
#accordionInsertNewItem br{
    /* clear:both !important; */
    /* display: table; */
    /* width: 100%; */
}
#accordionInsertNewItem .control .select2-selection {
    min-width:400px;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display:block;
    border:1px solid #707070;
    height:40px
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:6px;
}
.select2-selection__rendered {
    min-width:400px;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display:block;
    border:1px solid #707070;
    height:40px
}
.select2-selection__arrow{
    top:6px !important;
}
.select2-container--default .select2-selection--single{
    border:0 !important
}
#select2-cs_serviceitemid-container{
    margin-bottom: 50px !important;
}
.actions{
    clear:both;
}

#InsertButton{
    background-color:var(--brandtxt) ;
    border:0 !important;
}
#addNewItemsButton{
    margin-bottom:20px !important;
    position:absolute;
    right:40px;
    z-index: 1;
    background-color:var(--brandtxt);
    border:0
}
#accordionInsertNewItem{
    padding-top:60px;
    margin-bottom:30px
}
.table th, .table th a{
    font-weight:bold;
    background-color: #F2F6FA;
    color:var(--brandtxt);
}
.table-striped tbody tr:nth-of-type(odd){
    background-color:inherit !important
}

#divAddressInfo label{
    display:inline-block;
    min-width:250px !important;
margin-right:30px;

    
}
#divAddressInfo #lblTownCity, #divAddressInfo #lblPostCode, #divAddressInfo #lblCounty, #divAddressInfo #lblCountry{
    display:inline-block !important;
    margin:0 !important;

}
[data-name="tab_8_section_1"] td, #descriptionTabDiv,  [data-name="tab_additionalinformation"] td, [data-name="tab_3_section_location"] td,
[data-name="tab_4_section_1"] td, [data-name="tab_servicerequest_section_1"] td, [data-name="tab_8_section_3"] td, 
[data-name="tab_servicerequest_section_3"] td, [data-name="section_RequestDetails"] td, [data-name="section_status"] td,
 [data-name="section_documents"] .textarea, [data-name="tab_summary"] td
 {
    display:flex;
    align-items:start;   
}
[data-name="tab_8_section_1"] .table-info, #descriptionTabDiv .section-title, [data-name="tab_additionalinformation"] .table-info,
[data-name="tab_3_section_location"] .table-info, [data-name="tab_4_section_1"] .table-info, [data-name="tab_servicerequest_section_1"] .table-info,
[data-name="tab_8_section_3"] .table-info, [data-name="tab_servicerequest_section_3"] .table-info, [data-name="section_RequestDetails"] .table-info,
[data-name="section_status"] .table-info, [data-name="section_documents"] .textarea .table-info, [data-name="tab_summary"] .table-info
{
    width:250px;
    margin-right:30px
}
#chkdeliveryaddressDiv label{
    color:var(--brandtxt)
}
#descriptionTabDiv textarea{
    width:400px ;
    height:150px
}
#descriptionTabDiv .section-title span{
    font-size:19px;
    font-weight:normal;
line-height:normal ;
    display:block;
}
#divReviewDescription{
margin-bottom:30px;
}
.icon-success{
    padding: 30px 0;
    text-align: center;
}
[aria-label="Confirmation"] h3{
     font-size:44px !important;
line-height:56px;
}
.confirmation, #GardenWasteNoPermitMsgDiv, #GardenWasteInitialMsgDiv{
    font-size:19px
}

.sharepoint-documents{
    display:inherit !important
}
.sharepoint-documents {
    display: table!important;
    width: 100% !important;
    background-color:#fafafa
}
.sharepoint-documents .grid-actions{
    border:0 !important
}

#UpdateButton{
    float:right !important;
}
.form-custom-actions .col-md-6{
    width:100% ;
}
.form-action-container-left{
    float:inherit
}
.close-request{
    margin-right:20px !important ;
}

.dropdown-item .fa-solid{
    margin-right:10px;
}
#beforeyoubeginagreementDiv{
margin: 0px 0 20px;
}
[data-name="tab_1_column_1_section_1"] td{
    display:flex !important;
    align-items:start; 
}
[data-name="tab_1_column_1_section_1"] td.cell.zero-cell{
    display:none !important;
}
[data-name="tab_1_column_1_section_1"] .table-info label{
     width:250px;
    margin-right:30px
}
[role="grid"] td, .crmquickform-cell{
    display:table-cell!important
}
#cs_propertycode_name{
    min-width: 300px !important;
}
.edit-link{
    margin-right:10px !important;
}
html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child{
    border-right:0
}
#divBulkyUpliftDeclationPayment{
    clear:both
}
#cs_declarationaccept{
    height:20px;
    width:20px
}
.cell.subgrid-cell{
    display:table-cell
}
#divBulkyUpliftConfirmation, #divPaymentSuccess{
    background:url(/icon-success.png) no-repeat center top;
    padding-top:140px
}
#chkacknowledge{
    margin:0;
}
.entitylist-search{
    font-size:17px
}

.address-custom{
        display:table-cell !important
}
.address-custom .table-info label
{
    width:250px ;
    margin-right:30px;
    display: block;
}
.textfieldcontainer{
    float:left;
}
#searchCustomButton{
    border:0;
    background:transparent;
    margin-left:-35px;
    margin-top:7px
}
#addresslistcontainerDiv{
    margin-left:280px;
    
}
#addresslistcontainerDiv select{
    margin-top:20px;
    margin-left:0 !important;
    min-width: 400px;
    border: 1px solid #707070;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 19px;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: calc(2.25rem + 2px);
    appearance: none;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    padding-right:30px;
}

.fa-search{
color:var(--brandtxt)
 
}
.sharepoint-data td{
    display:table-cell;
}
abbr{
    text-decoration:none !important
}
.crmEntityFormView table.table td{
    vertical-align: middle;
}
.sharepoint-custom-underline{
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23000' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z'/></svg>") no-repeat !important;
    background-size:20px !important;
    padding-left:25px;  
}

#divDangerousAnimalLicense div, #beforeyoubeginagreementDiv div{
    height:inherit !important
}
.navbar-toggler{
    display:none
}
.section-title h3{
    margin-bottom:15px !important
}
#statuscode{
color:var(--brandtxt);
font-weight: normal;
padding:0;
}
[data-name="tab_additionalinformation_section_requestdetails"] tr, [data-name="section_RequestDetails"] tr, 
[data-name="section_status"] tr
{
    border-bottom:1px solid #707070 !important;   
}
.contactAddressDiv{
    border-bottom:1px solid #707070 !important; 
    padding-bottom:20px;
    margin-bottom:20px
}
[data-name="tab_additionalinformation_section_requestdetails"] td, [data-name="section_RequestDetails"] td, [data-name="section_status"] td{
   padding-top:15px !important;
   padding-bottom:15px !important;
   margin:0 !important;
    align-items:center;
}
[data-name="tab_additionalinformation_section_requestdetails"] label, [data-name="section_RequestDetails"] label{
    margin:0 !important;
    line-height: normal;
}
[aria-label="Address"]{
     padding-bottom:10px !important
}
#caseAddress{
font-size: 19px;
display: flex;
}
#caseAddress:before{
    content:"Address";
        width: 250px;
    margin-right: 50px;
}
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control{
    border:0;
    background:transparent !important;
    font-size:19px;
    padding:0 !important;
    height:inherit !important;
    line-height:normal !important;    
}
/*Start Sharepoint Docs*/
[data-name="section_documents"]:before{
    content:"Supporting Document:";
      width: 250px;
    margin-right: 30px;
    display:inline-block;
    font-weight: normal;
    font-size: 19px;
}
.sharepoint-data{
    width:400px;
    margin-left:280px;
}
.sharepoint-data th{
    display:none;
}
.sharepoint-data tr, .table-striped>tbody>tr:nth-of-type(odd)>*{
    background:transparent !important;
    --bs-table-accent-bg:#fff !important;
    border-radius:6px !important
}
.sharepoint-data td{
    vertical-align: middle !important;
    line-height:normal;
    background:#F2F6FA !important;
    border:0 !important;
    border-bottom:10px solid var(--white) !important;
     border-left:4px solid #00579E !important;
    padding-top:15px !important;
    border-radius:6px;
}
.sharepoint-data td a{
    font-weight: bold;
    font-size: 19px; 
    color:var(--black)
}
[for="Documents_CasOwner"]{
    padding-top:20px !important;
}
.sharepoint-documents .control{
    clear:inherit !important
}
/*End Sharepoint docs*/
[data-name="section_status"] tr:nth-child(5), [data-name="section_status"] tr:nth-child(6), [data-name="section_status"] tr:nth-child(7), [data-name="section_status"] tr:nth-child(8),
[data-name="section_status"] tr:nth-child(9), [data-name="section_status"] tr:nth-child(10), [data-name="section_status"] tr:nth-child(11), [data-name="section_status"] tr:nth-child(12){
    border:0 !important;
}
[data-name="section_status"] .textarea {
    align-items:start
}
.sharepoint-data td small{
    display:none !important;
}
.page-summary, .page-addinfo, .form-bulky-summary{
    width:70%;
    margin:0 auto
}
.page-summary .actions, .form-bulky-summary .actions{
    text-align:right
}
.form-bulky-summary + .actions{
    width:70%;
    margin:0 auto
}
[data-name="tab_additionalinformation_section_address"]{
    display:none
}
.add-file{
    margin-bottom:10px
}
.page-addinfo .col-md-6, .page-addinfo .form-action-container-left{
    max-width:100%;
    float: left;
}
[data-name="section_documents"] td{
    display:flex
}
[data-name="section_documents"] .table-info{
    width:250px;
    margin-right:30px
}
#btnUpdateCase{
    float:right;   
}
.row.form-custom-actions{
    display:inherit
}
#UpdateButton{
    padding:8px 44px 8px 24px !important;
    background: #00579E url(/icon-submit.svg) no-repeat 85% !important
}
#btnCancelRequest{
    background-position-x: 90% !important
}
.postedon{
    display:none !important
}
.form-supporting-docs #Subgrid_SPDocuments .grid-actions, #Subgrid_SPDocuments .grid-actions{
    clear:both
}
.form-supporting-docs #Subgrid_SPDocuments .float-end, #Subgrid_SPDocuments .float-end{
    float:left !important;
    margin-left:280px
}
.sharepoint-data td:last-child{
    border-left:0 !important;
border-radius:0 !important;
}

.sharepoint-data .dropdown-menu{
    position:inherit !important;
    display:block !important;
     width:25px;
    padding:0;
    margin:0;
    min-width:inherit !important;
    float:right !important;
    border:0 !important;
    background:transparent !important;
    margin-right:10px !important;
}

[data-bs-toggle="dropdown"]{
    display:none !important
}

.dropdown-item.delete-link{
    font-size:0;
    padding: 0px !important;
}
.dropdown-item.delete-link span{
    font-size:20px;
    float:right;
    color:#00579E;
}
.dropdown-item .fa-solid{
    margin-right:0
}
.dropdown-item.delete-link:hover{
    background:transparent
}
#fileValidationText{
    font-size:19px
}
.alert-warning{
clear:both;
}
#divDangerousAnimalLicense div:first-child{
     margin-bottom:20px
}
[aria-label="What We Know"] {
    display:none
}
[data-name="tab_additionalinformation_Documents"]{
    border-bottom:1px solid #707070 !important
}
[data-name="tab_additionalinformation_Documents"]:before{
    content:"Supporting Document:";
      width: 250px;
    margin-right: 30px;
    display:inline-block;
    font-weight: normal;
    font-size: 19px;
}
.add-file{
    padding-right:30px !important
}
.add-file.btn{
    background:var(--brandtxt) url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0z' clip-rule='evenodd'/></svg>") no-repeat 85% !important;
    background-size:20px !important;
color:var(--white) !important;
}
.control-label-addfile{
    white-space:nowrap
}
 
.col-md-9.checkbox input{
margin-right:10px;
width:20px;
height:20px;
position:absolute;
left:35px;
top:-5px
}
.col-md-9.checkbox{
  padding-left:25px  
}
.fa-trash-can{
    background:url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2394009E' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5' clip-rule='evenodd'/></svg>") no-repeat 85% !important;
    background-size:20px !important ;
    width:20px;
    height:20px;
}
.fa-trash-can:before{
    font-size:0
}
.payment-summary{
    background:#FAFAFA;
    padding:30px;
    margin:40px 0;
    font-size:19px
}
.payment-summary h3{
    margin-bottom:20px !important
}
.payment-summary table{
    width:100%
}
.payment-summary tr:first-child{
    border-bottom:1px solid #ccc
}
.payment-summary td{
    padding:10px 0
}
.payment-summary tr:last-child{
font-weight:bold;
    font-size:24px
}
.payment-summary td:last-child{
    text-align:right;
 
}
.payment-summary tr:last-child td:last-child{
    color:var(--brandtxt)
}
.payment-nofifacation{
    font-size:19px;
    margin-bottom:30px
}
.payment-nofifacation-box{
    font-size:19px;
    margin-bottom:30px;
    border:1px solid #E72463;
    border-radius:8px;
    padding:20px;
    color:#9E0033;
    background:#FAF2F5
}
.payment-nofifacation-box h4{
    font-weight:bold;
    font-size:19px;
line-height:32px;
}
.payment-des{
    font-size:19px
}
.payment-des{
    font-size:19px
}
[aria-label="Request Details"]:before{
    content:"What We Know ";
    font-size:36px;
    font-weight:bold;
    padding-bottom:10px;
    display:block
}
[aria-label="What We Still Need From You"] h3{
     font-size:44px !important;
    font-weight:bold;
    padding-bottom:10px;
    display:block;
line-height:56px;
}
.sharepoint-empty.message{
margin-left:280px;
}
.dropdown-item.delete-link:hover, .dropdown-item.delete-link:focus{
    background:transparent
}

.addressTabDiv{
font-size: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
.contactAddressDiv{
    font-size:19px;
    display:flex
}
.addressHeading{
    width:250px;
    margin-right:30px;
    font-size:19px;
    font-weight: normal;
}
[aria-label="Description"] td, [data-name="tab_issuesubtype"] td,  .citytown td{
    display:flex;
}
[aria-label="Description"] .table-info, [data-name="tab_issuesubtype"] .table-info, .citytown .table-info{
    width: 250px;
    margin-right: 30px;    
}
.intro-home{
    font-size:19px;
}
.intro-home h1{
   font-size:44px;
    font-weight:bold;
    line-height:56px;
}
.intro-home h2{
   font-size:30px;
    font-weight:bold;
    line-height:40px;
}
.terms{
    margin-bottom:20px
}
.terms, .terms1, #houseClearanceChargeDiv, .payment-container{
    border:1px solid #00579E;
    padding:16px 24px;
    border-radius:8px;
    font-size:19px;
    background: #fafafa;
}
.payment-complete-container{
    border:1px solid #7e1204;
    padding:16px 24px;
    border-radius:8px;
    font-size:19px;
    background: #fafafa;
}
.terms a, .terms1 a{
    color:#00579E;
    font-weight:bold
}
.payment-notice-title{
    font-weight: 600;
}
.payment-complete-title{
    font-weight: 600;
}
.chkdeliveryaddressDiv{
    display:flex;
    color:var(--brandtxt) !important;
    align-items:center
}
.chkdeliveryaddressDiv{
    display:flex;
    color:var(--brandtxt) !important;
    align-items:center
}
.chkdeliveryaddressDiv input, .chkdeliveryaddressDiv label{
    margin:0 !important;
    padding:0 !important;
    font-weight:normal
}
.chkdeliveryaddressDiv input{
    height:20px;
    width:20px;
    margin-right:10px !important;    
}
.error{
color:#a94442 !important
}
.form-supporting-docs td.sharepoint-documents, td.sharepoint-documents {
   background:#fafafa !important;
   padding:30px !important;
    border-radius:8px
}
.form-supporting-docs td.sharepoint-documents > div, td.sharepoint-documents > div{
    margin:30px
}
.form-supporting-docs [for="Subgrid_SPDocuments"], [for="Subgrid_SPDocuments"]{
    font-size:24px !important;
    font-weight:bold !important
}
.form-supporting-docs .sharepoint-data td, .sharepoint-data td{
    border-bottom:8px solid #fafafa !important
}
[aria-label="Supporting Document(s)"]{
    border-bottom: 1px solid #707070 !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.latitude td, .longitude td, .addressline1 td, .addressline2 td{
    display:flex;
    padding: 0 0 20px !important;
}
.latitude td .table-info, .longitude .table-info, .addressline1 .table-info, .addressline2 .table-info{
    width: 137px;
}
.form-location-details .text-muted{
    display:none
}

.addressline1 .validators, .addressline2 .validators, .latitude .validators, .longitude .validators{
    display:none
}

input.form-control::first-letter{
    text-transform:capitalize!important;
    color:red
}
.addressline1 .control{
    position:inherit !important;
}
#optAddresses{
    padding-right:35px !important
}
.form-custom-actions{
    padding-bottom:30px !important
}
[data-name="tab_section_IssueDetails"] td, .addressline1 td, .addressline2 td, [data-name="tab_review_IssueSubType"] td, 
[data-name="tab_review_issuedetails"] td, [data-name="tab_documents_SPGrid"] td,  .postcode td, .form-bulky-details td{
    display:flex;
}
[data-name="tab_section_IssueDetails"] .table-info,  .addressline1 .table-info, .addressline2 .table-info, 
[data-name="tab_review_IssueSubType"] .table-info, [data-name="tab_review_issuedetails"] .table-info, 
[data-name="tab_documents_SPGrid"] .table-info,  .postcode .table-info, .form-bulky-details .table-info{
   width: 250px;
    margin-right: 30px;
}
[aria-label="Your Address"]{
    clear:both;
    padding-top:20px !important; 
}
[for="fake_yourname"], #fake_yourname, [for="fake_youremail"], [for="fake_yourphonenumber"], [for="fake_collectiondatewhitegoods"],
#fake_collectiondatewhitegoods, [for="fake_collectiondatenonwhitegoods"], #fake_collectiondatenonwhitegoods, 
[for="fake_collectiondateclearance"], #fake_collectiondateclearance{
    float:left;
}
[for="fake_yourname"], [for="fake_youremail"], [for="fake_yourphonenumber"], [for="fake_collectiondatewhitegoods"], 
[for="fake_collectiondatenonwhitegoods"], [for="fake_collectiondateclearance"]{
   width: 250px;
    margin-right: 30px; 
    font-size:19px;
    font-weight:500
}
#fake_yourname, #fake_youremail, #fake_yourphonenumber, #fake_collectiondatewhitegoods, 
#fake_collectiondatenonwhitegoods, #fake_collectiondateclearance{
    width:400px
}
.view-grid.table-responsive td{
    display:table-cell;
}
.tbl-issue-details td, .datetimepicker td, .datepicker-days {
    display:table-cell; 
}
.datetimepicker .input-group-addon{
    margin-left:-50px !important;
    z-index: 11;

}
#reportIssuesDetailsDiv{
    font-size: 19px;
}
#documentText{
    display: none;
}
.tbl-issue-details{
    border:1px solid #ccc !important;
    margin-top:10px !important;
}
.tbl-issue-details td, .tbl-issue-details th{
    padding:10px;
    display:table-cell;
}
.tbl-issue-details th{
background:#f2f2f2;
    white-space:nowrap
}
.next-disabled{
opacity: 0.65;
    cursor: not-allowed;
}
.form-location-details legend{
    display:none
}
[type="checkbox"]{    
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}
.form-report-review .sharepoint-data [aria-label="action menu"]{
    display:none 
}
#DoneButton{
    padding: 8px 24px !important;
}
#added-items{
    background:#fafafa;
    padding:20px;
     border-radius:8px
}
.item-card{
    margin-left:280px;
    background:#F2F6FA;
    margin-bottom:20px;
    border-radius:6px;
    padding:20px;
}
.item-card .fa-solid.fa-trash-can{
    float:right;
    margin-top:-20px;
    cursor: pointer;
    font-size:0
}
.tbl-items td, .form-bulky-collection td{
    display:flex;

}
.tbl-items .table-info, .form-bulky-collection .table-info{
    width:250px;
    margin-right:30px
}
#divWebFormPanel .actions{
    border:0;
    margin:0;
    padding:0;
    margin-left:280px;    
}
#added-items:before{
    content:"Added Items";
    font-size:24px;
    font-weight:700;
    
}
.tbl-items tr:last-child td{
    padding:0
}
#cs_totalchargecur + div {
    display:none
}
[data-name="tab_PaymentConfirmation"]{
    margin-top:30px
}
.money.form-control {
    margin-left: 10px !important;
    min-width: inherit;
}
[data-name="tab_PaymentConfirmation"] .money .input-group{
    flex-wrap:nowrap
}
.form-bulky-declaration td, .form-counciltax-details td, .form-application td, [data-name="tab_summary_section_5"] td{
    display:flex;
}
.form-bulky-declaration .table-info, .form-counciltax-details .table-info, .form-application .table-info, [data-name="tab_summary_section_5"] .table-info {
   width:250px;
    margin-right:30px
}
#cs_contactemailaddress{
    min-width:400px
}
.declarationAcceptCheckBox{
    display:flex;
    background-color:#fafafa;
    padding:20px;
    border-radius: 8px;
}
.declarationAcceptCheckBox input{ 
    margin-right: 15px;
    min-height: 20px;
    min-width: 20px;

}
#bulkyUpliftLocationMessage{
    font-size: 19px;
}
.form-bulky-details + .actions #CancelButton, .bulky-cancel{
    margin-right: inherit !important;
    position: inherit !important;
    left: inherit !important;
}
.paymentguidancetext{
    font-size:15px;
    color:#666;
    background:url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23666' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/></svg>") no-repeat 0 7px;
    clear:both;
    background-size:4%;
    padding-left:23px;
    padding-top:5px;
}
.collectionAddressDiv{
    display:flex;
    
}
#collectionAddressValue{
    width: 400px;
    margin-bottom: 30px;
    color: #000;
    font-size: 19px;
}
[aria-label="GENERAL"] td, [aria-label="Disabled Resident"] td{
    display: flex !important;
}
[aria-label="GENERAL"] .table-info, [aria-label="Disabled Resident"] .table-info{
    width:250px;
    margin-right:30px;
}
[aria-label="GENERAL"] .cell.zero-cell, [aria-label="Disabled Resident"] .cell.zero-cell{
    display:none !important
}
.form-counciltax-details [data-name="tab_declaration_section_declaration"] td{
    flex-direction:column-reverse;
    display:inherit
}
.form-counciltax-details [data-name="tab_declaration_section_declaration"] td .table-info{
    width:400px
}
[data-name="tab_declaration"] h3 {
    font-size:44px !important;    
    line-height:56px;
}
.council-declaration{
    font-size:19px;
    margin-bottom:20px
}
.actions .col-md-6{
    padding:0
}
.form-ReportIssue-details td, .cs_issuedetailedtypesclass td, .cs_aggregateaddressclass td, .cs_detailstoidentifyissueclass td{
    display:flex;
}
.form-ReportIssue-details .table-info, .cs_issuedetailedtypesclass .table-info, .cs_aggregateaddressclass .table-info, .cs_detailstoidentifyissueclass .table-info{
    width:230px;
    margin-right:30px
}
#cs_addresstype{
    width:100%;
    display:block;
    border-bottom:1px solid #ccc;
    position:relative
}
#cs_addresstype button{
    width:49.3%
}
#btnAddressSearch, #btnMap{
    border: 1px solid #ccc !important;
    border-radius: 5px 5px 0 0;
    height: 50px;
    background: #ccc;   
    color: #000;
    font-size: 19px;
}
.buttonSelect{    
    background: var(--brandtxt) !important;  
    color: white !important;
}
#issueListDiv br{
    display:none; 
}
#issueListDiv input{
    white-space: normal;
    height: 70px !important;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 10px 20px;
    text-align: left;
}
.selectedCase{
    background:var(--brandtxt) !important;
    color:white
}
[data-name="tab_locationinformation_section_Detailstoidentify"] .cell.checkbox-cell div.table-info{ 
    padding-left: 0 !important;
}
#editableFlagSetGrid{
width: 95%;
}
[data-name="tab_section_IssueDetails"] tr:nth-child(4) .textarea.form-control-cell{   
    display: table-cell;   
}
#reportIssuesLocInfoDiv{
    display: none;
}
[data-name="tab_locationinformation_section_Detailstoidentify"] td{
    display:flex
}
[data-name="tab_locationinformation_section_Detailstoidentify"] .table-info{
    width:250px;
    margin-right:30px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{
    color: #666;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{
  background-color:transparent !important;
}
.pagination{
    display: flex;
    align-items: center;
}
.pagination>li{
display: inline-block;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{
background-color:var(--brandtxt) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color:white !important;
}
#Review_IssueFlagSetGrid th{
    display:none;
}
#Review_IssueFlagSetGrid .table{
   border:1px solid #ccc !important;
}
.table td, .table th{
    border-top:1px solid #ccc !important
}

.tbl-issue-details input{    
    margin-top: 2px;
    position: absolute;    
    left: 15px;
}
.tbl-issue-details td, #Review_IssueFlagSetGrid td{
     border:1px solid #ccc !important;
     padding:10px!important;
    border-radius:8px !important;
    
}
.tbl-issue-details{
    border-spacing:10px !important;  
     border:0px solid #ccc !important;    
    border-collapse:separate;
}
#editableFlagSetGrid td:first-child{   
    padding-left: 50px !important;
    position: relative;
    height: 70px;
}
#Review_IssueFlagSetGrid td:first-child{
    width:50px
}
.upload-docs{
    border-top:1px solid #707070;
    padding:10px 0;
    font-size: 24px ;
    font-weight: bold;
}
#Review_Subgrid_SPDocuments .grid-actions, #Review_Subgrid_SPDocuments .upload-docs{
display: none;
}
.div-left, .right {
    float: left;
}
.entity-form.form-intro h2{
    display:none !important
}
[data-name="tab_typeofrequest"] td, [data-name="ServiceRequestBinRequest_ReplacementBin_1"] td, 
[aria-labelledby="4Access"] td, [data-name="tab_Collection_section_3"] td, [data-name="ServiceRequestBinRequest_section_proceed"] td, [data-name="ServiceRequestBinRequest_AdditionalBin_1"] td,  [data-name="ServiceRequestBinRequest_AdditionalBin_2"] td, [data-name="ServiceRequestBinRequest_AdditionalBin_4"] td, [data-name="ServiceRequestBinRequest_AdditionalBin_3"] td, [data-name="ServiceRequestBinRequest_AdditionalBin_5"] td{
    display:flex
}
[data-name="tab_typeofrequest"] .table-info, [data-name="ServiceRequestBinRequest_ReplacementBin_1"] .table-info, 
[aria-labelledby="4Access"] .table-info, [data-name="tab_Collection_section_3"] .table-info, [data-name="ServiceRequestBinRequest_section_proceed"] .table-info, [data-name="ServiceRequestBinRequest_AdditionalBin_1"] .table-info,  [data-name="ServiceRequestBinRequest_AdditionalBin_2"] .table-info, [data-name="ServiceRequestBinRequest_AdditionalBin_4"] .table-info, [data-name="ServiceRequestBinRequest_AdditionalBin_3"] .table-info, [data-name="ServiceRequestBinRequest_AdditionalBin_5"] .table-info{
    width:250px;
    margin-right:30px;
}
#gardenandfoodwastereplacementmsg, #generalwasteadditionalbinmsg, #generalwastereplacementmsg, #additionalwasteincludebandagesmsg, #generalwastethankyoumsg, #usemixedrecyclingbinmsg, #additionbinpricediscountmsg, #arethere2ormoreresidentsmsg, #binreplacementreasonmsg{
    margin-bottom:20px;
    font-size:19px
}
[data-name="ServiceRequestBinRequest"] fieldset{
    margin:0
}
.skip-to-content a{
    color: #fff !important;
}
[data-name="ServiceRequestAssistedCollection"] td{
    display:flex;
}
[data-name="ServiceRequestAssistedCollection"] .table-info{
    width:250px;
    margin-right:30px
}
[data-name="ServiceRequestAssistedCollection"] fieldset{
    margin:0
}
#accessibleLocation_AnyoneToHelp_msg, #AssistedCollectionTextFieldAlert{
    font-size:19px;
    margin-bottom:20px
}
#cs_locationtoleavebinforcollection{
    height:100px
}
[data-name="ServiceRequestAssistedCollection_Requested_1"] #cs_temporaryillnessorcondition, [data-name="ServiceRequestAssistedCollection_Requested_1"] [id="date-picker"], [data-name="ServiceRequestAssistedCollection_Requested_1"] [for="date-picker"]{
    min-width:400px !important;
    width:200px !important
}
[for="date-picker"]{
    font-weight:normal;
    font-size: 19px;

}
.cancel-date label{
    font-size:19px;
    font-weight:normal
}
[for="date-picker"]:after, [for="date-picker-cancel"]::after {
    content: ' *';
    color: red;
}
[data-name="ServiceRequestAssistedCollection"] td, .form-yourdetails-bwce td, .form-bdetails-bwce td,  [data-name="tab_Access"] td{
    display:flex;
}
[data-name="ServiceRequestAssistedCollection"] .table-info, .form-yourdetails-bwce .table-info, .form-bdetails-bwce .table-info,  [data-name="tab_Access"] .table-info{
    width:250px;
    margin-right:20px
}

[aria-label="About your Business"]{
    padding-top:20px !important
}
[aria-label="Registered Address of your Business (This might be different from the address from which your waste is collected)"] h3{
    font-size:19px !important; 
    font-weight: 200 !important
}
[aria-label="Close"]{
    font-size:40px;
}
#addAddressButton{
    font-size:17px !important;
    font-weight:normal !important;
}
.form-yourdetails-bwce [aria-label="Your Details"] h3{
    font-size: 44px !important;
    font-weight: bold;
    line-height:56px;
}
.form-cdetailss-bwce .create-related-record-link, .form-cdetailss-bwce .create-related-record-link:hover, .form-cdetailss-bwce .create-related-record-link:focus{
    background-color:var(--brandtxt) !important;
    color:white !important;
    margin-top:20px
}
.form-declaration-bwce h3, .form-declaration-bwce #cs_declaration_label{
    font-size:19px !important;
    font-weight:600;
}
.form-declaration-bwce table{
    position:relative;
}
.form-declaration-bwce .table-info{
    padding-left: 32px !important;
}

.form-declaration-bwce fieldset {
    background-color: #fafafa;
    padding: 20px !important;
    border-radius: 8px;
}
.actions .btn{
    padding: 8px 24px ;
}
#btnDeclarationNext{
    float:right;
}
.form-declaration-bwce #cs_declaration{
    margin:0px;
    position: absolute;
}

#overlay {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,1);
    z-index: 1000; 
    display: block;
}
.icon-loader-for-overlay {
    border: 10px solid #f3f3f3;  
    border-radius: 50%;  
    border-top: 10px solid #3498db;  
    width: 50px;  
    height: 50px;  
    z-index: 10001 !important;
    -webkit-animation: spin 2s linear infinite; /* Safari */  
    animation: spin 2s linear infinite;  
    text-align:center;  
    margin: 0 auto; 
    position: absolute;
    top: 10%;
    left: 40%; 
  }  
  .text-loader-for-overlay {    
    z-index: 10001 !important; 
    text-align:center;
    font-size:19px;  
    margin: 0 auto; 
    position: absolute;
    top: 15%;
    left: 40%; 
  }  
  .icon-loader-for-fetching {
    border: 10px solid #f3f3f3;  
    border-radius: 50%;  
    border-top: 10px solid #3498db;  
    width: 50px;  
    height: 50px;  
    z-index: 10001 !important;
    -webkit-animation: spin 2s linear infinite; /* Safari */  
    animation: spin 2s linear infinite;  
    text-align:center;  
    margin: 0 auto;  
  }  
  .text-loader-for-fetching {    
    z-index: 10001 !important; 
    text-align:center;
    font-size:19px;  
    margin: 0 auto; 
  } 
  /* Safari */  
  @-webkit-keyframes spin {  
    0% { -webkit-transform: rotate(0deg);}  
    100% { -webkit-transform: rotate(360deg);}  
  }   
  @keyframes spin {  
    0% { transform: rotate(0deg); }  
    100% { transform: rotate(360deg); }  
  }
  .bdate{
    display: flex;
    align-items: start !important;
  }
/*Start CSP Issues*/
.none{
    display: none; 
}
.block{
    display: block; 
}
#cancelGuidanceText{
    color: blue;
}
.addressValue{
    font-weight: 100;
}
#lblAddressDetailsConfirmation{
    margin-bottom: 15px; margin-top: 15px;
}
#optAddressDetailsConfirmation{
   width:15%;
}
#lbl_addressheader{
    font-size: 24px; 
    font-family: Proxima Nova; 
    font-weight: 700; 
    line-height: 30px; 
    word-wrap: break-word;
}
.assisted-thankyou{
margin: 0 auto; text-align: justify; line-height: 1.4;
}
.font18{
font-size: 18px;
}
.bulky-ackno{
    margin: 0;
}

/*End CSP Issues*/
.payment-completed-title{
    font-weight:bold;
    margin-bottom:30px;
    background:url(/icon-success.png) no-repeat top center;
    padding-top:120px;
}
#description{
    height:260px !important
}
textarea {
    resize: none !important;
  }
#count_message{
    display: block;
}
#divReportIssue + br{
    display:none
}
#divReportIssue .intro-home{
    margin-bottom:20px
}
#reportIssuesLocInfoDiv, [for="cs_addresstype_label"]{
    font-size: 19px;
}
.custom-location-search{
    margin-top: 10px;
}
.custom-location-search input{
    display: block;
padding: .475rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .375rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
width:400px;
margin-top:10px
}
.custom-location-control{
position:absolute;
left:10px;
bottom:30px !important;
cursor: pointer; width: 40px; height: 40px; 
background-color: white; border-radius:50%; 
display:flex; align-items: center; 
justify-content: center; 
}
.form-review-submit [aria-label="Summary"] td, .form-generic-review [aria-label="Summary"] td{
    display:flex;
}
.form-review-submit [aria-label="Summary"] .table-info, .form-generic-review [aria-label="Summary"] .table-info{
    width:250px;
}
.form-generic-review [aria-label="Summary"] .table-info{
    margin-right: 10px;
}
.form-generic-review [aria-label="Summary"] .control{
    flex:1
}
.datetimepicker .btn:focus{
    outline:2px solid #000 !important
}
[aria-label="Address Details"] td{
display:flex;
}
[aria-label="Address Details"] .table-info{
   width: 250px !important;
    margin-right: 30px;
}
#cs_addresscorrect_label{
    margin-right:25px;   
}
.infoUpdateDetails, .infoUpdateContactDetails{
font-size: 19px;
}
.infoUpdateDetails a, .infoUpdateContactDetails a{
font-weight: 600;
}
.form-control{
font-size: 19px !important;
}
input[type=checkbox], input[type=radio]{
    margin-top: 3px;
}










select{
  appearance: none;
  background-repeat: no-repeat !important;
  background-position: right .99rem center !important;
  background-size: 20px 14px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.m-btn, .mobile-menu {
display:none;
}
@media (max-width: 767px) {
    .custom-location-search {
        top:50px !important;        
        left:10px !important;
    }
 .custom-location-search input{
     width:100% !important;
 }
 .custom-location-control{
    bottom:85px;
}
    .cancel-date td, .help-date td{
        display:block;    
    }
    .form-ReportIssue-details td, .cs_issuedetailedtypesclass td, .cs_aggregateaddressclass td, .cs_detailstoidentifyissueclass td{
        display: block;
    }
    #fake_yourname, #fake_youremail, #fake_yourphonenumber, #fake_collectiondatewhitegoods, #fake_collectiondatenonwhitegoods, #fake_collectiondateclearance{
        width:100%
    }
    .input-append.input-group.datetimepicker{
        flex-wrap:inherit  
      }

    [data-name="tab_locationinformation_section_Detailstoidentify"] .cell.checkbox-cell{ 
        padding-left:0px !important;
    }
    #editableFlagSetGrid{
    width: 100%;
    }
    #PreviousButton, #PreviousBtn, .previous, .previous-btn, #btnBack {        
        background: transparent url(/icon-arrow-back.png) no-repeat 10% !important;
        min-width: inherit;
        padding: 8px 10px 8px 30px;        
        font-size: 16px !important;
    }
    #CancelButton, .cancel-request, .close-request, #btnCancelRequest, #btnCancelButton {
        background: transparent url(/icon-close.png) no-repeat 90% !important;
        min-width: inherit;
        padding: 8px 30px 8px 10px !important;
        font-size: 16px !important;
    }
    #NextButton, #btnCreateCase input, .actions #CreateButton, [value="Next"], #PaymentRedirect {
        background: var(--brandtxt) url(/icon-next.png) no-repeat 90% !important;
        min-width: 90px;
        padding: 8px 30px 8px 10px;
        font-size: 16px !important;
        
    }
    #PaymentRedirect{
                margin: 50px 0;     
    }
    .form-counciltax-details td{
        display:block;
    }
    .form-counciltax-details .form-control, #cs_contactemailaddress{
        min-width: 100%;
    }

.sharepoint-empty.message, .item-card{
margin-left:inherit;
}
.div-left{
    display:none
  }
.m-btn, .mobile-menu{
display:block;
margin-bottom:15px;
}
.mobile-menu{
    background:#F9F2FA;
    width:300px;
    padding:10px 15px;
    font-size:16px;
    font-weight:700;
    color:var(--brandtxt);
    background-repeat: no-repeat !important;
  background-position: right .99rem center !important;
  background-size: 20px 14px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394009E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
border-radius:8px;
}
.mobile-menu:first-letter{   
   background: var(--brandtxt);
    color:var(--white);
    border-radius: 50%;
    font-weight: 400;
    padding:5px 10px;
    margin-right:10px;
    font-size:15px;
}

.div-left {
    max-width: 100% !important;
}
.right.col-lg-10{
width:100%
}
 
ol.progress.list-group.left, ol.progress.list-group.right {

display:inherit
    }
    html[dir=ltr] ol.progress.left li, html[dir=ltr] ol.progress.right li{

display:inherit  
    }
.navbar-brand a{
    width: 70px;
    height: 60px;
    overflow:hidden;
    display: block;
}
.navbar .container {
    display:flex
}
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control{
    min-width:100%;    
 
}
[data-name="ServiceRequest"] .form-control, .tab .form-control, #addresslistcontainerDiv select, .control .control .text-primary, .conf select, #divAddressInfo span, #accordionInsertNewItem .control .select2-selection, #descriptionTabDiv textarea, #addresslistcontainerDiv select{
    min-width:100%;
width:100%;
max-width:100%;
}
.address-custom{
    display:block !important
}
#addresslistcontainerDiv{
    margin-left:0
}
.textfieldcontainer{
    float:inherit
}
#searchCustomButton{
    float:left;
}
.tab-title {
    font-size: 36px;
}
.sharepoint-data{
    margin:0;
    width:inherit
}
#caseAddress:before{
    width:100%
}
.page-summary, .form-bulky-summary{
    width:100%
}
.form-supporting-docs #Subgrid_SPDocuments .float-end, #Subgrid_SPDocuments .float-end{
    margin:0
   }
.actions .col-md-6, .right.col-lg-10{
    padding:0
}
.page-summary, .page-addinfo{
    width:100%;   
}
.contactAddressDiv{
    display:block
}
.form-cancel-request {
    width:100% !important;
}
#fake_yourname{
    width:100%
}
.tbl-items td, .form-bulky-collection td{
    display:block;
}
.select2-selection__rendered{
    min-width: 100%;
}
#divWebFormPanel .actions{
    margin:0
}
.form-bulky-summary + .actions{
    width:100%;
    margin:0 auto
}
}
#map{
    width: 100% !important;
    height: 600px !important;
}

#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}

#loading {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  text-align:center;
  margin: 0 auto;
background:none !important;
}

 
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
 
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} 
.tbl-issue-details td, .datetimepicker td, .datepicker-days {
    display: table-cell;
}
#Review_IssueFlagSetGrid{
       width: 95%;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 .1rem rgba(0, 0, 0) !important;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .1rem rgba(0, 0, 0) !important;
}
.btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show>.btn-default.dropdown-toggle:focus{
    box-shadow: 0 0 0 .1rem rgba(0, 0, 0) !important;
}
.btn-default.focus, .btn-default:focus {
    box-shadow: 0 0 0 .1rem rgba(0, 0, 0) !important;
    background: white;
}
[aria-label="Choose files"]{
    width: 100%;
}
.dropdown-item.delete-link {
   display: inline-block !important;
}
.dropdown-item.delete-link:focus {
    border: 2px solid #000;    
}