/********* Customised CSS for current OPAC app. ***********/

.container-top{
  background-color: rgb(139, 0, 0)
}

::selection {
  
}

@font-face {
	font-family: 'proxima_softsemibold';
	src: url("./fonts/proximasoft-semibold-webfont.woff2") format("woff2"), 
    url("./fonts/proximasoft-semibold-webfont.woff") format("woff"), 
    url("./fonts/proximasoft-semibold-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'proxima_softregular';
	src: url("./fonts/proximasoft-regular-webfont.woff2") format("woff2"), 
    url("./fonts/proximasoft-regular-webfont.woff") format("woff"), 
    url("./fonts/proximasoft-regular-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

/********************* jquery-ui.min.css Timepicker *********************/

.ui-datepicker {
  max-width: 250px;
  padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 12px;
  margin: 1px 0;
}

.ui-datepicker table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker .ui-datepicker-buttonpane { 
  display: none;
}


/********************* js/libs/select2/dist/css/select2.css *********************/

.col-sm-2 > .col-form-label, .col-sm-1 > .col-form-label{
  text-align: right;
  width: 100%;
  padding-top: 8px;
}

.select2-selection__rendered {
	line-height: 38px !important
}

.select2-container .select2-selection--single {
	height: 39px !important
}

.select2-selection__arrow {
	height: 40px !important
}

.select2-selection__rendered {
  line-height: normal !important;  
}

.select2-container--default {  
  width: 100% !important;  
}  

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ffffff !important;    
}  

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 10px;
}

.first-grid-row:nth-of-type(even) {
  background-color: #eee;  
}
.first-grid-row:nth-of-type(odd) {
  background-color: #ffffff;  
}

/********************* bootstrap.min.css *********************/

.modal-footer{
  justify-content: flex-end; /* Right align buttons with flex property because text-align doesn't work on flex items*/
  justify-content: center;
}



/************************ Library Header ***************************/

.pHead {
  z-index: 150;       
  /*background-color: rgb(139, 0, 0)*/
}

#topNav{
  
}

.topHeader{    
  margin-left: auto;
  margin-right: auto;
  
  vertical-align: middle;
  display: inline-block;  
  width: 99%;
}

#navigation-wrapper .container{  
  /*border-bottom: 4px solid #224563;*/
  width: 100%;    
}

#navigation-wrapper .navbar-nav{
  padding: 10px
}
.navbar .nav-item{
  padding: 3px 15px;  
}
.navbar .nav-item:hover {	
	background-color: rgb(242, 191, 94);
  /*border-bottom: 4px solid rgb(139, 0, 0);*/
}


.card.card-body .form-group .row .col-1{
  padding-right: 0;
}

/************************ Library Footer ***************************/

#footer {
  background: rgb(139, 0, 0);  
  color: #ffffff;
  
}

#footer .footer--wrapper {
  padding-top: 25px;
  padding-bottom: 10px;
}

#footer a{ 
  color: #ffffff;
  font-weight: 300;
}

.rpl-footer-vic-gov-logo {
  vertical-align: middle;
  fill: #ffffff;
  width: 74px;
}

.rpl-acknowledgement__flags {
  margin: var(--rpl-sp-1) 0;
}
.rpl-acknowledgement__flag+.rpl-acknowledgement__flag {
  margin-left: 0.5rem;
}
.rpl-acknowledgement .rpl-acknowledgement__flag {
  height: var(--local-flag-height);
}
.rpl-acknowledgement__flag {
  border: 1px solid #ffffff
}