/**
 * @file
 * Visual styles for forms.
 */

/* Password field. */
.password-field {
  margin: 0;
}

/* Form elements. */
form {
  margin: 0;
  padding: 0;
}
fieldset {
  margin: 1em 0;
  min-width: 0;
}
.description,
.webform-element-description {
  margin-bottom: 0.5rem;
  font-size: 0.9em;
}
/**
 * We've temporarily added this Firefox specific rule here to fix fieldset
 * widths.
 * @todo remove once this Mozilla bug is fixed.
 * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
 */
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
.filter-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px; /* LTR */
}
details .details-description {
  font-style: italic;
}
label {
  display: table;
  margin-bottom: 0.25rem; /* assuming labels are displayed above fields; may need to be modified */
  font-weight: normal;
}
label[for] {
  cursor: pointer;
}
input {
  margin: 2px 0;
  /* Keep form elements from overflowing their containers. */
  max-width: 100%;
  box-sizing: border-box;
}
textarea.form-textarea {
  padding: 4px;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea,
input[type="text"] {
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  padding: 0.75rem;
}
input[type="text"] {
  width: 100%;
}
input.form-submit,
input.form-reset {
  /* override browser defaults */
  border-top-style: solid;
  border-left-style: solid;
}

/* First reset appearance of <select>s so we can later add our own dropdown arrow */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  padding: 0.55rem 3rem 0.55rem 0.55rem;
  max-width: 100%;
}
select::-ms-expand {
  display: none;
}

option {
  /* wrap text in compatible browsers */
  -moz-white-space: pre-wrap;
  -o-white-space: pre-wrap;
  white-space: pre-wrap;
  /* hide text that can't wrap with an ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Wrapper div around the <select> element, necessary to place the arrow */
.select-wrapper,
.facets-widget-dropdown {
  position: relative;
  padding: 0;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.facets-widget-dropdown {
  flex-wrap: wrap;
}

.facets-widget-dropdown h3 {
  flex: 1 0 100%;
}

/* Our custom dropdown arrow */
.select-wrapper:after,
.facets-widget-dropdown:after {
  font-family: 'cela-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\e900";
  position: relative;
  right: 2rem;
  margin-right: -1rem;
}
/* Later place the select element over the arrow, making it seem clickable */
.select-wrapper select,
.facets-widget-dropdown select {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 1;
}

/* Custom checkboxes */

/* First we visually hide the checkboxes */

input[type="checkbox"] {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* Then we set the styles. We are excluding checkboxes with class "form-checkbox" (Webform) because those have a different style */

input[type="checkbox"]:not(.form-checkbox) + label {
  position: relative;
  padding-left: 1.75rem;
}
input[type="checkbox"]:not(.form-checkbox) + label:before {
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1rem;
  height: 1rem;
  content: " ";
  display: inline-block;
  border: 2px solid;
}
input[type="checkbox"]:not(.form-checkbox):checked + label:after {
  position: absolute;
  left: calc(2px + 0.17rem);
  top: calc(2px + 0.35rem);
  width: 0.6rem;
  height: 0.625rem;
  content: " ";
  display: inline-block;
  background: currentColor;
}

.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
.form-wrapper .field-multiple-table .label {
  font-size: inherit;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px; /* LTR */
  display: inline;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px; /* LTR */
}
.form-actions {
  padding-top: 10px;
  /* flex layout necessary so IE11 displays the buttons side-by-side */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  /* Adding margin properties because, /bartik/css/classy/components/form.css removed */
  margin-top: 1em;
  margin-bottom: 1em;
}
.form-actions .button {
  margin-top: 0 !important;
  margin-bottom: -0.1rem;
}
/* .form-required:after {
  content: "*";
  margin-left: 0.2rem;
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
} */

/* Node Form */
#edit-body {
  margin-bottom: 2em;
}
.node-form .form-wrapper {
  margin-bottom: 2em;
}
.node-form .entity-content-form-footer,
.node-form .field--name-status {
  margin-bottom: 0;
}
.node-form .form-actions {
  padding-top: 0;
  margin-top: 0;
}

/* Contact Form */
.contact-form #edit-name {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-mail {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-subject {
  width: 75%;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 76.3%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* Disabled form elements */
/*.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
}
.form-disabled label {
  color: #717171;
}*/

/* Comment form */
.comment-form label {
  float: left; /* LTR */
  width: 120px;
}
.comment-form input,
.comment-form .form-select {
  margin: 0;
  border-radius: 4px;
}
.comment-form .form-type-textarea label {
  float: none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  margin-bottom: 10px;
  overflow: hidden;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px; /* LTR */
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0;
}
.comment-form input.form-file {
  width: auto;
}
.layout-no-sidebars .comment-form .form-text {
  width: 800px;
}
.layout-one-sidebar .comment-form .form-text {
  width: 500px;
}
.layout-two-sidebars .comment-form .form-text {
  width: 320px;
}
.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1.2;
  margin-left: 120px; /* LTR */
}
.comment-form .form-textarea {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-form details.filter-wrapper .details-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.filter-wrapper label {
  width: auto;
  float: none;
}
.filter-wrapper .form-select {
  min-width: 120px;
}
#comment-body-add-more-wrapper .form-type-textarea label {
  margin-bottom: 0.4em;
}
#edit-actions input {
  margin-right: 0.6em; /* LTR */
}

