/* .FormData .DataTD { width: 50%; } */
.ui-jqgrid.ui-jqgrid-bootstrap {
	border: 1px solid #003380;
}
.FormGrid {
	/* overflow: inherit!important; /*unset!important;*/ */
}
.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view {
	font-size: 14px;
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-caption {
	background-color: #e6f0ff;
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv {
	background-color: #cce0ff;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #e1dfdf;
}
.ui-jqdialog-content .FormElement {	
	/* width: 25vw; */
}

element.style {
	width: 55px;
	/* background-color: rgb(250 235 215); */
}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border-left: 0 none;
}
.ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
	background-color: rgb(189 208 237);
}
.form-control {
	font-size: 15px;
	color: #111;
}
.btn-default {
	font-size: 15px;
	color: #000;
	font-weight: bold;
	border-color: #555;
}
/* .danger,  */
.my-error{    
	background-color: #ffb2b2!important;
	color: black;
	font-weight: bold;
}
/* .success {     */
	/* background-color: #b8ffa9!important; */
	/* color: black; */
	/* font-weight: bold; */
/* } */
.table>tbody>tr.success>td, .table>tbody>tr.success>th, 
.table>tbody>tr>td.success, .table>tbody>tr>th.success, 
.table>tfoot>tr.success>td, .table>tfoot>tr.success>th, 
.table>tfoot>tr>td.success, .table>tfoot>tr>th.success, 
.table>thead>tr.success>td, .table>thead>tr.success>th, 
.table>thead>tr>td.success, .table>thead>tr>th.success {
	background-color: #b8ffa9;
}
.ui-jqdialog.ui-jqgrid-bootstrap {
	font-size: 16px;
}
.align-items-end {
	align-items: flex-end !important;
}
.title {
	white-space: pre-wrap!important
}
.author {
	white-space: pre-wrap!important
}
.series {
	white-space: pre-wrap!important
}
.publisher {
	white-space: pre-wrap!important
}
.year {
	white-space: pre-wrap!important
}
.location {
	white-space: pre-wrap!important
}
.description {
	white-space: pre-wrap!important
}
.logo {
	height:100px; 
	background-image: url("../logo1.webp"); 
	background-repeat: repeat-x; 
	margin-bottom:1px; 
	background-position: center
}
.booking {
	min-height: 1.25em; 
	max-height: 1.25em
}	
.locationLabel {
	min-width: 55px;
	max-width: 55px;
	display: iline-block;
	margin: 0px 5px 0 10px;
}
.locationSelect {
	width: auto;
	display: inline-block;
}
.my-body {
	font-family: Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color: #111;
}
.FormData>.CaptionTD {
	word-break: break-all;
	min-width: 150px;
	max-width: 200px;
	text-align: start;
	width: 200px;
}
.FormData>.DataTD {
	min-width: 300px;
	max-width: 400px;
	width:350px;
	vertical-align: top;
}
.red {
	color: red;
}
.selectLabel {
	min-width: 12rem;
}
.operators {
	padding: 0 0.5em;
}
.selectopts {
	/* display: none!important; */
	min-width: 9em;
}
.my-note {
	text-align: left; 
	color: #979797; 
	word-break: break-word; 
	overflow-wrap: break-word; 
	overflow-wrap: anywhere;
	white-space: pre-line;
}
.FormGrid {
	/* overflow-x: clip; */
	/* overflow-y: clip; */
}
.fa-my-x {
	font-size: 1.5em!important;
}
.missing:checked {
	background-color: rgba(var(--bs-danger-rgb))!important;
	border-color: rgb(220 53 69);
}
.defect{
	background-color: rgba(var(--bs-secondary-rgb))!important;
	border-color: rgb(220 53 69);
	font-size: 2em;
}
.defect:checked {
	/* background-color: rgba(var(--bs-secondary-rgb))!important; */
	background-color: rgba(var(--bs-dark-rgb))!important;
	border-color: rgb(220 53 69);
	font-size: 2em;
}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .fa, .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .fa {
	font-size: 20px;
}
.form-control {
	background-color: rgb(255 255 255);
	border-color: gray;
}
.room-cupdoard {
	width: 775.153px;
	position: static;
	top: calc(343.542px - 2.2em);
}
.modal-dialog {
	border: 2px solid rgb(128 128 128);
}
.modal-body {
	background-color: rgb(249 249 249);
}

