.text-muted{
	color: var(--bs-muted-txt)!important;
}

.bg-dark{
	background-color: var(--bs--bg-dark);
}

html, body{
	height: 100%;
}
body > footer{
	position: sticky;
	top: 100vh;
}


body {
	height: 100vh;
	display:flex;
	flex-direction:column;
	background-color: var(--bs-body-bg);
}

.content_wrapper{
	width: 100%;
}

footer > span {
	flex-grow: 1;
	text-align: center;
}
.site_logo{
	max-width: 128px;
	max-width: 202px;
	margin: 0 auto;
	margin: 0 auto 20px;
	display: block;
	/*border: 1px solid #333;
	border: 1px solid #0cca65de;*/
}

.alert-danger{
	color:  var(--alert-color)!important;
	background-color: var(--alert-error-bg) !important;
	border-color: var(--alert-error-bg)!important;
}
.alert-info{
	color: var(--alert-color)!important;
    background-color: var(--alert-info-bg)!important;
	border-color: var(--alert-info-bg)!important;
}

.navbar-dark, 
.footer-dark {
    background-color: var(--bs-navbar-dark);
}
	.navbar-nav > a {
		padding: .5em;
		font-weight: 500;
		text-decoration: none;
		color: var(--bs-gray-400);
	}
		.navbar-nav > a:hover{
			color: var(--bs-gray-200);
			animation: glow 1s ease-in-out infinite alternate;
		}
		.navbar-layer-container{
			width: 100%;
		}
		.navbar-nav > .btn-group {
			flex-grow: 1;
		}
		.navbar-nav > .btn-group > .btn {
			flex-grow: 0;
		}
@media(prefers-reduced-motion){
	.nabar-nav > a:hover {
		animation-name: none;
	}
}
@keyframes glow {
	from {
	  text-shadow: 0 0 0 var(--bs-gray-200), 0 0 1px var(--bs-gray-200);
	}
	to {
	  text-shadow: 0 0 1px var(--bs-gray-200), 0 0 2px var(--bs-gray-200);
	}
 }	

.inline-img {
	display: inline-block;
	max-width:100%;
	max-height:100%;
}
.card{
	background-color: var(--bs-body-bg);
	border: 1px solid var(--bs-navbar-dark);
}
.card-title{
	background-color: var(--bs-navbar-dark);
}

.dashboardSection .card-body{
	min-height: 350px;
}
.dashboardSection_staff .card-body{
	min-height: 235px;
}
.dashboardSection_staff .btn,
.dashboardSection .btn,
.purchase_history_container .btn,
.card_locations .btn,
.card_users .btn{
	white-space: nowrap;
}


.btn-primary, .btn-preview{
	color: var(--btn-primary-color)!important;
    background-color: var(--btn-primary-background)!important;
    border-color: var(--btn-primary-border-color)!important
}
	.btn-primary:hover, .btn-primary:focus,
	.btn-preview:hover, .btn-preview:focus {
		color: var(--btn-primary-color)!important;
		background-color: var(--btn-primary-background-hover)!important;
		border-color: var(--btn-primary-border-color)!important;
	}

.btn-purple{
	color: var(--btn-purple-color)!important;
	background-color: var(--btn-purple-background)!important;
	border-color: var(--btn-purple-border-color)!important
}
	.btn-purple:hover, .btn-purple:focus {
		color: var(--btn-purple-color)!important;
		background-color: var(--btn-purple-background-hover)!important;
		border-color: var(--btn-purple-border-color)!important;
	}
	
