@import url(//fonts.googleapis.com/css?family=Open+Sans);

body {
  background-color: #EDEDED;
  font-family: "Open Sans", normal;
  /*font-size: 14px;*/
  font-style: normal;
  font-variant: normal;
  font-weight: 400;

  background-repeat: repeat-x;
  color: #E5FB0;
  font-size: 12pt;
  /*line-height: 20px;*/
}

p {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
}
select {
  background-image: none;
  background-color: #E3E3E3;
  border-width: 1px;
  border-color: rgba(190,190,190,0.5);
  box-shadow: none;
  font-size: 100%;
  padding: 4px;
  font-family: Open Sans;
  border-radius: 4px;
  /*appearance: none;*/
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*background: url(/clientweb/resources/gfx/arrow-204-multi-size-grey.png) 94% / 8% no-repeat #E3E3E3;*/
}

* {
  margin: 0;
  padding: 0;
}

html, body {height: 100vh; width: 100vw}

#wrap-sticky {
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  border: 0;
}

/* Wrapper for Header */
#header-container {
 	background-image: url("");
  background-repeat: no-repeat;
  float: right;
  height: 150px;
  width: 300px;
}

/* Header background */
#header {
  background-image: url( images/nav-bar-header.gif );
  background-repeat: repeat-x;
  background-position: bottom;
  height: 85px;
  padding: 0px;
  margin: 0px;
  /* border-bottom: 3px solid #0094DE; */
}

#logoName {
  background-image: url("/clientweb/javax.faces.resource/gfx/logo.gif.xhtml");
  background-repeat: no-repeat;
  float: left;
  height: 70px;
  width: 300px;
}

#branding {
  height: 70px;
}

h1 {
  color: #555555;
  font-size: 15pt;
  font-weight: bold;
  letter-spacing: -0.05em;
  padding-bottom: 10px;
}

h2 {
  color: #5E5E5E;
  font-size: small;
}

h3 {
  color: #2084DD;
  font-size: x-small;
}

.error-page {
  /*margin-left: auto;*/
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.pp-page-menu .ui-panelgrid td {
  margin: 0;
  padding: 0;
}

/* directly overriding primefaces */
.ui-panel .ui-panel-content {
  padding: 0;
}

.pp-page-menu {
  position: fixed;
  height: 62px;
  top: 0px;
  z-index:1000012;
}

.pp-page-menu-right {
  position: fixed;
  height: 62px;
  top: 0px;
  right: 0px;
}

.pp-page-menu .ui-widget-content {
  background: transparent;
}

.pp-page-menu .ui-state-hover, .ui-widget-content  .ui-state-hover {
  background: linear-gradient(#99A699, #778877) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.pp-page-menu-buttons .ui-widget-content a, .pp-page-menu .ui-widget-header a {
  color: #EEFFEE;
  font-weight: bold;
  width: 80px;
}

.pp-page-menu-preference-buttons .ui-menuitem-text {
  color: #EEFFEE !important;;
  font-weight: bold;
}

.pp-page-menu-preference-sub-menu a {
  color: #EEFFEE;
  font-weight: bold !important;
}

.pp-page-menu ul {
  background: radial-gradient(circle at 50% 75% , #676767, #343434) repeat !important;
}

.pp-page-menu .ui-widget-content a.selected-menu-item {
  color: yellow;
  font-weight: bold;
}

#navigation-column, #navigation-column .ui-panelgrid td {
  margin: 0;
  padding: 0;
  vertical-align:top;
  width: 30%;
}

.info-column {
  white-space: nowrap;
  vertical-align:top;
  background: transparent;
  height: 100%;
}

.info-column-search {
  vertical-align: middle;
}

.info-column-settings {
  vertical-align:top;
}

.info-column-individual {
  background-color: white;
}

.banner-column {
  float: right;
}

.ui-menu .ui-menu-parent .ui-menu-child {
  width: 120px;
}

ul.messages {
  margin-top: 10px;
}

ul.messages li {
  list-style: none;
  font-weight: bold;
  color: rgb(178,52,57);
}

#mainform\:basket-grid .error .ui-widget-content,
.error {
  color: red;
  background: transparent;
}

.error {
  font-weight: 700;
}

.login-field.ui-inputfield.ui-state-default {
 	background-color: rgba(255, 255, 255, 0.2);
  color: white;
}

#login-button.button-apply {
  font-size: 16px;
 	width: 120px;
  height: 40px;
  font-weight: 700;
}

#mainform  .component .remember-me.login-field.ui-inputfield  {
  /*margin: 10px 0px;*/
  background-color: transparent;
  background-image: none;
  width: 20px;
}

.warning {
  color: #D16C00;
  font-weight: 700;
}

.info {
  color: blue;
  font-weight: 700;
}

.hide {
  display: none;
}

.label {
  font-weight: bold;
  color: #808080;
}

.error-catchall {
  text-align: center;
  color: #484848;
  font-family: Verdana,sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*
 * Header/footer
 */
#wrapper {
  /*	width: 900px;*/
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.login {
  float: right;
  width: 300px;
  text-align: right;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 20px;
}

.login a, .login a:visited {
  color: #333333;
  font-family: arial,sans-serif;
  font-size:  18px;
  font-weight: 700;
  text-decoration: none;
}
#middle {
  width: 100%;
}

#nav-bar {
  float: top;
  margin-left: 10px;
  margin-right: 10px;
}

.entry-form {
  width: 665px;
  font-size: 13pt;
  margin: 0 auto;
  height: 395px;
}

#mainform .component .ui-chkbox,
#mainform .component .ui-button {
  margin: 15px 0px;
}

#mainform .component .ui-button {
  font-size: 16px;
  height: 40px;
  width: 120px;
}

#mainform .component .ui-button-icon-right.ui-icon.ui-c.fa {
  margin-top: -10px;
}

.entry-form table .label, #mainform .component .ui-inputfield {
  font-size: 16px;
  font-weight: 700;
  width: 360px;
  height: 35px;
  margin: 17px 0px;
}

.pp-menu .ui-datatable thead th, .pp-menu .ui-datatable tbody td, .pp-menu  .ui-datatable tfoot td, .pp-menu .ui-panelgrid td, .pp-menu .ui-widget-content  {
  border: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

.basket-item-details-clear {
  clear: both;
}

.basket-item-details {
  float: left;
  margin-top: 5px;
}

.basket-item-details .ui-outputlabel {
  display: inline-block;
  width: 80px;
}

#mainform\:basket-grid .basket-item-details-series-label {
  font-size: 14px;
}

.basket-item-details-series-label {
  padding-left: 10px;
  /*color: #2084DD;*/
}

.basket-item-details-total-label {
  font-size: 8pt;
  width: 70px;
}

.basket-item-details-aud-label {
  font-size: 6.5pt;
  width: 40px;
}

.pp-table .ui-panelgrid td.basket-item-details-total-value {
  text-align: right;
}

.price-and-quantity {
  float: right;
  height: 60px;
}

.basket-item-details-total-value {
  font-size: 14px;
  font-weight: bold;
}

.basket-item-details-edition-label {
  font-size: 11px;
}

.basket-item-details-label {
  display: inline-block;
  width: 80px;
}

.pp-table .ui-panelgrid .basket-column-label td {
  text-align: right;
  font-weight: bold;
}

.ui-outputpanel.ui-widget.basket-item-checkboxes {
  padding-right: 0px;
}

.left-column {
  float: left;
}

.middle-column {
  float: left;
  border: thin;
  background: lightblue;
}

.right-column {
  width: 140px;
  float:right;
  padding-right: 2px;
}

.basket-item-title {
  float:left;
  width: 60%;
  padding-left: 3px;
  /*background: wheat;*/
}

.basket-item-table-column-checkbox {
  height: 100%;
  min-width: 33px !important;
  max-width: 33px !important;
  padding-right: 0px !important;
  vertical-align: top;
}

.basket-item-table-column {
  width: 100%;
}

.basket-item-details-third-column {
  background: grey;
  float:left;
  /*width: 30%;*/
  text-align: right;
}

.basket-detail-smallprint {
  font-size: 80%;
}