/* Form error styles. */
.form-item textarea.error + .cke {
  border: 2px solid red;
}

/* Form error message styles. */
.form-item--error-message {
  border-width: 1px;
  border-style: solid;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

/**
 * Improve form element usability on narrow devices.
 */
@media all and (max-width: 500px) {
  .form-actions .button {
    width: 100%;
  }

.form-actions .button + .button {
  margin-left: 0;
}

  .js .dropbutton .dropbutton-action > input,
  .js .dropbutton .dropbutton-action > a,
  .js .dropbutton .dropbutton-action > button {
    text-align: center;
    padding-left: 3em;
  }
}

/* Layout classes for forms */

.form-items,
.form--inline { /* Wrapper for inline form items */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.form--inline .form-actions {
  clear: none;
  align-self: flex-end;
}

.form--inline .edit-actions {
  padding-top: 0;
}

.form-items > *:not(:last-child) {
  margin-right: 0.5rem;
}

.form-item {
  margin-bottom: 0.75rem;
}

.container-inline div,
.container-inline label {
  display: inline-flex;
  align-items: center;
}

/* Chosen select list module styles */

ul.chosen-results {
  list-style: none;
  padding-left: 0.5rem;
}


/*************************************************************/
/* CSS for Add Service Profile Forms - Distribution Profiling */

form.add-service-profile-form .js-form-type-select label, form.edit-service-profile-form .js-form-type-select label{
  display: inline;
}

form.add-service-profile-form .form-type-checkbox input[type="checkbox"] + label, form.edit-service-profile-form .form-type-checkbox input[type="checkbox"] + label{
  margin: 0;
  border-width: 1px;
  border-radius: 1px;
  border-style: solid;
  padding: 0.3rem;
  flex: 1 1 100%;
}

.indent-branch{
  margin-left: 25px;
}
details#edit-fictionlist summary, details#edit-nonfictionlist summary{
  font-weight: bold;
}

form.add-service-profile-form > fieldset > legend, form.edit-service-profile-form > fieldset > legend{
  float: left;
  width: 100%;
}

fieldset#edit-genres > .fieldset-wrapper{
  margin-top: 50px;
}

fieldset#edit-fiction--wrapper{
  float: left;
  width: 100%;
}

form.webform-submission-deposit-collection-order-form-form fieldset#edit-fiction--wrapper{
  float: none !important;
}

fieldset.seriesSearchList span.fieldset-legend,
fieldset.seriesSearchList div.fieldset-wrapper ul,
fieldset.authorSearchList span.fieldset-legend,
fieldset.authorSearchList div.fieldset-wrapper ul{
  display: block;
  overflow: hidden;
}

fieldset#edit-materialdetails .fieldset-wrapper fieldset .fieldset-wrapper .js-form-type-checkbox{
  margin-right: 1.5em;
}

fieldset#edit-materialdetails .fieldset-wrapper fieldset .fieldset-wrapper .js-form-type-checkbox label{
  border-style: none;
}

fieldset.narrator-hide{
  display: none !important;
}

#categories-list-books, .subcategories-list-books{
  list-style: none;
  margin-bottom: unset !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}

.book-category div.form-type-checkbox label{
  border: none !important;
}

#edit-fiction div.form-type-checkbox{
  margin-bottom: 0px !important;
}

