#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] #divCampus {
	display: none;
}
#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .logo-text img {
    display: none; 
}
#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .navbar-brand {
    background-color: #7b1113;
}

#main-wrapper[data-layout="vertical"] .topbar .top-navbar .navbar-header[data-logobg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header[data-logobg="skin1"] {
    background: transparent;
}
#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] #logo_small {
    display: block;
    width: 65px; 
    height: 70px;
    margin: 0; 
    padding: 0;
    background-color: transparent;
}
.logo-text img {
	width: 150px; 
	padding-top: 110px;
}	
#logo_small {
    display: none;
    width: 65px;
    height: 70px;
    padding: 0;
    margin: 0; 
}
.mergeProfiles {
	background-color: #fff !important;
}
#navbarSupportedContent {
	background-color: #014421 !important;
}
.comboBoxEditable {
	color: #fff !important;
	background-color: #339966;
}

.myDragClass {
	color: #fff !important;
	background-color: #ffad0d !important;
}

.input-group-label {
	width: 150px;
}
.divCartIcon {
	display: none;
}

.fixed-width-dropdown {
	width: 160px; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-menu.fixed-width-dropdown {
	min-width: 160px; 
}

@media (min-width: 1920px) {
	#divCampus  {
		display: block;
		background-size: cover; 
		background-position: center;		
	}
	.divCampusName {
		background-color: #ffad0d;
	}	
}