.basket-header {
  background-color: radial-gradient(circle at 50% 75% , #446FB6, #6192DB) repeat scroll 0 0 rgba(0, 0, 0, 0);
  /*color: white;*/
}

.basket-grid-multiple-allocations {
  font-size: 9px;
  /*margin-left: 94px;*/
}

.qty-funds {
  float: left;
}

.meta-fields {
  background: lightgreen;
  /* float: right; */
}

.meta-fields-single {
  float: left;
}

.ui-growl /*.basket-items-growl*/ {
  position:absolute;
  top:80px;
  right:20%;
}

.inputInvalid {
  border: 1px solid red !important;;
}

.error .ui-datalist-item {
  color: red;
  font-size: 8pt;
}

.explanation {
  font-style: italic;
  font-size: 9px;
}

.basket-item-details-column-value {
  width: 200px;
}

.basket-item-details-product-details {
  vertical-align:top;
  width: 140px;
}

.pp-table .basket-item-details-product-details .ui-panelgrid td.ui-panelgrid-cell {
  padding-bottom: 2px;
}

table.basket-item-details-product-details-inner {
  width: 100%;
}

.basket-item-details-align-top {
  vertical-align:top;
}

.ui-selectonemenu-items-wrapper  .ui-widget {
  font-size: 7pt;
}

.basket-item-details .ui-widget {
  font-size: 7pt;
}

.pp-table .basket-item-details-left-panel .ui-widget,
.basket-item-details-left-panel .ui-widget .ui-widget {
  font-size: 8pt;
}

.pp-table .ui-datatable thead th,
.pp-table .ui-datatable tbody td,
.pp-table  .ui-datatable tfoot td,
.pp-table .ui-panelgrid td,
.pp-table .ui-widget-content,
.pp-table .ui-layout-unit-header {
  /*  border: 1px solid;
    border-color:  #99ccff;*/
  /*TODO reinstate this*/
  border: none;
  text-align: left;
  padding: 3px;
}

.pp-table-nopadding .ui-datagrid-column {
  padding: 0px 5px 0px 5px;
}

.pp-table-nopadding .ui-datatable thead th, .pp-table-nopadding .ui-datatable tbody td, .pp-table-nopadding  .ui-datatable tfoot td,
.pp-table-nopadding .ui-panelgrid td, .pp-table-nopadding .ui-widget-content  {
  /*border-color: #C0C0C0;*/
  /*    border: none;*/
  text-align: left;
  padding: 0px 5px 0px 5px;
  margin: 0px;
  vertical-align:top;
}

/*.pp-table-border {
  border-top: 1px solid;
  border-color: #C0C0C0;
}
pp-table-border
.pp-table-border th {
  font-weight: bold;
}*/

.pp-table-padding  .ui-datatable thead th, .pp-table-padding .ui-datatable tbody td, .pp-table-padding  .ui-datatable tfoot td, .pp-table-padding .ui-panelgrid td, .pp-table-padding .ui-widget-content  {
  border: none;
  text-align: left;
  padding: 1px 5px 4px 5px;
}

.ui-widget-content .browse-items-east-padding .pp-table-padding td {
 	padding: 0px 0px 3px 0px;
}

.pp-table .ui-state-active, .pp-table .ui-widget-content .ui-state-active, .pp-table .ui-widget-header .ui-state-active {
  background: radial-gradient(circle at 50% 75% , #676767, #343434) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: lightgrey;
}

.hide-column-names .ui-datatable thead th {
  background:transparent;
}

.pp-table .ui-panelgrid td.basket-item-details-column-label {
  /*font-weight: bold;*/
  text-align: left;
  padding-bottom: 6px;
  padding-right: 3px;
  margin: 0px;
  font-size: 8pt;
  white-space:nowrap;
}

.pp-table .ui-panelgrid td.basket-item-details-column-value {
  font-size: 8pt;
  width: 50px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  white-space:nowrap;
  text-align: right;
}

/* render empty cells the same way as ones with content */
table.ui-datagrid-data {
  empty-cells: show;
}

.ui-orderlist .ui-orderlist-list {
  height: 250px;
}

.ui-accordion .ui-accordion-content {
  padding: 2px !important;
}

.pp-table .ui-state-default a {
  color: gray;
}

.pp-table .ui-state-active  a:link {
  color: white;
}

.pp-table .ui-state-default a:visited {
  /*color: blue;*/
}

.ui-widget-header {
  background: transparent;
  color: #222222;
  font-weight: bold;
}

/*#mainform  .pp-centred-only-table-content .ui-panel-titlebar {
  text-align: center;
}*/

.pp-centred-only-table-content {
  margin-left:auto;
  margin-right:auto;
}

.pp-centred-table-content {
  /*  margin-left:auto;
    margin-right:auto;*/
  width:100%;
  height:100%;
}

.pp-same-size-button .ui-button {
  display:block;
  width: 100%;
}

.allocation-remove-button {
  width: 90px;
}

.allocation-button {
  /*display:block;*/
  width: 90px;
  /*margin-top: 10px;*/
}

.ptable .ui-panelgrid td {
  border: none;
}

.ui-panelgrid .nopaddingborder td {
 	padding-top: 0px;
 	padding-bottom: 0px;
 	padding-right: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #C0C0C0;
  margin-left: auto;
  margin-right: auto;
}

.ui-panelgrid .nopadding  td {
 	padding-top: 0px !important; /* these should not have to important, need to get these working Acquistions group products by work */
 	padding-bottom: 0px !important;
 	padding-right: 4px !important;
 	/*white-space: nowrap;*/
}


.pp-table .ui-datatable  tbody td.date {
  text-align:center;
}

.pp-table .ui-datatable  tbody td.time {
  text-align: right;
}

#mainform .absolutely-nopadding  td,
.pp-table  .ui-scrollpanel   {
 	padding: 0px !important;
}

#mainform\:orders-div  table {
  vertical-align: top;
}

#mainform\:orders-div .order-details-panel  td {
  padding: 0px ;
  vertical-align: top;
}

#mainform\:orders-div .order-details-panel .order-details-column td {
  padding: 0px;
  border: 1px;
}

.pp-table td.order-details-column {
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #E8E8E8;
}

#mainform\:orders-div .order-details-panel .order-details-sub-panel1 .order-details-sub-panel1-1 td {
  padding: 0px 3px;
  font-weight: 700;
}

#mainform\:orders-div .order-details-panel .order-details-sub-panel2 .order-details-sub-panel2-1 td {
  padding: 0px 0px 0px 40px;
}

#mainform\:orders-div .order-details-panel .order-details-sub-panel2 .order-details-sub-panel2-1 .order-details-sub-panel2-1-1 td {
  padding: 3px;
}

#mainform\:orders-div .label {
  font-size: 9px;
}

#mainform\:orders-div th {
  font-size: 7pt;
  font-weight: bold;
  background-image: none;
  background-color: inherit;;
  padding-top: 10px;
}

.nopadding-complete .ui-panelgrid td, .nopadding-complete  .ui-panel  {
  padding: 0;
  margin: 0;
}


#wrap-sticky .ui-panel .ui-panel-content, #wrap-sticky-content .ui-panel .ui-panel-content, .nopadding  .ui-panel .ui-panel-content, .nopadding  .ui-panel {
  padding: 0;
  margin: 0;
}

.ui-panelgrid .blurb td {
  white-space: normal !important;
}

.tooltip-blurb {
  border: none;
  width: 400px;
  z-index:10000123;
}

.pp-table .ui-panelgrid .column-label td {
  text-align: right;
}

.holding-column-label {
  width: 150px;
  vertical-align:top;
  white-space: nowrap;
}

.holding-column-label {
  vertical-align:top;
  text-align: left;
}

.column-label {
  width: 150px;
  vertical-align:top;
  /*white-space: nowrap;*/
  text-align: right;
  font-size:small;
}

.column-value {
  vertical-align:top;
  text-align: left;
  font-size:small;
}

/*.column-eighty {
  width: 75%;
}

.column-ten {
  width: 110px;
  vertical-align: middle;
  padding-top: 10px;
}*/

.column-fifteen {
  width: 15%;
}

/*.column-eighty {
  width: 75%;
}*/
.error-message-left-aligned {
  text-align: left;
}

.multiple-selection-subjects .ui-datagrid-column {
  vertical-align:top;
  width: 200px;
}

.multiple-selection-subjects .ui-datagrid-data {
  vertical-align:top;
  width: auto;
}

.pp-table .multiple-selection-subjects .ui-panelgrid-cell {
  vertical-align:top;
  width: auto;
  padding-left: 10px;
}