form.webform-submission-deposit-collection-order-form-form #edit-fiction div.form-type-checkbox{
  margin-bottom: 0.75rem !important;
}

.book-category div.form-type-checkbox label{
  font-weight: bold;
  padding: 0.3rem 0.2rem !important;
}

.book-sub-category div.form-type-checkbox label{
  font-weight: normal;
}

.book-category div.form-type-checkbox label:before, #edit-materialdetails .form-checkboxes div.form-type-checkbox label:before{
  font-size: 1.3rem !important;
  display: unset !important;
}

fieldset.authorSearchList ul, fieldset.seriesSearchList ul{
  margin-bottom: 2rem;
  margin-top: 2rem;
}

@media only screen and (min-width: 768px){
  ul#categories-list-books{
    -webkit-columns:2;
    -moz-columns:2;
    columns:2;
  }

  ul#categories-list-books #edit-fiction{
    display: inherit !important;
  }

  fieldset#edit-materialdetails #edit-readinglevel,
  fieldset#edit-materialdetails #edit-bookcontent,
  fieldset#edit-materialdetails #edit-booklength,
  fieldset#edit-materialdetails #edit-narratorgender{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: unset;
    align-items: stretch;
    max-width: 100%;
  }
}

  /*************************************************************/
/* CSS for My holds page */

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

.view-duplicate-of-current-holds .views-row .js-form-type-checkbox input[type="checkbox"]{
  position: static !important; /* Override the position absolute */
  height: 2rem !important;
  width: 1.5rem !important;
}

.view-duplicate-of-current-holds .views-row {
  overflow: hidden;
}

.view-duplicate-of-current-holds .views-row h2{
  /*float: right !important;*/
  /*width: 95% !important;*/
  font-size: 1.3em !important;
}

/*.migrated-holds + div.check-item{*/
/*  display: none;*/
/*}*/

p.format{
  margin-bottom: 10px;
  display: block;
  float: right !important;
  width: 95% !important;
}

.view-duplicate-of-current-holds #edit-node-bulk-form--2 .select-wrapper
/*.view-duplicate-of-current-holds #edit-node-bulk-form--2 #edit-actions--2*/{
  display: none;
}

.view-duplicate-of-current-holds #edit-node-bulk-form--2 .js-form-type-select label{
  font-weight: bold;
}

.view-duplicate-of-current-holds .check-item{
  margin-left: 5px;
  margin-top: 10px;
  width: 5%;
}

.check-label{
  float: left;
}

.holds-list-style {
  list-style: circle !important;
}

.holds-list-style li{
  margin: 0 0 0.25em 1.5em !important;
}

.hold-details{
  float: right;
  width: 94%;
}

.hold-details p{
  margin-bottom: 5px;
}

.hold-information{
  float: left;
  width: 80%;
}

p.hold-image{
  max-width: 120px;
  float: left;
  margin-right: 15px;
}

p.hold-image img{
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .view-duplicate-of-current-holds .views-row h2{
    font-size: 20px;
  }
  span.format,.view-duplicate-of-current-holds .view-header p{
    font-size: 16px;
  }
  .path-my-holds h1.page-title, .path-patron-holds h1.page-title, .mobile-title{
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 10px;
  }
  #node-delete-multiple-confirm-form .item-list ul li{
    padding: 10px;
  }

  .view-duplicate-of-current-holds .views-row h2{
    /*float: right !important;*/
    width: 85% !important;
    font-size: 0.9em !important;
  }

  .hold-details p{
    font-size: 0.8em;
  }

  p.hold-image{
    max-width: 64px;
  }

  .hold-details{
    width: 85%;
  }

  .hold-information{
    width: 70%;
  }

  .migrated-holds .hold-information{
    width: 100% !important;
  }

  p.format{
    margin-bottom: 10px;
    display: block;
    float: right !important;
    width: 85% !important;
  }

  .view-duplicate-of-current-holds .check-item{
    width: 15%;
  }

  .view-duplicate-of-current-holds #edit-submit,.view-duplicate-of-current-holds #edit-submit--2{
    font-size: 15px;
  }

}

@media only screen and (min-width: 667px) and (max-width: 768px){

  .hold-details{
    width: 90%;
  }

  .hold-information{
    width: 85%;
  }
}

/*CSS for the Immediate Issue Form Displayed for CC and Cela Staff*/

.get-book-immediate.cc-form .number-copies{
  display: none;
}

