/* ***********************************************************************************
				GLOBAL
*********************************************************************************** */

#cpx {width:100%;}

#cpx .btn:hover {cursor:pointer;}
#cpx .btn {font-weight:bold;}

#cpx .alert > *:last-child {margin-bottom:0;}

#cpx .font15 {font-size:1.5em;}

#cpx .disclaimer1 {color:red;}

#cpx .error-message {color:red; font-weight:bold; display:none;}
#cpx .success-event {color:green; font-weight:bold; display:none;}

/* Custom checkboxes */
/* Give the div containing the <input> the class of "custom-checkmark-wrapper". Add the .checkmark <label> immediately after the <input>. The "for" of the label must match the ID of the input. */

  /* Customize the label (the container) */
  #cpx .custom-checkmark-wrapper {display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  #cpx .custom-checkmark-wrapper input + span,
  #cpx .custom-checkmark-wrapper label + span,
  #cpx .custom-checkmark-wrapper input + p,
  #cpx .custom-checkmark-wrapper label + p
   {font-size:1rem!important; padding-left:35px;}

  /* Hide the browser's default checkbox */
  #cpx .custom-checkmark-wrapper input {position: absolute; opacity: 0; cursor: pointer; left:20px;}

  /* Create a custom checkbox */
  #cpx .custom-checkmark-wrapper .checkmark {position: absolute; top: 2px; left: 15px; height: 25px; width: 25px; background-color: #ccc; border-radius:5px;}

  /* On mouse-over, add a grey background color */
  #cpx .custom-checkmark-wrapper:hover input ~ .checkmark {background-color: #007bff;}

  /* On mouse-over, add a red background color. Note: You must include the class "checkmark-delete" in the same element as "custom-checkmark-wrapper". */
  #cpx .checkmark-delete:hover input ~ .checkmark {background-color: red!important;}

  /* When the checkbox is checked, add a blue background */
  #cpx .custom-checkmark-wrapper input:checked ~ .checkmark {background-color: #007bff;}

  /* When the checkbox is checked, add a red background. Note: You must include the class "checkmark-delete" in the same element as "custom-checkmark-wrapper". */
  #cpx .checkmark-delete input:checked ~ .checkmark {background-color: red!important;}

  /* Create the checkmark/indicator (hidden when not checked) */
  #cpx .custom-checkmark-wrapper .checkmark:after {content: ""; position: absolute; display: none;}

  /* Show the checkmark when checked */
  #cpx .custom-checkmark-wrapper input:checked ~ .checkmark:after {display: block;}

  /* Style the checkmark/indicator */
  #cpx .custom-checkmark-wrapper .checkmark:after {left: 10px; top: 7px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* ***********************************************************************************
                        MANAGE LAYOUTS
*********************************************************************************** */

#cpx #manage-layouts #deleteDiv,
#cpx #manage-layouts #editLayout,
#cpx #manage-layouts #editGroupings
 {display:none;}

#cpx #manage-layouts #editLayout,
#cpx #manage-layouts #editGroupings
  {margin-top:2em;}

#cpx #manage-layouts .disclaimer1 {margin-bottom:0;}

#cpx #manage-layouts #groupingsTable {margin-bottom:1em;}

#cpx #manage-layouts > .header {border-bottom:1px dashed #ccc; margin-bottom:1em;}
#cpx #manage-layouts > .header span {font-weight:bold;}

#cpx #manage-layouts .form-control {color:#000;}

#cpx #manage-layouts #groupingsTable .header {border-bottom:1px solid #000;}
#cpx #manage-layouts #groupingsTable .header * {font-weight:bold;}

#cpx #manage-layouts #groupingsTable .header {border-bottom:1px solid #000; position:relative;}
#cpx #manage-layouts #groupingsTable .header * {font-weight:bold;}
#cpx #manage-layouts #groupingsTable .header span {position:absolute; bottom:0; left:15px;}
#cpx #manage-layouts #groupingsTable .row {padding-top:.25em; padding-bottom:.25em;}
#cpx #manage-layouts #groupingsTable .row:nth-child(even) {background:#f2f2f2;}
#cpx #manage-layouts #groupingsTable .col-md-1 {text-align:center;}
#cpx #manage-layouts #groupingsTable .remove a {color:red;}
#cpx #manage-layouts #groupingsTable .col-md-1 a {font-size:1.5em;}

/* ***********************************************************************************
                        MANAGE GROUPS
*********************************************************************************** */

#cpx #manage-groupings #header {border-bottom:1px dashed #ccc; margin-bottom:1em;}

#cpx #manage-groupings .form-control {color:#000;}

#cpx #manage-groupings #deleteDiv,
#cpx #manage-groupings #editGrouping,
#cpx #manage-groupings #editFields
 {display:none;}

#cpx #manage-groupings #editGrouping,
#cpx #manage-groupings #editFields
 {margin-top:2em;}

#cpx #manage-groupings #save-grouping {margin-top:1em;}

#cpx #manage-groupings #fieldsTable {margin-bottom:1em;}

#cpx #manage-groupings #fieldsTable .header {border-bottom:1px solid #000; position:relative;}
#cpx #manage-groupings #fieldsTable .header * {font-weight:bold;}
#cpx #manage-groupings #fieldsTable .header span {position:absolute; bottom:0; left:15px;}
#cpx #manage-groupings #fieldsTable .row {padding-top:.25em; padding-bottom:.25em;}
#cpx #manage-groupings #fieldsTable .row:nth-child(even) {background:#f2f2f2;}
#cpx #manage-groupings #fieldsTable .col-md-1 {text-align:center;}
#cpx #manage-groupings #fieldsTable .remove a {color:red;}
#cpx #manage-groupings #fieldsTable .col-md-1 a {font-size:1.5em;}

/* ***********************************************************************************
                        MULTI-PRINT FROM SEARCH RESULTS
*********************************************************************************** */
#multi-print {margin-top:1em;}
#multi-print a {text-decoration:none;}

#multi-print .services-heading {font-weight:bold; margin-top:2em; padding-left:15px;}

#multi-print .resource-wrapper + .resource-wrapper {margin-top:2.5em; padding-top:2em; border-top:2px dashed #ccc;}

#multi-print .resource-header {float:left; width:60%;}
#multi-print .print-map,
#multi-print .no-map
 {float:right; width:39.5%;}

#multi-print .print-header .view_field_name {margin:0 0 1rem 0; font-size:2em; font-weight:bold;}
#multi-print .alert + .view_field_name {border-top:0;}

#multi-print a[id^="editDetailsLink"] {display:none; visibility:hidden;}

#multi-print .gmap {height:2in; width:100%; border:1px solid #ccc; border-radius:.3rem;}
#multi-print .print-map p {text-align:center;}
#multi-print .print-map p a {text-decoration:none;}
#multi-print .print-map p.show-map {display:none;}
#multi-print .print-header .no-map  {border:1px solid #ccc; border-radius:.3rem;}
#multi-print .print-header .no-map p {text-align:center; padding:2em 0;}

#multi-print #view_label_field_primaryAddressId {display:none;}

#multi-print p[id^="view_label_field_"] {font-weight:bold; margin-bottom:0;}
#multi-print p[id^="view_label_field_"]  + p {margin-top:0;}
#multi-print #services_group_label {font-weight:bold; margin-top:1em; margin-bottom:0;}
#multi-print #services_group_label + p {margin-top:0;}
#multi-print #print-services {margin-bottom:1em;}
#multi-print #show-details {margin-bottom:0;}
#multi-print #hide-details {display:none;}
#multi-print #hide-details a {color:#000;}
#multi-print #print-services .print-service-toggle {margin:0 0 2em 0;}
#multi-print #print-services a.btn {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal;}
#multi-print #print-services a.btn:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}

#multi-print div[class^="view_type"] {margin-bottom:1em;}

#multi-print a[id^="toggleDetailsLink"] {margin-bottom:1em; display:block; font-weight:bold;}
#multi-print div[id^="serviceDetailsList"] {display:none; margin-bottom:1em; padding-left:2em;}

#multi-print #print-disclaimer p:last-child {margin-bottom:0;}
#multi-print #print-disclaimer a {font-weight:bold; color:#155724;}

#multi-print div.view_type_service_list {margin-bottom:1em;}
#multi-print div.view_type_service_list > a {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal;}
#multi-print div.view_type_service_list > a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#multi-print div.view_type_service_list > a.expanded:before {content:"\f13a";}
#multi-print .unavailable {color:#ffc107!important;}
#multi-print div.view_type_service_list p[class^="view_label"] + div {margin-bottom:1em;}
#multi-print div.view_type_service_list div .row + .row {margin-top:1em;}

#multi-print p[class^="view_label"],
#multi-print p[id^="view_label"],
#multi-print p[class^="view_type_label"]
  {font-weight:bold; margin-bottom:0;}
#multi-print div[id^="serviceDetailsList"] {padding-left:1em;}

#multi-print div[id^="tab-"] {padding-left:1em; margin-bottom:1em;}

#multi-print .telephone_list {padding-left:1em;}

#multi-print .contact-list .row {margin-bottom:1em; margin-right:0;}
#multi-print .contact-list .row:nth-child(even) {background:#f2f2f2;}
#multi-print .contact-name p,
#multi-print .contact-details p
  {margin-bottom:0;}

#multi-print .geos-served {margin-bottom:1em;}
#multi-print .geos-served ul {list-style-type:none; padding:0; margin:0 0 0 1.5em;}
#multi-print .geos-served > ul {margin:0;}
#multi-print .partial {color:#aaa;}
#multi-print .partial > *:not(i) {color:#000;}

#multi-print #print-details div.view_type_service_list div a.btn-block {display:none;}

/* Shelter listing */

#multi-print .shelter-heading {border-bottom: 1px solid #000; margin:0;}
#multi-print .shelter-heading * {font-weight:bold;}
#multi-print .shelter-heading div {padding-bottom:.5em; padding-top:.5em; vertical-align:bottom;}
#multi-print .shelter-details div {padding-bottom:.5em; padding-top:.5em;}
#multi-print .shelter-details {padding-top:.5em; margin:0 0 2em 0;}
#multi-print .shelter-details .row {margin:0; padding:0;}
#multi-print .shelter-details .row:nth-child(even) {background-color:#f2f2f2;}
#multi-print .shelter-details .small-label {display:none;}
#multi-print .shelter-details .shelter-avail span {font-weight:bold;}

@media print {

  #multi-print {padding-top:1em;}

  #multi-print * {font-size:1.5rem;}

  #multi-print .services-heading {font-weight:normal; padding-left:0;}

  #multi-print #hide-map,
  #multi-print #hide-details,
  #multi-print #show-details,
  #multi-print #services_group_label + p,
  #multi-print #print-disclaimer
    {display:none!important;}

  #multi-print a[id^="toggleDetailsLink"]:before {content:"";}

  #multi-print {margin-top:0;}

  #multi-print *:not(.partial) {color:#000!important;}
  #multi-print .unavailable {color:#000!important;}

  #multi-print div[id^="serviceDetailsList"] {padding-left: 2em;}
  #multi-print div.view_type_service_list > a {color:#000; background:transparent; border:0; padding-left:0; border-radius:0;}
  #multi-print div.view_type_service_list > a:before {content:""; font-size:0;}
  #multi-print div.view_type_service_list div[id^="serviceDetailsList"] {border-bottom:1px dotted #ccc;}
  #multi-print div.view_type_service_list > a.expanded:before {content:"";}

  #multi-print .shelter-heading > div[class^="col-"],
  #multi-print .shelter-details > .row > div[class^="col-"]
    {float:left; width:33.333%;}
  #multi-print .shelter-details > .row {border-bottom:1px dashed #ddd;}

  #multi-print ul .info {display:none;}
  #multi-print .partial {color:#ddd;}

}

/* ***********************************************************************************
               REPORTS
*********************************************************************************** */