.column-small {
  width: 10%;
  margin: 0 auto;
  vertical-align:top;
}

.column-medium {
  vertical-align:top;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.column-large {
  /*width: 50%;*/
  vertical-align:top;
}

.medium-font td {
  font-size: 90%;
}

.title {
  font-weight: bold;
}

.table-top .ui-datagrid-column, .table-top td {
  vertical-align:top;
  padding: 5px 5px;
}

.story-footer-tools.stick {
  position: fixed;
  top: 0;
}

.pp-table .basket-details-nopadding .ui-datatable thead th,
.pp-table .basket-details-nopadding .ui-datatable tbody td,
.pp-table .basket-details-nopadding .ui-datatable tfoot td,
.pp-table .basket-details-nopadding .ui-panelgrid td,
.pp-table .basket-details-nopadding .ui-widget-content  {
  padding: 0px !important;
  margin: 0px;
  border-collapse: collapse;
}

.pp-table .basket-details-nopadding .ui-datagrid-data {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

.pp-table table.ui-panelgrid.basket-details-pub-date-retail-price {
  padding:  0px 0px 0px 3px;
  margin: 0px;
  border-collapse: collapse;
}

.pp-table .basket-grid-multiple-allocations .ui-datagrid-content {
  background: transparent;
  background-image: none;
}

.pp-table .basket-grid-multiple-allocations table {
  border-collapse: collapse;
  padding: 0px;
  width: auto;
}

.pp-table .basket-grid-multiple-allocations .ui-datatable thead th,
.pp-table .basket-grid-multiple-allocations .ui-datatable tbody td,
.pp-table .basket-grid-multiple-allocations .ui-datatable tfoot td,
.pp-table .basket-grid-multiple-allocations .ui-panelgrid td,
.pp-table .basket-grid-multiple-allocations .ui-widget-content,
.pp-table .basket-grid-multiple-allocations .ui-layout-unit-header {
  border-collapse: collapse;
  border: none;
  padding: 0px;
  margin: 0px;
}

.align-right {
  text-align: right;
}

.pp-table .ui-panelgrid td.selecting-title-button {
  text-align: right;
}

.selecting-title-button {
  width: 50px;
}

.ui-widget {
  font-size: 13px;
}

.ui-widget .ui-widget {
  font-size: 100%;
}

.pp-table .ui-panelgrid td.selecting-column1 {
  width: 140px;
  vertical-align: top;
  white-space: nowrap;
}

.pp-table .ui-panelgrid td.selecting-column2 {
  width: 85%;
  vertical-align: top;
}

.pp-table .ui-panelgrid td.selecting-work-column1 {
  width: 170px;
  vertical-align: top;
  white-space: nowrap;
}

.pp-table .ui-panelgrid td.selecting-work-column2 {
  /*width: 85%;*/
  vertical-align: top;
}

.pp-table .selecting-details {
  padding-left: 20px;
}

.pp-table .smaller-font {
  font-size: 70%;
}

.pp-table-layout {
  height: 100%;
  /*background-color: #EEEEEE;*/
}
/*.ui-outputpanel-loading*/
.iteration-name {
  font-weight: 700;
  color: rgb(55,116,151);
}

.iteration-row {
  display: block;
}

.orders-grid-first-column {
  padding: 3px;
  width: 3%;
}

.orders-grid-second-column {
  padding: 3px;
  width: 10%;
}
.orders-grid-third-column {
  padding: 3px;
  width: 10%;
}
.orders-grid-fourth-column {
  padding: 3px;
  width: 50%;
}
.orders-grid-fifth-column {
  padding: 3px;
  width: 10%;
}

.orders-grid-sixth-column {
  padding: 3px;
  width: 10%;
}

.orders-grid-seventh-column {
  padding: 3px;
  width: 10%;
}

.orders-grid-checkbox-column {
  padding: 3px;
}

.orders-grid-checkbox-header-column {
  padding-left: 3px;
  padding-bottom: 10px;
}

.orders-grid {
  min-width: 80%;
  max-width: 80%;
  height: 13px;
}


.orders-grid-header {
  background-color: lightblue;
  padding-bottom: 4px;
  height: 13px;
}

.orders-grid-column-select-box {
  height: 22px;
  padding-top: 4px;
  padding-left: 8px;
}

.orders-grid-header-select-box {
  background-color: lightblue;
  padding-top: 8px;
  padding-left: 8px;
  height: 26px;
}

.orders-grid-odd-row {
  background-color: lemonchiffon;
}

.order-panel {
  width: 100%;
  background-image: none;
  background-color: #F8F8F8;
}

.order-panel-odd-row,
.order-panel-odd-row td.ui-datagrid-column {
  padding: 10px;
  background-color: #F8F8F8;
}

.order-panel-even-row,
.order-panel-even-row td.ui-datagrid-column {
  padding: 10px;
  background-color: transparent;
}

.order-grid table {
  border-spacing: 0px 10px;
}

.order-grid td.ui-datagrid-column {
  padding: 10px;
  background-color: #F8F8F8;
}

.order-last-cell {
  width: 55px;
}

.orders-title-panel {
  width: 100%;
}

.order-details-sub-panel1-1 .ui-panelgrid-cell {
  /*color:*/
  color: #808080;
  font-size: 11px;
}

.order-details-sub-panel2-1-1 .ui-panelgrid-cell {
  color: #808080;
  font-size: 11px;
}

.order-details-sub-panel2-1-1 .ui-panelgrid-cell .value {
  color: black;
  font-size: 12px;
}

.order-details-sub-panel2-1-1 .ui-column-title {
  color: #808080;
}

.order-panel .orders-title-heading-row {
  background-color: #E8E8E8;
}

.order-details-panel {
  background-color: white;
}

.order-details-row {
  margin-bottom: 20px;
}

#mainform\:order-panelx tr,
#mainform\:order-panelx td,
.order-panel tr,
.order-panel td {
  background-image: none;
  background-color: transparent;
}

.order-panel .order-details-column {
  background-color: white;
}

#mainform td.order-details-column {
  padding: 10px;
  margin-bottom: 20px;
}

.order-grid .chevron-down,
.order-grid .chevron-right {
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #57b058;
  font-size: 24px;
}

.order-grid .chevron-right::before {
  content: "\f138";
}

.order-grid .chevron-down::before {
  content: "\f13a";
}

.orders-title-row {
  font-size: 14px;
}

.pp-table table.basket-details-nopadding tr  td {
  padding: 0px;
}

.pp-table .basket-details-padding-right {
  padding: 0px 3px 0px 0px;
  vertical-align: top;
}

.orders-grid-column {
  height: 13px;
}

.orders-grid-label {
  font-weight: bold;
}

.pp-table .ui-panel-titlebar {
  border: none !important;
}

.ui-panel .ui-panel-titlebar {
  padding: 0px !important;
}

.pp-table .ui-panelgrid td.allocation-column {
  vertical-align: top;
}

.ui-panel .ui-widget .ui-widget-content .ui-corner-all .product-panel-image {
  background-color: #f2f2f2 !important;
  padding: 0px;
}

#mainform\:product-panel div.ui-widget-content.product-panel-image   {
  padding: 0px;
  border: 0px;
}

.pp-table  .ui-panelgrid td.basket-item-table-column {
  vertical-align: top;
}

.pp-table .basket-grid-multiple-allocations-panel {
  margin-left: 94px;
}

#mainform\:selecting {
  width: 1700px;
  display:block;
}

#mainform\:selecting  li.ui-state-default.ui-corner-left:first-child {
  visibility: hidden;
}

#mainform\:selecting .ui-tabs-panels li.ui-state-default.ui-corner-left:first-child {
  visibility: hidden;
  height: 0px;
}

#mainform\:selecting-category ul.ui-tabs-nav {
  width: 270px;
}

#mainform\:selecting-category div.ui-tabs-panel.ui-widget-content {
  padding: 0px;
}

#mainform\:selecting-category .ui-widget-content {
  border: none;
  text-align: left;
  padding: 0px;
  padding-top: 20px;
}

#mainform\:selecting-category .ui-widget-content .ui-widget-content .ui-widget-content {
  padding-top: 0px;
}
#mainform\:selecting-category .ui-widget-content .ui-widget-content .ui-widget-content .ui-datagrid-column {
  padding: 0px;
}

#mainform\:selecting-category .ui-tabs-panels {
  float: left;
  padding-left: 15px;
}