.get-book-immediate .select-wrapper{
  float: left;
  margin-right: 30px;
}

.get-book-immediate .number-copies input{
  height: 45px;
  width: 13%;
}

.get-book-immediate.cc-form .borrower-id, button.issue-button{
  margin-bottom: 20px;
}

.get-book-immediate .borrower-id input {
  width: 50%;
}

.get-book-immediate .borrower-container{
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 735px){
  .get-book-immediate{
    text-align: center;
  }
  .get-book-immediate .borrower-id, button.issue-button{
    float: unset;
    margin-top: 20px;
  }
  .get-book-immediate .select-wrapper{
    float: unset;
    margin-bottom: 20px;
    margin-right: unset;
  }
  .get-book-immediate .number-copies{
    text-align: left;
    padding-left: 20px;
  }
  .get-book-immediate .borrower-id input {
    width: 60%;
  }
  .get-book-immediate .number-copies input{
    width: 20%;
  }

}

#edit-field-book-covers #edit-field-book-covers-none {
  display: none;
}
#edit-field-book-covers label[for="edit-field-book-covers-none"]{
  display: none;
}

.view-history-display .view-header,.view-history-display .view-filters, .view-history-cela .view-header, .view-history-cela .view-filters{
  margin: 25px 0px;
}

.view-history-display .view-filters .views-exposed-form .form-item-sort-bef-combine label, .view-history-cela .view-filters .views-exposed-form .form-item-sort-bef-combine label{
  display: inline !important;
}


/*form#views-exposed-form-bib-2-page-1 .js-form-item-sort-bef-combine {*/
/*  display: none*/
/*}*/

/*#page.layout-container.search-page form#views-exposed-form-bib-2-page-1 .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-bef-combine.form-item-sort-bef-combine {*/
form#views-exposed-form-bib-2-page-1 .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-bef-combine.form-item-sort-bef-combine {
  /*display: none;*/
  display: block;
}
#page.layout-container.search-page #block-exposedformbib-2page-1block-sort form#views-exposed-form-bib-2-page-1 .js-form-item.form-item.js-form-type-textfield.form-type-textfield label[for=edit-search-term] {
  display: none;
}
#page.layout-container.search-page #block-exposedformbib-2page-1block-sort form#views-exposed-form-bib-2-page-1 .js-form-item.form-item.js-form-type-textfield.form-type-textfield input#edit-search-term--2 {
  display: none;
}
#page.layout-container.search-page #block-exposedformbib-2page-1block-sort form#views-exposed-form-bib-2-page-1  input#edit-submit-bib-2 {
  display: none;
}
#page.layout-container.search-page #block-exposedformbib-2page-1block-sort form#views-exposed-form-bib-2-page-1 .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-bef-combine.form-item-sort-bef-combine {
  display: none;
  /*display: block;*/
}
#page.layout-container.search-page #block-exposedformbib-2page-1block-sort form#views-exposed-form-bib-2-page-1 label[for=edit-sort-bef-combine] {
  display: inline-block;
  margin-left: -0.5em;
}
/*legend span.fieldset-legend {*/
/*  font-size: x-large;*/
/*  font-weight: 700;*/
/*}*/

.book-title-block--details .title-fiction-nonfiction,.book-title-block--details .title-transcription-content{
  margin: 5px 0px;
}
/*
Printbraille catalogue display CSS
 */

.printbraille-info div{
  display: inline-block;
}

.printbraille-info{
  margin-bottom: 10px;
  width: 100%;
}

.printbraille-info .items-available, .printbraille-info .pb-item .item-status{
  margin-left: 5px;
}

.printbraille-info .items-overview, .printbraille-info .pb-item{
  display: block;
  margin: 5px 0px;
}

.printbraille-info .items-details{
  margin-top: 5px;
}

/*styling custom radio button*/
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-style: solid;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #212121;
  border-style: none;
}

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

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/*
  Blogs CSS Starts here
*/
body.path-blog .content-top{
  margin-bottom: 20px;
}

body.path-blog .view-blogs-views{
  max-width: 73%;
  float: left;
}

body.path-blog .view-blogs-views .box.clearfix{
  border-top: 3px solid;
}

body.path-blog .view-blogs-views .box.clearfix a{
  padding: 0px;
}

body.path-blog .view-blogs-views .box.clearfix .blog-title h2{
  font-size: 1.5rem;
}