@media (max-width: 992px) {
	#divCampus  {
		display: none;
	}	
}
@media (min-width: 992px) {
	.frmRegBarcode, .invFields {
		background-color: #fff !important;
	}
	#divBasicSearchForm, #rowFilters {
		padding-bottom: 25px;
	}
	.searchFormFields {
		background-color: transparent;
		border: 0;
	}
	#divNewRecord {
	  margin: auto;
	  position: relative;
	  float: right;
	}
	#searchSelect {
		padding-right: 2px;
		min-width: 180px;
		max-width: 200px;
	}
	#divSearchType {
		padding-right: 2px;
		padding-left: 0px;
		min-width: 150px;
		max-width: 170px;
		
	}
	#divsearchButton {
		padding-left: 2px;
		padding-right: 0px;		
		min-width: 150px;
		max-width: 150px;
	}
	#divFilters {
  		padding: 12px 0;
		min-width: 160px;
		max-width: 160px;  		
	}	
	#searchTextbox {
		padding-right: 2px;
		padding-left: 0px;
		max-width: 500px;
		min-width: 300px;	
	}
	#searchButton {
		height: 48px;
		width: 140px;
	}	
	#txtCampusName {
		text-align: center;
		font-weight: 500; 
		font-size: 14px;
		vertical-align: middle;
	}
	#filterCampus {
		padding-right: 2px;
		min-width: 180px;
		max-width: 200px;
	}
	#filterUnitLib {
		padding-left: 0px;
		padding-right: 2px;
		min-width: 502px;	
		max-width: 600px;
	}
	#filterUnitLib > span {
	    /*width: 600px !important;*/
   		min-width: 500px;	
		max-width: 600px;
	}
	#filterMaterialType {
		padding-left: 0px;
		padding-right: 2px;
		min-width: 250px;
	}	
	#divOptionButtons {
		min-width: 133px;
		max-width: 133px;
	}
	#divCartOptionButtons {
		min-width: 72px;
		max-width: 72px;
		text-align: right;		
	}	
	#ResourceDetailsSeparator {
		max-width: 80px;
	}
	#rowSearchResultsOptions {
		width: 100%;
		padding-top: 3px;
		padding-bottom: 3px;
		text-align: right;
	}		
	#divSortOptions {
		min-width: 285px;
		max-width: 285px;
		margin-right: 0px;
		padding-left: 3px;
		display: inline-block;
		white-space: nowrap;			
	}
	#divResult  {
		padding-bottom: 10px;
	}
	#divResultCnt {
		float: left;
		text-align: left;
	}
	#divCartButtons {
		min-width: 72px;
		max-width: 72px;		
		text-align: right;
	}
	#divBackButton {
		float: left;
		text-align: left;
	}
	#lnkNavigator {
		min-width: 310px;
		max-width: 310px;
	}	
	#divActionMenu {
		float: right;
	}
	.aligncenter {
		text-align: center;
		vertical-align: middle;
	}
	.tdMedium {
		width: 300px;
	}
	.dummySpacer {
		margin: 3px;
	}
	.sidebar-hr {
		margin-top: 75px; 
		height: 1px; 
		background-color: #7b1113;
	}
	#Tab-Details {
		padding: 30px 20px;
	}
	.fileDescription {
		cursor: pointer; 
		cursor: hand;
	}
	.span-w50 {
		width: 50px;
	}	
	.span-w150 {
		width: 150px;
	}
	.span-w260 {
		width: 260px;
	}	
	#FileUploadProgressBar {
		width: 100%;
	}
	.subfieldComboBox {
		width: 360px;
	}
}	
@media (max-width: 768px) {

	#divCampus  {
		display: none;
	}	
	#btnAddNewRecord {
		height: 48px;
		width: 100%;	
	}
	#searchButton {
		height: 48px;
	}	
	#btnBack {
		width: 100%;
	}
	#btnCartOptions, #OptionMenu {
		width: 100%;
	}
	li.page-item {
		width: 50%;
		padding-right: 0px;
		padding-left: 0px;
	}
	.tdMedium {
		width: 250px;
	}
	#divActionMenu {
		float: right;
	}
	#divResultCnt {
		float: left;
		text-align: left;
		width: 100%
	}
	
}
@media (min-width: 768px) {
	#divSortOptions {
		width: 85%;
		padding: 0px;
	}
	#divCartOptionButtons {
		width: 15%;	
		min-width: 72px;
		max-width: 72px;
		text-align: right;				
	}
	#rowSearchResultsOptions {
		width: 100%;
		padding-top: 3px;
		padding-bottom: 3px;
		text-align: right;
	}	
	#divActionMenu {
		float: right;
	}
	#divCartButtons {
		min-width: 70px;
		max-width: 70px;		
		text-align: right;
	}

	#divOptionButtons {
		min-width: 130px;
		max-width: 130px;
	}
	#fldSearch, #fldSearch2 {
		min-width: 202px;
		max-width: 202px;	
		border: 1px solid #1e88e5;		
	}
	.btn-limited {
	    max-width: 200px;
	    width: 100%; /* Optional: allows it to stretch up to max-width */
	}
	

}
@media (max-width: 39.9375em) {
	#divCampus  {
		display: none;
	}	
	#searchButton {
		height: 48px;
		width: 100%;
	}
	.searchResultPageNum {
		display: none;
	}	
	.tdMedium {
		width: 100%;
	}
	#btnBack {
		width: 100%;
	}
	#btnCartOptions, #btnOptions, #OptionMenu {
		width: 100%;
	}
	#divSortOptions {
		width: 85%;
		padding: 0px;
	}
	#divCartOptionButtons {
		width: 15%;	
		padding: 0px;
		text-align: right;
	}
	#rowSearchResultsOptions {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	li.page-item {
		width: 50%;
		padding-right: 0px;
		padding-left: 0px;
	}
	#btnSearchField, #btnFindItem, #btnFindItem2, #btnRegBarcode {
		width: 100%;
		text-align: left;
	}
	#fldSearch, #fldSearch2, #inputSearchQuery {
		width: 100%;
		text-align: left;	
		border: 1px solid #1e88e5;		
	}
}