#cpx #report .page-header .alert p {margin-bottom:0; font-weight:bold;}
#cpx #report .page-header .alert ul {padding-left:2em; list-style-type:disc;}

#cpx #report #note {margin-top:2.5em;}

#cpx #report form .custom-checkmark-wrapper input + span {padding-left:30px; font-size:1rem;}

#cpx #report form input[type="date"] {width:12em;}

#cpx #report form .disclaimer1 {font-weight:bold;}

#cpx #report form .row {margin-bottom:1em;}
#cpx #report form .row .row-label p {padding-top:.5em; font-weight:bold;}
#cpx #report form p {margin-bottom:0;}
#cpx #report #buttons {margin-top:2em;}

#cpx #report form .btn {margin-bottom:.5em;}

/* ***********************************************************************************
                            ADVANCED SEARCH SETTINGS
*********************************************************************************** */

#cpx #advanced-search-settings h1 + p {margin-bottom:3em;}

#cpx #advanced-search-settings .heading {font-weight: bold; font-size: 1.5em;}

#cpx #advanced-search-settings .custom-checkmark-wrapper .checkmark {top:0;}

#cpx #advanced-search-settings .wrapper {padding-bottom: 2em; margin-bottom: 2em; border-bottom: 2px dashed #ccc;}
#cpx #advanced-search-settings .wrapper > .row:nth-child(odd) {background:#f2f2f2;}
#cpx #advanced-search-settings .wrapper > .row {padding-top:.5em; padding-bottom:.5em;}
#cpx #advanced-search-settings .wrapper .row p {margin-bottom:0;}

#cpx #advanced-search-settings  #target-pop .headings {margin-top:2em;}
#cpx #advanced-search-settings  #target-pop .headings * {font-weight:bold;}
#cpx #advanced-search-settings  #target-pop .headings .col-md-2 * {text-align:center;}
#cpx #advanced-search-settings  #target-pop .col-md-5 p {padding-left:1em;}

/* ***********************************************************************************
                            HELP PAGE
*********************************************************************************** */

#cpx #help h1 {margin-top:.5em;}
#cpx #help .section-heading {font-size:1.5em; font-weight:bold; margin-top:2em; padding-left:0;}
#cpx #help p {padding-left:2em;}
#cpx #help p.question {padding-left:0; font-weight:bold;}
#cpx #help .copyright {padding:2em 0 0 0; margin-top:2em; border-top:1px dotted #000;}
#cpx #help #version {padding:0;}
#cpx #help .alert-danger {margin-left:2em; padding-left:1em;}

/* ***********************************************************************************
                            ERROR PAGE
*********************************************************************************** */

#cpx #error-view {padding-top:2em;}

#cpx #error-view h1 {margin-bottom:.5em;}

#cpx #error-view #error-code {color:red; font-weight:bold;}

#cpx #error-view .each-error {font-weight:bold;}

/* ***********************************************************************************
                            ADMIN INDEX
*********************************************************************************** */

#cpx #cpx_admin_index .alert-warning {margin-bottom:3.5em;}
#cpx #cpx_admin_index .alert-warning p {font-size:1.5em;}
#cpx #cpx_admin_index .alert-warning * {color:#856404;}

/* ***********************************************************************************
                            SERVICE TREE
*********************************************************************************** */

#cpx #service-tree #search-tree #explain-search-bar p {margin:.5em 0 0 .75em;}
#cpx #service-tree #search-tree .btn {padding:6px 0;}

#cpx #service-tree #breadcrumbs {border:1px solid #b8daff; border-radius:.25rem; overflow:hidden;}
#cpx #service-tree #breadcrumbs ul {list-stype-type:none; padding:0; margin:0;}
#cpx #service-tree #breadcrumbs li {display:inline;}
#cpx #service-tree #breadcrumbs li:not(:last-child):after {content:"\00ab"; padding:0 .5em;}

#cpx #service-tree .service-wrapper {margin-bottom:2em; overflow:hidden;}
#cpx #service-tree .services > div.service-wrapper:first-of-type {margin-top:2em;}
#cpx #service-tree .services #providers-found {padding-top:.25em;}
#cpx #service-tree .category-heading-wrapper + .services {padding-left:2em;}
#cpx #service-tree .service-name {font-size:1.5em; font-weight:bold; margin-bottom:0;}
#cpx #service-tree ul.service-tools {list-style-type:none; padding:0; margin:0;}
#cpx #service-tree ul.service-tools li {display:inline; text-align:center;}
#cpx #service-tree ul.service-tools li + li {margin-left:.5em; border-left:1px solid #000; padding-left:.5em;}
#cpx #service-tree .service-wrapper .service-description {margin-bottom:0;}

#cpx #service-tree .category-heading-wrapper {margin-top:2em; border-bottom:1px solid #007bff; margin-bottom:1em;}
#cpx #service-tree .category-heading-wrapper .category-name {font-weight:bold; font-size:1.5em; margin-bottom:0;}
#cpx #service-tree .category-heading-wrapper ul.service-tools {margin-bottom:.25em;}
#cpx #service-tree .category-heading-wrapper #see-also p:first-child {font-weight:bold; margin-bottom:0;}

#cpx #service-tree #service-details {margin-top:2em;}

/* ***********************************************************************************
                            ADVANCED SEARCH
*********************************************************************************** */

#cpx #advanced-search .wrapper {padding-bottom: 2em; margin-bottom: 2em; border-bottom: 2px dashed #ccc;}
#cpx #advanced-search .wrapper .row {margin-top:1em; margin-bottom:1em;}
#cpx #advanced-search .wrapper label {font-weight:bold;}

#cpx #advanced-search .wrapper > .row > .col-12 {margin-bottom:1em}
#cpx #advanced-search .heading {font-size:1.5em; font-weight:bold;}

#cpx #advanced-search #keywords {margin-top:2em; padding-top:2em; border-top:2px dashed #ccc;}

#cpx #advanced-search #physical-location #zip-physical::placeholder {color:transparent;}
#cpx #advanced-search #areas-served #zip-served::placeholder {color:transparent;}

#cpx #advanced-search .wrapper input[type="checkbox"] {left:15px;}

#cpx #advanced-search #show-shelters .col-12 {margin-bottom:0;}
#cpx #advanced-search #show-shelters  p {margin-bottom:0;}
#cpx #advanced-search #show-shelters .row {margin-bottom:0;}

#cpx #advanced-search #target-pop .col-12 {margin-bottom:0;}
#cpx #advanced-search #target-pop  p {margin-bottom:0;}
#cpx #advanced-search #target-pop .row {margin-bottom:0;}

#cpx #advanced-search #buttons {border:0;}

/* ***********************************************************************************
                            DEFAULT SEARCH / SIMPLE SEARCH
*********************************************************************************** */

#cpx #simple-search > .alert {margin-bottom:2em;}
#cpx #simple-search > .alert > *:last-child *:last-child {margin-bottom:0;}

#cpx #simple-search #simple-search-input input::placeholder {color:#000;}
#cpx #simple-search #simple-search-input .col-12 p {margin-top:.5em; padding-left:.75em;}

#cpx #simple-search .heading {font-weight:bold; font-size:1.25em;}
#cpx #simple-search #common-searches .heading {margin-bottom:0;}

#cpx #simple-search ul {list-style-type:none; margin:0; padding:0;}
#cpx #simple-search ul.common-searches > li:first-child {padding:0 0 1em 0;}

#cpx #simple-search li {padding:.5em 0;}

#cpx #simple-search #manage-all {border-top:1px dotted #ccc; margin-top:1.5em;}

/* ***********************************************************************************
                            RESOURCE VERIFY
*********************************************************************************** */

#cpx #resource-verify .heading {font-size:2.5em;}

#cpx #resource-verify #button-row  {margin-top:2em;}
#cpx #resource-verify #button-row  .btn {margin-left:-.25em;}

#cpx #resource-verify input[type="text"] {width:50%;}

/* ***********************************************************************************
                            RESOURCE EDIT STATUS
*********************************************************************************** */

#cpx #resource-edit-status .heading {font-size:2.5em;}
#cpx #resource-edit-status .col-md-4 {text-align:center;}
#cpx #resource-edit-status i {font-size:12em; font-weight:bold; color:#007bff;}

#cpx #resource-edit-status #related-resources {margin-top:2em;}
#cpx #resource-edit-status #related-resources ul {list-style-type:none; padding:0; margin:0;}
#cpx #resource-edit-status #related-resources li:not(:last-child) {margin:1em 0;}
#cpx #resource-edit-status #related-resources li.parent {font-weight:bold; padding-bottom:.8em; border-bottom:1px dotted #004085;}

/* ***********************************************************************************
                            RESOURCE EDIT
*********************************************************************************** */

#cpx #resource-edit #security-check p {margin:6px 0;}

#cpx #resource-edit #tabs {border-bottom:1px solid #ccc;}
#cpx #resource-edit #tabs div {margin-bottom:-1px;}
#cpx #resource-edit #tabs div a {text-align:center; border-top-right-radius:.325rem; border-top-left-radius:.325rem; padding:.5em; width:100%; display:block;}
#cpx #resource-edit #tabs .active a {border:1px solid #ccc; border-bottom:1px solid #fff; font-weight:bold;}

#cpx #resource-edit .edit {margin-bottom:1em;}
#cpx #resource-edit .edit:first-child {margin-top:2em;}
#cpx #resource-edit .edit .field-label {margin-bottom:0; font-weight:bold;}
#cpx #resource-edit .required {color:red;}
#cpx #resource-edit .edit input {display:block; width:100%; padding:.5em;}
#cpx #resource-edit .edit textarea {display:block; width:100%; padding:.5em;}
#cpx #resource-edit .edit input[type="checkbox"] {margin-top:.25em; width:25px; padding:0;}
#cpx #resource-edit .edit select {width:100%;}

#cpx #resource-edit #errors {margin-top:2em;}
#cpx #resource-edit #errors > p:last-child {margin-bottom:0;}

#cpx #resource-edit #submit {margin-top:2em;}
#cpx #resource-edit #submit .btn {font-weight:bold;}

#cpx #resource-edit .section-heading {font-weight:bold; font-size:1.5em; margin-bottom:.5em; margin-top:1em;}
#cpx #resource-edit .group-wrapper {margin-bottom:2em;}

#cpx #resource-edit #serviceDetails {padding-top:2em;}
#cpx #resource-edit #serviceDetails div[id^="serviceDetailsList"] {margin-bottom:1em; padding:1em; background:#f2f2f2; border-radius:.325rem;}
#cpx #resource-edit #serviceDetails div[id^="serviceDetailsList"].edit {padding:0;}
#cpx #resource-edit #serviceDetails .btn-primary {padding:.5em; text-align:left;}
#cpx #resource-edit #serviceDetails .btn-primary a {color:#fff; font-weight:bold; text-decoration:none;}
#cpx #resource-edit #serviceDetails .btn a[id^="toggleDetailsLink"] {display:block; width:100%; height:100%;}
#cpx #resource-edit #serviceDetails .btn a[id^="toggleDetailsLink"]:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#cpx #resource-edit #serviceDetails .btn a[id^="toggleDetailsLink"].expanded:before  {content:"\f13a";}

#cpx #resource-edit #serviceDetails p.new {color:green; font-weight:bold;}

#cpx #resource-edit #serviceDetails label[for$="[telephone]"] {font-weight:bold; margin:0;}
#cpx #resource-edit #serviceDetails label[for$="[telephone]"] + a {font-weight:bold;}
#cpx #resource-edit #serviceDetails .new-telephone {width:100%;}
#cpx #resource-edit #serviceDetails .new-telephone .btn {font-weight:bold; padding:0; border:1px solid #f2f2f2; min-height:2.35em;}
#cpx #resource-edit #serviceDetails .new-telephone .col-md-4 p {margin:0;}