.blog-region-left{
  display: block;
  float: left;
  max-width: 64%;
}

.blog-date, .blog-category, .blog-summary {
  margin-bottom: 0.6em;
}

.blog-summary h4{
  font-weight: normal;
}

.blog-region-left .blog-title h2{
  margin: 0px;
}

.views-field-field-blog-teaser-image{
  max-width: 35%;
  float: right;
}


#block-views-block-blog-categories-block-block-1{
  max-width: 25%;
  float: right;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
  border-width: 0;
  border-radius: 10px;
  background-color: #fff;
  border-top: 3px solid;
  padding: 1.25rem;
  border-top-color: #900000;
}

.page-node-type-blog #block-views-block-blog-categories-block-block-1{
  margin-top: 1em;
}

.page-node-type-blog h1.page-title{
  margin-bottom: 0px;
}
#block-views-block-blog-categories-block-block-1 .views-row{
  margin-bottom: 0.3em;
}

.page-node-type-blog .content-bottom{
  display: block;
}

.blog-details .blog-category a{
  padding: 0px;
}

.blog-details .blog-category{
  margin-top: 10px;
}

.blog-details .paragraph--type--text-block, .blog-details .paragraph--type--text-and-image-block{
  margin-top: 2rem;
}

.field--name-field-text-block-description{
  text-align: justify;
}

.paragraph--type--text-and-image-block .img-left{
  float: left;
  max-width: 45%;
  margin: 0 25px 0 0;
}

.paragraph--type--text-and-image-block .img-right{
  float: right;
  max-width: 45%;
  margin: 0 0 0 25px;
}

#block-addtoanybuttons .content{
  width: 100%;
  text-align: center;
  padding-top: 3em;
}

#block-addtoanybuttons h2{
  font-size: 1rem;
  float: left;
}

.node--type-blog .field--name-field-blog-category{
  display: none;
}

.page-node-type-blog .region-content{
  width: 74%;
  float: left;
}

.node--type-blog.node--view-mode-full{
  clear: both;
}

div.return-to-blog-link{
  text-align: center;
  margin: 1em 0em;
}

html:lang(fr) .social-share-blog-en, html:lang(en) .social-share-blog-fr{
  display: none;
}

table#edit-password-policy-status thead tr th:first-child{
  display: none;
}
table#edit-password-policy-status td:nth-child(1){
  display:none;
}


@media all and (max-width: 1024px){

  .page-node-type-blog .region-content{
    width: 100%;
    float: none;
  }

  body.path-blog .view-blogs-views, .node--type-blog.node--view-mode-full{
    max-width: 100%;
    float: unset;
    padding: 1em;
  }

  #block-views-block-blog-categories-block-block-1{
    max-width: 50%;
    float: left;
    margin-left: 1em;
  }
  .page-node-type-blog h1.page-title{
    padding: 0 0.5em;
  }

  #block-views-block-blog-categories-block-block-1{
    margin: 1em 1em;
    max-width: inherit;
    float: none;
  }

  #block-addtoanybuttons .content{
    padding-top: 1em;
  }

  body.path-blog h1.page-title{
    padding-left: 0.5em;
  }
}

@media all and (max-width: 567px){
  .views-field-field-blog-teaser-image{
    display: none;
  }

  .view-blogs-views .blog-region-left{
    max-width: unset;
  }
}

form.mo-auth-inline-registration .mo2f-kba-question .select-wrapper select{
  height: auto !important;
}

.damaged-book-link{
  margin-top: 15px;
}

.form-item-report-assigned-to{
  display: none;
}

body.user-logged-in.path-admin .form-item-report-assigned-to{
  display: block;
}

nav#webform-submission-navigation-clone_damaged_book{
  display: none;
}


/*Damaged Book Report Content type Styling */

.node--type-damaged-book-report.node--view-mode-full .node__content .field{
  margin: 10px auto 10px auto;
}

.page-node-type-damaged-book-report .region-content .field{
  margin: 15px auto;
}

.page-node-type-damaged-book-report .content .field .field__item{
  font-size: 1.2rem;
  /*background: lightgray;*/
  padding: 0px 0px;
}

.page-node-type-damaged-book-report div.field--name-field-damagedbook-report-owner{
  display: block;
  width: max-content;
  float: left;
  margin: 10px 50px 10px 0px !important;
}