#mainform\:selecting-category button.ui-button  {
  margin-top: 1px;
  height: 36px;
  width: 240px;
  text-align: left;
  border-radius: 0px;
  border-width: 0px;
  color: 	rgb(128,128,128);
  font-family: Open Sans;
  font-weight: 700;
  background-image: none;
  background-color: #EEEEEE;
}

.media-review-button  {
  margin-top: 1px;
  height: 36px;
  width: 240px;
  text-align: left;
  border-radius: 0px;
  border-width: 0px;
  color: 	rgb(128,128,128);
  font-family: Open Sans;
  font-weight: 700;
  background-image: none;
  background-color: #EEEEEE;
}

#mainform\:selecting-category .selecting-title {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

#mainform\:selecting-category .arrow {
  background-image: none;
}

.pp-table .ui-widget-content .arrow {
 	background-image: url("/clientweb/javax.faces.resource/gfx/selecting/arrow-right-24-16.png.xhtml");
}

.pp-table .ui-widget-content .ui-state-active .arrow {
 	background-image: url("/clientweb/javax.faces.resource/gfx/selecting/arrow-down-204-16.png.xhtml");
}

#mainform\:selecting-category .ui-corner-left {
  border-radius: 0px;
  border-bottom-color: white;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  background-color: #EEEEEE;
  background-image: none;
}

#mainform\:selecting-category .ui-corner-left[aria-selected~="true"] {
  background-image: none;
  background-color: rgb(55,116,151);
}

#mainform\:selecting-category .ui-corner-left[aria-selected~="true"] a {
  color: white;
}

#mainform\:selecting-category ul li a  {
  width: 100%;
  padding: 5px 10px;
  text-align: left;
  font-weight: 700;
}

#mainform\:search-history   {
  width: 70%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-top: 10px;
}

/********************************************************************************************************
  Top page menu banner at the top of every page
********************************************************************************************************/

#menubar {
  position: fixed;
  width:100%;
  background-color: #303030;
  /*background-color: pink;*/
 	background-image: none;
  background-repeat: no-repeat;
  color: black;
  background-size: auto 100px;
  height: 100px;
}

#nav {
  float: left;
}

#nav ul {
  list-style-type:none;
  position: relative;
  top: 18px;
  left: 250px;
}

#nav ul li {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  margin: 0px 30px;
}

#nav a {
  color: white;
  display: block;
  padding-top: 2px;
  text-align: center;
  text-decoration: none;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 170px auto;
}

#nav a {
  color: white;
}

#menu-selecting {
  font-size: 27px;
  font-weight: bold;
}

#menu-acquisitions {
  font-size: 27px;
  font-weight: bold;
}

#menu-media-review {
  font-size: 27px;
  font-weight: bold;
}

#menu-digital {
  font-size: 27px;
  font-weight: bold;
}

#sub-nav ul {
  list-style-type:none;
  position: fixed;
  top: 70px;
  left: 250px;
}

#sub-nav ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0px 30px;
}

#sub-nav .active-submenu-item  {
  border-bottom: 6px solid rgb(55,116,151);
}

#nav .active-menu-item  {
  border-bottom: 6px solid rgb(55,116,151);
}

#sub-nav ul li a {
  color: white;
  display: block;
  padding-top: 2px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}

#menu-bar-top-right {
  float:right;
  margin-top: 15px;
  overflow: hidden;
  margin-right: 60px;
}

#menu-bar-top-right .logged-in-label {
  font-size: 12px;
}

#menu-bar-top-right  table {
  border-collapse: separate; /* allow spacing between cell borders */
  border-spacing: 0 4px;
}

.button {
  background: linear-gradient(#EEEEEE , #AAAAAA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: center;
  font-size: 9pt;
  border: 1px solid #eee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
}

.button-link {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-image: none;
  background-repeat: no-repeat;
  border-color: transparent;
  border-image: none;
  border-radius: 6px 0 0 6px;
  border-style: solid;
  border-width: 1px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 9pt;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.button-text {
  display: inline-block;
  font-size: 9pt;
  padding-top: 3px;
  padding-right: 10px;
  padding-left: 10px;
}

#menu-bar-top-right\:menu-user-button {
  width: 285px;
}

.button-image {
  float: right;
  height: 24px;
  width: auto;
}

.search-button-row .button-image {
  margin-top: 4px;
}

.button-image-left {
  float: left;
  height: 22px;
  width: auto;
}

/* have to do this specifically for split buttons as primefaces 5.1 has bug where styleClass attribute
does not work properly ianr 6/11/14 */
#xmenu-bar-top-right .ui-splitbutton button.ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-text-only,
#xmenu-bar-top-right .ui-splitbutton button.ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-text-only .ui-state-hover,
#xmainform .ui-splitbutton button.ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-text-only,
#xmainform .ui-splitbutton button.ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-text-only .ui-state-hover,
#xmainform button.ui-splitbutton-menubutton.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only {
  /*background-image: url("/clientweb/javax.faces.resource/gfx/blank-button.png.xhtml");*/
  background-image: none;
  background-repeat: no-repeat;
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: left;
  padding-left: 0px;
  font-size: 9pt;
  /*  border: 1px solid #eee;
    border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);*/
  /*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);*/
  border-collapse: collapse;
  border: none;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.25);*/
  position: relative;
  cursor: pointer;
}


#xmenu-bar-top-right .ui-splitbutton button.ui-splitbutton-menubutton.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only,
#xmainform .ui-splitbutton button.ui-splitbutton-menubutton.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only  {
  border: none;
  /*background-image: url("/clientweb/javax.faces.resource/gfx/blank-button.png.xhtml");*/
  background-color: #B8B8B8;
  border: none;
  padding: 0px;
  margin: 0px;
  /*  -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);*/
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.25);*/
}

#menu-bar-top-right .ui-splitbutton .ui-c {
  border-left-style: none;
  border: none;
  display: inline-block;
  color: black;
  padding-left: 8px;
  text-align: left;
  font-size: 9pt;
  position: relative;
  cursor: pointer;
}

#mainform .ui-splitbutton .ui-c {
  border-left-style: none;
  border: none;
  display: inline-block;
  color: black;
  text-align: center;
  font-size: 9pt;
  position: relative;
  cursor: pointer;
}

/********************************************************************************************************
  Overall content (everything below the banner)
********************************************************************************************************/
#content, #mainform {
  position: fixed;
  top: 100px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  overflow: auto;
  background-color: #FFFFFF;
  background-image: none;
}

#content .ui-datagrid .ui-paginator-top,
#content .ui-datagrid .ui-paginator-bottom,
#content .ui-datatable .ui-paginator {
  border: none;
}

#content .ui-widget-content .ui-inputfield {
  box-shadow: none;
}

/* #mainform .ui-widget,
#mainform .ui-widget-input,
 {
  font-family: Open Sans;
  font-size: 18px;
}

*/
.ui-widget input {
  font-family: Open Sans;
  /*   font-size: 18px; */
}
.ui-widget  {
  font-family: Open Sans;
  /*   font-size: 18px; */
}


#mainform\:layout {
  background-color: white;
  /*background-color: #EEEEEE;*/
}

#mainform\:center {
  height: calc(100vh - 140px);
}

#mainform .west-layout,
#mainform .east-layout {
  /*background-color: #EEEEEE;*/
  background-image: none;
  padding: 0px 0px;
}

.filter-separator
{
  width: 60%;
  padding-left: 30px;
  margin-left: 40px;
}

/*.orderby,
.subject-category
{
  width: 178px;
}*/

/*#mainform .east-layout .filter-separator {
  width: 100%;
}*/

.west-layout .ui-widget-content,
.east-layout .ui-widget-content   {
  /*background-color: #EEEEEE;*/
  background-image: none;
  padding: 0px 0px;
}

.center-layout .ui-layout-center .ui-widget-content {
  background: #FFFFFF;
  height: 100%;
}

.auto-width-layout {
  width: auto !important;
}

.pp-table .ui-widget-content.center-layout  {
  padding: 0px 0px;
}

/*#mainform .ui-button {
  background-image: url("/clientweb/javax.faces.resource/gfx/blank-button.png.xhtml");
}*/

tr.ui-selectlistbox-item.ui-corner-all td:first-child  {
  width: 22px;
}

div#mainform\:mainSubjectsItems.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all {
  width: 90px;
}