#cpx #resource-edit #serviceDetails label[for$="[seasonalInfo]"] {font-weight:bold; margin:0;}
#cpx #resource-edit #serviceDetails label[for$="[seasonalInfo]"] + a {font-weight:bold;}
#cpx #resource-edit #serviceDetails div[id^="serviceSeasonal"] div[id^="serviceDetails"] {padding:0!important;}
#cpx #resource-edit #serviceDetails .seasonal > .edit:first-child {margin-top:1em;}
#cpx #resource-edit #serviceDetails .seasonal .col-md-4 p {margin:0;}
#cpx #resource-edit #serviceDetails .add-seasonal {width:100%; margin-bottom:3em!important;}
#cpx #resource-edit #serviceDetails .add-seasonal .btn {font-weight:bold; padding:0; border:1px solid #f2f2f2; min-height:2.35em;}
#cpx #resource-edit #serviceDetails .add-seasonal .col-md-4 p {margin:0;}
#cpx #resource-edit #serviceDetails .add-seasonal p.new {border-bottom:1px dotted green;}

#cpx #resource-edit .edit-group-heading {font-weight:bold; margin-bottom:.5em;}
#cpx #resource-edit .edit-group-heading + div {padding-left:1.5em;}
#cpx #resource-edit .edit-group-heading + div > div {padding: .5em; margin-bottom:2em; border-radius:.3rem;}
#cpx #resource-edit .edit-group-heading + div > div:last-child {margin-bottom:1em;}
#cpx #resource-edit .edit-group-heading + div > div:nth-child(odd) {background:#f2f2f2;}
#cpx #resource-edit .edit-group-heading + div p {margin-bottom:0;}
#cpx #resource-edit .edit-group-heading + div .row:not(:last-child) {margin-bottom:1em;}
#cpx #resource-edit .alert-success {background:#d4edda!important;}

#cpx #resource-edit .phone-inputs {margin-bottom:0!important;}
#cpx #resource-edit .phone-inputs + .row div span {padding-left:.75em; color:#495057;}

#cpx #resource-edit .new-heading {font-weight:bold; margin-bottom:1em!important;}

#cpx #resource-edit .add-to-group {padding-left:2em; margin-bottom:2em; padding-bottom:2em; border-bottom:2px dashed #ccc;}

#cpx #resource-edit div[id^="addressDiv"].alert-success .edit-new .col-md-4 {min-height:3em;}

/* Custom checkboxes */

  /* Customize the label (the container) */
  #cpx #resource-edit .edit .col-md-1 {display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

  /* Hide the browser's default checkbox */
  #cpx #resource-edit .edit .col-md-1 input {position: absolute; opacity: 0; cursor: pointer; left:50%;}

  /* Create a custom checkbox */
  #cpx #resource-edit .edit .col-md-1 .checkmark {position: absolute; top: 2px; left: 15px; height: 25px; width: 25px; background-color: #ccc; border-radius:5px;}

  /* On mouse-over, add a grey background color */
  #cpx #resource-edit .edit .col-md-1:hover input ~ .checkmark {background-color: #007bff;}
  #cpx #resource-edit div[id^="serviceDetailsList"].edit .col-md-1:hover input ~ .checkmark {background-color: red;}  /* custom red background for removing a telephone number */
  #cpx #resource-edit .edit .col-md-1:hover input ~ .checkmark[for$="[delete]"] {background-color: red;} /* custom red background for removing seasonal info *

  /* When the checkbox is checked, add a blue background */
  #cpx #resource-edit .edit .col-md-1 input:checked ~ .checkmark {background-color: #007bff;}
  #cpx #resource-edit div[id^="serviceDetailsList"].edit .col-md-1 input:checked ~ .checkmark {background-color: red;} /* custom red background for removing a telephone number */
  #cpx #resource-edit .edit .col-md-1 input:checked ~ .checkmark[for$="[delete]"] {background-color: red;} /* custom red background for removing seasonal info */

  /* Create the checkmark/indicator (hidden when not checked) */
  #cpx #resource-edit .edit .col-md-1 .checkmark:after {content: ""; position: absolute; display: none;}

  /* Show the checkmark when checked */
  #cpx #resource-edit .edit .col-md-1 input:checked ~ .checkmark:after {display: block;}

  /* Style the checkmark/indicator */
  #cpx #resource-edit .edit .col-md-1 .checkmark:after {left: 10px; top: 7px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


/* ***********************************************************************************
                            PRINTER FRIENDLY
*********************************************************************************** */
#cpx-print {margin-top:1em;}
#cpx-print a {text-decoration:none;}

#cpx-print #print-header #resource-header {float:left; width:60%;}
#cpx-print #print-header #print-map,
#cpx-print #print-header #no-map
 {float:right; width:39.5%;}

#cpx-print #print-header p[id^="view_label"],
#cpx-print #print-header p[class^="view_label"]
   {display:none;}
#cpx-print #print-header #view_field_name {margin:0 0 1rem 0; font-size:2em; font-weight:bold;}

#cpx-print #print-details {clear:both; padding-top:1em;}

#cpx-print #gmap {height:2in; width:100%; border:1px solid #ccc; border-radius:.3rem;}
#cpx-print #print-map p {text-align:center;}
#cpx-print #print-map p a {text-decoration:none;}
#cpx-print #print-map p#show-map {display:none;}
#cpx-print #print-header #no-map  {border:1px solid #ccc; border-radius:.3rem;}
#cpx-print #print-header #no-map p {text-align:center; padding:2em 0;}

#cpx-print .services-heading {font-weight:bold; margin-top:2em; padding-left:15px;}

#cpx-print #print-details #view_label_field_name,
#cpx-print #print-details #view_field_name,
#cpx-print #print-details #view_label_field_primaryAddressId,
#cpx-print #print-details #view_field_primaryAddressId,
#cpx-print #print-details #view_field_primaryTelephone,
#cpx-print #print-details #view_field_url
  {display:none;}

#cpx-print #print-details p[id^="view_label_field_"] {font-weight:bold; margin-bottom:0;}
#cpx-print #print-details p[id^="view_label_field_"]  + p {margin-top:0;}
#cpx-print #print-details #services_group_label {font-weight:bold; margin-top:1em; margin-bottom:0;}
#cpx-print #print-details #services_group_label + p {margin-top:0;}
#cpx-print #print-services {margin-bottom:1em;}
#cpx-print #print-services #hide-details {display:none;}
#cpx-print #print-services #hide-details a {color:#000;}
#cpx-print #print-services #hide-details a:before {content:"\f056";}
#cpx-print #print-services .print-service-toggle {margin:0 0 2em 0;}
#cpx-print #print-services a.btn {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal;}
#cpx-print #print-services a.btn:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}

#cpx-print #print-details div[class^="view_type"] {margin-bottom:1em;}

#cpx-print a[id^="toggleDetailsLink"] {margin-bottom:1em; display:block; font-weight:bold;}
#cpx-print div[id^="serviceDetailsList"] {display:none; margin-bottom:1em; padding-left:2em;}

#cpx-print #print-disclaimer p:last-child {margin-bottom:0;}
#cpx-print #print-disclaimer a {font-weight:bold; color:#155724;}

#cpx-print div.view_type_service_list {margin-bottom:1em;}
#cpx-print div.view_type_service_list > a {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal;}
#cpx-print div.view_type_service_list > a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#cpx-print div.view_type_service_list > a.expanded:before {content:"\f13a";}
#cpx-print .unavailable {color:#ffc107!important;}
#cpx-print div.view_type_service_list p[class^="view_label"] + div {margin-bottom:1em;}
#cpx-print div.view_type_service_list div .row + .row {margin-top:1em;}

#cpx-print #print-details p[class^="view_label"],
#cpx-print #print-details p[id^="view_label"],
#cpx-print #print-details p[class^="view_type_label"]
  {font-weight:bold; margin-bottom:0;}
#cpx-print #print-details div[id^="serviceDetailsList"] {padding-left:1em;}

#cpx-print #print-details div[id^="tab-"] {padding-left:1em; margin-bottom:1em;}

#cpx-print #print-details .telephone_list {padding-left:1em;}

#cpx-print #print-details .contact-list .row {margin-bottom:1em; margin-right:0;}
#cpx-print #print-details .contact-list .row:nth-child(even) {background:#f2f2f2;}
#cpx-print #print-details .contact-name p,
#cpx-print #print-details .contact-details p
  {margin-bottom:0;}

#cpx-print #print-details .geos-served {margin-bottom:1em;}
#cpx-print #print-details .geos-served ul {list-style-type:none; padding:0; margin:0 0 0 1.5em;}
#cpx-print #print-details .geos-served > ul {margin:0;}
#cpx-print #print-details .partial {color:#aaa;}
#cpx-print #print-details .partial > *:not(i) {color:#000;}

#cpx-print #print-details div.view_type_service_list div a.btn-block {display:none;}

/* Shelter listing */

#cpx-print #shelter-heading {border-bottom: 1px solid #000; margin:0;}
#cpx-print #shelter-heading * {font-weight:bold;}
#cpx-print #shelter-heading div {padding-bottom:.5em; padding-top:.5em; vertical-align:bottom;}
#cpx-print .shelter-details div {padding-bottom:.5em; padding-top:.5em;}
#cpx-print .shelter-details {padding-top:.5em; margin:0 0 2em 0;}
#cpx-print .shelter-details .row {margin:0; padding:0;}
#cpx-print .shelter-details .row:nth-child(even) {background-color:#f2f2f2;}
#cpx-print .shelter-details .small-label {display:none;}
#cpx-print .shelter-details .shelter-avail span {font-weight:bold;}

@media print {

  #cpx-print * {font-size:1.5rem;}

  #cpx-print .services-heading {font-weight:normal; padding-left:0;}

  #cpx-print #hide-map,
  #cpx-print #hide-details,
  #cpx-print #show-details,
  #cpx-print #print-details #services_group_label + p,
  #cpx-print #print-disclaimer
    {display:none!important;}

  #cpx-print a[id^="toggleDetailsLink"]:before {content:"";}

  #cpx-print {margin-top:0;}

  #cpx-print *:not(.partial) {color:#000!important;}
  #cpx-print .unavailable {color:#000!important;}

  #cpx-print #print-details div[id^="serviceDetailsList"] {padding-left: 2em;}
  #cpx-print div.view_type_service_list > a {color:#000; background:transparent; border:0; padding-left:0; border-radius:0;}
  #cpx-print div.view_type_service_list > a:before {content:""; font-size:0;}
  #cpx-print div.view_type_service_list div[id^="serviceDetailsList"] {border-bottom:1px dotted #ccc;}
  #cpx-print div.view_type_service_list > a.expanded:before {content:"";}

  #cpx-print #shelter-heading > div[class^="col-"],
  #cpx-print .shelter-details > .row > div[class^="col-"]
    {float:left; width:33.333%;}
  #cpx-print .shelter-details > .row {border-bottom:1px dashed #ddd;}

  #cpx-print .partial {color:#ddd;}

}

/* ***********************************************************************************
                            RESOURCE PROFILE
*********************************************************************************** */

/* HEADING */

#cpx #resource-profile #resource-header *[class^="view_label"] {display:none;}
#cpx #resource-profile #resource-header p#view_field_name_top {font-size:2em; font-weight:bold; margin-bottom:0;}
#cpx #resource-profile #resource-header p#view_field_primaryAddressId {margin-bottom:0;}

/* GROUPINGS */

#cpx #resource-profile .grouping-button {margin-bottom:1em; text-align:left;}
#cpx #resource-profile .grouping-button a {color:#fff; font-weight:bold; display:block; width:100%; height:100%; white-space:normal;}
#cpx #resource-profile .grouping-button a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#cpx #resource-profile .grouping-button a[aria-expanded="true"]:before {content:"\f13a";}
#cpx #resource-profile .grouping-button a:hover {text-decoration:none;}
#cpx #resource-profile #resource-header + .grouping-button {margin-top:2em;}