#filterUnitLib > span {
	width: 100% !important;
}
.inputBorrowerInfo {
	background-color: #fff !important;
}
.BorrowerInfoFormGroup {
	padding-bottom: 3px;
}
#loading {
	display: none;
	opacity: 0.5;
	position: fixed;
    top: 40%;
    left: 50%;
	margin-top: -50px;
	margin-left: -50px;
    transform: translate(-50%, -50%);	
	width: 100px;
	height: 100px;
	z-index: 9999;    
}
#labelResult {
	color: #333;
	vertical-align: middle;
}
#txtResult {
	color: #c66300;
}
#searchGrid {
	padding-bottom: 30px;
}

#searchQuery{
	height: 50px;
	font-size: 16px;
}
#searchField, #SearchType {
	height: 50px;
	font-size: 16px;
}
#srchField {
 width: auto;
 display: inline-block;
 margin-left: 3px;
}	
.tdcheckbox {
	width: 50px;	
}
.tdimage {
	width: 5%;
    top: 50%;
    left: 50%;	
}
#txtMessage {
	font-weight: 600;
	font-size: 14px;
}
.comboSort {
	height: 35px;
	font-size: 15px;
	color: #666;
	width: 130px;
	padding: 2px;
}
.CoverThumbnail {
	float: inherit; 
	border:1px solid #999999; 
	padding:3px; 
	width: 60px; 	
}
.CoverImage {
 	margin-bottom: 7px; 
	border:1px solid #999999; 
	width: 180px;
	padding: 5px;
}
.title {
	height: 90px;
}
.txtDelimiter {
	color: #1e88e5;
}
.tdText {
	color: #000;
}
.txtBibDetails {
	padding-top: 25px;
}
#txtAuthor {
	font-weight: 600;
}
.tdSmall {
	min-width: 50px;
	max-width: 100px;
	width: 70px;
}
.tdMedium {
	width: 300px;
}	
.page-item {
	padding-right: 5px;
}	
.info {
	cursor: help;
}
#divCoverImage, .divCoverImage {
	display: inline-table;
	margin: auto;
    text-align: center;
	margin-top: 3rem !important;
}
#DivBriefRecord {
	margin-left: 0;
    text-align: left;
}
#gridBriefDisplay {
	width: 100%;
}
.imgCoverImage {
	display: inline;
	width: 180px;
	padding-left: 2px;
}
.select {
	background-color: #fff;
	padding: 0 25px 0 6px;
	color: #666;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-color: #e9ecef;
    border: 1px solid #e9ecef;
    outline: 0;
    font-size: 14px;
    border-radius: 0;	
	height: 40px;
}
select2 {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance: none;

	background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") no-repeat, #fff;
    background-position: top 16px right 8px;
    background-size: 10px;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.varfield {
	width: 100%;
	padding: 6px;
	font-size: 16px;
	color: #666;
	border: 1px solid #e9ecef;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
th.subfield, td.subfield {
	vertical-align: middle;
}
.iconDelete {
   background-image: url('../images/del-grey.png');
   background-repeat: no-repeat;
   background-position: center;
   vertical-align: middle;
   padding: 10px;
}

.iconDelete:hover {
   background-image: url('../images/del-red.png');
   background-repeat: no-repeat;
   background-position: center; 
   cursor: pointer;
   vertical-align: middle;
   padding: 10px;
}
#addTagIcon {
    position: fixed;
    bottom: 125px;
    right: 50px;
    color: #fff;
    background: #1e88e5;
    border-radius: 100%;
    padding: 14px 17px;
    z-index: 100;
    box-shadow: 1px 0px 20px rgb(0 0 0 / 8%);
    transition: 0.3s ease-in;    
}
#addTagIcon a {
	color: #fff;
}
.bar {
    height: 18px;
    background: green;
}
.hanging {
  padding-left: 25px ;
  text-indent: -25px ;
}

.defaultFormLabel {
    width: 160px;
}
.smallFormLabel {
    width: 100px;
}

.profile-pic {
    padding: 1px;
    background-color: #fff;
}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:visible;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    font-size: 14px;
    position:absolute;
    left:0;
    top:0;
    margin: 30px;
    padding-left: 25px ;
    text-indent: -25px ;    
  }
}