.btn-secondary{
	background-color: var(--btn-secondary-background) !important;
	border: 1px solid var(--btn-secondary-background-border) !important;
	color: var(--btn-secondary-color) !important;
}
.buttonHolders .btn-secondary{
	background-color: var(--modal-btn-secondary-background) !important;
	border: 1px solid var(--modal-btn-secondary-background-border) !important;
	color: var(--modal-btn-secondary-color) !important;	
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	pointer-events: none;
	opacity: .15;
}
.no-padding-btn{
	padding: 0 !important;
	border: 0 !important;
	line-height: 1;
}
.navbar-nav .btn-primary{
	max-height: 40px;
}
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number],
.location_file_input,
.form-select-sm,
#let_location{
	background-color: var(--bs-dark-text-input-bg) !important;
	border: 1px solid var(--bs-dark-text-input-bg) !important;
	color:  var(--bs-dark-text-input-color) !important;
	filter: none;
	background-image: var(--input-autofill-background-image);
}
.form-select,
select.form-control {
	background-image: var(--input-autofill-background-image);
	background-repeat: repeat;
	border: 1px solid var(--bs-dark-text-input-bg) !important;
}
.input-group-text {
    color: var(--input-group-text-color)!important;
    background-color: var(--input-group-text-background)!important;
    border: 1px solid var(--input-group-text-border)!important;
}
input:autofill {
	background-color: var(--bs-dark-text-input-bg) !important;
	filter: none;
	background-image: var(--input-autofill-background-image);
}
.settings_textarea_holder{
	max-height: 175px;
	overflow: auto;
	white-space: pre-wrap;
}
.letter_confirm_disclaimer{
	background: var(--letter_disclaimer_background);
	padding: 0.5rem;
}
.disclaimer_title{
	padding-bottom: 0.5rem;
}
.disclaimer_content{
	max-height: 175px;
	overflow: auto;
	white-space: pre-wrap;
	background: var(--letter_disclaimer_background);
	margin-bottom: 0;
}
.table{
	margin-bottom: 0;
}
.table-dark,
.table-dark thead,
.table-dark tbody,
.table-dark th,
.table-dark tr,
.table-dark td{
	background: var(--liam-table-bg);
	border-color: var(--dark-table-border);
	color: var(--table-dark-color);
}
.table-dark th{
	background: var(--table-dark-th);
	border-color: var(--dark-table-border);
}

.table-dark tr:nth-of-type(2n+1),
.table-dark tr:nth-of-type(2n+1) td{
	--bs-table-accent-bg: var(--dark-table-accent);
}

.table > :not(:first-child) {
	border-top: 2px solid var(--dark-table-border);
  }
.mobileTableMinWidth{
	min-width: 730px;
}
.login_form_container {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: calc(100vh - 137px);
}
	.login_form_container > form,
	.login_form_container > .login_form {
		margin: auto;
		min-width: 30%;
	}
		.login_form_container > form > .card-title,
		.login_form_container > .login_form > .card-title{
			border-bottom: 1px solid rgba(0,0,0,.125);
			width: 100%;
			padding: .5em 1em;
			font-weight: 700;
		}
		.login_form_container > form > .card-body,
		.login_form_container > .login_form > .card-body {
			padding: 2em;
		}

@media (max-width: 767.98px) {		
	.login_form {
		width:100%;
		height:100%;
	}		
}
		
.form-group > label {
	font-weight: 500;
}

.form_links {
	margin-top: 0;
}
	.form_links > a.btn {
		margin-left: 0;
		padding-left: 0;
		text-decoration: none;
		color: var(--bs-body-color);
	}
	.form_links > .btn-purple {
		margin-left: 0;
		width:100%;
	}