#cpx #resource-profile div.view_type_service_list {margin-bottom:1em;}
#cpx #resource-profile div.view_type_service_list > a {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal; overflow:hidden;}
#cpx #resource-profile div.view_type_service_list > a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#cpx #resource-profile div.view_type_service_list > a.expanded:before {content:"\f13a";}
#cpx #resource-profile .unavailable {color:#ffc107!important;}
#cpx #resource-profile div.view_type_service_list p[class^="view_label"] + div {margin-bottom:1em;}
#cpx #resource-profile div.view_type_service_list div .row + .row {margin-top:1em;}

#cpx #resource-profile div.view_type_service_list .info {padding-left:2em; position:relative;}
#cpx #resource-profile div.view_type_service_list .info i {position:absolute; top:.25em; left:0; font-size:1.5em; color:#007bff;}

#cpx #resource-profile div#view_field_providerChildren {margin-bottom:1em;}
#cpx #resource-profile div#view_field_providerChildren p {margin-bottom:0;}

#cpx #resource-profile #main-wrapper p[class^="view_label"],
#cpx #resource-profile #main-wrapper p[id^="view_label"],
#cpx #resource-profile #main-wrapper p[class^="view_type_label"]
  {font-weight:bold; margin-bottom:0;}
#cpx #resource-profile #main-wrapper div[id^="serviceDetailsList"] {padding-left:1em;}

#cpx #resource-profile #main-wrapper div[id^="tab-"] {padding-left:1em; margin-bottom:1em;}
#cpx #resource-profile #main-wrapper #print-services {display:none; visibility:none;}

#cpx #resource-profile #main-wrapper .telephone_list {padding-left:1em;}

#cpx #resource-profile #main-wrapper .contact-list .row {margin-bottom:1em; margin-right:0;}
#cpx #resource-profile #main-wrapper .contact-list .row:nth-child(even) {background:#f2f2f2;}
#cpx #resource-profile #main-wrapper .contact-list p {margin-bottom:0;}

#cpx #resource-profile #main-wrapper .address-list .row {margin-bottom:1em; margin-right:0;}
#cpx #resource-profile #main-wrapper .address-list .row:nth-child(even) {background:#f2f2f2;}
#cpx #resource-profile #main-wrapper .address-list p {margin-bottom:0;}

#cpx #resource-profile #main-wrapper .geos-served {margin-bottom:1em;}
#cpx #resource-profile #main-wrapper .geos-served ul {list-style-type:none; padding:0; margin:0 0 0 1.5em;}
#cpx #resource-profile #main-wrapper .geos-served > ul {margin:0;}
#cpx #resource-profile #main-wrapper .partial {color:#aaa;}
#cpx #resource-profile #main-wrapper .partial > *:not(i) {color:#000;}

#cpx #resource-profile #main-wrapper div.view_type_service_list div a.btn-block {white-space:normal; background:#f2f2f2; margin-top:1em; text-align:left;}

/* Shelter listing */

#cpx #resource-profile .shelter-heading {border-bottom: 1px solid #000; margin:0;}
#cpx #resource-profile .shelter-heading * {font-weight:bold;}
#cpx #resource-profile .shelter-heading div {padding-bottom:.5em; padding-top:.5em; vertical-align:bottom;}
#cpx #resource-profile .shelter-details div {padding-bottom:.5em; padding-top:.5em;}
#cpx #resource-profile .shelter-details {padding-top:.5em; margin:0 0 2em 0;}
#cpx #resource-profile .shelter-details .row {margin:0; padding:0;}
#cpx #resource-profile .shelter-details .row:nth-child(even) {background-color:#ccc;}
#cpx #resource-profile .shelter-details .small-label {display:none;}
#cpx #resource-profile .shelter-details .shelter-avail span {font-weight:bold;}

/* NAVIGATION HEADER */

#cpx #resource-profile #nav-options {margin-bottom:15px;}
#cpx #resource-profile #nav-options a {display:block; text-align:center; border:1px solid #ccc; color:#ccc; border-radius:.3rem; padding:.5em;}
#cpx #resource-profile #nav-options div.col-md-6:first-child {padding-right:8px;}
#cpx #resource-profile #nav-options div.col-md-6:last-child {padding-left:7px;}
#cpx #resource-profile #nav-options div.col-md-4:first-child {padding-right:10px;}
#cpx #resource-profile #nav-options div.col-md-4:nth-child(2) {padding-left:5px; padding-right:5px;}
#cpx #resource-profile #nav-options div.col-md-4:last-child {padding-left:10px;}

/* MAIN COLUMNS */

#cpx #resource-profile #main-wrapper > .col-md-8 {padding-right:5px;}
#cpx #resource-profile #main-wrapper > .col-md-4 {padding-left:10px;}

/* SEND */

#cpx #resource-profile .send-group {padding:1em; margin:.5em 0; border:3px solid #ccc; border-radius:.6rem; background: #fff;}
#cpx #resource-profile .send-group > p:first-child {font-weight:bold;}
#cpx #resource-profile .send-group input {height:2em; padding:.25em; vertical-align:middle; width:100%; border-radius:.3rem; border:1px solid #ccc;}
#cpx #resource-profile .send-group input.btn {border:1px solid transparent;}
#cpx #resource-profile .send-group .success-event {margin-top:.5em;}
#cpx #resource-profile .send-group select {margin-bottom:.5em;}
#cpx #resource-profile .send-group a[role="button"] {margin-top:1em; color:#000; background:#f2f2f2;}
#cpx #resource-profile .send-group .no-gutters .col-md-8 {padding-right:.5em;}

#cpx #resource-profile #send-to-me {margin-top:2em;}
#cpx #resource-profile #send-to-me > .row > .col-md-4:first-child {padding-right:10px;}
#cpx #resource-profile #send-to-me > .row > .col-md-4:nth-child(2) {padding:0 5px;}
#cpx #resource-profile #send-to-me > .row > .col-md-4:last-child {padding-left:10px;}
#cpx #resource-profile #send-to-me a {border:3px solid #ccc; text-align:center; color:#ccc; font-weight:bold; border-radius:.6rem; display:block; width:100%; height:100%; padding:1em 0;}
#cpx #resource-profile #send-to-me a:focus {text-decoration:none; color:#000; border-color:#000;}
#cpx #resource-profile #send-to-me a i {font-size:1.75em; vertical-align:middle; padding-right:.25em;}

#cpx #resource-profile #send-phone > p:last-child {margin-top:.5em;}

/* MINI MAP */

#cpx #resource-profile #main-wrapper #gmap {height: 500px; border: 1px solid #ccc; border-top-right-radius:.3rem; border-top-left-radius:.3rem}
#cpx #resource-profile #main-wrapper #gmap + div a {display:block; padding:.5em 0; width:100%; text-align:center; border:1px solid #ccc; border-top:0;}
#cpx #resource-profile #main-wrapper #gmap + div a:last-child {border-bottom-left-radius:.3rem; border-bottom-right-radius:.3rem;}

#cpx #resource-profile #main-wrapper #no-map {border:1px solid #ccc; text-align:center; padding:4.5em 1em; border-radius:.3rem; font-weight:bold;
  background-color:#ccc;
  background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px),
  linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
  background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
  }

/* RESOURCE GROUPS */

#cpx #resource-groups {margin-top:15px; background:#f2f2f2; border-radius:5px; padding:.5em;}

#cpx #resource-groups > p:first-child {font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:.25em; margin-bottom:0;}

#cpx #resource-groups #logged-in #group_form {padding:.5em; border:1px solid #ccc; border-radius:5px; margin-bottom:1em;}
#cpx #resource-groups #logged-in #group_form > p:first-of-type {margin-bottom:0;}
#cpx #resource-groups #logged-in .heading {font-weight:bold; margin-bottom:.25em;}

#cpx #resource-groups #logged-in ul {margin-bottom:1em; padding:0;}
#cpx #resource-groups #logged-in li {display:inline;}
#cpx #resource-groups #logged-in li select {width:75%; height:2em;}
#cpx #resource-groups #logged-in li input {width:3.5em; height:2em;}

#cpx #resource-groups #logged-in #group_form {padding:.5em;}
#cpx #resource-groups #logged-in table {/*margin:.25em 0 .75em 1em;*/ width:100%;}
#cpx #resource-groups #logged-in table td {padding-bottom:.25em;}
#cpx #resource-groups #logged-in table td:first-child {width:90%; /*padding-left:2%;*/}
#cpx #resource-groups #logged-in table td:nth-child(2) {text-align:right; /*padding-right:2%;*/}
#cpx #resource-groups #logged-in table tr:nth-child(2n) {background:#fff;}

#cpx #resource-groups #logged-in #create-new #create-new-fields {margin:.25em 0 0 1em; border:1px solid #ccc; padding:4%; width:90%;}
#cpx #resource-groups #logged-in #create-new #create-new-fields p {margin-bottom:0;}
#cpx #resource-groups #logged-in #create_group {border-top:1px solid #ccc; padding-top:.5em; margin-top:.5em;}
#cpx #resource-groups #logged-in #create_group + p {margin-top:.5em;}
#cpx #resource-groups #logged-in .error-message {display:none; font-weight:bold; color:red;}
#cpx #resource-groups #logged-in #create-new input[type="text"] {height:1.75em; width:99%;}
#cpx #resource-groups #logged-in #create-new input[type="submit"] {width:48%;}
#cpx #resource-groups #logged-in #create-new input[type="submit"] + a {width:48%;}
#cpx #resource-groups #logged-in #create-new a[data-toggle="collapse"]:after {content:none;}

#cpx #resource-groups #logged-in #select-resource-group .col-lg-8 {padding-right:.5em;}

#cpx #resource-groups #create-new-fields #create_group_input {width:100%; padding:.25em;}
#cpx #resource-groups #create-new-fields #create_group_name_submit {width:100%; margin:.25em 0;}
#cpx #resource-groups #create-new-fields #create_group_name_submit + a {margin-left:1%;}
#cpx #resource-groups #create-new-fields #create_group_name_submit + a input {width:100%;}
#cpx #resource-groups #create_group_link {font-weight:normal; text-decoration:none;}

#cpx #resource-profile #not-logged-in {padding:4.5em 1em; text-align:center; border:1px solid #ccc; margin-top:1em; border-radius:.3rem;}

#cpx #resource-profile #edit-profile {margin-top: 15px; background: #f2f2f2; border-radius: 5px; padding: .5em;}
#cpx #resource-profile #edit-profile p:first-child {font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: .25em; margin-bottom: 1em;}

#cpx #resource-profile .services-heading {font-weight:bold; padding-left:15px; margin-top:2em;}

/* ************************************************************
				Log in
************************************************************ */

#cpx_login .input-group-text {width:2.5em;}
#cpx_login .input-group-text i {margin:0 auto;}

#cpx_login .input-group + .input-group {border-top:0; margin-top:-1px;}

#cpx_login label[for="inputEmail"] + .input-group-prepend span {border-top-left-radius:.3rem;}
#cpx_login #modlgn-username {border-top-right-radius:.3rem; border-bottom-right-radius:0;}

#cpx_login label[for="inputPassword"] + .input-group-prepend span {border-bottom-left-radius:.3rem;}
#cpx_login #modlgn-passwd {border-bottom-right-radius:.3rem; border-top-right-radius:0;}

#cpx_login .custom-checkmark-wrapper + div p {padding-top:.7em;}

/* ************************************************************
				My Account
************************************************************ */

#cpx_account {min-height:80vh;}
#cpx_account h2 + p span {font-weight:bold;}
#cpx_account .btn {width:100%; font-weight:bold; white-space:normal!important;}

#cpx_account #left-column a,
#cpx_account #left-column p
 {display:block; padding:.5em 0; margin:.5em 0;}