.ui-jqdialog .ui-jqconfirm {
	width: 500px;
	height: 150px;
}

/* .ui-jqdialog .ui-jqconfirm { */
	/* width: 300px; */
	/* height: 150px; */
/* } */

.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow .sgbutton-div .sgbutton.btn {
	padding: 0;
	cursor: pointer;
	border: 1px solid transparent;
	margin: -.3em -1.3em;
}

.my-tooltip {
	--bs-tooltip-bg: var(--bs-secondary);
    --bs-tooltip-max-width: 25vw !important;
	max-height: 50vh !important;
}

.tooltip-inner {
	text-align: left;
}

.ui-pg-table {
	background-color: var(--bs-primary-bg-subtle)!important;
}	

.ozon {
	color:  rgb(0 91 255)!important;
	border-color:  rgb(0 91 255)!important;
}

.ozon:hover {
	color: rgb(255 255 255)!important;
	background-color: rgb(13 110 253)!important;
	border-color: rgb(13 110 253)!important;
}
.ozon:focus {
	/* box-shadow: 5px 5px rgb(13 110 253)!important; */
}

.ozon:active {
	/* color: rgb(255 255 255)!important; */
	/* background-color: rgb(13 110 253)!important; */
	/* border-color: rgb(13 110 253)!important; */
	/* box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important; */
}	
	
.ozon:disabled {
	color: rgb(13 110 253)!important;
	background: rgb(0 0 0 / 0%)!important;
	border-color: rgb(13 110 253)!important;
}

.wildberries {
	color: rgb(200, 0, 161)!important;
	border-color: rgb(200, 0, 161)!important;
}

 .wildberries:hover {
	color: rgb(255 255 255)!important;
	background-color: rgb(167 58 253 / 90%)!important;
	border-color: rgb(167 58 253 / 90%)!important;
}
.wildberries:focus {
	background-color: rgb(167 58 253)!important;
	/* box-shadow: 5px 5px rgb(13 110 253)!important; */
}

.wildberries:active {
	/* color: rgb(255 255 255); */
	/* background-color: rgb(167 58 253)!important; */
	/* border-color: rgb(167 58 253)!important; */
	/* box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%); */
}	
	
.wildberries:disabled {
	color: rgb(13 110 253)!important;
	background: rgb(0 0 0 / 0%)!important;
	border-color: rgb(13 110 253)!important;
}

.form-check-input {
	accent-color: var(--bs-form-valid-color); 
	transform: scale(1.2);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-top-color: var(--bs-success);
	border-top-width: thick;
	color: var(--bs-success);
	font-weight: bolder;
}

.nav-link {
	color: var(--bs-secondary);
}

.nav-link:focus, .nav-link:hover {
	color: var(--bs-success-border-subtle);
}

form-check-input:checked {
	background-color: var(--bs-success-border-subtle);
	border-color: var(--bs-success-text-emphasis);
}