.page-node-type-damaged-book-report div.field--name-field-report-status{
  display: flex;
  width: max-content;
  margin: 20px 50px 10px 0px !important;
}

.page-node-type-damaged-book-report .field--type-comment{
  margin: 6rem auto !important;
  border-top: 2px dashed gray;
  padding-top: 10px;
}

.page-node-type-damaged-book-report .edit-in-place-clickable{
  padding: 5px !important;
  margin-top: 10px;
}

.page-node-type-damaged-book-report  form#edit-in-place-field-reference-form,
.page-node-type-damaged-book-report  form#edit-in-place-field-reference-form--2 {
  padding: 0px !important;
}


.page-node-type-damaged-book-report form#edit-in-place-field-reference-form fieldset#edit-actions,
.page-node-type-damaged-book-report  form#edit-in-place-field-reference-form--2 fieldset#edit-actions--2{
  margin: 0px;
}

.page-node-type-damaged-book-report .edit-in-place-save.button,
.page-node-type-damaged-book-report .edit-in-place-cancel.button{
  padding: 0.5rem 1rem;
  font-size: 1rem;
  margin-right: 0px !important;
}

.page-node-type-damaged-book-report  .js-form-type-edit-in-place-field-select .select-wrapper{
  background: none !important;
}

.page-node-type-damaged-book-report  .js-form-type-edit-in-place-field-select .select-wrapper::after{
  content: unset;
}

.page-node-type-damaged-book-report .field--name-field-report-comment a#new,
.page-node-type-damaged-book-report .field--name-field-report-comment a[id^=comment]{
  display: none !important;
}

.path-staff-book-reports .content-sidebars .content-top, .path-staff-book-reports .content-sidebars .view-header{
  margin-bottom: 1rem;
}

form#webform-submission-clone-damaged-book-add-form .form-type-checkbox label{
  background: none;
  padding: 0.1rem !important;
}

form#webform-submission-clone-damaged-book-add-form .form-type-textfield label,
form#webform-submission-clone-damaged-book-add-form .form-type-select label,
form#webform-submission-clone-damaged-book-add-form  .webform-type-webform-checkboxes-other legend,
form#webform-submission-clone-damaged-book-add-form .webform-type-radios legend{
  font-weight: bold;
  margin-bottom: .25rem;
}

.page-node-type-damaged-book-report .view-reports-revisions{
  margin-bottom: 2rem;
}

.mo2f-modal{
  z-index: 101 !important;
}

.path-advanced-bibliographic-search #views-exposed-form-advanced-search-page-1 .form--inline{
  display: inline-grid !important;
}
#views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-title, #views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-genrecat,
#views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-isbn, #views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-narratorname,
#views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-pubid, #views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-externalcat,
#views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-issn, #views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-author,
#views-exposed-form-advanced-search-page-1 .js-form-item-search-api-fulltext-default, #views-exposed-form-advanced-search-page-1 .form-item-search-api-fulltext-author-basic,
#views-exposed-form-advanced-search-page-1 .form-item-search-api-fulltext-title-basic, #views-exposed-form-advanced-search-page-1 .form-item-search-api-fulltext-narratorname-basic,
#views-exposed-form-advanced-search-page-1 #edit-field-audio-narrator-type--wrapper, #views-exposed-form-advanced-search-page-1 #edit-field-braille-transcription-type--wrapper{
  display: none;
}

.view-advanced-search #edit-field-languages .form-checkboxes,
.view-advanced-search #edit-field-catalogue .form-checkboxes,
.view-advanced-search #edit-field-cela-facet-formats .form-checkboxes,
.view-advanced-search #edit-field-audio-narrator-type .form-checkboxes,
.view-advanced-search #edit-field-braille-transcription-type .form-checkboxes,
.view-advanced-search #edit-field-celametadatacontenttype .form-checkboxes,
.view-advanced-search #edit-field-cela-grades .form-checkboxes,
.view-advanced-search #edit-field-profile-format-preference .form-checkboxes
{
  flex-direction: unset !important;
  max-width: none !important;
}

#views-exposed-form-advanced-search-page-1 .js-form-item legend, #views-exposed-form-advanced-search-page-1 .js-form-item-field-languages label,
.form-item-search-api-fulltext-producers label, .publication-date-heading, .form-item-search-api-fulltext-suppliers label{
  font-weight: bold;
}

fieldset#edit-advsearch .fieldset-wrapper{
  display: flex;
  flex-wrap: wrap;
}

