/* Current bootstrap's tpl CSS */

/* ***** bs classes */

@media (min-width: 992px) {
	.w-lg-75 {
  	width: 75% !important;
	}
}
@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1140px;
	}
	.w-lg-75 {
  	width: 75% !important;
	}
}
@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1140px;
  }
}

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

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

.btn-primary {
	--bs-btn-bg: #ae324c;
	--bs-btn-border-color: #ae324c;
	--bs-btn-hover-bg: #7b2536;
	--bs-btn-hover-border-color: #7b2536;
	--bs-btn-active-bg: #962b41;
	--bs-btn-active-border-color: #7b2536;
	--bs-btn-disabled-bg: #ae324c;
	--bs-btn-disabled-border-color: #ae324c;
}
.btn-outline-primary {
	--bs-btn-color: #ae324c;
	--bs-btn-border-color: #ae324c;
	--bs-btn-hover-bg: #ae324c;
	--bs-btn-hover-border-color: #ae324c;
	--bs-btn-active-bg: #ae324c;
	--bs-btn-active-border-color: #ae324c;
	--bs-btn-disabled-color: #ae324c;
	--bs-btn-disabled-border-color: #ae324c;
}

.btn-success {
	--bs-btn-bg: #075e9e;
	--bs-btn-border-color: #075e9e;
	--bs-btn-hover-bg: #044371;
	--bs-btn-hover-border-color: #075e9e;
	--bs-btn-active-bg: #075e9e;
	--bs-btn-active-border-color: #075e9e;
	--bs-btn-disabled-bg: #075e9e;
	--bs-btn-disabled-border-color: #075e9e;
}

.btn-outline-success {
	--bs-btn-color: #005a9c;
	--bs-btn-border-color: #a7c6dd;
	--bs-btn-hover-bg: #044371;
	--bs-btn-hover-border-color: #4385b6;
	--bs-btn-active-bg: #2d77ad;
	--bs-btn-active-border-color: #4385b6;
	--bs-btn-disabled-color: #a7c6dd;
	--bs-btn-disabled-border-color: #a7c6dd;
}

.table-success {
	--bs-table-bg: #dfeaf3;
	/*--bs-table-border-color: #bcd0cf;*/
	--bs-table-striped-bg: #cfe4f3;
	/*--bs-table-active-bg: #bcd0cf;
	--bs-table-hover-bg: #c1d6cc;*/
}

.dropdown-menu {
	--bs-dropdown-link-active-bg: #ae324c;
	--bs-dropdown-link-hover-bg: #fee4ea;
	--bs-dropdown-link-hover-bg: #f4e8eb75;
}

.bg-light {
	/*background-color: rgba(222, 199, 204, 0.15) !important;*/
}

.navbar-dark {
	--bs-navbar-color: rgba(255, 255, 255, 0.75);
	--bs-navbar-hover-color: rgba(255, 255, 255, 1);
}

/* ***** sph classes */

.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-10 {
	font-size: 1em;
}
.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;
	}
	/* helen */
	img.sph-expd-thumb {
		width: 92px;
		height: 92px;
	}
	img.sph-expd-thumb2 {
		width: 92px;
		height: 92px;
	}
}
@media (min-width: 448px) {
	img.sph-gall-thumb {
		width: 205px;
		height: 205px;
	}
	img.sph-img-thumb {
		width: 205px;
		height: 205px;
	}
	/* helen */
	img.sph-expd-thumb {
		width: 92px;
		height: 92px;
	}
	img.sph-expd-thumb2 {
		width: 92px;
		height: 92px;
	}
}
@media (min-width: 576px) {
	img.sph-gall-thumb {
		width: 165px;
		height: 165px;
	}
	img.sph-img-thumb {
		width: 161px;
		height: 161px;
	}
	/* helen */
	img.sph-expd-thumb {
		width: 82px;
		height: 82px;
	}
	img.sph-expd-thumb2 {
		width: 82px;
		height: 82px;
	}
}
@media (min-width: 768px) {
	img.sph-gall-thumb {
		width: 225px;
		height: 225px;
	}
	img.sph-img-thumb {
		width: 163px;
		height: 163px;
	}
	/* helen */
	img.sph-expd-thumb {
		width: 104px;
		height: 104px;
	}
	img.sph-expd-thumb2 {
		width: 68px;
		height: 68px;
	}
}
@media (min-width: 992px) {
	img.sph-gall-thumb {
		width: 146px;
		height: 146px;
	}
	img.sph-img-thumb {
		width: 138px;
		height: 138px;
	}
	/* helen */
	img.sph-expd-thumb {
		width: 145px;
		height: 145px;
	}
	img.sph-expd-thumb2 {
		width: 70px;
		height: 70px;
	}
}
@media (min-width: 1200px) {
	img.sph-gall-thumb {
		width: 175px;
		height: 175px;
	}
	/* helen */
	img.sph-expd-thumb {
		width: 174px;
		height: 174px;
	}
	img.sph-expd-thumb2 {
		width: 85px;
		height: 85px;
	}
}