html body div#wrap-sticky div#content form#mainform.pp-table div#mainform:layout.pp-table-layout.ui-layout-container
div#mainform:j_idt133.ui-layout-unit.ui-widget.ui-widget-content.ui-corner-all.ui-layout-west.west-layout.ui-layout-pane.ui-layout-pane-west
div.ui-layout-unit-content.ui-widget-content table#mainform:browse-items-filter-selection.ui-panelgrid.ui-widget.browse-items-filter tbody
tr.ui-widget-content td.ui-panelgrid-cell table#mainform:j_idt188.ui-panelgrid.ui-widget tbody
tr.ui-widget-content td.ui-panelgrid-cell div#mainform:mainSubjectsItems.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all
div#mainform\:mainSubjectsItems.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all
.browse-items-filter .ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all
{
  width: 90px;
}

/********************************************************************************************************
 Baskets Brief screen
********************************************************************************************************/
#mainform\:basket-brief-grid thead {
  background-image: none;
  background-color: #E8E8E8;
}

#mainform\:basket-brief-grid .title {
  max-width: 100%;
}

#mainform\:basket-brief-grid .cust-ref {
  text-align:right;
  width: 110px;
}

#mainform\:basket-brief-grid .format,
#mainform\:basket-brief-grid .isbn {
  width: 100px;
  text-align:center;
}

#mainform\:basket-brief-grid .checkbox,
#mainform\:basket-brief-grid .image,
#mainform\:basket-brief-grid .reviewer {
  width: 20px;
  height: 20px;
}

#mainform\:basket-brief-grid .price {
  width:100px;
  text-align: right;
  /*padding-right: 10px;*/
}

#mainform\:basket-brief-grid .quantity,
#mainform\:basket-brief-grid .quantity-readonly {
  width: 70px;
  text-align: right;
}

#mainform\:basket-brief-grid .quantity-readonly {
  padding-right: 20px;
}

#mainform\:basket-brief-grid .baskets-brief-even-row {
  background-color: #F8F8F8;
}

.basket-briefs-title {
  display: block;
}

.basket-briefs-header-title {
  text-align: left;
}

#mainform\:basket-brief-grid .header {
  text-align: center;
  white-space:nowrap;
}

#mainform\:basket-brief-grid .header-title td {
  text-align: left;
  white-space:nowrap;
}

#mainform\:basket-brief-grid .header tr,
#mainform\:basket-brief-grid .header-title tr {
  background: transparent;
}

#mainform\:basket-brief-grid .brief-price-and-quantity {
  padding-right: 20px;
}

/********************************************************************************************************
 Baskets Extended screen
********************************************************************************************************/
#mainform\:basket-grid .fixed-basket-display-mode {
  position:fixed;
  background: white;
  top: 100px;
  margin-left: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index:10002;
  font-weight: bold;
}

#mainform\:basket-grid .productTitle {
  font-size: 18px;
}

#mainform\:basket-grid .productContributor {
  font-size: 16px;
}

#mainform\:baskets-summary-panel td.summary-label-column {
  text-align: left;
  white-space: normal;
  margin-right: 5px;
}

#mainform\:baskets-summary-panel td.summary-value-column {
  font-weight: bold;
  text-align: right;
}

#mainform\:basket-select-button .ui-button,
#mainform\:basket-item-button .ui-button,
#mainform\:basket-item-button-pov .ui-button {
  width: 150px;
}

#mainform\:basket-select-button .ui-splitbutton-menubutton,
#mainform\:basket-item-button .ui-splitbutton-menubutton,
#mainform\:basket-item-button-pov .ui-splitbutton-menubutton {
  width: 25px;
}

#mainform .basketSummaryQty {
  width: 40px;
  font-weight: bold;
  text-align: right;
}

#mainform .basketSummaryAmt {
  width: 50px;
  font-weight: bold;
  text-align: right;
}

#mainform\:browse-items-filter .ui-panelgrid td {
  padding-left: 5px;
}

.allocate-to {
  width: 140px;
}

.metafield {
  width: 100px;
}

.funds {
  width: 200px;
}

/* the following makes the links still selectable even if they contain no data (invisible link)*/
.quantity {
  text-decoration: none;
  text-align: right;
  min-height: 20px;
  width: 50px;
}

.digital-collection,
.priority,
.fund,
.title-order-metafield-freeform,
.title-order-metafield-selectone,
.reference,
.instructions {
  min-height: 20px;
  display: block;
  text-decoration: none;
  vertical-align: bottom;
}

.priority{
  width: 95% !important;
}

.priority-container{
  width: 150px !important;
}

#mainform\:basket-grid .reference,
#mainform\:basket-grid .title-order-metafield-selectone  {
  width: 137px;
}

#mainform\:basket-grid .instructions,
#mainform\:basket-grid .title-order-metafield-freeform {
  width: 361px;
}

.digital-collection {
  width: 100px;
}

#mainform\:basket-grid .reviewer {
  background-repeat: no-repeat;
  margin-top: 5px;
  height: 22px;
  width: 22px;
  display: block;
  background-size: 22px;
}

.reviewer-approved::before,
.reviewer-denied::before,
.reviewer-pending-approval::before {
  background-repeat: no-repeat;
  background-size:contain;
  content: "\f02d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  font-size: 22px;
  padding-right: 0.5em;
}

.reviewer-pending-approval {
  color: #D16C00;
}

.reviewer-denied {
  color: #B23439;
}

.reviewer-approved {
  color: #57B058;
}

.reviewer-tooltip {
  border: none;
  z-index:10000123;
}

.ui-widget.edit-adhoc-item::before {
  background-repeat: no-repeat;
  background-size:contain;
  content: "\f040";
  font-family: FontAwesome;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  font-size: 16px;
  color: #57B058;
}

.dialogs-form .bulk-update-items {
  background-color: white;
  padding-top: 40px;
  margin: 0 auto;
  display: table;
}


.dialogs-form .bulk-update-items-form tr.ui-widget-content td.ui-panelgrid-cell {
  padding: 10px 3px;
}

.dialogs-form .add-new-item-form {
  width: 615px;
  margin: 0 auto;
}

.dialogs-form .bulk-update-items .label {
  width: 140px;
}

.dialogs-form .bulk-update-items .field {
  width: 420px;
}

#mainform\:add-new-item-form\:add-item-messages .ui-messages-error.ui-corner-all {
  margin-top: -40px;
}

.buttons {
  text-align: center; margin: 0 auto;
}

#mainform\:bulk-update-items .ui-widget-header,
#mainform\:bulk-update-items .ui-widget-header,
#mainform\:import-panel .ui-widget-header {
  border: none;
}

.button-plus,
.button-minus {
  background-image: none;
  display: block;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 28px;
}

.button-minus::before {
  color: rgb(178,52,57);
  content: "\f056";
  font-size: 20px;
}

.button-plus::before {
  color: rgb(87,176,88);
  content: "\f055";
  font-size: 20px;
}

.spacer {
  background-image: none;
  background-color: inherit;
  background-size: 10px auto;
  display: block;
  size: auto;
  height: 8px;
}

/********************************************************************************************************
 Selecting Browse screen
********************************************************************************************************/
#mainform .productTitle {
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 14px;
  color: rgb(55,116,151);
  text-decoration: none;
}

#mainform .productContributor { /*common to work and product display screens */
  font-size: 14px;
  color: black;
}

#mainform a.more-link {/*common to work and product display screens */
  color: #009933;
  font-size: 12px;
  text-decoration: none;
}

#mainform\:product-panel-output {
  padding: 0px;
}

/* make sure sub table's rows don't have dotted line at the bottom of the table */
#mainform\:basket-grid .ui-widget-content .ui-widget-content tr,
#mainform\:product-panel .ui-widget-content .ui-widget-content tr {
  border-style: none none none none;
}

#mainform\:product-panel div.ui-widget-content.product-panel-image  div.ui-panel-content.ui-widget-content  {
  text-align: center;
}

#mainform\:product-panel .productTitle {
  font-size: 16px;
}

#mainform\:product-panel .productContributor {
  font-size: 16px;
}

.product-panel-grid {
  background-color: #EEEEEE;
}

#mainform\:product-panel .column-eighty {
  vertical-align: middle;
}

#mainform\:product-panel .column-add-to-basket {
  vertical-align: top;
  padding-top: 10px;
  width: 35px;
}