#cpx_account #recent-history .heading {font-weight:bold;}

#cpx_account #resource-groups #name p {margin:0!important;}
#cpx_account #resource-groups #name p:first-child {font-weight:bold;}
#cpx_account #resource-groups .row {margin:.5em 0; padding:.5em 0; border-radius:.3rem;}
#cpx_account #resource-groups .row:nth-child(odd) {background-color:#eee;}
#cpx_account #resource-groups .row:first-child {margin-top:0;}
#cpx_account #resource-groups .btn {width:100%;}

#cpx_account #resource-groups .btn-success {margin-bottom:2em;}

#cpx_account #resource-groups #sorting {text-align:center; margin:1em 0;}

#cpx_account #create-group label {display:block; margin-bottom:.25em; padding-left:.5em; font-weight:bold;}
#cpx_account #create-group input + label:not(:first-of-type) {margin-top:1em;}
#cpx_account #create-group .row {margin-top:.75em;}
#cpx_account #create-group input[type="text"],
#cpx_account #create-group textarea
  {padding:.5em;}
#cpx_account #create-group .alert {margin:1em 0;}

/* styles for the simle search input (if activated) */
#cpx_account #main_query {margin-top:1em;}
#cpx_account #main_query #simple_query {width:100%; padding:.5em; border:2px solid #666;}
#cpx_account #main_query .btn {padding:.5em; font-weight:bold; width:100%; font-size:1em; border:2px solid #666; border-left:0; color:#666; background:#ccc; border-radius:0; border-top-right-radius:.3rem; border-bottom-right-radius:.3rem; transition: all .25s ease-in-out;}
#cpx_account #main_query .btn:hover {color:#000;}
#cpx_account #main_query > div {padding:0;}
#cpx_account #main_query input#simple_query {border-top-left-radius:.3rem; border-bottom-left-radius:.3rem;}
#cpx_account .no-gutters .col-lg-6:first-child {padding-right:.13rem;}
#cpx_account .no-gutters .col-lg-6:last-child {padding-left:.12rem;}
#cpx_account .alert *:last-child {margin-bottom:0;}

#cpx_account a[title="Click here to log out."] {color:red;}

/* ************************************************************
        ADMIN - Configure Site Settings
************************************************************ */

#cpx_site_settings .row {margin-bottom:0; padding-top:1em;}
#cpx_site_settings .row:nth-child(odd):not(:first-child) {background:#f8f8f8;}

#cpx_site_settings .row input[type="text"],
#cpx_site_settings .row input[type="email"],
#cpx_site_settings .row textarea
	{width:100%; padding:.5em;}

#cpx_site_settings input[type="submit"] {padding:.5em 1em; margin-bottom:1em;}

#cpx_site_settings #akaShow p {margin-bottom:1em; color: green;}
#cpx_site_settings #akaShow p a {color:green; text-decoration:underline;}
#cpx_site_settings #akaInstructions {display:none;}
#cpx_site_settings #akaInstructions strong {font-weight:bold;}
#cpx_site_settings #akaInstructions ul {margin-left:2em; list-style-type:disc;}
#cpx_site_settings #akaInstructions ul ul {list-style-type:circle;}

#cpx_site_settings label {font-weight:bold;}

#cpx_site_settings #submit {padding-left:0;}
#cpx_site_settings #submit li {display:inline-block;}
#cpx_site_settings #submit .btn {vertical-align: top; height:3em; font-weight: bold; font-size: 1em; width:100%;}
#cpx_site_settings #submit a {padding:.7em 1em .25em 1em;}

#cpx_site_settings .btn:hover {cursor:pointer;}

/* ***********************************************************************************
                            CPX HOMEPAGE
*********************************************************************************** */

#cpx #default-main #splash {padding-bottom:15px;}

#cpx #default-main #no-common-searches {color:#fff; font-weight:bold; text-align:center; display:block; padding: 15px 0; margin-bottom:15px; background-color: #1c3565; border:1px solid #1c3565;}

#cpx #default-main #common-searches div a {font-weight:bold; text-align:center; display:block; padding: 15px 0; margin-bottom:15px; border-radius:.3rem; transition: all .25s ease-in-out; padding-top:158px; background-repeat:no-repeat; background-position:center 15px; background-color:#fff; color:#007bff; border:1px solid #fff!important; box-shadow: 0 0 2px #bbb;}
#cpx #default-main #common-searches div a:hover {box-shadow: 0 0 16px #C0C0C0; color:#007bff; text-decoration:none;}

#cpx #default-main #more-common-searches a {color:#666; font-weight:bold; text-align:center; display:block; padding: 15px 0; margin-bottom:15px; background-color: #ccc; opacity: 0.9; filter: alpha(opacity=60); /* For IE8 and earlier */ border:2px solid #666; border-radius:.3rem; transition: all .25s ease-in-out;}
#cpx #default-main #more-common-searches a:hover {opacity:1; filter: alpha(opacity=100); /* For IE8 and earlier */ color:#000; text-decoration:none;}

#cpx #default-main #splash #jumbo-title h1 {color:#000; margin-top:0; font-weight:bold; font-size:3em; padding: 0 0 0 .05em; text-align:center;}
#cpx #default-main #splash #jumbo-subtitle h2 {color:#000; margin-bottom:1em; padding:0; font-weight:bold; font-size:1.5em; padding: 0 0 0 .05em; text-align:center;}

/* styles for the simle search input (if activated) */
	#cpx #default-main #splash #main_query #simple_query {width:100%; padding:.5em; border:2px solid #666;}
	#cpx #default-main #splash #main_query .btn {padding:.5em; font-weight:bold; width:100%; font-size:1em; border:2px solid #666; border-left:0; color:#666; background:#ccc; border-radius:0; border-top-right-radius:.3rem; border-bottom-right-radius:.3rem; transition: all .25s ease-in-out;}
	#cpx #default-main #splash #main_query .btn:hover {color:#000;}
	#cpx #default-main #splash #main_query > div {padding:0;}
	#cpx #default-main #splash #main_query input#simple_query {border-top-left-radius:.3rem; border-bottom-left-radius:.3rem;}

/* styles for the link to beds and shelter information (if activated) */
        #cpx #default-main #splash #shelter {margin:0 0 15px 0; border-radius:.3rem;}
	#cpx #default-main #splash #shelter div {background-color: #0275d8; text-align:center; color:#fff; font-weight:bold;}
	#cpx #default-main #splash #shelter div a {color:#fff; display:block; width:100%; padding:15px 0;}
	#cpx #default-main #splash #shelter div a:hover {text-decoration:none; color:#f1da36;}
        #cpx #default-main #splash #shelter .row {transition: all .25s ease-in-out; box-shadow: 0 2px 2px #000; border-radius:.3rem;}
        #cpx #default-main #splash #shelter:hover .row {box-shadow: 0 4px 4px #202020;}

#cpx #default-main #splash #supplementary-text {margin-top:1em;}
#cpx #default-main #splash #supplementary-text * {font-weight:bold; color:000;}
#cpx #default-main #splash #supplementary-text p:last-child {margin-bottom:0;}

/* Icons */
/* These styles also apply to the "search-results-category" div in default_results*/
#cpx .icon a,
#cpx .icon.Exclamation a
 {background-image: url(../images/exclamation128.png);}
#cpx .icon.Food a {background-image: url(../images/food128.png);}
#cpx .icon.Shirt a {background-image: url(../images/shirt128.png);}
#cpx .icon.Family a {background-image: url(../images/family128.png);}
#cpx .icon.Financial a {background-image: url(../images/money128.png);}
#cpx .icon.Mental a {background-image: url(../images/mental128.png);}
#cpx .icon.Dental a {background-image: url(../images/dental128.png);}
#cpx .icon.Drugs a {background-image: url(../images/drugs128.png);}
#cpx .icon.Doctor a {background-image: url(../images/doctor128.png);}
#cpx .icon.Legal a {background-image: url(../images/legal128.png);}
#cpx .icon.Education a {background-image: url(../images/education128.png);}
#cpx .icon.Transportation a {background-image: url(../images/transportation128.png);}
#cpx .icon.Employment a {background-image: url(../images/employment128.png);}
#cpx .icon.Taxes a {background-image: url(../images/taxes128.png);}
#cpx .icon.Storm a {background-image: url(../images/storm128.png);}
#cpx .icon.Location a {background-image: url(../images/location128.png);}
#cpx .icon.House a {background-image: url(../images/house128.png);}
#cpx .icon.Wheelchair a {background-image: url(../images/wheelchair128.png);}
#cpx .icon.Government a {background-image: url(../images/government128.png);}
#cpx .icon.Art a {background-image: url(../images/arts128.png);}
#cpx .icon.Tree a {background-image: url(../images/tree128.png);}
#cpx .icon.Alert a {background-image: url(../images/alert128.png);}
#cpx .icon.Baby a {background-image: url(../images/baby128.png);}
#cpx .icon.Flag a {background-image: url(../images/flag128.png);}
#cpx .icon.Group a {background-image: url(../images/group128.png);}
#cpx .icon.Handshake a {background-image: url(../images/handshake128.png);}
#cpx .icon.Information a {background-image: url(../images/information128.png);}
#cpx .icon.Return a {background-image: url(../images/return128.png);}
#cpx .icon.Senior a {background-image: url(../images/senior128.png);}
#cpx .icon.Utilities a {background-image: url(../images/utilities128.png);}
#cpx .icon.Unaccompanied a {background-image: url(../images/unaccompanied128.png);}
#cpx .icon.Objectgroup a {background-image: url(../images/objectgroup128.png);}
#cpx .icon.Magnify a {background-image: url(../images/magnify128.png);}
#cpx .icon.Binoculars a {background-image: url(../images/binoculars128.png);}
#cpx #common-searches .icon.No-icon a {background-image: none;}
#cpx #search-results .icon.No-icon a {background-image: url(../images/binoculars128.png);}

/* ***********************************************************************************
                            MANAGE ALL COMMON SEARCHES
*********************************************************************************** */

#cpx #manage-common-searches .heading {font-size:2em; font-weight:bold;}
#cpx #manage-common-searches form {margin:2em 0;}
#cpx #manage-common-searches form .row {padding-top:.5em; padding-bottom:.5em;}
#cpx #manage-common-searches form .row:nth-child(even) {background:#eee; margin-top:.25em; margin-bottom:.25em;}
#cpx #manage-common-searches form input[type="text"] {padding:0 .25em; width:2em; margin-top:.275rem;}
#cpx #manage-common-searches #link-name {font-weight:bold; padding-top:.375rem;}
#cpx #manage-common-searches .btn {font-weight:bold; width:100%;}
#cpx #manage-common-searches #update-order {margin-top:2em; margin-left:-15px; background:#fff;}
#cpx #manage-common-searches #zero-alert {margin:2em 15px;}
#cpx #manage-common-searches #zero-alert a {color:#28a745; font-weight:bold;}
#cpx #manage-common-searches #create-new .btn {width:auto;}

/* ***********************************************************************************
                            EDIT A COMMON SEARCH
*********************************************************************************** */

#cpx #edit-common-search #errors p:last-child {margin-bottom:0;}

#cpx #edit-common-search #title {font-size:2em; font-weight:bold;}
#cpx #edit-common-search #title + p {margin-bottom:3em;}

#cpx #edit-common-search .row {margin:2em 0;}

#cpx #edit-common-search input[type="text"] {width:100%; padding:.25em;}
#cpx #edit-common-search label {font-weight:bold;}

#cpx #edit-common-search .heading {font-weight:bold; font-size:1.5em;}
#cpx #edit-common-search .wrapper {padding-bottom:2em; margin-bottom:2em; border-bottom:2px dashed #ccc;}
#cpx #edit-common-search form {margin-top:2em; border-top:2px dashed #ccc;}