.path-advanced-bibliographic-search .content-sidebars, .path-advanced-bibliographic-search #tmpTxtArea{
  display: none;
}

.path-advanced-bibliographic-search #block-cela-breadcrumbs{
  margin-bottom: 1rem;
}

fieldset#edit-advsearch .fieldset-wrapper .form-item-keywords input#edit-keywords--2{
  margin-top: 0px !important;
}

.advanced-search-footer .label{
  font-weight: bold;
  margin: 2rem 0rem 0.5rem 0rem;
  font-size: 1.2em;
}

form#views-exposed-form-advanced-search-page-1 .form--inline fieldset.fieldgroup.form-item{
  margin-bottom: 0px !important;
  margin-bottom: 0px !important;
  margin: 20px 15px 30px 0px;
  width: 40%;
  padding-bottom: 10px;
}

form#views-exposed-form-advanced-search-page-1 .form--inline fieldset#edit-field-profile-format-preference--wrapper{
  width: 100% !important;
}

form#views-exposed-form-advanced-search-page-1 div#edit-field-profile-format-preference.form-checkboxes{
  max-width: none !important;
}

form#views-exposed-form-advanced-search-page-1 #edit-actions{
  margin: 1.5em 0px;
}

form#views-exposed-form-advanced-search-page-1 .form--inline .form-checkboxes{
  /*flex-direction: inherit;*/
}

.copyright-date-container{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.publication-date-heading{
  order: -1;
  flex: 1 0 100%;
}

input#edit-search-api-fulltext-producers, input#edit-search-api-fulltext-suppliers{
  width: auto !important;
}

.path-advanced-bibliographic-search .content-sidebars{
  padding-left: 0rem !important;
}

#adv-filters-accordion{
  border: none;
  border-radius: 3px;
  padding: 0.2rem;
  background: none;
  text-decoration: underline;
  color: currentColor;
  float: left;
  width: max-content;
}

#edit-mymarkup{
  width: 100%;
}

.advanced-search-footer{
  /*margin-top: 4rem;*/
}

#views-exposed-form-advanced-search-page-1 #edit-field-languages--wrapper .facets-soft-limit-link{
  width: 10rem;
}

.block-views-exposed-filter-blockadvanced-search-page-1 form#views-exposed-form-advanced-search-page-1 div.js-form-type-checkbox{
  margin-bottom: -0.5px !important;
}

@media only screen and (min-width: 1200px) {
  .path-advanced-bibliographic-search .region-search{
    display: none !important;
  }
}

.adv-title{
  font-size: 1.5rem;
  font-weight: bold;
}


@media only screen and (max-width: 1200px) {
  .path-advanced-bibliographic-search #views-exposed-form-advanced-search-page-1 .form-type-checkbox input[type="checkbox"] + label:before{
    display: inline !important;
  }
}


.path-advanced-bibliographic-search .form-type-checkbox input[type="checkbox"] + label{
  padding: 0.5rem !important;
}


.devices-list .field{
  margin-bottom: 1rem;
}

.devices .field__item{
  margin-right: 2rem;
} 

.devices .approve-device.YES a{
  display: none;
}

#edit-field-temporary-note-wrapper span#cke_1_top, #edit-field-temporary-note-wrapper span#cke_1_bottom,
#edit-field-temporary-note-wrapper #edit-field-temporary-note-0-format{
  display: none !important;
}

#edit-field-wifi-notes-wrapper span#cke_2_top, #edit-field-wifi-notes-wrapper span#cke_2_bottom,
#edit-field-wifi-notes-wrapper #edit-field-wifi-notes-0-format{
  display: none !important;
}
.path-auth .messages--error, .path-user .messages--error{
  display: none;
}

.page-node-type-borrower-profile #borrower-personal-details div,
.page-node-type-borrower-profile #borrower-primary-address div,
.page-node-type-borrower-profile #borrower-alternate-address div,
.page-node-type-borrower-profile #borrower-notes div,
.page-node-type-borrower-profile #borrower-additional-borrower-information div,
.page-node-type-borrower-profile #borrower-notifications div
{
  display: block !important;
}

.node__content .paragraph.image-text-box {
    display: flex;
    background: inherit;
    box-shadow: none !important;
  }


.node__content .paragraph.image-text-box .image-cover img{
  border-radius: 0px !important;
}