/* 2024-03-05 4dove by andreas */

/* Current bootstrap's tpl CSS */

/* ***** bs classes */

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

.table {
  --bs-table-striped-bg: rgba(0, 0, 0, 0.04);
}

.fw-semibold {
  font-weight: 500 !important;
}

/* ***** sph classes */

.link {
	text-decoration: underline;
	cursor: pointer;
}
.nolink {
	text-decoration: none;
	cursor: auto;
}

.red, a.red {
	color: #dc3545 !important;
}

/*.sph-tbl tbody, .sph-tbl tr, .sph-tbl td, .sph-tbl th {*/
.sph-tbl td, .sph-tbl th {
	border-color: inherit;
	border-left-style: none;
	border-width: 0;
}
table.sph-tbl {
	border-radius: 0.5rem !important;
	overflow: hidden;
}
table.sph-tbl th {
	border-style: none;
}
table.sph-tbl th, table.sph-tbl td {
	border-width: 1px 1px;
	border-color: #D7D7D7;
	padding: 2px 10px;
	vertical-align: middle;
}
table.sph-tbl th {
	background-color: #212529;
	color: #fff;
	padding: 10px 10px;
}
table.sph-tbl th a {
	color: #fff;
}
table.sph-tbl thead th:not(:last-child) {
	border-right-style: solid;
}
table.sph-tbl th.under {
	border-bottom-style: solid;
}
table.sph-tbl tfoot th, table.sph-tbl tfoot td {
	background-color: #d7d8da;
	color: #212529;
	padding: 10px 10px;
}

div#sph-overlay-bottom {
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 5px;
	background-color: #fff;
	/*border: 0 none #222;*/
	transition-duration: 300ms;
}

/* ***** new classes */

body {
	margin-top: 80px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

.sph-hov-dark:hover {
	color: #212529 !important;
}

.bg-purple {
  background-color: #6f42c1;
}

a.tbl-admin {
	/* color: #dc3545; */
	color: #dd5d69;
}
a.tbl-admin:hover {
	/* font-size: 1.1em; */
	color: #d71d2f;
}

/* position */
.center-absolut {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.center-vertical {
	display: inline-flex;
	align-items: center;
}
.horizont-right {
	display: inline-flex;
	justify-content: end;
}

/* font-size */
.em-09 {
	font-size: 0.9em;
}
.em-11 {
	font-size: 1.1em;
}

/* line-height */
.lh-16 {
	line-height: 1.6 !important;
}
.lh-18 {
	line-height: 1.8 !important;
}

/* width */
.w-70 {
	width: 70% !important;
}
.w-30 {
	width: 30% !important;
}
.w-20 {
	width: 20% !important;
}
.w-10 {
	width: 10% !important;
}
.w-5 {
	width: 5% !important;
}

/* for images */
/*
img.cover {
    object-fit: cover;
    width: 100%;
    height: 50px;
}
*/
@media (min-width: 391px) {
	img.sph-gall-thumb {
		width: 178px;
		height: 178px;
	}
}
@media (min-width: 448px) {
	img.sph-gall-thumb {
		width: 205px;
		height: 205px;
	}
	img.sph-img-thumb {
		width: 205px;
		height: 205px;
	}
}
@media (min-width: 576px) {
	img.sph-gall-thumb {
		width: 165px;
		height: 165px;
	}
	img.sph-img-thumb {
		width: 161px;
		height: 161px;
	}
}
@media (min-width: 768px) {
	img.sph-gall-thumb {
		width: 225px;
		height: 225px;
	}
	img.sph-img-thumb {
		width: 163px;
		height: 163px;
	}
}
@media (min-width: 992px) {
	img.sph-gall-thumb {
		width: 146px;
		height: 146px;
	}
	img.sph-img-thumb {
		width: 138px;
		height: 138px;
	}
}

/* for statmetr */
.sph-color-block42 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	min-width: 42px;
	font-size: 1.8em;
	/*font-weight: bold;*/
	color: white;
}
div.sph-graph {
	display: block;
	height: 12px;
	opacity: 0.55;
	width: 1px;
}

/* for pages navigation */
.sph-bs-pages a, .sph-bs-pages span {
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 50%;
	border: var(--bs-gray-500);
	height: 40px;
	width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--bs-gray-800);
}
.sph-bs-pages a:hover {
	background-color: var(--bs-gray-200);
	color: var(--bs-gray-900);
}
.sph-bs-pages .current {
	color: var(--bs-gray-900);
	background-color: var(--bs-gray-200);
}
.sph-bs-pages a.text, .sph-bs-pages span.text {
	border-style: none !important;
	margin: 0 10px;
	height: 40px;
	width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--bs-gray-700);
}
.sph-bs-pages a.text:hover {
	background-color: var(--bs-body-bg);
	color: var(--bs-gray-900);
}

/* Google fonts */

/* Roboto */
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* for doves */

.div-hov {
	background: rgba(0, 0, 0, 0.04);
}
.div-hov:hover {
	background: rgba(0, 0, 0, 0.08);
}

.dove-line-logo
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 70px !important;
}
.dove-block56 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	min-width: 56px;
	font-size: 1.8em;
	/*font-weight: bold;*/
	color: white;
}