#cpx #edit-common-search #choose-icon .col-md-3  {text-align:center; margin-bottom:3em; border:2px solid transparent; padding:15px; border-radius:5px;}
#cpx #edit-common-search #choose-icon .col-md-3:hover {border:2px dashed #ccc;}
#cpx #edit-common-search #choose-icon .col-md-3.active {border:2px solid #007bff;}
#cpx #edit-common-search #choose-icon .col-md-3 a {display:block; width:100%; height:100%;}
#cpx #edit-common-search #choose-icon a[data-toggle="collapse"] {font-weight:bold;}
#cpx #edit-common-search #choose-icon #icon-grid .row {margin-bottom:0;}
#cpx #edit-common-search #choose-icon #icon-grid #no-icon a {text-align:left; background-color:#ccc; padding:15px; color:#000; border-radius:5px; font-weight:bold;}
#cpx #edit-common-search #choose-icon #icon-grid #no-icon a:hover {text-decoration:none;}
#cpx #edit-common-search #choose-icon #icon-grid > p {text-align:center;}

#cpx #edit-common-search #physical-location select {padding:.25em;}

#cpx #edit-common-search textarea {width:100%;}

#cpx #edit-common-search #submit {padding-left:0;}
#cpx #edit-common-search #submit li {display:inline-block;}
#cpx #edit-common-search #submit .btn {vertical-align: top; height:3em; font-weight: bold; font-size: 1em; width:100%;}
#cpx #edit-common-search #submit a {padding:.7em 1em .25em 1em;}

/* ***********************************************************************************
                            SEARCH RESULTS
*********************************************************************************** */

/* SORT OPTIONS */

#cpx #search-results #sort-options {margin-top:1em; margin-bottom:1em;}
#cpx #search-results #sort-options .btn-warning {cursor:cell;}
#cpx #search-results #sort-options .btn {white-space:normal;}

#cpx #search-results #sort-options .col-md-4 {position:relative;}
#cpx #search-results #sort-options .help {position:absolute; right:15px; top:.2em; color:#fff; z-index:999; padding:3px; border:1px solid #fff; border-radius:.325rem; margin-right:.25em;}
#cpx #search-results div[id^="explain-"] .alert span {font-weight:bold;}

/* REFINE YOUR RESULTS */

#cpx #search-results #refine input[type="text"],
#cpx #search-results #refine select,
#cpx #search-results #refine textarea
  {width:95%;}

#cpx #search-results #refine select#geo-physical-select {width:100%;}

#cpx #search-results #refine .options-alert {color:#17a2b8; font-weight:bold;}

#cpx #search-results #refine .criteria-group > p a[aria-expanded="false"]:after {content: "\f065"; font-family: FontAwesome; position:absolute; right:.15em; top:0; font-weight:normal;}
#cpx #search-results #refine .criteria-group > p a[aria-expanded="true"]:after {content: "\f066"; font-family: FontAwesome; position:absolute; right:.15em; top:0; font-weight:normal;}

#cpx #search-results #refine {background:#fff; border-radius:5px; padding:15px; margin-bottom:2em; border:2px dashed #ccc;}

#cpx #search-results #refine .criteria-group div {padding-bottom:0!important;}
#cpx #search-results #refine .criteria-group > p:first-child {position:relative;}
#cpx #search-results #refine .criteria-group > .collapse > div {margin-bottom:1em;}
#cpx #search-results #refine .criteria-group i {padding-left:1em;}

#cpx #search-results #refine form > p:first-of-type {color:#000; font-size:1.5em; margin-bottom:0;}
#cpx #search-results #refine > p:nth-child(2) {border-bottom:1px solid #ccc; padding-bottom:.25em;}

#cpx #search-results #refine .criteria-group > p:first-child a {font-weight:bold; margin-top:.25em; margin-bottom:.5em;}
#cpx #search-results #refine .criteria-group > *:not(:first-child) {margin-left:1em;}

#cpx #search-results #refine .criteria-group > div:first-of-type > a.explain {float:right; font-size:1.25em; line-height:1em; z-index:999;}
#cpx #search-results #refine .criteria-group *[id^='explain'] p + p {margin-top:1em;}
#cpx #search-results #refine .criteria-group .alert {max-width:95%;}

#cpx #search-results #refine .criteria-group {border-bottom:1px solid #ccc; margin-top:.5em;}
#cpx #search-results #refine .criteria-group p {margin-bottom:.25em;}
#cpx #search-results #refine .criteria-group div:last-child p:last-child {margin-bottom:1em;}
#cpx #search-results #refine .criteria-group > *:last-child {margin-bottom:.75em;}
#cpx #search-results #refine .criteria-group div {padding-bottom:.5em;}

#cpx #search-results #refine #physical-location-fields ul {padding-left:0;}
#cpx #search-results #refine #physical-location-fields li {display:inline-block;}
#cpx #search-results #refine #physical-location-fields li:first-child input {width:5em;}
#cpx #search-results #refine #physical-location-fields li .btn {margin:-2px 0 0 0; /*padding:0 .5em; height:1.7em; border:0;*/}
#cpx #search-results #refine #physical-location-fields li .btn:disabled {cursor:not-allowed;}

#cpx #search-results #refine #areas-served-fields input[name="geo_zipcode"] {width:5em;}

#cpx #search-results #refine #shelters-fields p label {font-weight:normal; margin-bottom:0}

#cpx #search-results #refine #service-codes-fields {margin-bottom:.5em;}
#cpx #search-results #refine #service-codes-fields textarea {padding:.25em;}

#cpx #search-results #refine select option:hover {background:#000;}

#cpx #search-results #refine #buttons .btn {margin:.5em 0 0 0; padding:.5em 0;}

#cpx #search-results #refine #shelters-fields .col-10 p {margin-bottom:0; padding-top:.25em;}

#cpx #search-results #refine input[name="volunteer_query"] {margin-top:.5em;}
#cpx #search-results #refine input[name="wishlist_query"] {margin-top:.5em;}
#cpx #search-results #refine select[name="target_pop_id"] {margin-top:.5em;}

/* RESOURCE GROUPS REMINDER */

#cpx #search-results #resource-groups-reminder {margin-top:15px; background:#fff; border-radius:5px; padding:.5em; border:1px solid #ddd;}
#cpx #search-results #resource-groups-reminder > p:first-child {font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:.25em; margin-bottom:0;}
#cpx #search-results #resource-groups-reminder > p:last-child {margin-bottom:0;}

/* CATEGORY HEADER */

#cpx #search-results .search-results-category {border:1px solid #007bff; border-radius:5px; width:auto; padding:1em 0; margin-bottom:15px; padding-bottom:0;}
#cpx #search-results .search-results-category .row {margin:0;}
#cpx #search-results .search-results-category .row + .row {margin-top:15px;}
#cpx #search-results .search-results-category .icon a {display:block; height:128px; width:100%; background-repeat:no-repeat; background-position: center;}
#cpx #search-results .search-results-category div:first-child {text-align:center;}
#cpx #search-results .search-results-category h4 {text-align:center; font-weight:bold; margin-bottom:0; margin-top:1em; line-height:1.5em; color:#007bff;}
#cpx #search-results .search-results-category p {text-align:center; margin-bottom:0;}
#cpx #search-results .search-results-category .row + .row {border-top:1px solid #ccc; text-align:center;}
#cpx #search-results .search-results-category .row + .row div {transition: all .25s ease-in-out}
#cpx #search-results .search-results-category .row + .row div + div {border-left:1px solid #ccc;}
#cpx #search-results .search-results-category .row + .row a {color:#ccc; font-weight:bold; display:block; width:100%; height:100%; padding-top:.5em; padding-bottom:.5em;}
#cpx #search-results .search-results-category .row + .row a:hover {color:#007bff;}
#cpx #search-results .search-results-category i {font-size:1.5em; vertical-align:middle; padding-bottom:.25rem;}
#cpx #search-results .search-results-category .row + .row div:hover {background:#007bff;}
#cpx #search-results .search-results-category .row + .row div:hover a,
#cpx #search-results .search-results-category .row + .row div:hover a:hover
 {color:#fff; text-decoration:none;}

/* RESULT ROWS */

#cpx #results-column #result-rows-wrapper {margin-bottom:1em;}

/* Customize the label (the container) */
#cpx #results-column .checkbox-column {
  display: block;
  position: relative;
  /*padding-left: 35px;
  margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
#cpx #results-column .checkbox-column input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left:50%;
}

/* Create a custom checkbox */
#cpx #results-column .checkbox-column .checkmark {
  position: absolute;
  top: 2px;
  left: 50%;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  border-radius:5px;
}

/* On mouse-over, add a grey background color */
#cpx #results-column .checkbox-column:hover input ~ .checkmark {
  background-color: #007bff;
}

/* When the checkbox is checked, add a blue background */
#cpx #results-column .checkbox-column input:checked ~ .checkmark {
  background-color: #007bff;
}

/* Create the checkmark/indicator (hidden when not checked) */
#cpx #results-column .checkbox-column .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
#cpx #results-column .checkbox-column input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
#cpx #results-column .checkbox-column .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cpx #results-column .result-row {padding:1em 0; border-radius:5px; clear:both; position:relative; display:block; overflow:hidden;}
#cpx #results-column .result-row .row {margin:0;}
#cpx #results-column .result-row:nth-child(even) {background:#f2f2f2;}
#cpx #results-column .resource-info {padding-left:1.5em; margin-bottom:1em;}
#cpx #results-column .result-row:nth-child(even) .resource-info {margin-bottom:0;}
#cpx #results-column.resource-name {margin:0;}
#cpx #results-column .resource-name a {font-weight:bold; font-size:1.25em;}
#cpx #results-column .resource-name span {display:inline-block; width:25px; text-align:center;}
#cpx #results-column .resource-name span input {vertical-align:middle;}
#cpx #results-column .resource-description {margin:0;}
#cpx #results-column .resource-address p {margin-bottom:.5em; line-height:1.25em;}
#cpx #results-column .result-row .services {margin-top:1em;}
#cpx #results-column .result-row .services span {font-weight:bold; color:#404040;}

/* Shelter listing */

#cpx #search-results .shelter-heading {border-bottom: 1px solid #000;}
#cpx #search-results .shelter-heading * {font-weight:bold;}
#cpx #search-results .shelter-heading div {padding-bottom:.5em; padding-top:.5em; vertical-align:bottom;}

#cpx #search-results .shelter-details div {padding-bottom:.5em; padding-top:.5em;}
#cpx #search-results .shelter-details .small-label {display:none;}
#cpx #search-results .shelter-details .shelter-avail span {font-weight:bold;}

/* OPTIONS AT BOTTOM OF LIST */

#cpx .search-results-options {padding:0; margin:0;}
#cpx .result-row + .search-results-options {margin-top:15px;}

#cpx .search-results-options #viewing-resources #viewing-string {margin:0 16px 2px 16px; width:100%;}
#cpx .search-results-options #viewing-resources p {text-align:center; margin-bottom:0; white-space:normal;}