.form-check-input:checked {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.form-check-input {
	--bs-form-check-bg: rgb(195 207 196);
}

.form-check-input:disabled {
	opacity: .75;
}

.size-label-14 {
	min-height: 14em;
	max-height: 14em;
	height: 14em;
}
.size-label-12 {
	min-height: 12em;
	max-height: 12em;
	height: 12em;
}
.size-label-3 {
	min-height: 3em;
	max-height: 3em;
	height: 3em;
}
.size-label-7 {
	min-height: 7em;
	max-height: 7em;
	height: 7em;
}
.size-label-26 {
	min-height: 26em;
	max-height: 26em;
	height: 26em;
}
	
.ui-jqdialog .select2-container .select2-choice {
    height: auto;
    padding-top: 1px;
    padding-left: 0.2em;
    padding-bottom: 2px;
    line-height: 15px;
}
.ui-jqdialog .select2-container .select2-choice .select2-arrow b {
    background-position: 0 -4px;
}
.ui-jqdialog.select2-drop { padding: 0px; }
.ui-jqdialog .select2-results .select2-result-label {
    padding: 2px;
}

.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content .CaptionTD {
	padding: 0 0.5em 0.5em 0.5em;
}
/*
Source - https://stackoverflow.com/a/19404013
Posted by Oleg, modified by community. See post 'Timeline' for change history
Retrieved 2025-11-17, License - CC BY-SA 3.0
*/

.ui-jqgrid table {border-collapse: separate}
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox {height: 17px}
.ui-jqgrid .ui-pg-table {padding-bottom: 0}
	
/* параметры для select2 */
.selection {
	text-align: left!important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	color: darkslategrey;
	font-weight: bold;
}

.select2-results__option {
  display: flex;
  justify-content: flex-start;
  gap: 20px;

  border: 2px solid #dddddd;
  background: #eeeeee;
  /* padding: 10px; */
  transition: 0.4s;
}

.select2-results__option:not(.select2-results__option:last-of-type) {
  border-bottom: none;
}
.select2-results__option:nth-of-type(odd) {
  background: white;
}

.select2-results__option:hover,
.select2-results__option:focus {
  background: darkgray;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
	padding: 0 0.75rem; 
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.;
}


/* параметры для ui-multiselect	*/
.ui-multiselect-header>ul {
	font-size: initial;
}

.ui-helper-reset {
	list-style-type: none;
}
.ui-multiselect-checkboxes {	
	display: inline-block!important
}	

.ui-option-author {
	font-size: 1.2em;
}

.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
	font-size: initial;
}

.select2-container--bootstrap-5 {
	min-width: 19vw!important;
}
/* 
select,
::picker(select) {
  appearance: base-select;
} */
/* * { */
  /* box-sizing: border-box; */
/* } */

/* html { */
  /* font-family: "Helvetica", "Arial", sans-serif; */
/* } */

/* body { */
  /* width: 100%; */
  /* padding: 0 10px; */
  /* max-width: 480px; */
  /* margin: 0 auto; */
/* } */

/* h2 { */
  /* font-size: 1.2rem; */
/* } */

/* p { */
  /* display: flex; */
  /* gap: 10px; */
/* } */

/* label { */
  /* width: fit-content; */
  /* align-self: center; */
/* } */

select {
  flex: 1;
}
select {
  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 10px;
  transition: 0.4s;
}

select:hover,
select:focus {
  background: #dddddd;
}
select::picker-icon {
  color: #999999;
  transition: 0.4s rotate;
}
select:open::picker-icon {
  rotate: 180deg;
}
/* ::picker(select) {
  border: none;
} */
option {
  display: flex;
  justify-content: flex-start;
  gap: 20px;

  border: 2px solid #dddddd;
  background: #eeeeee;
  /* padding: 10px; */
  transition: 0.4s;
}

/* option:first-of-type { */
  /* border-radius: 8px 8px 0 0; */
/* } */

/* option:last-of-type { */
  /* border-radius: 0 0 8px 8px; */
/* } */

/* ::picker(select) { */
  /* border-radius: 8px; */
/* } */

option:not(option:last-of-type) {
  border-bottom: none;
}
option:nth-of-type(odd) {
  background: white;
}

option:hover,
option:focus {
  background: darkgray;
}
/* option .icon { */
  /* font-size: 1.6rem; */
  /* text-box: trim-both cap alphabetic; */
/* } */
/* selectedcontent .icon { */
  /* display: none; */
/* } */
option:checked {
  font-weight: bold;
  color: darkslategrey;
  background-color: rgb(255 250 205)!important;
}
/* option::checkmark { */
  /* order: 1; */
  /* margin-left: auto; */
  /* content: "☑️"; */
/* } */
/* ::picker(select) { */
  /* opacity: 0; */
  /* transition: all 0.4s allow-discrete; */
/* } */
/* ::picker(select):popover-open { */
  /* opacity: 1; */
/* } */
/* @starting-style { */
  /* ::picker(select):popover-open { */
    /* opacity: 0; */
  /* } */
/* } */
/* ::picker(select) { */
  /* top: calc(anchor(bottom) + 1px); */
  /* left: anchor(10%); */
/* } */

	
/* Изменения для узких экранов */
@media (max-width: 420px) {
	.selectLabel {
		min-width: 3rem;
	}
	.selectopts {
		min-width: 2em;
	}
	.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
		padding: 1px 3px;
		float: left;
		position: relative;
	}
	.min-input-in-setup {
		max-height: 31px;
	}
}