#mainform\:product-panel .column-ten {
  width: 110px;
  text-align: center;
  /*background-color: pink;*/
}

.column-add-to-basket {
  background-image: none;
  background-color: white;
}

#mainform\:work-panel .image-column {
  width: 110px;
  vertical-align: middle;
  padding: 10px;
}

.work-panel-row tr {
  background-image: none;
  background-color:#e8e8e8;
}

#mainform\:westPanel .ui-widget-content,
#mainform\:east .ui-widget-content,
#mainform\:east .ui-state-highlight,
#mainform\:east .ui-widget-content .ui-state-highlight,
#mainform\:east  .ui-widget-header .ui-state-highlight {
  /*background-color: #EEEEEE;*/
  background-image: none;
}

#mainform:orders-div .ui-selectonemenu {
  top: -40px;
}

#mainform .orders-title-panel .order-panel {
  top: -40px;
}

#mainform\:east .ui-layout-unit-header {
  /*   padding-top: 0px; */
  /*background-color: #EEEEEE;*/
}

#mainform\:center .ui-widget-content {
  padding-top: 0px;
}

/********************************************************************************************************
 Selecting Product Detail
********************************************************************************************************/
.item-details .column-label {
  width: 150px;
}

/********************************************************************************************************
 Digital Collections screen styling
********************************************************************************************************/
#mainform\:collections-panel {
  min-height: calc(100vh - 130px);
  height: auto;
}

#mainform\:holdings .ui-tree {
  width: 230px;
}

#mainform\:holdings-product-panel_content {
  min-height: calc(100vh - 130px);
  height: auto;
}

#mainform\:westAccordion {
  max-height: calc(100vh - 130px);
  /*height: auto;*/
}

/********************************************************************************************************
 Selecting Search screen styling
********************************************************************************************************/
.ui-widget-content .ui-state-default,
.ui-spinner-input.ui-inputfield.ui-state-default.ui-corner-all.ui-state-focus,
.ui-inputfield.ui-inputtextarea.ui-widget.ui-state-default.ui-corner-all.instructions.ui-inputtextarea-resizable,
.ui-widget-content .ui-inputfield ,
.ui-inputfield.ui-state-default,
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default,
.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only,
.ui-selectonemenu-label.ui-inputfield.ui-corner-all,
.ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
  background-image: none;
  background-color: #E3E3E3;
  border-width: 1px;
  border-color: rgba(190,190,190,0.5);
  box-shadow: none;
}

.ui-widget-content .ui-inputfield.ui-state-focus {
  box-shadow: none;
}

#mainform\:selecting-search-fields-panel {
  padding: 0px;
  height: calc(100vh - 140px);
  vertical-align: middle;
}

/* UI Changes as per 19th May 2015 */
.pp-table .ui-button {
  background-color: #DDDDDD;
}

.ui-selectonemenu .ui-selectonemenu-trigger  {
  background-image: none;
  background-color: white;
}

.ui-splitbutton .ui-button {
  background-image: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 0px;
  text-align: left;
  height: 28px;
}

.button-actions .ui-button {
  background-image: none;
  background-color: #57B058;
}

.button-selections .ui-button {
  background-image: none;
}

.ui-splitbutton .ui-state-default .ui-icon {
  background-image: url("/clientweb/resources/gfx/arrow-204-multi-size-white.png");
  background-position: 3px 3px, center;
  background-size:  70%;
}

.ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s.ui-c {
  background-image: url("/clientweb/resources/gfx/arrow-204-multi-size-grey.png");
  background-position: 3px 3px, center;
  background-size:  70%;
}

.ui-splitbutton-menubutton.ui-button.ui-button-icon-only {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.button-actions .ui-splitbutton-menubutton.ui-button.ui-button-icon-only {
  background-image: none;
  background-color: #4C944D;
}

.button-selections .ui-splitbutton-menubutton.ui-button.ui-button-icon-only {
  background-image: none;
  background-color: #B8B8B8;
}

.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
  border-radius: 0px;
}

.calendar-label {
  position: relative;
  display: inline-block;
  padding: 5px 10px 0px 10px;
  height: 23px;
  text-align: center;
  border-color: rgba(190,190,190,0.5);
  background-color: #CBCBCB;
}

.dewey-range .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
  border-radius: 0px;
}

.ui-selectmanymenu.ui-inputfield.ui-widget.ui-widget-content.ui-corner-all {
  background-color: transparent;
}

.modal-dialog-box .button-apply,
#mainform .button-apply {
  background-color: #57B058;
  background-image: none;
  color: #FEFEFE;
  border-radius: 4px;
  border: none;
  height: 30px;
}

.modal-dialog-box .button-reset,
#mainform .button-reset {
  background-image: none;
  border-radius: 4px;
  border: none;
  height: 30px;
}

#mainform .button-back {
  background-color: transparent;
  background-image: none;
  position: relative;
  text-decoration: none;
  border: none;
  display:block;
  float: right;
}

#mainform .button-back .ui-icon {
  background-color: transparent;
  background-image: none;
}

#mainform .button-back:before {
  content: "\f112";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  /*--adjust as necessary--*/
  color: #377497;
  font-size: 28px;
}

#mainform .button-back .ui-button-text.ui-c {
  display: none;
}

.pp-table .ui-panelgrid td.basket-item-table-column {
  vertical-align: top;
  background-color: #EEEEEE;
}

.pp-table .ui-panelgrid td.basket-item-table-column tr.ui-widget-content  {
  background-color: inherit;
  background-image: none;
}

.duplicates .ui-datalist-item {
  color: #D16C00;
  font-size: 8pt;
  font-weight: bold;
}

.warning .not-for-sale-in-territory {
  color: #D16C00;
  font-size: 8pt;
  font-weight: bold;
}

.title-column .ui-widget-content{
  background: none !important;
}

.basket-item-messages {
  float: left;
}

.basket-item-messages .duplicates,
.basket-item-messages .duplicates .ui-widget-content {
  background-color: #EEEEEE;
  background: none;
}

.basket-item-product-messages .duplicates .ui-datalist-item {
  background-color: transparent;
  background: none;
}

.basket-item-messages .ui-widget-content {
  padding: 0px;
  margin: 0px;
}

.basket-item-details-product-details-inner .ui-widget-content  {
  font-size: 8pt;
  color: grey;
  font-weight: bold;
}

#mainform  .ui-splitbutton.button-actions  .ui-c {
  color: white;
}

.smallprint {
  font-size: 9px;
}

#mainform .ui-widget-content th.ui-state-default  {
  background-color: transparent;
  background-image: none;
}

.order-filter .filter-table  .hasDatepicker{
  width: 132px;
}

.help-button {
  position: relative;
  text-decoration: none;
}

/*replace the content value with the
corresponding value from the list below*/

.help-button:before {
  content: "\f059";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: white;
  font-size: 28px;
  padding-right: 0.5em;
}

.search-button {
  position: relative;
  text-decoration: none;
  text-align: center;
}

.search-button::before {
  content: "\f002";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: black;
  font-size: 22px;
  position: relative;
  top: 2px;
}

#mainform\:search-history .search-button::before {
  color: 	rgb(87, 176, 88);
}

#menu-bar-top-right\:search-input {
  width: 275px;
  box-shadow: none;
}

#menu-bar-top-right\:search-button {
  right: 4px;
}

.search-button-row .button-image {
  height: 0px;
}

#menu-bar-top-right .ui-splitbutton button.ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-text-only {
  width: calc(100% - 32px);
}

#menu-bar-top-right .button-user {
  margin-right: 0px;
}

.ui-button-icon-right.ui-icon.ui-c.fa  {
  margin-top: -5px;
}

.button-reset .ui-button-text.ui-c,
.button-apply .ui-button-text.ui-c {
  padding-top: 2px;
}

.pp-same-size-button.button-reset.ui-button {
  width: 70px;
}

/*.basket-item-details-product-details {
  background-color: pink;
}*/

#mainform .feed {
  padding-top: 20px;
  width: 700px;
}

#mainform .feed-link {
  color: rgb(55,116,151);
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 10px;
  line-height: 1.8;
}

.feed-title {
  font-size: 16px;
  font-weight: 700;
  display: block;
  color: #303030;
}

#mainform .feed-text {
  font-family: "Open Sans";
  font-size: 12px;
  color: #303030;
  font-weight: 700;
  display: inline-block;
  line-height: 1.8;
  font-weight: 900px;
}