#cpx .search-results-options .pagination {margin:0 0 2px 0; text-align:center; padding-left:15px; padding-right:15px; width:100%;}
#cpx .search-results-options .pagination .col-md {border:1px solid #fff; font-weight:bold; padding:0;}
#cpx .search-results-options .pagination .col-md a,
#cpx .search-results-options .pagination .col-md span
  {color:#fff; font-weight:bold; height:100%; width:100%;}
#cpx .search-results-options .pagination .current,
#cpx .search-results-options .pagination .disabled span
 {opacity:.65;}
#cpx .search-results-options .pagination .current span:hover,
#cpx .search-results-options .pagination .disabled span:hover
 {cursor:not-allowed;}

#cpx .search-results-options #select-resources {margin-bottom:2px;}
#cpx .search-results-options #select-resources .col-md-6:first-child {padding:0 1px 0 16px;}
#cpx .search-results-options #select-resources .col-md-6:last-child {padding:0 16px 0 1px;}
#cpx .search-results-options #select-resources .btn {display:block; width:100%; height:100%; font-weight:bold;}

#cpx .search-results-options #save-resources {border:1px solid #007bff; border-radius:.375rem; margin-bottom:2px; margin:0 1px 2px 1px; padding-right:15px;}
#cpx .search-results-options #save-resources * {margin:0;}
#cpx .search-results-options #save-resources div[class^="col-"] {margin:2px 0; border:1px solid #fff;}
#cpx .search-results-options #save-resources input.btn {width:100%;}
#cpx .search-results-options #save-resources input.btn:hover {background:#007bff; color:#fff;}
#cpx .search-results-options #save-resources select {width:100%; height:100%;}
#cpx .search-results-options #save-resources .col-md-6 {padding-right:2px;}
#cpx .search-results-options #save-resources .col-md-6 + div {padding-left:0;}

#cpx .search-results-options .error-message {padding:1em; color:red; font-weight:bold;}
#cpx .search-results-options .error-message a {text-decoration:underline;}
#cpx .search-results-options .error-message p + p {margin-top:1em!important;}

#cpx .search-results-options #print-resources {border:1px solid #007bff; border-radius:.375rem; margin-bottom:2px; margin:0 1px 2px 1px;}
#cpx .search-results-options #print-resources * {margin:0;}
#cpx .search-results-options #print-resources div[class^="col-"] {margin:2px 0;}
#cpx .search-results-options #print-resources .col-md-2 {padding-left:0;}
#cpx .search-results-options #print-resources input.btn {width:100%;}
#cpx .search-results-options #print-resources input.btn:hover {background:#007bff; color:#fff;}
#cpx .search-results-options #print-resources .custom-checkmark-wrapper input {left:20px; top:5px;}
#cpx .search-results-options #print-resources .custom-checkmark-wrapper input + span {padding-left:30px; font-size:1rem; font-weight:bold;}
#cpx .search-results-options #print-resources .custom-checkmark-wrapper label {margin-top:.15em;}

/* NO SEARCH RESULTS */

#cpx #no-search-results {margin-top:3em;}
#cpx #no-search-results > p:first-child {font-size:3em;}


/* ************************************************************************************
     RESPONSIVE
       Bootrap 4 Breakpoints
         Extra small (less than 576px): Default
         Small: 576px
         Medium: 768px
         Large: 992px
         Extra Large: 1200px
************************************************************************************ */

/* Down from maximum width to the Small breakpoint */
@media only screen and (min-width : 576px) {

}

/* -------------------------------------------------------------------------- */

/* Down from maximum width to the Medium breakpoint */
@media only screen and (min-width : 768px) {

  /* Simple Search */

    #cpx #simple-search #simple-search-input > p:first-of-type {display:none;}

  /* Search Results */

  #cpx #search-results .row .shelter-details:nth-child(odd) {background:#ccc;}
  #cpx #search-results .resource-address p {font-weight:bold; color:#404040;}

}

/* -------------------------------------------------------------------------- */

/* Down from maximum width to the Large breakpoint */
@media only screen and (min-width : 992px) {

}

/* -------------------------------------------------------------------------- */

/* Down from maximum width to the Extra Large breakpoint */
@media only screen and (min-width : 1200px) {

}

/* -------------------------------------------------------------------------- */

/* Up from minimum width to the Extra Large breakpoint */
@media only screen and (max-width:1199px) {

}

/* -------------------------------------------------------------------------- */

/* Up from minimum width to the Large breakpoint */
@media only screen and (max-width:991px) {

  /* My Account */
    #cpx_account .no-gutters .col-lg-6:first-child {padding-right:0; margin-bottom:.25rem;}
    #cpx_account .no-gutters .col-lg-6:last-child {padding-left:0;}

  /* Resource Profile */
    /* Resource groups */
    #cpx #resource-groups #logged-in #select-resource-group .col-lg-8 {padding-right:.0; margin-bottom:.5em;}

    /* Shelter Listing */
    #cpx #resource-profile .shelter-details {padding:0;}
    #cpx #resource-profile #shelter-heading {display:none;}
    #cpx #resource-profile .shelter-details {margin-top:2em!important;}
    #cpx #resource-profile .shelter-details .small-label {display:inline;}
    #cpx #resource-profile .shelter-details .row {margin:0 0 2em -15px;}
    #cpx #resource-profile .shelter-details .row:nth-child(even) {background:none;}
    #cpx #resource-profile .shelter-details .shelter-name {font-weight:bold;}
    #cpx #resource-profile .shelter-details .shelter-avail span {font-weight:normal;}

}

/* -------------------------------------------------------------------------- */

/* Between the Extra-Large breapoint and the Large breakpoint */
@media only screen and (max-width: 1199px) and (min-width:992px) {

  /* My Account */
  #cpx_account #buttons a {min-height:4em;}

}

/* -------------------------------------------------------------------------- */

/* Between the Large breapoint and the Medium breakpoint */
@media only screen and (max-width: 991px) and (min-width:768px) {

  /* My Account */
  #cpx_account #buttons a {min-height:5.5em;}

}

/* -------------------------------------------------------------------------- */

/* Up from minimum width to the Medium breakpoint */
@media only screen and (max-width:767px) {

  /* Manage Layouts */
    #cpx #manage-layouts div[class^="col-"] {margin-bottom:.5em;}
    #cpx #manage-layouts .disclaimer1 {margin-bottom:2em;}
    #cpx #manage-layouts #groupingsTable .header {display:none;}
    #cpx #manage-layouts #groupingsTable .header span {position:static;}
    #cpx #manage-layouts #groupingsTable .col-md-1 {text-align:left!important;}
    #cpx #manage-layouts #groupingsTable .name span:before {content:"Group Name: "; font-size:1rem; font-weight:bold;}
    #cpx #manage-layouts #groupingsTable .desc span:before {content:"Description: "; font-size:1rem; font-weight:bold;}
    #cpx #manage-layouts #groupingsTable .up a:before {content:"Move Up: "; font-size:1rem;}
    #cpx #manage-layouts #groupingsTable .down a:before {content:"Move Down: "; font-size:1rem;}
    #cpx #manage-layouts #groupingsTable .remove a:before {content:"Remove: "; font-size:1rem;}

  /* Manage Groups */
    #cpx #manage-groupings div[class^="col-"] {margin-bottom:.5em;}
    #cpx #manage-groupings #fieldsTable .header {display:none;}
    #cpx #manage-groupings #fieldsTable .header span {position:static;}
    #cpx #manage-groupings #fieldsTable .col-md-1 {text-align:left;}
    #cpx #manage-groupings #fieldsTable .label span:before {content:"Field Name: "; font-size:1rem; font-weight:bold;}
    #cpx #manage-groupings #fieldsTable .type span:before {content:"Field Type: "; font-size:1rem; font-weight:bold;}
    #cpx #manage-groupings #fieldsTable .desc span:before {content:"Field Description: "; font-size:1rem; font-weight:bold;}
    #cpx #manage-groupings #fieldsTable .up a:before {content:"Move Up: "; font-size:1rem;}
    #cpx #manage-groupings #fieldsTable .down a:before {content:"Move Down: "; font-size:1rem;}
    #cpx #manage-groupings #fieldsTable .remove a:before {content:"Remove: "; font-size:1rem;}

  /* Edit Common Search */
    #cpx #edit-common-search #zip-physical {margin-bottom:.5em;}

  /* Reports */
    #cpx #report #basic_report_form #buttons {margin-top:4em;}

  /* Advanced Search Settings */
    #cpx #advanced-search-settings .col-md-4 p {margin-left:1em;}

    #cpx #advanced-search-settings #target-pop input {margin-bottom:.5em;}
    #cpx #advanced-search-settings #target-pop .headings {display:none;}
    #cpx #advanced-search-settings #target-pop .pop-code:before {content:"Pop. Code: "; display:inline-block; width:7em;}
    #cpx #advanced-search-settings #target-pop .pop-label:before {content:"Public Label: "; display:inline-block; width:7em;}

    #cpx #advanced-search-settings #buttons .btn {margin-bottom:.5em;}

  /* Service Tree */
    #cpx #service-tree #search-tree .btn {margin-top:.5em;}
    #cpx #service-tree #breadcrumbs li  {display:block;}
    #cpx #service-tree #breadcrumbs li:not(:last-child):after {content:""; padding:0;}
    #cpx #service-tree #breadcrumbs li:not(:first-child):before {content:"\00bb"; padding-right:.5em;}
    #cpx #service-tree #breadcrumbs li:nth-child(2) {padding-left:.5em;}
    #cpx #service-tree #breadcrumbs li:nth-child(3) {padding-left:1em;}
    #cpx #service-tree #breadcrumbs li:nth-child(4) {padding-left:1.5em;}
    #cpx #service-tree #breadcrumbs li:nth-child(5) {padding-left:2em;}
    #cpx #service-tree #breadcrumbs li:nth-child(6) {padding-left:2.5em;}
    #cpx #service-tree ul.service-tools li {display:block; margin:0!important; padding:0!important; border:0!important; text-align:left;}

  /* Advanced Search */

    #cpx #advanced-search .row > .col-12 {margin-bottom:0;}
    #cpx #advanced-search .row > .col-12 > p:last-child {margin-bottom:0;}

    #cpx #advanced-search #physical-location #zip-physical {margin-bottom:.5em;}
    #cpx #advanced-search #physical-location #zip-physical::placeholder {color:#495057;}

    #cpx #advanced-search #areas-served #zip-served-wrapper > div:last-child {display:none;}
    #cpx #advanced-search #areas-served #zip-served::placeholder {color:#495057;}

    #cpx #advanced-search #target-pop select {margin:.5em 0;}

    #cpx #advanced-search #buttons .btn {margin-bottom:.5em;}

  /* Simple Search */

    #cpx #simple-search #simple-search-input input {margin-bottom:.5em;}
    #cpx #simple-search #simple-search-input input::placeholder {color:transparent;}

    #cpx #simple-search #simple-search-input .col-12 p {padding-left:0;}

    #cpx #simple-search #common-searches {margin-bottom:2em;}

  /* Verify resource */

    #cpx #resource-verify #button-row .btn {margin-bottom:.5em;}
    #cpx #resource-verify input[type="text"] {width:100%;}

  /* Edit Resource */

    #cpx #resource-edit #tabs div {max-width:45%;}

    #cpx #resource-edit .required {margin-bottom:0;}
    #cpx #resource-edit .edit p,
    #cpx #resource-edit .edit .col-md-4 label
      {margin-left:2px;}
    #cpx #resource-edit #submit .btn {margin-bottom:.5em;}

    #cpx #resource-edit #serviceDetails .btn a[id^="toggleDetailsLink"] {white-space: normal; padding-left:1em; text-indent:-1.175em;}
    #cpx #resource-edit #serviceDetails .btn a[id^="toggleDetailsLink"]:before {font-size:1em;}

    #cpx #resource-edit .edit .col-md-1 .checkmark {right:15px!important; left:inherit;}

    #cpx #resource-edit #serviceDetails select[name$="[providerTelephoneId]"] {margin-bottom:1em;}

    #cpx #resource-edit div[id^="addressDiv"].alert-success .edit-new .col-md-4 {min-height:1em;}

    #cpx #resource-edit .phone-inputs input {margin-bottom:.5em;}
    #cpx #resource-edit .phone-inputs > div:last-child input {margin-bottom:1em;}
    #cpx #resource-edit .phone-inputs + .row {display:none;}

  /* Search results */

    #cpx #search-results #sort-options .btn {margin-bottom:.5em;}

    #cpx #search-results .search-results-category h4 {margin-top:15px!important;}
    #cpx #search-results .search-results-category .row + .row div + div {border-top:1px solid #ccc; border-left:0;}

    #cpx #search-results #refine input[type="text"],
    #cpx #search-results #refine .criteria-group .alert,
    #cpx #search-results #refine #service-codes-fields textarea
      {width:90%;}
    #cpx #search-results #refine #physical-location-fields li:not(:last-child) {margin-bottom:.5em;}
    #cpx #search-results #refine #shelters-fields .col-10 p {padding-top:0;}

    #cpx #search-results #results-column .result-row .checkbox-column {padding:.2em 0 0 0;}
    #cpx #search-results #results-column .result-row .resource-info {padding:0 15px;}
    #cpx #results-column .resource-address p {margin-bottom:0; line-height:1.5em;}

    #cpx #search-results #resource-groups-reminder {margin:0 15px 2em 15px;}

    /*#cpx #search-results .search-results-options {margin-left:15px; margin-right:15px;}*/

    #cpx #search-results .search-results-options #select-resources {padding-left:16px; padding-right:16px;}
    #cpx #search-results .search-results-options #select-resources .col-md-6:first-child {padding-left:0; margin-bottom:2px;}
    #cpx #search-results .search-results-options #select-resources .col-md-6:last-child {padding-right:0;}

    #cpx #search-results .search-results-options #save-resources div[class^="col-"] {border:0; padding:2px 15px;}
    #cpx #search-results .search-results-options #save-resources div.col-md-6 {padding-right:15px;}
    #cpx #search-results .search-results-options #save-resources div.col-md-4:last-child {padding-left:15px; margin-bottom:.5em;}
    #cpx #search-results .search-results-options #save-resources .btn {text-align:left; padding-left:1em;}
    #cpx #search-results .search-results-options #save-resources .save-icon.btn {padding-left:0;}

    #cpx #search-results .search-results-options #print-resources div.col-md-3:last-child {margin-bottom:.5em;}
    #cpx #search-results .search-results-options #print-resources div.col-md-3:last-child .btn {text-align:left; padding-left:2em;}

    #cpx #search-results .shelter-details {padding:0;}
    #cpx #search-results #shelter-heading {display:none;}
    #cpx #search-results .shelter-details {margin-top:2em!important;}
    #cpx #search-results .shelter-details .small-label {display:inline;}
    #cpx #search-results .shelter-details .shelter-name {font-weight:bold;}
    #cpx #search-results .shelter-details .shelter-avail span {font-weight:normal;}

    #cpx #no-search-results {margin:3em 30px;}

  /* My Account */
    #cpx_account #main_query input#simple_query {border-radius:.3rem; margin-bottom:.25rem;}
    #cpx_account #main_query .btn {border-radius:.3rem; border-left:2px solid #666;}

    #cpx_account #resource-groups .row .col-md-3 + .col-md-3 {margin-top:.25rem;}
    #cpx_account #resource-groups .row #edit {margin-top:1em;}
    #cpx_account #resource-groups .no-gutters .col-12 {padding-left:15px; padding-right:15px;}
    #cpx_account #resource-groups .no-gutters .col-12 .btn-success {margin-bottom:0;}

    #cpx_account #resource-groups #sorting {text-align:left; margin:1em 15px;}

    #cpx_account #create-group .btn-danger {margin-top:.25rem;}

  /* Resource Profile */

    /* Navigation Header */
    #cpx #resource-profile #nav-options > .col-md-4 {padding:0!important; margin-bottom:5px;}

    /* Shelter info */
    #cpx #resource-profile .shelter-heading {display:none;}

    /* Main body */
    #cpx #resource-profile #main-wrapper > .col-md-4 {padding-left:0;}
    #cpx #resource-profile div.view_type_service_list > a {padding-left:3em;}
    #cpx #resource-profile div.view_type_service_list > a:before {margin-left:-1.25em; padding-right:.35em;}

    /* Send-to-me links */
    #cpx #resource-profile #send-to-me {margin-bottom:2em;}
    #cpx #resource-profile #send-to-me > .row > .col-md-4 {padding:0!important; margin-bottom:5px;}

    #cpx #resource-profile #send-phone .no-gutters > div {padding:0; margin-bottom:.5em;}

    #cpx #resource-profile #send-email .no-gutters > div {padding:0; margin-bottom:.5em;}

    /* Seasonal Details */
    #cpx #resource-profile div[id^="serviceDetailsList"] .seasonal > div:first-child {margin-top:.5em;}
    #cpx #resource-profile div[id^="serviceDetailsList"] .seasonal div:nth-child(2n) {margin-bottom:.5em;}

    /* Contact Information */
    #cpx #resource-profile div[id^="serviceDetailsList"] .contact > div:first-child {margin-top:.5em;}
    #cpx #resource-profile div[id^="serviceDetailsList"] .contact div:nth-child(2n) {margin-bottom:.5em;}


   /* Save Resources */
   #cpx .search-results-options #save-resources {padding-right:0;}

}

/* -------------------------------------------------------------------------- */

/* Up from minimum width to the Small breakpoint */
@media only screen and (max-width:575px) {

  /* Site Settings */
  /*#cpx_site_settings .col-2 {border:1px solid #ccc; border-top-left-radius:5px; border-bottom-left-radius:5px; border-right:0;}*/

  /* Homepage */
  #cpx #default-main #splash #main_query input#simple_query {border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; margin-bottom:.25em;}
  #cpx #default-main #splash #main_query .btn {border-left:2px solid #666; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem;}
  #cpx #default-main #splash #main_query input#simple_query::-webkit-input-placeholder {text-align: center;}
  #cpx #default-main #splash #main_query input#simple_query:-moz-placeholder { /* Firefox 18- */ text-align: center;}
  #cpx #default-main #splash #main_query input#simple_query::-moz-placeholder {  /* Firefox 19+ */ text-align: center;}
  #cpx #default-main #splash #main_query input#simple_query:-ms-input-placeholder {text-align: center;}

  /* Manage common searches */
  #cpx #manage-common-searches #link-name {margin-bottom:.5em;}
  #cpx #manage-common-searches form .row {margin-left:15px; margin-right:15px;}
  #cpx #manage-common-searches form .row:nth-child(even) {margin-top:1em!important; margin-bottom:1em!important;}
  #cpx #manage-common-searches #create-new .btn {width:100%!important;}
  #cpx #manage-common-searches #update-order {margin-left:15px!important; border-top:2px dashed #ccc; padding-top:1em;}
  #cpx #manage-common-searches #update-order .col-sm-3 + .col-sm-3 {margin-top:1em;}

  /* Edit common search */
  #cpx #edit-common-search .btn {white-space:normal;}
  #cpx #edit-common-search #submit .col-sm-3 + .col-sm-3 {margin-top:1em;}

  /* Search Results */
    #cpx #search-results .search-results-category > .row:first-child {padding-bottom:.5em;}
    #cpx #search-results .search-results-category > .row:first-child h4 {margin-top:0;}
    #cpx #search-results .search-results-category {width:auto;}

}

/* ***********************************************************************************
				STYLES UNIQUE TO RD+SAMS
*********************************************************************************** */

/* RESOURCE PROFILE */

/* Send-to-me links */
#cpx #resource-profile #send-to-me > .row > .col-md-6:first-child {padding-right:10px;}
#cpx #resource-profile #send-to-me > .row > .col-md-6:nth-child(2) {padding:0 5px;}
#cpx #resource-profile #send-to-me > .row > .col-md-6:last-child {padding-left:10px;}

/*  Groupings (expandable bars) */
#cpx #resource-profile div.view_type_service_list_sams {margin-bottom:1em;}
#cpx #resource-profile div.view_type_service_list_sams > a {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal; overflow:hidden;}
#cpx #resource-profile div.view_type_service_list_sams > a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#cpx #resource-profile div.view_type_service_list_sams > a.expanded:before {content:"\f13a";}
#cpx #resource-profile div.view_type_service_list_sams p[class^="view_label"] + div {margin-bottom:1em;}
#cpx #resource-profile div.view_type_service_list_sams div .row + .row {margin-top:1em;}

#cpx #resource-profile div.view_type_service_list_sams .info {padding-left:2em; position:relative;}
#cpx #resource-profile div.view_type_service_list_sams .info i {position:absolute; top:.25em; left:0; font-size:1.5em; color:#007bff;}

#cpx #resource-profile #main-wrapper div.view_type_service_list_sams div a.btn-block {white-space:normal; background:#f2f2f2; margin-top:1em; text-align:left;}

#cpx #resource-profile #view_field_samsDescription br {line-height:2em;}

#cpx #resource-profile #view_label_field_samsServiceArea + ul {list-style-type:none;}

#cpx #resource-profile #view_field_samsServiceArea > p:first-child {font-weight:bold; padding-left:0; margin-bottom:0;}
#cpx #resource-profile #view_field_samsServiceArea > p {padding-left:15px; margin-bottom:.25em;}
#cpx #resource-profile #view_label_field_samsServiceArea + ul p {padding-left:15px; margin-bottom:.25em;}

/* PRINTER FRIENDLY */

#cpx-print div.view_type_service_list_sams {margin-bottom:1em;}
#cpx-print div.view_type_service_list_sams > a {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal;}
#cpx-print div.view_type_service_list_sams > a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#cpx-print div.view_type_service_list_sams > a.expanded:before {content:"\f13a";}
#cpx-print div.view_type_service_list_sams p[class^="view_label"] + div {margin-bottom:1em;}
#cpx-print div.view_type_service_list_sams div .row + .row {margin-top:1em;}

#cpx-print #view_field_samsDescription br {line-height:2em;}

#cpx-print #print-header #view_field_samsName {margin:0 0 1rem 0; font-size:2em; font-weight:bold;}

@media print {
  #cpx-print div.view_type_service_list_sams > a {color:#000; background:transparent; border:0; padding-left:0; border-radius:0;}
  #cpx-print div.view_type_service_list_sams > a:before {content:""; font-size:0;}
  #cpx-print div.view_type_service_list_sams div[id^="serviceDetailsList"] {border-bottom:1px dotted #ccc;}
  #cpx-print div.view_type_service_list_sams > a.expanded:before {content:"";}
}

/* MULTI-PRINT FROM SEARCH RESULTS */

#multi-print div.view_type_service_list_sams {margin-bottom:1em;}
#multi-print div.view_type_service_list_sams > a {display:block; width:100%; height:100%; font-weight:bold; color:#fff; text-align:left; margin-bottom:1em; white-space:normal;}
#multi-print div.view_type_service_list_sams > a:before {content:"\f055"; font-family: FontAwesome; font-size:2em; vertical-align:middle; padding-right:.25em;}
#multi-print div.view_type_service_list_sams > a.expanded:before {content:"\f13a";}
#multi-print div.view_type_service_list_sams p[class^="view_label"] + div {margin-bottom:1em;}
#multi-print div.view_type_service_list_sams div .row + .row {margin-top:1em;}

#multi-print .print-header .view_field_samsName {margin:0 0 1rem 0; font-size:2em; font-weight:bold;}
#multi-print .alert + .view_field_samsName {border-top:0;}

#multi-print #view_label_field_samsServiceArea + ul {list-style-type:none;}

@media print {
  #multi-print div.view_type_service_list_sams > a {color:#000; background:transparent; border:0; padding-left:0; border-radius:0;}
  #multi-print div.view_type_service_list_sams > a:before {content:""; font-size:0;}
  #multi-print div.view_type_service_list_sams div[id^="serviceDetailsList"] {border-bottom:1px dotted #ccc;}
  #multi-print div.view_type_service_list_sams > a.expanded:before {content:"";}
}

/* RESPONSIVE */

/* Up from minimum width to the Medium breakpoint */
@media only screen and (max-width:767px) {
    /* Resource Profile */
    #cpx #resource-profile #send-to-me > .row > .col-md-6 {padding:0!important; margin-bottom:5px;}
}