.close {
    float: right;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

	button.close {
		padding: 0;
		background-color: transparent;
		border: 0;
		appearance: none;
	}

.alert {
	margin: 0 auto 1rem auto;
	width:100%;
	border-radius: 0;
	text-align: center;
}
.section-header{
	background-color: var(--section-header-background);
	padding: .5em 1em;
}
.location_switcher {
	max-width: 200px;
	padding: 1em;
}
	.location_switcher > li{	
		text-overflow: ellipsis;
		max-width: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
	}

	.dropdown-menu{
		background-color: var(--bs-btn-bg)!important;
		color: var(--bs-btn-color)!important;
	  }
	  .dropdown-toggle {
		/*color: var(--bs-gray-400)!important;*/
	  }
		.dropdown-toggle:hover {
		  /*color: #fff!important;*/
		}
	  .dropdown-menu a {
		  color: var(--bs-gray-400);
	  }
		.dropdown-menu a:hover {
		  color: #fff;
		}
	  

.table-settings td {
	vertical-align:middle;
}
.loc_settings_table tr td:first-child{
	max-width: 200px;
	width: 200px;
}
.loc_settings_table tr td:nth-child(3){
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}
.table-location-list tr td:nth-child(3){
	max-width: 150px;
	width: 150px;
}
.table-location-list tr td:nth-child(2){
	max-width: 400px;
	min-width: 400px;
	width: 400px;
}

.liam-wrapper{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
	background-color: var(--liam-wrapper--background);
}
.liam-outer-wrapper{
	background-color: var(--liam-wrapper--background);
}

.login_form_container .card,
.liam-wrapper .card,
.modal-xl .card{
	background-color: var(--card-background);
	box-shadow: var(--card-box-shadow);
}
.location_file_input{
	max-width: 300px;
	margin-top: 8px;
}
.preview_location_site_logo,
.preview_location_site_favicon{
	background-size: cover;
	background-position: center center;
}
.preview_location_site_logo{
	width: 200px;
	height: 200px;
}
.preview_location_site_favicon{
	width: 50px;
	height: 50px;	
}
.preview_location_email_header_logo{
	width: 200px;
	height: 200px;
}
.location_image div{
	cursor: pointer;	
}
.card_add_letter table tr:last-child td{
	border: 0;
}
.letterAdminTextView{
	max-height: 250px;
	overflow: auto;
}
.draft_save_placeholder{
	animation: fade-out 1.5s;
	opacity: 0;
}
.draftShow{
	animation: fade-in 1.5s;
	opacity: 1;
}
@keyframes fade-in {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  
  @keyframes fade-out {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }
  

@media screen and (max-width: 756px){
	.liam-wrapper{
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
	.card_add_letter .row > * {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}	

	.preview_location_site_logo, .preview_location_site_favicon {
		max-width: 150px;
		margin-top: 8px;
	  }
}

/* filters */
.filterArea > div, .filterArea > form, .adminFilter > div, .pager > div, .pageListHolder > div, .pageNumberHolders > div, .finalPage > div { display: inline-block; }
.pager > div.hidden, .adminFilter > div.hidden { display: none!important; }
.pager, .adminFilter { margin-right: 8px; }
.objHolder { margin-right: 8px; padding-right: 8px; }
.objHolder .label { font-family: "Roboto", sans-serif; font-weight: bold; padding-right: 8px; }
.objHolder > div { display: inline-block; }
/* end filters */


/* pagination */
.pager {
	color: var(--pager-color);
	font-size: 11px;
	font-weight: normal;
	min-width: 330px;
	text-align: right;
	align-items: center !important;
	display: flex !important;
}
.pager.hidden{
	display: none;
}
.pager > div{
	display: inline-block;
}
.goToPageNumber {
	background-color: var(--pagination-background);
	-moz-appearance: none;
	-webkit-appearance: none;
	resize: none;
	border: 1px solid var(--pagination-border);
}
.goToPageHolder {
	width: 50px;
	border-left: 1px solid var(--pagination-border);
	padding: 0 8px;
}
.pageListHolder {
	margin-right: 8px;
}
.pageNumberHolders {
	margin: 0 4px;
}
.pageNumbers {
	cursor: pointer;
	text-align: center;
	padding: 4px;
	border: 1px solid var(--pagination-border);
	background: var(--pagination-page-numbers-background);
	color: var(--bs-btn-color);
	margin: 0 2px;
}
.goToPage, .goToPage:hover {
	color: #000;
	background: var(--btn-primary-background) !important;
	border: none;
	/* font-size: 11px;
	line-height: 11px!important; */
}
.pageNumbers.active {
	background: var(--bs-body-bg);
	color: var(--bs-btn-light-bg-color);
}
.firstPage, .nextPage {
	cursor: pointer;
}
.section-header .titleWithPagination{
	display:block;
	min-width: 200px;
}
@media screen and (max-width: 500px){
	.mobile_pagination_holder {
		flex-direction: column !important;
		margin-left: auto;
		margin-right: auto;
		min-width: 280px;
		padding-top: 8px;
	}
	.mobile_pagination_holder > * {
		margin-bottom: 8px;
	}
}  
/* end pagination */


/* modals*/
.modal-content{
	background: var(--bs-navbar-dark);
}
.modal-header{
	color: var(--bs-body-color) !important;
	border-bottom: 1px solid var(--bs-navbar-dark);
}
.modal-body{
	color: var(--bs-body-color) !important;
	background: var(--bs-body-bg);
}
.modal-footer {
	border-top: 1px solid var(--bs-navbar-dark);
}
.btn-close {
	color: var(--bs-body-color) !important;
}

/*start: bootstrap-select tweaks */
.navbar-nav .dropdown-menu a:hover {
	color: #000;
}
.navbar-nav .dropdown-item.active, 
.navbar-nav .dropdown-item:active,
.navbar-nav .dropdown-item.active:hover {
	background-color: #000;
	color: #fff;
}
.bootstrap-select .dropdown-menu.inner {
	overflow-x: hidden;
}
@media screen and (max-width: 991px){
	.navbar-nav .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
	.navbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
		width: 100%;
	}
	.navbar .dropdown.bootstrap-select{
		margin-top: 8px;
	}
}
/*end: bootstrap-select tweaks */

/* start: keyword selection */
.list-group-item { 
	background: var(--card-background); 
	color: var(--keyword-items-color);
}
.list-group-item:nth-child(odd){ 
	background: var(--keyword-items-background-odd);
	color: var(--keyword-items-color);
}
.list-group-item:hover {  
	color: #fff;
}
.Keyword_location_view_all_container {
	max-height: 400px;
}
.letters_view_all_container .bg-danger{
	width: 38px;
	text-align: center;
	line-height: 26px;
	background-color: var(--letter-danger-background) !important;
	color: var(--letter-danger-color) !important;
}
/* end : keyword selection */


/*  dropbox additions */
.uploadForm .dropzone{
	background: transparent;
	font-size: 50px;
}
.content_wrapper .dropzone .dz-preview.dz-image-preview {
	background: transparent;
}
.content_wrapper .dz-remove{
	color: var(--dropzone-remove-text-color);
}
.uploadForm .btn-danger{
	margin-left: 8px;
	background: var(--section-header-background) !important;
	border-color: #000;
}
.dz-details .dz-filename{
	display: none;
}
body .DoNotDisplaySection{
	display: none !important;
}
.card_uploaded_photos{
	margin-top: 16px;
}
.uploadedFilessingleCard{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.uploadedFilessingleCard .imgdiv{
	max-height: 200px;
	height: 200px;
	width: 100%;
	background-position: center center;
	background-repeat: none;
	background-size: cover;
}
.imgdiv .closeBtn{
	color: #900;
	font-size: 30px;
	text-align: right;
	padding: 2px;
	line-height: 28px;
	margin-right: 6px;
	margin-top: 6px;
	cursor: pointer;
	background: #fff;
	width: 34px;
	position: absolute;
	right: 0px;
	border-radius: 4px;
	opacity: 0.8;
}
.imgdiv .closeBtn:hover{
	color: #f00;
	opacity: 1.0;
}
body .modal-backdrop.show {
	opacity: .8;
}
.pdf_placeholder .nav-link{
	color: #fff;
}
.pdf_placeholder .nav-link.active{
	color: #000;
}
.pdf_placeholder .nav-tabs .nav-link{
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}
.toastHolder{
	position: fixed;
	right: 0;
	padding: 16px;
}
.toast-header img{
	max-width: 45px;
}
.toast-body {
	background: var(--card-background);
}
.toast-header{
	color: var(--toast-text);
	background-color: var(--section-header-background);
	border-bottom: 0;
}
.toast .close{
	color: var(--toast-text-close);
}
.admin_preview_letter_submit,
.btn.btn-secondary.letter_view_details_btn,
.btn.btn-secondary.printers_view_details_btn {
	white-space: nowrap;
}
.prn_name_limit{
	text-overflow: ellipsis;
	max-width: 250px;
}
.recoverMFALink{
	color: var(--btn-primary-background) !important;
	font-weight: bold;
	text-decoration: none;
}

@media screen and (max-width: 991px){
	.main-nav-send-mail,
	.main-nav-send-mail:hover{
		padding: .5em;
		background: transparent !important;
		border-color: transparent !important;
		color: var(--bs-gray-400) !important;
	}
}
.faqLink a{
	color: var(--btn-primary-background) !important;
	text-decoration: none;
}
.btnCrosssale{
	margin-top: 8px;
}
.letter_confirm_disclaimer{
	margin-top: 16px;
}
a.btn-loginfrm.btn-purple{
	padding: .375rem .75rem !important;
}

.investigate_enlarged_img{
	max-width: 100%;
}
.gallery_view_all_container .previewFilessingleCard{
	max-width: 300px;
}
.gallery_view_all_container .previewFilessingleCard img{
	max-width: 280px;
	cursor: pointer;
}
.gallery_filter {
	font-size: 12px;
}
.SubpoenaBtn {
	white-space: nowrap;
}
.dashboardlock{
	color: var(--btn-primary-background) !important;
	font-size: 24px;
	margin-left: 8px;
}
#rows_per_page{
	min-width: 200px;
}
.btn.archiveOrderBtn{
	background: var(--archiveOrderBtn-background) !important;
	color: var(--archiveOrderBtn-color) !important;
}
.link-liam{
	color: #3bf592;
}
.dashboardSection_staff .pagerListings {
	max-height: 200px;
	overflow: auto;
}
table th, 
table td:not([data-f="content"]),
table td:not([data=f="uid"]),
table tr td[data-f="Network State"],
td[data-f="json_status_code"],
td[data-f="json_printer_state"],
td[data-f="print_type"],
td[data-f="software"],
.table-responsive.printers_endpoint_view_all_container.pagerListings table td
{
	text-transform: capitalize;
}

table td[data-f="Mac Address"]{
	text-transform: uppercase;
}
div.row.table-responsive.printjobs_view_all_container.pagerListings table th,
div.row.table-responsive.printjobs_view_all_container.pagerListings table td, 
div.row.table-responsive.printers_view_all_container.pagerListings table td
{
	text-transform: capitalize;
}
.admin_gift_img{
	max-width:200px;
	max-height:150px;
}
.giftcards_actions_col{
	width: 210px;
}
.preview_giftcard_input,
.preview_giftcard_input .inline-img{
	max-width: 500px;
	max-height: 500px
}
.giftcardSelectImgBtn  {
	cursor: pointer;
}
.giftcardSelectImgBtn:hover,
.selected_gift .giftcardSelectImgBtn{
	color: var(--btn-primary-color) !important;
	background-color: var(--btn-primary-background) !important;
	border-color: var(--btn-primary-border-color) !important;
}
.uploadedFilessingleGiftcard{
	margin-left: auto;
	margin-right: auto;
}

.uploadedFilessingleGiftcard .imgdiv{
	min-height: 200px;
	/* height: 200px; */
	width: 100%;
	background-position: center center;
	background-repeat: none;
	background-size: cover;
}
.selected_gift .imgdiv{
	border: 3px solid var(--btn-primary-background);
}
.list_available_giftcards_holder .alert.alert-danger{
	color: #842029 !important;
	background-color: #f8d7da !important;
	border-color: #f5c2c7 !important;
}
.giftcard_preview_placeholder{
	padding: 24px;
}
.giftcard_preview_img{
	max-width: 100%;
	max-height: 800px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.btn-close-white {
	filter: var(--modal-btn-close-white);
}
.bg-danger{
	color: var(--alert-danger-text-color) !important;
}
.paypal_btn{
	background: #003087;
	color:#fff;
	white-space: nowrap;
}
.paypal_btn:hover{
	background: #009cde;
	color:#fff;
}
.giftcardname{
	background: transparent;
}
.selected_gift .giftcardname{
	background-color: var(--btn-primary-background) !important;
	color: var(--btn-primary-color) !important;
}
.uploadedFilessingleGiftcard.selected_gift{
	background-color: var(--btn-primary-background) !important;
}
.dont_display_giftcards{
	display: none;
}
#giftcard_to_locations {
	height: 300px;
}
.giftcard_preview_popup{
	/* 
	border: 2px solid #666 !important;
	z-index: 2000;
	display: none;
	position: absolute;
	margin-left: -0.5rem; 
	*/

	max-width: 100%;
	max-height: 0;
	transition-property: max-height;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	transition-delay: 0.6s;
}

.uploadedFilessingleGiftcard:hover .giftcard_preview_popup{
	/* display: block; */
	max-height: 450px;
	transition-property: max-height;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	transition-delay: 0.6s;
}
.imgdiv,
.uploadedFilessingleGiftcard{
	transition-property: max-height;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	transition-delay: 0.6s;
}

@media screen and (max-width: 1998px){
	.greeting_cards_placeholder{
		max-height: 750px;
		overflow: auto;
	}
}


.btn_search_for_inmate{
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
	color: var(--btn-primary-color) !important;
	background-color: var(--btn-primary-background) !important;
	border-color: var(--btn-primary-border-color) !important;	
}

.inmate_lookup_results_container{
	max-height: 360px;
	overflow: auto;
}
.inmate_lookup_results_container td{
	font-size: 12px;
	vertical-align: middle;
	white-space: nowrap;
}
.inmate_lookup_results_container .btn_select_inmate{
	margin-bottom: 0 !important;
}
.btn_search_for_inmate .fa-spinner{
	display: none;
}
.btn_search_for_inmate.lookup_working .fa-spinner{
	display: inline-block !important;
}
.lookup_results_wait{
	text-align: center;
	font-size: 24px;
}
.admin_preview_img {
	max-width: 400px;
}
.table-approve-list tr td:nth-child(2){
	max-width: 160px;
	width: 160px;
}
.table-approve-list tr td:nth-child(3){
	max-width: 250px;
	width: 250px;
}
.card_location_approve_section pre{
	white-space: normal;
}
.rejected_highlight{
	border: 5px solid #900;
}
.rejected_note{
	background: #900;
	color: #fff;
	text-align: center;
	padding: 8px;
	text-transform: uppercase;
}