#mainform .feed .ui-separator.ui-state-default.ui-corner-all {
  border-bottom-width: 0px;
  margin: 20px 0px;
}

#mainform .feed .feeds-initial-separator.ui-separator.ui-state-default.ui-corner-all {
  border-bottom-width: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#mainform\:product-panel tr,
#mainform\:product-panel .ui-panel-grid,
#mainform\:product-panel .ui-widget .ui-widget {
  background-image: none;
  background-color: transparent;
}

.add-to-basket-button.ui-commandlink.ui-widget.disabled {
  opacity: 0.6;
}

.item-details .ui-widget .ui-panelgrid-cell > .ui-commandlink.ui-widget.add-to-basket-button,
#mainform\:product-panel .ui-widget .ui-panelgrid-cell > .ui-commandlink.ui-widget.add-to-basket-button,
.ui-panelgrid-cell .ui-commandlink.ui-widget.add-to-basket-button {
  /*#mainform .ui-widget .ui-panelgrid-cell > .ui-commandlink.ui-widget.add-to-basket-button {*/
  position: relative;
  text-decoration: none;
 	background-image: url("/clientweb/javax.faces.resource/gfx/selecting/icon-basket.png.xhtml");
  background-repeat: no-repeat;
  background-color:transparent;
}

.ui-panelgrid-cell .ui-commandlink.ui-widget.add-to-basket-button {
  height: 52px;
  width: 52px;
  display: block;
  background-size: 42px;
}

.ui-widget .ui-panelgrid-cell > .ui-commandlink.ui-widget.add-to-basket-button {
  margin-left: -24px;
}

.ui-datatable tbody td.column-add-to-basket {
  overflow-x: visible;
}

.item-details .ui-widget .ui-panelgrid-cell > .ui-commandlink.ui-widget.add-to-basket-button {
  height: 42px;
  width: 42px;
  display: block;
  background-size: 42px;
  margin: 0 auto;
}

#mainform\:product-panel .ui-widget .ui-panelgrid-cell > .ui-commandlink.ui-widget.add-to-basket-button {
  display: block;
  background-size: 52px;
}

.item-details .product-details-metadata {
  width: 100%;
  background-color: #EEEEEE;
}

.item-details .item-details-panel {
  width: 100%;
  background-color: #EEEEEE;
  background-image: none;
  display: block;
}

.item-details .item-details-1 {
  background-color: #EEEEEE;
  float: left;
}

.item-details-separator {
  float: left;
  width: 30px;
  height: 30px;
}

.item-details .item-details-2 {
  background-color: #EEEEEE;
  padding-left: 30px;
  /*   float: left; */
}

.item-details .product-overview {
  clear: both;
}

.pp-table .item-details  .ui-widget-content,
/* .ui-widget-content,*/
.product-details-metadata .ui-widget-content {
  background-image: none;
  background-color: transparent;
}



/* replace primefaces close modal dialog icon with a vertically centred one */
.item-details .ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
  position: relative;
  background-image: none;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
}

.label-text {
  font-weight: 700;
}

#mainform .label-title {
  font-weight: 700;
  color: 	rgb(55, 116, 151);
}

.remove-filter {
  position: relative;
  top: 2px;
  left: 5px;
  text-decoration: none;
}

.remove-filter:before {
  content: "\f057";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  /*--adjust as necessary--*/
  color: rgb(178,52,57);
  font-size: 20px;
  padding-right: 0.5em;
}

#mainform .ui-chkbox .ui-chkbox-label {
  margin-top: 0px;
  margin-left: 6px;
  font-weight: 700;
}

#mainform .ui-paginator .ui-state-default {
  border: none;
  background-image: none;
  background-color:	#e6e6e6;
}

#mainform .ui-paginator .ui-state-default.ui-state-active {
  border: none;
  background-image: none;
  background-color:	#377497;
  color: white;
  font-weight: 700;
}

.remove-basket-item {
  position: relative;
  top: 2px;
  left: 5px;
  text-decoration: none;
}

.remove-basket-item:before {
  content: "\f057";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  color: rgb(178,52,57);
  font-size: 15px;
  padding-right: 0.5em;
}

.basket-east-buttons {
  margin-left: 5px;
}

.login-background:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;

  display: block;
  width: 100%;
  height: 100%;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),
    url("/clientweb/javax.faces.resource/gfx/login-background.jpg.xhtml");
}

.login-background {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
}

.login-title,
.login-message,
.login-label {
  color: white;
}

.login-message {
  margin: 0 auto;
  width: 670px;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-align: center;
}

.login-title {
  font-size: 40px;
  font-weight: 700;
  display: block;
  text-align: center;
  height: 80px;
}

.login-label {
  font-size: 14px;
  font-weight: 700;
  width: 170px;
}

.login-panel {
  margin: 0 auto;
}

.login-title-panel {
  height: 250px;
  margin: 0 auto;
  display: block;
}

.login-details-panel {
  background-color: rgba(0, 0, 0, 0.6);
  border:  1px solid rgb(0,0,0);
  height: 360px;
  width: 670px;
  margin: 0 auto;
}

.login-details-panel-inner {
  /* vertically align middle */
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

#mainform.login-page {
  background-image: none;
  background-color: transparent;
}

.ui-datepicker-trigger.ui-corner-all {
  border-radius: 0px;
}

.ui-inputfield {
  box-shadow: none;
}

.peterpal-image {
  display: block;
  height: 70px;
  width: 250px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), no-repeat
    url("/clientweb/javax.faces.resource/gfx/peterpal-white-text-small.png.xhtml");
  background-size: contain;
}

#menubar .peterpal-image {
  position: fixed;
  height: 60px;
  left: 30px;
  top: 25px;
  background-size:  70%;
}

tbody td.search-history-content   {
  white-space: normal;
  min-width: 800px;
}

#mainform\:search-history {
  margin-left: 270px;
}

#mainform\:baskets-list .ui-commandlink.ui-widget {
  color: rgb(32, 132, 221);
  text-decoration: none;
  font-weight: 700;
}

.ui-widget.page-title {
  background-image: none;
  background-color: #EEEEEE;
  padding-left: 280px;
  height: 100px;
  font-weight: 700;
  font-size: 30px;
  display: block;
}

.page-title-text {
  /* vertically align middle */
  position: relative;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}

.search-criteria {
  display: block;
  max-width: 1200px;
  padding-left: 280px;
  padding-top: 40px;
}

.search-criteria.change-password-criteria {
  max-width: 550px;
}

.search-criteria .ui-message {
  margin-bottom: 20px;
}

.search-panel-right,
.search-panel-left {
  float: left;
  width: 550px;
  display: block;
}

.search-spacer {
  clear: both;
  width: 100%;
  height: 40px;
}

.search-bar {
  clear: both;
  width: 100%;
  background-color: #EEEEEE;
  height: 80px;
}

.search-page-button {
  float: right;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 30px;
}

.search-panel-left .ui-inputfield {
  width: 250px;
}

#mainform .search-criteria td {
  padding-top: 7px;
  padding-bottom: 7px;
}

.search-table-label {
  width: 150px;
}

.modal-dialog-box {
  border-width: 0px;
  box-shadow: none;
  height: 570px;
  /*min-width: 500px;*/
}

.dialog-message {
  padding-top: 25px;
  vertical-align: central;
  text-align: center;
}

.modal-dialog-box.ui-dialog .ui-dialog-content {
  /*   top: -100px; */
  padding: 0px;
  width: 100%;
}

.modal-dialog-box.ui-dialog .ui-dialog-titlebar {
  padding: 0px;
}

.modal-dialog-box .ui-widget-header {
  background-color: rgb(48,48,48);
  height: 100px;
  color: white;
}

/* replace primefaces close modal dialog icon with a vertically centred one */
.modal-dialog-box .ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
  position: relative;
  background-image: none;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
}

/* icon to replace primefaces one */
.modal-dialog-box .ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all::before {
  background-image: none;
  content: "\f05c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  color: white;
  font-size: 35px;
  padding-right: 30px;
}

/* remove the existing primefaces close icon */
.modal-dialog-box .ui-icon.ui-icon-closethick {
  background-color: pink;
  background-image: none;
  height: 0px;
}

.dialogs-form {
  height: 100%;
}

.multiple-selection-subjects {
  height: calc(100% - 100px);
  overflow: auto;
}

