/***************General Search Page Styling****************/
html {
    height: 100%;
    overflow: hidden;        
}

body {
    height: 100%;
    overflow: hidden;
}

.prospero {
    overflow: hidden;
    height: 100%;
}
     
   
.prospero-body {
    overflow:auto;
    overflow-x: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
}

.tdg-content .config-message-background {
    background-color: transparent;
}

.prospero-search-content {
    background-color: #EEE;
}

.prospero-folderDetails-content {
    background-color: #4C6980;
    padding-left: 15px;
    padding-right: 15px;
}

.prospero-details-content {
    background-color: #4C6980;
}

form {
    height: 100%;
}
.spacer {
    height: 10px; 
    width: 100%; 
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0; 
    display: block;
}
.heavy-font {
    font-weight: 900;
}
.remove-left-pad {
    padding-left: 0;
}
.remove-right-pad {
    padding-right: 0;
}
.margin-top {
    margin-top: 10px;
}
.margin-bottom {
    margin-bottom: 10px;
}
.tdg-content .margin-top-large {
  margin-top: 40px;
}
/* limit horizontal expansion of text area */
.tdg-content .tdg-textarea {
    resize: vertical;
}

/*PAGINATION WIDGET*/
.pagination-link {
    color: #2E0854;
}

.pagination > li > span {
    background-color: #eeeeee;
    color: black;
    border: thin black solid;
}

    .pagination > li > span:hover {
        color: grey;
        border: thin solid black;
    }

.pagination > .disabled > span {
    border: thin solid black;
}

    .pagination > .disabled > span:hover {
        border: thin solid black;
    }

.pagination > .active > span {
	background-color:#DBDCDE ;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #DBDCDE), color-stop(1, #9B9BA3) );
    background-image: -o-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: -moz-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: -webkit-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: -ms-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: linear-gradient(to bottom, #DBDCDE 25%, #9B9BA3 100%);
    color: black;
    border-color: black;
}

    .pagination > .active > span:hover {
        border-color: black;
    }

.pagination > li.linked > span:hover {
    background-color: #9B9BA3;
    border-color: #9B9BA3;
}
/*END PAGINATION WIDGET*/


.prospero-banner-content {
    display:inline-block;
    align-content:center;
    margin-top:15px;
    font-family: Arial,Helvetica,Tahoma,sans-serif;
    font-size:large;
}

.nav-header-button {
    position: fixed;
    right: 0px;
    text-align: left;
    background-color: transparent;
}

   
.nav-header-button button { 
        background-color:transparent;
        border: none;
}
  
.filter-header-button {
    right: 0px;
    text-align: left;
    background-color: transparent;
    color: white;
    padding-top: 10px;
}

.tdg-content .btn-continue {
    width: 100%;
}

#loginWarningModal .modal-footer .btn+.btn {
    margin-left: 50px;
    margin-bottom: 0;
}

.menu-icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.menu-text {
    padding-left:10px;
    vertical-align: middle;
}

.filter-text {
    padding-left:10px;
    padding-right:20px;
}

.modal {
    position: fixed;
    top: 50px;
}

.modal-backdrop {
    z-index: -1;
}

