/* Style classes */

.hyphens-auto {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.gx-fluid {
	padding-inline: max(1.75vw, 5vw - 2.5rem, 40vw - 40rem);
}

gap-half {
	gap: 0.125rem;
}

.fs-55 {
  font-size: 1.125rem !important;
}

/* Fixes and customization of bootstrap */

body {
  font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.navbar .navbar-nav .nav-link {
  color: oklch(0.4 0.16 265);
}
.navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #07F;
}

.footer {
    ~padding: 16px 0px;
    ~margin: 16px 0px 0px;
    ~font-size: 15px;
}
.footer, .footer a, .footer a:hover, .footer a:link, .footer a:visited {
	background: oklch(0.24 0.16 265);
   color: white;
	text-decoration: none;
}
.footer a:active {
    color: #aaccff;
}
.footer a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	font-weight: 300;
	color: oklch(0.36 0.16 265);
}
h5 {
	margin-top: 1rem;
}

hr {
	margin-top: 0.3rem;
}

p {
  margin-bottom: 0rem;
}
p:last-child {
  margin-bottom: 0rem;
}

.font-weight-lighter {
  font-weight: 200 !important;
}

.btn-primary, .Xbtn-primary:hover {
  background-color: oklch(0.36 0.16 265);
  border-color: oklch(0.36 0.16 265);
}

.w-15 {
  width: 15% !important;
}

.custom-select-xs {
	Xmargin-top: -0.24rem;
  padding-top: 0rem;
  padding-right: .8rem;
  padding-bottom: 0rem;
  padding-left: .2rem;
  ~text-align: right;
  width: inherit;
  height: calc(1.34rem + 2px);
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.2rem center;
  background-size: 8px 10px;
}

select {
	margin-top: -0.2rem;
	padding-top: 0rem;
	padding-right: .8rem;
	padding-left: 0rem;
	text-align: right;
	height: calc(1.46rem + 0px);
}

.form-control-xs, .input-group-xs > .form-control,
.input-group-xs > .input-group-prepend > .input-group-text,
.input-group-xs > .input-group-append > .input-group-text,
.input-group-xs > .input-group-prepend > .btn,
.input-group-xs > .input-group-append > .btn {
  padding: 0rem 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

/*
.big {
  font-size: 115%;
  ~font-weight: 400;
}
 */

.tooltip-inner {
	max-width: 300px;
}

/* Particular styles */

table.pkgs td, table.domains td {
	padding-right: .5%;
	text-align: right;
}
table.domains td {
	padding-right: 1rem;
}

table.pkgs th, table.domains th {
	font-size: 1.25rem;
	font-weight: 300;
	padding-right: 1%;
	text-align: right;
}

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

ul li{
/* 	list-style-type: kannada; */
/* 	list-style: url('/img/grey_big_dot.png'); */
/* 	background: url('/img/grey_big_dot.png') no-repeat -5px 0; */
}

.highlight-lock {
  background-color: #ffaaaa; /* красноватая подсветка */
  transition: background-color 0.9s ease;
}
.highlight-unlock {
  background-color: #aaffaa; /* зеленоватая подсветка */
  transition: background-color 0.9s ease;
}

/* BS tweaks */
body {
	--bs-link-color-rgb: 2,79,202;
}
.btn-outline-secondary {
	--bs-btn-color: #556666;
}
.brand-indigo {
	color: oklch(0.24 0.16 265);
}

.card-1 { background: radial-gradient(circle at 20% 20%, #fff2 0%, transparent 40%), linear-gradient(180deg,#6a11cb,#2575fc); }
.card-2 { background: linear-gradient(120deg, #ff7a18 0%, #af002d 50%, #319197 100%); }
.card-3 {
	--c1: #667eea; --c2: #764ba2;
	background: linear-gradient(135deg, var(--c1), var(--c2));
/*
	color: #fff;
 */
/*
	padding: 12px;
	border-radius: 8px;
 */
}
.card-4 {
	background: linear-gradient(160deg, #f5fdf8, #e8efff);
}