.multiple-selection-subjects-grid {
  max-height: 500px;
}

.subject-link,
.dialogs-form a.ui-widget.subject-link {
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
}

.scheme-selected {
  border-bottom: 3px solid rgb(55, 116, 151);
}

.ui-outputpanel.ui-widget.subject-line {
  min-height: 21px;
  display: block;
}

.ui-outputpanel.ui-widget.subject-line-parent {
  height: 35px;
  display: block;
}

.button-bar {
  width: 100%;
  background-color: #EEEEEE;
  margin-top: 20px;
  height: 80px;
}

.modal-dialog-box .ui-chkbox.ui-widget {
  color: blue;
  position: relative;
  top: 13%;
}

.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle {
  height: 100px;
}

.modal-dialog-box .ui-dialog-title {
  position: relative;
  margin-left: 20px;
  position: relative;
  font-size: 20px;
  padding-left: 20px;
  top: 50%;
  display: block;
  transform: translateY(-60%);
}

.multiple-subject-selection-bottom-band {
  /*position:*/
  background-color: #EEEEEE;
  height: 100px;
  right: 0;
  left: 0;
  position: absolute;
  bottom: 0;
}

.modal-dialog-box .button-apply {
  float: right;
  right: 40px;
  top: 50%;
  display: block;
  transform: translateY(-60%);
}

.modal-dialog-box .button-reset {
  float: right;
  margin-right: 60px;
  top: 50%;
  display: block;
  transform: translateY(-60%);
}

.selecting-product-image {
  background-size: contain;
  display: block;
  height: 122px;
  margin: 0 auto;
}

.selecting-product-external-image {
  background-size: contain;
  display: block;
  width: 175px;
  margin: 0 auto;
  border: 0;
}

.basket-item-details-clear {
  clear: both;
}

/********************************************************************************************************
 Paginator styling
********************************************************************************************************/
.ui-widget-content  .ui-state-active span.ui-paginator-page {
  background-color: white;
}

.paginator-separator {
  padding-left: 30px;
}

.paginator-view {
  float: left;
  padding-top: 4px;
  padding-left: 30px;
}

.paginator-goto-page {
  float: right;
  padding-top: 4px;
  padding-right: 5px;
}

.paginator-per-page {
  float: left;
  padding-top: 4px;
}

.paginator-total-pages {
  float: right;
  padding-top: 4px;
  padding-right: 50px;
  padding-left: 5px;
}

.ui-paginator-jtp-select.ui-widget.ui-state-default.ui-corner-left,
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
  padding-top: 4px;
}

.ui-paginator-jtp-select.ui-widget.ui-state-default.ui-corner-left {
  float: right;
}

.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
  float: left;
}

.ui-paginator .ui-paginator-current {
  float: right;
  margin: 0px;
  padding-top: 4px;
}

#mainform .ui-paginator-page.ui-state-default.ui-corner-all {
  border-radius: 0px;
  margin: 0px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #B8B8B8;
  width: 23px;
}

#mainform .ui-paginator-page.ui-state-default.ui-corner-all:first-child {
  border-left-style: none;
}

.ui-icon.ui-icon-seek-next {
  background-image: none;
}
.ui-paginator-first.ui-state-default.ui-corner-all,
.ui-paginator-prev.ui-state-default.ui-corner-all,
.ui-paginator-next.ui-state-default.ui-corner-all,
.ui-paginator-last.ui-state-default.ui-corner-all {
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 200;
  text-decoration: none;
  font-size: 16px;
  height: 18px;
  width: 23px;
  color: grey;
}

.ui-icon.ui-icon-seek-first,
.ui-icon.ui-icon-seek-prev,
.ui-icon.ui-icon-seek-end,
.ui-icon.ui-icon-seek-next {
  background-image: none;
  display: none;
}

.ui-paginator-first.ui-state-default.ui-corner-all::before {
  content: "\f048";
}

.ui-paginator-prev.ui-state-default.ui-corner-all::before {
  content: "\f04a";
}

.ui-paginator-next.ui-state-default.ui-corner-all::before {
  content: "\f04e";
}

.ui-paginator-last.ui-state-default.ui-corner-all::before {
  content: "\f051";
}

select.ui-paginator-jtp-select.ui-widget.ui-state-default.ui-corner-left,
select.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
  padding-bottom: 6px;
}

#mainform\:order-grid_content .ui-datagrid-row:first-child .order-header-row {
  position: relative;
  margin-left: -10px;
  margin-top: -10px;
  padding: -20px;
  width: calc(100% + 20);
  overflow:visible;
  background-color:#e8e8e8;
}

#mainform\:order-grid_content .ui-datagrid-row:first-child .order-header-row td:last-child {
  background-color:#e8e8e8;
}

.ui-widget-overlay {
  background: none;
}

#mainform\:holdings {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

#mainform\:form-bulk-update-items-form {
  height: 400px;
  overflow-y: auto;
}


#mainform .pp-table-layout .item-details.ui-layout-container {
  overflow: visible !important;
  -ms-overflow-x: hidden;
  -ms-overflow-y: hidden;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #e3e3e3;
}

.baskets-east-errors {
  width: 170px;
}

.not-active-btn{
  pointer-events: none !important;
  cursor: default !important;
  opacity: 0.5;
}

#mainform .ui-picklist .ui-widget-content{
  border: solid #cbc3be 1px;
}

#mainform .ui-picklist .ui-widget-content tbody td{
  padding-left: 5px;
}

#mainform .ui-picklist .ui-picklist-filter-container{
  margin-bottom: 1px;
}

.confirmation-dialog .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle{
  height: 30px;
}

.usage-constraint-table{
  width: 600px;
}

.usage-constraint-table-row{
  border-bottom: solid 0.3px #eeeeee !important;
  border-top: solid 0.3px #eeeeee !important;
}

.tags-pick-list .ui-widget-header{
  height: 20px;
}

.holding-items-row .ui-datagrid-column{
  border-bottom: solid 0.3px #eeeeee !important;
}

.holding-items-column{
  vertical-align:top !important;
  text-align: left !important;
}

.holding-items-column .column-label{
  font-weight: 700;
  width: 130px;
}
.holding-items-column .column-value{
  font-size:small;
  width: 150px;
}

#mainform\:collection-actitity-report thead th {
  height: 30px;
  white-space:normal;
}

#mainform\:collection-actitity-report .ui-treetable-header {
  height: 50px;
}

.metafield-select {
  width: 100px;
  margin-right: 3px;
  min-height: 28px
}

.metafield-label {
  font-size: 11px;
}

.checkIcon {
  float: left;
  padding-top: 15px;
  margin-left: 35px;
  font-size: 25px;
  color: #377497;
  transition:opacity 0.5s linear;
}

.checkIcon.hidden {
  opacity: 0;
}

.ui-messages-error.ui-corner-all {
  background: #ffffff47;
  border: none;
  color: #f13434;
}

.ui-messages-info.ui-corner-all {
  background: #ffffff47;
  border: none;
  color: #57B058;
}

#mainform\:announcement-messages .ui-messages-info.ui-corner-all {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
 }

.ui-messages-error-icon, .ui-messages-info-icon{
  background: none;
}

.pp-panelGrid thead th,
.pp-panelGrid tbody tr,
.pp-panelGrid tbody td,
.pp-panelGrid tfoot tr,
.pp-panelGrid tfoot td,
.pp-panelGrid td{
  border: none !important;
  text-align: left !important;
  padding: 3px!important;
}

/*.ui-messages-error-icon{*/
  /*!*background-color: transparent;background: none !important;*!*/
  /*!*color: #57B058;*!*/
  /*border: none !important;*/
  /*!*position: absolute !important;*!*/
  /*!*margin: auto !important;*!*/
/*}*/

.media-review-layout {
  width: 1920px;

  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: 200px;
  margin-top: 30px;
}

.media-review-grow1 {
  flex-grow: 1;
}

.media-review-panel {
  transition: 0.3s;
  margin-bottom: 20px;
  border-bottom-style: solid;
  border-bottom-color: lightgrey;
  border-bottom-width: thin;
}

.media-review-card:hover {
}

.media-review-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.media-review-left-column {
  width: 400px;
}

.media-review-right-column {
  text-align: left;
  font-weight: normal;
}

.media-review-image {
  max-width: 356px;
  min-width: 356px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}