/* 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);
}

/* ***** archlab classes */

.font-philosopher {
	font-family: "Philosopher", sans-serif;
}
.font-roboto {
	font-family: "Roboto", sans-serif;
}
.font-condensed {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
}

.font-opensans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
}

h1, h2, h3, .head {
	color: #400712;
}
.head2 {
	color: #ae324c;
}

a {
	color: #005a9c;
	/*text-decoration: underline;*/
	text-decoration: none;
	border-bottom: 1px solid;
	border-bottom-color: #b2d6ed;
}
a:hover {
	color: #005a9c;
	/*color: #3d7ba9;*/
	border-bottom-color: #005a9c;
}
a.red {
	color: #dc3545 !important;
	border-bottom-color: #f5c6ca;
}
a.red:hover {
	color: #dc3545 !important;
	border-bottom-color: #dc3545;
}
a.tbl-admin {
	border-bottom-color: #f5c6ca;
}
a.menu1 {
	border-color: #075e9e !important;
	background-color: #e2f3ff;
}
a.menu1:hover, a.menu1-active {
	border-color: #044371 !important;
	background-color: #c6e7ff;
	color1: #e2f3ff;
}
a.menu2 {
	border-color: #ae324c !important;
	background-color: #ffd1da;
}
a.menu2:hover, a.menu2-active {
	border-color: #400712 !important;
	background-color: #ffd1da;
}

.link {
	text-decoration: none !important;
	border-bottom: 1px solid;
	border-bottom-color: currentcolor;
  cursor: pointer;
}
.link:hover {
	border-bottom-color: currentcolor;
}
.nolink {
	text-decoration: none;
	border-bottom: 0px;
	cursor: auto;
}
.url {
	text-decoration: none !important;
	border-bottom: 1px solid;
	border-bottom-color: currentcolor;
}
.url:hover {
	/*border-bottom-color: #dc3545;*/
	border-bottom-color: currentcolor;
}
.nourl {
	text-decoration: none !important;
	border-bottom: 0px !important;
}
.url-gray, footer a {
	text-decoration: none !important;
	border-bottom: 1px solid;
	border-bottom-color: #6c757dad;
}
.url-gray:hover, footer a:hover {
	border-bottom-color: #6c757d;
}

img.link {
  cursor: pointer;
	border: 1px solid var(--bs-border-color) !important;
}
img.sph-thumb  {
	/* border: #ae324c;
	border: 20px solid #ec9dae;
	border: 20px solid #b1445b;
	border: 20px solid #a25463;
	border: 15px solid #dbc7cb; */
	border: thick double #dbc7cb;
	/*border-radius: 0.375rem;*/
	border-radius: 49%;
}
img.sph-thumb:hover  {
	border: 15px solid #ae324c;
	/*border: 20px solid #7b2536;*/
	border: 5px double #ae324c;
}

img.sph-thumb2  {
	/* border: #ae324c; */
}
img.sph-thumb2:hover  {
	--bs-border-color: red;
}

.dropdown-menu-admin {
	--bs-dropdown-color: #212529;
	--bs-dropdown-bg: #fff;
	--bs-dropdown-border-color: #f74b5b;
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-dropdown-link-color: #212529;
	--bs-dropdown-link-hover-color: #1e2125;
	--bs-dropdown-link-hover-bg: #ffe3e5;
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: #0d6efd;
	--bs-dropdown-link-disabled-color: #adb5bd;
	--bs-dropdown-header-color: #6c757d;
}
.dropdown-menu-admin .dropdown-item:active {
	color: var(--bs-dropdown-link-active-color);
	text-decoration: none;
	background-color: #dc3545;
}