.modal-header {
background-color:#DBDCDE ;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #DBDCDE), color-stop(1, #9B9BA3) );
    background-image: -o-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: -moz-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: -webkit-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: -ms-linear-gradient(bottom, #DBDCDE 25%, #9B9BA3 100%);
    background-image: linear-gradient(to bottom, #DBDCDE 25%, #9B9BA3 100%);
}

.modal-footer {
    margin-top:0px;
}

   
.drilldown-span {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    max-height: 16px;
    max-width: 16px;
    right: 10px;
}


/*Autocomplete extender styles*/
.autocomplete-container {
    width: 70%;
}

.complete-list-style {
    /*bottom: 100px;*/
    overflow: auto;
    list-style: none;
    padding-left: 0px;
    background-color: none;
}

.complete-list-item-style {
    padding: 0px;
    margin: 1%;
    background-color: white;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

    .complete-list-item-style:hover {
        background-color: yellow;
    }

.address-search-button {
    cursor:pointer;
}
/*END Autocomplete extender styles*/
   
    
    #map-canvas {
    border:thin solid black;
        
}

.dropdown {
    text-align:left;
}

  /*
    TASK ELEMENT STYLING
    .featured-task: this is the current task
    .task: this is any other task    
*/
.task-container {
    padding-left:7px;
    padding-right:7px;
}



.featured-task {
    border-bottom: thin dashed black;
    border-radius: 5px;
    padding: 4px;
    background-color: #ffff8a;
}

    .featured-task:hover {
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #ffff70), color-stop(0.77, #ffff8a) );
        background-image: -o-linear-gradient(bottom, #ffff70 25%, #ffff8a 77%);
        background-image: -moz-linear-gradient(bottom, #ffff70 25%, #ffff8a 77%);
        background-image: -webkit-linear-gradient(bottom, #ffff70 25%, #ffff8a 77%);
        background-image: -ms-linear-gradient(bottom, #ffff70 25%, #ffff8a 77%);
        background-image: linear-gradient(to bottom, #ffff70 25%, #ffff8a 77%);
    }

    .featured-task:last-child {
        border-bottom:none;
    }

.completed-task {
   border-bottom:thin dashed black;
    padding: 5px;
    border-radius: 0px;
background-color:#d7d7d7  ;
     background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #d7d7d7), color-stop(.75, #bfbfbf) );
        background-image: -o-linear-gradient(bottom, #d7d7d7 25%, #bfbfbf 75%);
        background-image: -moz-linear-gradient(bottom, #d7d7d7 25%, #bfbfbf 75%);
        background-image: -webkit-linear-gradient(bottom, #d7d7d7 25%, #bfbfbf 75%);
        background-image: -ms-linear-gradient(bottom, #d7d7d7 25%, #bfbfbf 75%);
        background-image: linear-gradient(to bottom, #d7d7d7 25%, #bfbfbf 75%);
}
   
    .completed-task:hover {
background-color:#a7a7a7 ;
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #a7a7a7), color-stop(.75, #8f8f8f) );
        background-image: -o-linear-gradient(bottom, #a7a7a7 25%, #8f8f8f 75%);
        background-image: -moz-linear-gradient(bottom, #a7a7a7 25%, #8f8f8f 75%);
        background-image: -webkit-linear-gradient(bottom, #a7a7a7 25%, #8f8f8f 75%);
        background-image: -ms-linear-gradient(bottom, #a7a7a7 25%, #8f8f8f 75%);
        background-image: linear-gradient(to bottom, #a7a7a7 25%, #8f8f8f 75%);
    }

.task {
     border-bottom:thin dashed black;
    padding: 5px;
    border-radius: 0px;
}
    

.task-image{
    padding-left:2px;
    position:absolute;
}

.task-text {
    padding-left:50px;
}

.legend-row {
    padding-bottom:10px;
}

.task-type{
    padding-left:25px;
}
/**ACTIVE PROCESSING DAYS***/
.legend-textdiv {
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    padding-left:22px;
   
}

.legend-title {
    border:thin solid black;
    width:20px;
    height:20px;
}


.legend-canvasdiv {
    padding-bottom:4px;
}

.chart-container {
    height:100px;
}

#my-chart {
    position:absolute;
    left:-20px;
}

.legend-container {
    position:absolute;
    bottom:30px;
    left:160px;
    width:100%;
}

@media screen and (max-width: 350px) {
    .legend-container {
        position:relative;
        bottom:auto;
        width:auto;
        left:0px;
    }

    .chart-container {
        width:100%;
    }

    .legend-div {
        left:10px;
    }

    #my-chart {
        left:-1px;
    }
}

/**END ACTIVE PROCESSING SECTION*/


 
/*

    CONTENT CONTAINER CLASSES
    All elements on the page are broken up into logical sections and placed inside their own containers that fill the width of the page.
    Content container and header classes use configurable gradient background colors that can be configured in the classes below. 

-.content-container: is used as a page container. Should be placed inside a bootstrap form-result div. 
-.content-container-header: is used in conjunction with bootstrap .row as the header of a content-container.
-.remove-side-pad and .add-bottom-pad are used to adjust the defult padding placed on divs by the bootstrap col-*-* family of classes and make the layout of the content-container content fit 
    closer to the edges of the container.

*/


.content-container {     
    background-color:white;
    border-radius: 16px;
    box-shadow: 0 8px 6px -6px black;
    min-height: 100%;
    padding-bottom: 5px;
    position: relative;
}

.content-container-body {
    position:relative;
}

.content-container-header span, .content-container-header div  {
    color:white;
    font-family: Arial,Helvetica,Tahoma,sans-serif;
}

.content-container-header {
    margin-top: 0px;
    margin-bottom: 4px;
    min-height:25px;
    border: 1px solid #392d23;
    border-radius: 14px 14px 0px 0px;
background-color:#2f2f27 ;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #2f2f27), color-stop(1, #5e5e57) );
    background-image: -o-linear-gradient(bottom, #2f2f272f2f27 25%, #5e5e57 100%);
    background-image: -moz-linear-gradient(bottom, #2f2f27 25%, #5e5e57 100%);
    background-image: -webkit-linear-gradient(bottom, #392d23 25%, #5e5e57 100%);
    background-image: -ms-linear-gradient(bottom, #2f2f27 25%, #5e5e57 100%);
    background-image: linear-gradient(to bottom, #2f2f27 25%, #5e5e57 100%);
}

    .content-container-header:hover {
background-color:#2f2f27 ;
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.4, #2f2f27), color-stop(0.77, #5e5e57) );
        background-image: -o-linear-gradient(bottom, #2f2f27 40%, #5e5e57 77%);
        background-image: -moz-linear-gradient(bottom, #2f2f27 40%, #5e5e57 77%);
        background-image: -webkit-linear-gradient(bottom, #2f2f27 40%, #5e5e57 77%);
        background-image: -ms-linear-gradient(bottom, #2f2f27 40%, #5e5e57 77%);
        background-image: linear-gradient(to bottom, #2f2f27 40%, #5e5e57 77%);
    }




.related-project {
    box-shadow: -1px 8px 6px -6px black;
    border: thin black solid;
background-color: #eeeeee;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #eeeeee), color-stop(.75, #d6d6d6) );
    background-image: -o-linear-gradient(bottom, #eeeeee 25%, #d6d6d6 75%);
    background-image: -moz-linear-gradient(bottom, #eeeeee 25%, #d6d6d6 75%);
    background-image: -webkit-linear-gradient(bottom, #eeeeee 25%, #d6d6d6 75%);
    background-image: -ms-linear-gradient(bottom, #eeeeee 25%, #d6d6d6 75%);
    background-image: linear-gradient(to bottom, #eeeeee 25%, #d6d6d6 75%);
}

.related-project-details-btn{
    border:thin solid black;
}

.related-project-details-btn:hover{
    border:thin solid black;
}

.remove-side-pad {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.add-side-pad {
    padding-left: 5px;
    padding-right: 5px;
}
.add-bottom-pad {
    padding-bottom: 2px;
}

.highlighted {
    border: none;
    padding: 5px;
    background-color: #FFFFD1;
    background-image: none;
}

.disclaimer-container {
    padding-left:15px;
    padding-right:15px;
}

.related-permits-container {
    padding-left: 0px;
    padding-right: 0px;
}

.related-permits-row {
    padding-left:12px;
    padding-right:12px;
}
    
/**
    Pagination Container 
    */
.search-pagination {
    font-weight: 900;
    text-align: center;
    display: inline-block;
    width: 100%;
    min-height: initial;
    padding-bottom: 0px;
}

.pagination {
    margin: auto;
    padding-top: 4px;
}

.no-results{
    padding-bottom:0px;
    text-align:center;
}
/*END PAGINATION*/


/**************Header image styling:***************/
/* 
The image set here is the logo used in the banner on every page. It should be roughly 2X1 width to height in order to be displayed without distortion.
*/
.ourcity-header {
    position:fixed;
    left:10px;
    min-height: 50px;
    max-height: 50px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.ourcity-header-print {
   display:none;
}

/*
The image set here will be used as the background across the banner. 
*/
.ourcity-header-container {
    text-align:center;
    background-color:#DBDCDE;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 50px;
    max-height: 50px;
    width: 100%;
    top: 0;
    z-index: 3000;
    position: relative;
}


/*DEVICE SENSITIVE UTILITY CLASSES*/
@media screen and (max-width: 767px) {

    .hide-small {
        display: none;
    }

    .hide-big {
        display: block;
    }

   
}
 
@media screen and (min-width: 767px) {

    .hide-small {
        display: block;
    }

    .hide-big {
        display: none;
    }

}
/*END DEVICE SENSITIVE UTILITY CLASSES*/


/*
    TASK STATUS ICONS
The following are support classes used to style the icons and the icon legend container
*/
.imageIcon-Legend {
    height:20px;
    background-repeat:no-repeat;
    padding-right: 20px;
    margin-bottom:10px;
}

.imageIcon {
    height:20px;
    background-repeat:no-repeat;
}


.iconLegendName {
        padding-left: 25px;
    }

.iconLegendName p { 
  display: inline-block;
 }
/*END OF TASK STATUS ICONS*/

/*SEARCH WIDGET*/
@media screen and (min-width: 767px) {
    #address-search-area {
        height: 50px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .address-search-box {
        border-radius: 0px;
    }

    #search-type-dropdown {
        height: 50px;
    }
}
/*END SEARCH WIDGET*/
 

/*PRINT SPECIFIC STYLES*/
@media print {
    a:link:after,
    a:visited:after {
        display:none !important;
    }

    .legend-link {
        visibility:hidden;
    }

    body, html, .prospero {
        overflow:visible !important ;
    }

    .topMapContainer {
        clear:both;        
        display:block;
    }

    .ourcity-header {
        display:none;
    }

    .ourcity-header-print {
        display:block !Important;
        background-repeat:no-repeat;
        width:150px;
        height:100px;
        margin-bottom:100px;
    }

    .prospero-body {
        position:relative;
        overflow:visible;
        width:100%;     
    }

    button {
        display:none;
    }

    .heavy-font {
        font-weight:900;
    }

    .glyphicon {
        display:none;
    }

    .content-container {
        border:thin solid black;     
    }

    .content-container-header {
        background-color:#DBDCDE !important;
    }

    .featured-task {
        background-color: #FFFFD1 !important;
    }

    .nav-header-button {
        display:none;    
    }    
}


/*------------
 FILTER SIDEBAR
------------*/
#filterContentContainer {
    display: table;
}

#filterSidebar, #searchContent {
    position: absolute;
}
#filterSidebar {
    top: 0px;
    width: 250px;
    background:#EEE;
    display: table-cell;
}
#searchContent {
    left: 250px;
    right: 0;
    bottom: 0px;
    display: table-cell;
    height: 100%;
    background-color: #4C6980;
}

#searchResultsDiv {
    background-color: #4C6980;
}

.searchResultsFooter {
    padding-bottom: 20px;
    background-color: #4C6980;
}

.sidebar-shrink {
    height: 100%; 
}
.sidebar-left-nav {
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px);
    visibility: visible;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    padding-left: 0;
    padding-right: 0;
    background:#EEE;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
.closed .sidebar-left-nav {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
}
#filterSidebarMobile .filterHeader, #filterSidebar .filterHeader {
    color: #666;
    font-weight: 600;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-transform: none;
    font-variant: small-caps;
    line-height: 1.1;
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 1.5em;
}
#filterSidebarMobile .filterHeader {
    margin-top: 5px;
}
#filterSidebarMobile .filterHeader:not(:first-child), #filterSidebar .filterHeader:not(:first-child) {
    border-top: 2px black solid;
    margin-top: 10px;
}
.clear-filters-button {
    width: 100%;
}
@media (min-width: 768px) {
    .filter-header-button, #filterSidebarMobile {
        display: none;
    }  
    
    #folderStatusRepeater .filter-selection-label,
    #folderTypeRepeater .filter-selection-label {
        font-size: 12px;
        padding-top: 2px;
    } 
}

@media (max-width: 767px) {
    .filter-header-button {
        display: block;
    }

    #filterSidebar {
        display: none;
    }
    #searchContent {
        left: 0;
        right: 0;
        bottom: 0px;
        height: 100%;
    }
}

/*------------
 SUBSCRIPTION BUTTONS
------------*/
.btn-add-subscriptions,
.btn-manage-subscriptions,
.btn-remove-rule-subscription,
.btn-select-all,
.btn-clear-all,
.btn-add-rule-subscription {
    width: 95%;
}

.btn-subscription-container {
    text-align: right;
}



/*------------
 FILTER BUTTONS
------------*/
.filterSelections {
    margin-left: 0;
    margin-right: 0;
}

.btnFilterSelection {
    display: inline;
}

.filter-selection-button {
    margin: 3px 3px;
}

@media (max-width: 350px) {
    .filter-selection-button {
        min-width: 250px;
        font-size: 10px;
    }
}


/*------------
 FILTER CHECKBOX
------------*/
.radio-label {
  max-width: 100vw;
  color: inherit;
  font-weight: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  display: table;
  padding-left: 7px;
}
.folderType-checkbox-label, .folderTypeMobile-checkbox-label,
.folderStatus-checkbox-label, .folderStatusMobile-checkbox-label {
  color: black;
  font-weight: normal;
  cursor: pointer;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

.eApply-checkbox-div {
  display: table-cell;
  vertical-align: middle;
  width: 1px;
}

.eApply-checkbox {
  margin-right: 15px;
  margin-left: 0;
  margin-top: 7px;
}

.eApply-checkbox input[type="checkbox"] {
  display: none;
}

.eApply-checkbox input[type="checkbox"] + label {
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  padding: 1px 7px;
  border-left: 1px solid #0081C6;
  border-bottom: 1px solid #0081C6;
  border-top: 1px solid #0081C6;
  border-right: 1px solid #0081C6;
  font-weight: 100;
  line-height: 0.9;
  box-shadow: #c5c5c5 0 2px 3px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  color: black;
  background-color: white;
}

.eApply-checkbox input[type="checkbox"]:checked + label {
  font-weight: bold;
}

.eApply-checkbox input[type="checkbox"]:checked + label:after {
  content: "\00a0 \2713";
  position: absolute;
  top: 4px;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 0.9;
  left: -3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.eApply-checkbox input[type="checkbox"]:focus + label {
  background-color: rgba(0, 129, 198, 0.39);
}



/*------------
 WELCOME PAGE
------------*/

/* page back and continue buttons */
.tdg-content .backButton, .tdg-content .continue
{
    width: 300px;
}

.tdg-content .back-btn-container .backButton, .tdg-content .continue-btn-container .continue
{
    width: 200px;
}

.tdg-content .continue
{
    float: right;
}

#div_stepWelcome li
{
    margin-left: 20px;
}

/* padding after glyphicon */
.tdg-content .button-icon-left {
    padding-right: 10px;
}

/* padding before glyphicon */
.tdg-content .button-icon-right {
    padding-left: 10px;
}

@media (min-width: 768px) {
    #div_stepWelcome {
        max-width: 810px;
        margin: 0 auto 0 auto;
        padding: 10px;
    }
}

@media (max-width: 767px) {
    #div_stepWelcome {
        border: 0;
        padding: 10px;
    }
}

/*------------
 BULK SUBSCRIBE PAGE
------------*/

#bulkSubscribeContent {
    display: table-cell;
    height: 100%;
}


.add-accounts-label {
  max-width: 100vw;
  color: inherit;
  font-weight: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  display: table;
}

.add-accounts-label {
  color: initial;
  font-weight: initial;
}

.add-account-checkbox-div {
  display: table-cell;
  vertical-align: middle;
  width: 1px;
}

.add-accounts-checkbox {
  margin-top: 7px;
}
.accounts-checkbox {
  margin-top: -7px;
}

.add-accounts-checkbox input[type="checkbox"],
.accounts-checkbox input[type="checkbox"] {
  display: none;
}
.add-accounts-checkbox input[type="checkbox"] + label,
.accounts-checkbox input[type="checkbox"] + label {
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  padding: 1px 12.5px;
  border-left: 1px solid #0081C6;
  border-bottom: 1px solid #0081C6;
  border-top: 1px solid #0081C6;
  border-right: 1px solid #0081C6;
  font-weight: 100;
  line-height: 1.6;
  box-shadow: #c5c5c5 0 2px 3px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  color: black;
  background-color: white;
}
.add-accounts-checkbox input[type="checkbox"]:checked + label,
.accounts-checkbox input[type="checkbox"]:checked + label {
  font-weight: bold;
}
.add-accounts-checkbox input[type="checkbox"]:checked + label:after,
.accounts-checkbox input[type="checkbox"]:checked + label:after {
  content: "\00a0 \2713";
  position: absolute;
  top: 4px;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  left: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.add-accounts-checkbox input[type="checkbox"]:focus + label,
.accounts-checkbox input[type="checkbox"]:focus + label {
  background-color: rgba(0, 129, 198, 0.39);
}

.add-accounts-buttons-large {
  padding: 0px 5px 5px;
  border-bottom: 1px solid black;
  margin: 0 -5px;
}
@media (min-width: 768px) {
  .add-accounts-buttons {
    display: none;
  }
}
@media (max-width: 767px) {
  .add-accounts-buttons-large {
    display: none;
  }
  .add-accounts-buttons {
    margin-top: 5px;
    border-bottom: none;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .add-accounts-buttons > .container-fluid > .row > div {
    margin-top: 0;
    margin-bottom: 5px;
    margin-right: -15px;
    width: auto;
    padding-left: 15px;
  }
  .add-accounts-buttons > div .btn {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
    .add-accounts-buttons {
        margin-top: 5px;
        border-bottom: none;
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .add-accounts-buttons > .container-fluid > .row > div {
        margin-top: 0;
        margin-right: 0;
        padding-right: 0;
        width: auto;
    }
}

.add-accounts-list {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
@media (max-width: 767px) {
      .add-accounts-list {
        max-height: 85vh;
        padding: 5px 0px 0px 0px;
      }
    .add-controls-panel-hide {
        padding-left: 30px;
    }
}

.noAccountsPanel {
    color: white;
    padding-left: 15px;
}

.add-controls-panel-hide {
    color: white;
}

.add-controls-panel-hide .modal-body {
    color: black;
}

.add-accounts-select-all-checkbox input[type="checkbox"] {
  display: none;
}
.add-accounts-select-all-checkbox input[type="checkbox"] + label {
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 5px 30px;
    border-left: 1px solid #0081C6;
    border-bottom: 1px solid #0081C6;
    border-top: 1px solid #0081C6;
    border-right: 1px solid #0081C6;
    font-weight: 100;
    position: relative;
    line-height: 1.6;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    color: white;
    background-color: #187ccd;
    background-image: linear-gradient(#187ccd, #01629f);
    width: 100%;
}

.add-accounts-select-all-checkbox input[type="checkbox"] + label:active,
.add-accounts-select-all-checkbox input[type="checkbox"] + label:hover {
    background-color: #01629f;
    background-image: linear-gradient(#01629f, #187ccd);
}

.add-accounts-select-all-checkbox input[type="checkbox"]:checked + label:after {
    position: absolute;
    top: 8px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  .add-accounts-select-all-checkbox input[type="checkbox"]:checked + label:after {
    position: relative;
    top: 0;
    right: 0;
  }
}
.add-accounts-select-all-checkbox input[type="checkbox"]:focus + label {
  background-color: rgba(0, 129, 198, 0.39);
}

.accountsFilterBox {
  border: 2px solid #969696;
  border-radius: 4px !important;
  -webkit-appearance: none;
  height: 2.5em;
}



.subscription-filter-box {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 5px;
    height: initial;
}

#addAccountsConfirmationModal .btn,
#addAccountsConfirmationModalSmall .btn,
#removeAccountsConfirmationModal .btn,
#removeAccountsConfirmationModalSmall .btn {
    width: 90%;
}

/*------------
 AUTO SUBSCRIBE PAGE
------------*/

.tdg-content .drop-down-selector
{
    color:black;
    font-weight:bold;
    text-align:left;
    font-size: 15px;
}

.tdg-content .drop-down-selector:after
{
    float:right;
    content: '▼';
}

#div_autoSubscription {
    padding: 15px;
}

.tdg-content .autoSubscribeNeighbourhood {
    padding-left: 7px;
    padding-right: 15px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    #div_autoSubscription .filter-selection-label {
        font-size: 15px;
    } 
}

.tdg-content .fieldset-style {
    border: 1px groove #ddd;
    border-color: gray;
    padding: 0 0.4em 0.4em 1.4em;
    margin: 0 0.5em 0.5em 0.5em;
    -webkit-box-shadow: 0 0 0 0 #000;
    -moz-box-shadow: 0 0 0 0 #000;
}

@media (max-width: 767px) {
    .prospero-banner-content {
        margin-top:50px;
    }

    .ourcity-header-container {
        height:85px;
        max-height:85px;
    }

    .filter-header-button{
        padding-top: 45px;
    }
}

.tdg-content .modal-title,
.tdg-content .modal-config-footer{
    color:black;
}

.tdg-content .modal-config-footer{
    text-align:left;
}