:root {
	--bs-body-color: #3a3a3a;
	--bs-link-color: #3a3a3a;
	--bs-link-hover-color: #0d72ba;
	--bs-dark-rgb: 5,51,100;
	--bs-secondary-rgb: 246, 141, 46;
	--bs-link-color-rgb: 13,114,186;
	--bs-warning-rgb: 248, 175, 60;

	--c1: #1a2747;
	--c2: #0d72ba;
	--c3: #2ca9e1;
	--c4: #f39122;
	--c5: #f8af3c;
	--c6: #009144;
	--c7: #797e8b;
	--c8: #eb5b27;
	--c9: #8cc63e;
}

/* ------ dark ------ */
[data-bs-theme=dark] {
	color-scheme:dark;
	--bs-body-bg:#202225;
	--bs-body-bg-rgb:32,34,37;
	--bs-link-color:#82909e;
	--bs-link-hover-color:#d7dee6;
	--bs-link-color-rgb:222,226,230;
	--bs-link-hover-color-rgb: 68,207,112;
	--bs-border-color: #515357;
}

body {
	top: 0 !important;
}
::selection {
	background: #2a2a2a;
	color: #fff;
}
a {
	font-weight: 500;
}
.fs-6 {
	font-size: 1.05rem !important;
}
.h5, h5 {
	font-size: 1.3rem;
}
.p-5 {
	padding:2rem !important;
}
.px-5 {
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}
.comfortaa {
	font-family: 'Comfortaa', cursive;
}
[data-bs-theme="grey"] > * {
	filter: grayscale(1) !important;
}
@media (min-width: 768px) {
	.p-md-5 { padding: 2rem !important }
	.px-md-5 {
		padding-right: 2rem !important;
		padding-left: 2rem !important;
	}
}
@media (max-width:576px) {
	.fs-6 { font-size: 1rem !important }
}


/* ------ navLink ------ */
.nav-pills {
	border-bottom: 3px solid #2a5282;
}
.nav-pills .nav-link {
	border-radius: 0;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 600 !important;
	opacity: .6;
	padding-left: 6rem;
	padding-right: 6rem;
	position: relative;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: transparent;
	color: var(--c5);
	opacity: 1;
}
.nav-pills .nav-link.active::after {
	background-color: var(--c5);
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
.navbar-toggler {
	border: 1px solid rgba(123, 157, 192, .5);
}
.navbar-toggler:focus {
	box-shadow: 0 0 0 4px rgba(98, 137, 175,.7);
}
.nav-link {
	font-weight: 500;
}
footer .nav-link {
	color: #fff;
	font-weight: 400;
}
footer .nav-link:hover {
	color: #9feef5;
}
.btn-close:focus {
	box-shadow: 0 0 0 4px #e5f4ff;
}

.navbar {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width:576px) {
	#pills-tab .nav-item {
		width: 50%;
	}
	.nav-pills .nav-link {
		padding-left: initial;
		padding-right: initial;
		width: 100%;
	}
}


/* ------ btn ------ */
.btn {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.5rem;
}
.btn-primary {
	--bs-btn-bg:var(--c4);
	--bs-btn-border-color:var(--c4);
	--bs-btn-hover-bg:var(--c8);
	--bs-btn-hover-border-color:var(--c8);
	--bs-btn-active-bg:var(--c8);
	--bs-btn-active-border-color:var(--c8);
	--bs-btn-disabled-bg:var(--c8);
	--bs-btn-disabled-border-color:var(--c8);
}
[data-bs-theme="dark"] .btn-primary {
	--bs-btn-color: #202225;
	--bs-btn-hover-color: #202225;
	--bs-btn-active-color: #202225;
	--bs-btn-bg:#f7b162;
	--bs-btn-border-color:#f7b162;
	--bs-btn-hover-bg:#ec9838;
	--bs-btn-hover-border-color:#ec9838;
	--bs-btn-active-bg:#ec9838;
	--bs-btn-active-border-color:#ec9838;
	--bs-btn-disabled-bg:#ec9838;
	--bs-btn-disabled-border-color:#ec9838;
}
.btn-secondary {
	--bs-btn-bg:var(--c2);
	--bs-btn-border-color:var(--c2);
	--bs-btn-hover-bg: #005b9c;
	--bs-btn-hover-border-color: #005b9c;
	--bs-btn-active-bg: #005b9c;
	--bs-btn-active-border-color: #005b9c;
	--bs-btn-disabled-bg: #005b9c;
	--bs-btn-disabled-border-color: #005b9c;
}
[data-bs-theme="dark"] .btn-secondary {
	--bs-btn-color: #202225;
	--bs-btn-hover-color: #202225;
	--bs-btn-active-color: #202225;
	--bs-btn-bg:#8bcaf7;
	--bs-btn-border-color:#8bcaf7;
	--bs-btn-hover-bg: #a0d6fc;
	--bs-btn-hover-border-color: #a0d6fc;
	--bs-btn-active-bg: #a0d6fc;
	--bs-btn-active-border-color: #a0d6fc;
	--bs-btn-disabled-bg: #a0d6fc;
	--bs-btn-disabled-border-color: #a0d6fc;
}
.btn-outline-secondary {
	--bs-btn-color: #90969c;
	--bs-btn-border-color: #90969c;
}
.btn-outline-secondary:hover {
	background-color: #90969c;
	border-color: #90969c;
}
.btn-outline-success {
	--bs-btn-color: var(--c6);
	--bs-btn-border-color: var(--c6);
}
.btn-outline-success:hover {
	background-color: var(--c6);
	border-color: var(--c6);
}
.btn-light {
	--bs-btn-bg:#e0e1dd;
	--bs-btn-border-color:#e0e1dd;
	--bs-btn-hover-bg:#d2d2d2;
	--bs-btn-hover-border-color:#d2d2d2;
	--bs-btn-active-bg:#d2d2d2;
	--bs-btn-active-border-color:#d2d2d2;
	--bs-btn-disabled-bg:#d2d2d2;
	--bs-btn-disabled-border-color:#d2d2d2;
}
.btn-outline-light {
	--bs-btn-color: #a4d7ea;
	--bs-btn-hover-color: var(--c2);
}
.btn-info {
	--bs-btn-color: #fff;
	--bs-btn-hover-color: #fff;
	--bs-btn-active-color: #fff;
	--bs-btn-bg:var(--c3);
	--bs-btn-border-color:var(--c3);
	--bs-btn-hover-bg: #1b9bd6;
	--bs-btn-hover-border-color: #1b9bd6;
	--bs-btn-active-bg: #1b9bd6;
	--bs-btn-active-border-color: #1b9bd6;
	--bs-btn-disabled-bg: #1b9bd6;
	--bs-btn-disabled-border-color: #1b9bd6;
}
[data-bs-theme="dark"] .btn-info {
	--bs-btn-color: #202225;
	--bs-btn-hover-color: #202225;
	--bs-btn-active-color: #202225;
	--bs-btn-hover-bg: #3fb6ec;
	--bs-btn-hover-border-color: #3fb6ec;
	--bs-btn-active-bg: #3fb6ec;
	--bs-btn-active-border-color: #3fb6ec;
	--bs-btn-disabled-bg: #3fb6ec;
	--bs-btn-disabled-border-color: #3fb6ec;
}
.btn-outline-dark {
	--bs-btn-color: var(--c7);
	--bs-btn-border-color: var(--c7);
	--bs-btn-hover-bg: var(--c7);
  	--bs-btn-hover-border-color: var(--c7);
	--bs-btn-active-bg: var(--c7);
	--bs-btn-active-border-color: var(--c7);
}
[data-bs-theme="dark"] .btn-outline-dark {
	--bs-btn-hover-color: #283139;
	--bs-btn-active-color: #283139;
	--bs-btn-color: #b5bac8;
	--bs-btn-border-color: #b5bac8;
	--bs-btn-hover-bg: #b5bac8;
  	--bs-btn-hover-border-color: #b5bac8;
	--bs-btn-active-bg: #b5bac8;
	--bs-btn-active-border-color: #b5bac8;
}
.btn-warning {
	--bs-btn-color: #3a3a3a;
	--bs-btn-bg: var(--c5);
	--bs-btn-border-color: var(--c5);
	--bs-btn-hover-color: #3a3a3a;
	--bs-btn-hover-bg: #fcc060;
	--bs-btn-hover-border-color: #fcc060;
}
.btn-outline-warning {
	--bs-btn-color: var(--c5);
	--bs-btn-border-color: var(--c5);
	--bs-btn-hover-color: #3a3a3a;
	--bs-btn-hover-bg: var(--c5);
	--bs-btn-hover-border-color: var(--c5);
	--bs-btn-active-color: #3a3a3a;
	--bs-btn-active-bg: var(--c5);
	--bs-btn-active-border-color: var(--c5);
	--bs-btn-disabled-color: var(--c5);
	--bs-btn-disabled-border-color: var(--c5);
}
.btn-warning.btn:disabled {
	background-color: var(--c5);
}


/* ------ form-control ------ */
.form-control {
	border: 1px solid #acacac;
	padding: .5rem .75rem;
}
.form-control:focus {
	border-color: var(--c2);
	box-shadow: 0 0 0 .25rem rgba(13,114,186,.2);
}
.form-label {
	margin-bottom: .35rem;
}
.form-label.small {
	font-size: .95em;
}
.form-select {
	border: 1px solid #acacac;
	padding: .5rem 2.25rem .5rem .75rem;
}
.form-select:focus {
	border-color: var(--c2);
	box-shadow: 0 0 0 .25rem rgba(13,114,186,.2);
}
.form-select.v2 {
	background-color: transparent !important;
	border: 1px solid #acacac;
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-select.v2:focus {
	background-color: #053364 !important;
}
.form-select.v2 option {
	background-color: #053364;
}
.form-check-input {
	border: 1px solid #acacac;
}
.form-check-input:checked {
	background-color:var(--c6);
	border-color:var(--c6)
}
.form-check-input:focus {
	border-color: var(--c6);
	box-shadow: 0 0 0 .25rem rgba(0,145,68,.25);
}
.form-control:disabled {
	background-color: transparent;
}


/* ------ border ------ */
.border-primary {
	border-color: var(--c2) !important;
}
[data-bs-theme="dark"] .border-primary {
	border-color: #8bcaf7 !important;
}
.border-primary-subtle {
	border-color: #2a5282 !important;
}
[data-bs-theme="dark"] .border-primary-subtle {
	border-color: #1b2126 !important;
}
.border-secondary {
	border-color: var(--c4) !important;
}
.border-light-subtle {
	border-color: #ececec !important;
}
[data-bs-theme="dark"] .border-light-subtle {
	border-color: #2d3740 !important;
}
.border-info {
	border-color: var(--c3) !important;
}
.border-success-subtle {
	border-color: var(--c9) !important;
}


/* ------ bg ------ */
.bg-primary {
	background-color: var(--c1) !important;
}
.bg-primary-subtle {
	background-color: #073061 !important;
}
[data-bs-theme="dark"] .bg-primary-subtle {
	background-color: #283139 !important;
}
.bg-secondary {
	background-color: var(--c6) !important;
}
[data-bs-theme="dark"] .bg-secondary {
	background-color: #36a76b !important;
}
.bg-info {
	background-color: var(--c2) !important;
}
.bg-light {
	background-color: #f2f2f2 !important;
}
[data-bs-theme="dark"] .bg-light {
	background-color: #26282c !important;
}
.bg-light-subtle {
	background-color: #f8f8f8 !important;
}
.bg-warning {
	background-color: var(--c4) !important;
}
.bg-warning-subtle {
	background-color: var(--c8) !important;
}


/* ------ color ------ */
.text-primary {
	color: var(--c2) !important;
}
[data-bs-theme="dark"] .text-primary {
	color: #8bcaf7 !important;
}
.text-primary-emphasis {
	color: var(--c3) !important;
}
.text-secondary {
	color: var(--c4) !important;
}
[data-bs-theme="dark"] .text-secondary {
	color: #f7b162 !important;
}
.text-secondary-emphasis {
	color: #ff6900 !important;
}
.text-success {
	color: var(--c6) !important;
}
[data-bs-theme="dark"] .text-success {
	color: #36a76b !important;
}
.text-success-emphasis {
	color: var(--c9) !important;
}
.text-warning {
	color: var(--c5) !important;
}
.text-info {
	color: #4cc4f9 !important;
}
.text-info-emphasis {
	color: #7ad0f7 !important;
}
.text-danger {
	color: var(--c8) !important;
}
.text-body-secondary {
	color: var(--c7) !important;
}
[data-bs-theme="dark"] .text-body-secondary {
	color: #b5bac8 !important;
}
.text-bg-success {
	background-color: var(--c9) !important;
}
[data-bs-theme="dark"] .text-bg-success {
	color: #202225 !important;
}
[data-bs-theme="dark"] .text-dark {
	color: #dedfdc !important;
}


/* ------ links ------ */
.link-primary {
	color: var(--c2) !important;
}
.link-primary:focus,
.link-primary:hover {
	color: #0660a0 !important;
}
[data-bs-theme="dark"] .link-primary {
	color: #8bcaf7 !important;
}
[data-bs-theme="dark"] .link-primary:focus,
[data-bs-theme="dark"] .link-primary:hover {
	color: #a5d5f7 !important;
}
.link-secondary {
	color: var(--c4) !important;
}
.link-secondary:focus,
.link-secondary:hover {
	color: var(--c8) !important;
}
.link-warning {
	color: var(--c5) !important;
}
.link-light {
	color: #fff !important;
}
.link-light.fc:hover {
	text-decoration: underline;
	text-underline-offset: 0.25em !important;
}
[data-bs-theme="dark"] .link-dark {
	color: #e4e4e4 !important;
	text-decoration-color: RGBA(221,226,223,var(--bs-link-underline-opacity,1)) !important;
}
#mainNav .link-dark {
	color: #202225 !important;
}


/* ------ badge ------ */
.badge {
	--bs-badge-padding-x: 0.75em;
	--bs-badge-padding-y: 0.45em;
}


/* ------ offcanvas ------ */
.offcanvas {
	--bs-offcanvas-width: 290px;
	--bs-offcanvas-bg: #073061;
}
[data-bs-theme="dark"] .offcanvas {
	--bs-offcanvas-bg: #283139;
}


/* ------ icons ------ */
.icon-link > .bi {
	height: initial;
}


/* ------ header ------ */
#logo {
	fill: #fff;
	width: 150px;
}
#tilaran {
	fill: #fff;
	margin-left: 24px;
	width: 48px;
}
#mainSearch .form-control {
	background-color: transparent;
}
#mainSearch .form-control:focus {
	box-shadow: 0 0 0 .25rem rgba(141,220,255,.25);
}
.social {
	color: #fff;
}
.social:hover {
	color: #ffb92f;
}
[data-bs-theme="dark"] .social:hover {
	color: #ffc468;
}
@media (max-width:1200px) {
	#logo { width: 120px }
	#tilaran { margin-left: 18px; width: 34px }
}
@media (max-width:576px) {
	#logo { width: 100px }
	#tilaran { margin-left: 14px; width: 24px }
}


/* ------ mainBanner ------ */
#mainBanner {
	margin-bottom: -38px;
}
#mainBanner .h2 {
	color: #fff;
	text-decoration: none;
}
#mainBanner .h2:hover {
	color: #a4d7ea;
}
.box1 {
	background-color: rgba(53, 80, 146, .4);
	border-radius: 10px;
}
.box1:hover {
	background-color: rgba(53, 80, 146, .7);
}
[data-bs-theme="dark"] .box1 {
	background-color: rgba(54, 65, 74, .4);
}
[data-bs-theme="dark"] .box1:hover {
	background-color: rgba(54, 65, 74, .7);
}
.box1 .date {
	color: #a4d7ea;
}
.radiusBanner {
	border-radius: 80px 10px 10px 10px;
}
.bannerGrad {
	background: linear-gradient(0deg, rgba(3,37,74,.75) 0%, rgba(3,37,74,0) 100%);
	bottom: 0;
	height: 250px;
	left: 0;
	position: absolute;
	width: 100%;
}
[data-bs-theme="dark"] .bannerGrad {
	background: linear-gradient(0deg, rgba(14, 22, 31, 0.75) 0%, rgba(3,37,74,0) 100%);
}
@media (max-width:992px) {
	#mainBanner { margin-bottom: 0 }
	.radiusBanner {
		border-radius: 10px 10px 10px 10px;
	}
}
@media (max-width:576px) {
	#mainBanner .h2 { font-size: calc(1.05rem + .9vw) }
	#mainBanner .dateB { font-size: .85rem }
}


/* ------ access ------ */
#accessBtn {
	box-shadow: 0 0 0 2px rgba(255, 255, 255,.9);
	font-size: 3rem;
	height: 48px;
	left: 14px;
	line-height: 0;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.3s ease;
	width: 48px;
	z-index: 100001;
}
#accessBtn:hover {
	color: #f68d2e;
}
#optionsMenu {
	background-color: #fff;
	border-radius: .5rem .5rem 0 0;
	box-shadow: 0 0 15px rgba(52,52,52,.2);
	left: -470px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.3s ease;
	width: 310px;
	z-index: 1000000;
}
#optionsMenu .list-group-item:hover {
	background-color: #f7f7f7;
}
[data-bs-theme="dark"] #optionsMenu .list-group-item:hover {
	background-color: #17191b;
}
#optionsMenu .list-group-item.active {
	--bs-list-group-active-bg: #eaf6fe;
	--bs-list-group-active-color: var(--c2);
	--bs-list-group-active-border-color: #c3c7ca;
}
[data-bs-theme="dark"] #optionsMenu .list-group-item.active {
	--bs-list-group-active-bg: #2c3033;
	--bs-list-group-active-color: #8bcaf7;
	--bs-list-group-active-border-color: #767a7c;
}
#optionsMenu .list-group-item.active:hover {
	background-color: #eaf6fe;
}
[data-bs-theme="dark"] #optionsMenu .list-group-item.active:hover {
	background-color: #17191b;
}
@media only screen and (max-width:1200px) {
	#accessBtn {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
	#optionsMenu {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
}


/* ------ misc ------ */
.insideBg {
	background-attachment: fixed;
	background-image: url(../../img/insideBg.jpg);
	background-repeat: no-repeat;
	background-position: center 74px;
}
[data-bs-theme="dark"] .insideBg {
	background-image: none;
}
.insideTop {
	margin-top: -40px;
}
.figure-img {
	margin-bottom: .2rem;
}
.insideH1::before {
	background-color: var(--c2);
	border-radius: 3px 0 0 0;
	content: "";
	height: 10px;
	left: -22px;
	position: absolute;
	top: 12px;
	width: 10px;
	z-index: -1;
}
[data-bs-theme="dark"] .insideH1::before {
	background-color: #8bcaf7;
}
.insideH1.text-secondary::before {
	background-color: var(--c4);
}
[data-bs-theme="dark"] .insideH1.text-secondary::before {
	background-color: #f7b162;
}
.insideH1.text-success::before {
	background-color: var(--c6);
}
[data-bs-theme="dark"] .insideH1.text-success::before {
	background-color: #36a76b;
}
.insideH1.text-success-emphasis::before {
	background-color: var(--c9);
}
.insideH1.text-primary-emphasis::before {
	background-color: var(--c3);
}
.mainHr {
	width: 84px;
}
.mainHr2 {
	border-color: #1460b1 !important;
	opacity: 1;
	width: 84px;
}
.embed-container {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
.wEvent {
	width: 82px;
}
.newsImg {
	height: 220px;
}
.placeImg {
	height: 320px;
}
.auditoriumImg {
	clip-path: ellipse(185% 55% at 0% 44%);
	height: 280px;
}
.auditoriumImg2 {
	clip-path: ellipse(56% 120% at 44% 40%);
	height: 256px;
}
.galleryImg {
	height: 150px;
}
.contactImg {
	border-radius: 50%;
	box-shadow: 0 0 0 1px #ececec;
	height: 94px;
	width: 94px;
}
.reload {
	cursor: pointer;
}
#loginTabContent ::placeholder {
	color: #bdbdbd;
}
@media (max-width:768px) {
	.insideBg {
		background-attachment: initial;
		background-position: center -150px;
	}
	.insideH1::before {
		border-radius: 2px 0 0 0;
		height: 6px;
		left: -12px;
		top: 9px;
		width: 6px;
	}
}
@media (max-width:576px) {
	.auditoriumImg2 {
		clip-path: ellipse(185% 55% at 0% 44%);
		height: 270px !important;
	}
}


/* ------ breadcrumb ------ */
.breadcrumb a {
	color: var(--bs-body-color);
}
.breadcrumb.v2 a {
	color: #fff;
}
.breadcrumb a:hover {
	color: var(--c2);
}
.breadcrumb.v2 a:hover {
	color: var(--c5);
}
.breadcrumb.v2 .breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
	opacity: .4;
}
.w-bread {
	max-width: 40%;
}
@media only screen and (max-width:768px) {
	.breadcrumb { font-size: .9rem }
}


/* ------ mainNav ------ */
#mNavWrap { z-index: 1030 }
#mainNav .dropdown-menu {
	border: 0;
	border-radius: 0 0 8px 8px;
}
#mainNav .dropdown-item {
	color: #fff;
	line-height: 1.35rem;
	padding: 0.3rem var(--bs-dropdown-item-padding-x);
}
.dropdown-item.active,
.dropdown-item:active {
	background-color: #f8f8f8;
	color: var(--bs-body-color);
}
#mainNav li.nav-item:nth-child(1) {
	background-color: var(--c2);
	border-radius: 10px 0 0 0;
}
#mainNav .dropdown-menu {
	--bs-dropdown-padding-x: 10px;
	min-width: 100%;
	padding-bottom: 12px;
}
#mainNav li.nav-item:nth-child(1) .dropdown-menu {
	background-color: var(--c2);
}
#mainNav li.nav-item:nth-child(2) {
	background-color: var(--c3);
}
#mainNav li.nav-item:nth-child(2) .dropdown-menu {
	background-color: var(--c3);
}
#mainNav li.nav-item:nth-child(3) {
	background-color: var(--c4);
}
#mainNav li.nav-item:nth-child(3) .dropdown-menu {
	background-color: var(--c4);
}
#mainNav li.nav-item:nth-child(4) {
	background-color: var(--c5);
}
#mainNav li.nav-item:nth-child(4) .dropdown-menu {
	background-color: var(--c5);
}
#mainNav li.nav-item:nth-child(5) {
	background-color: var(--c6);
}
#mainNav li.nav-item:nth-child(5) .dropdown-menu {
	background-color: var(--c6);
}
#mainNav li.nav-item:nth-child(6) {
	background-color: #686c77;
}
#mainNav li.nav-item:nth-child(6) .dropdown-menu {
	background-color: #686c77;
}
#mainNav li.nav-item:nth-child(7) {
	background-color: #e0e5f1;
	border-radius: 0 10px 0 0;
}
#mainNav li.nav-item:nth-child(7) .dropdown-menu {
	background-color: #e0e5f1;
}

#mainNav li.nav-item:nth-child(1) > a,
#mainNav li.nav-item:nth-child(2) > a,
#mainNav li.nav-item:nth-child(5) > a,
#mainNav li.nav-item:nth-child(6) > a {
	color: #fff;
}
#mainNav li.nav-item:nth-child(3) > a,
#mainNav li.nav-item:nth-child(4) > a {
	color: #2e2e2e;
}
#mainNav li.nav-item:nth-child(7) > a {
	color: #005da0;
}
[data-bs-theme="dark"] #mainNav li.nav-item:nth-child(2) a {
	color: #2e2e2e;
}

#mainNav .nav-link:hover,
#mainNav .nav-link:focus {
	color: #fff;
}
#mainNav .dropdown-item:focus,
#mainNav .dropdown-item:hover {
	background-color: rgba(61,61,61,.12);
}
@media (max-width:1200px) {
	#mainNav li.nav-item:nth-child(1) { border-radius: 0 }
	#mainNav li.nav-item:nth-child(7) { border-radius: 0 }
	#mainNav .dropdown-item { white-space: normal }
}


/* ------ index ------ */
.mBackground {
	background-image: url(../../img/mbackground.jpg);
	background-size: cover;
	background-position: center top;
	clip-path: ellipse(100% 55% at 50% 44%);
	height: calc(100% + 184px);
	left: 0;
	position: absolute;
	top: -184px;
	width: 100%;
	z-index: -1;
}
[data-bs-theme="dark"] .mBackground {
	background-color: #283139;
	background-image: none;
}
.mBackground2 {
	background-image: url(../../img/mbackground.jpg);
	background-size: cover;
	background-position: top;
	bottom: -55px;
	clip-path: ellipse(90% 55% at 50% 44%);
	height: calc(100% + 55px);
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.mBackground3 {
	/* background-image: url(../../img/mbackground2.jpg);
	background-size: cover;
	background-position: top; */
	background-color: #043971;
	bottom: -55px;
	clip-path: ellipse(90% 55% at 50% 44%);
	height: calc(100% + 55px);
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.mBackground3.v2 {
	background-color: transparent;
}
[data-bs-theme="dark"] .mBackground2 {
	background-color: #283139;
	background-image: none;
}
.bgChange {
	background-color: rgba(6, 45, 86, .92);
}
@media (max-width:1200px) {
	.mBackground { clip-path: ellipse(160% 55% at 50% 44%) }
	.mBackground2,
	.mBackground3 {
		bottom: -10px;
		clip-path: ellipse(100% 55% at 50% 44%);
		height: calc(100% + 10px);
	}
}
@media (max-width:576px) {
	.mBackground { clip-path: ellipse(220% 55% at 50% 44%) }
	.mBackground2,
	.mBackground3 { clip-path: ellipse(140% 55% at 50% 44%) }
}


/* ------ mainLinks ------ */
.mainLinks a {
	background-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	color: #fff;
	display: block;
	font-weight: 600 !important;
	position: relative;
	text-decoration: none;
}
[data-bs-theme="dark"] .mainLinks a {
	background-color: #202225;
}
.mainLinks a span {
	transition:all 0.2s ease;
}
.mainLinks a:hover span {
	color: var(--c7) !important;
}
[data-bs-theme="dark"] .mainLinks a:hover span {
	color: #b5bac8 !important;
}
.mainLinks a i {
	font-size: 3.8rem;
	padding: 18px 20px 20px 20px;
	transition:all 0.2s ease;
}
.mainLinks a:hover i {
	transform: scale(1.12);
}
.mainLinks div:nth-child(1) a,
.mainLinks div:nth-child(10) a {
	border-color: #d43735;
	color: #d43735;
}
[data-bs-theme="dark"] .mainLinks div:nth-child(1) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(10) a {
	border-color: #f04f4d;
	color: #f04f4d;
}
.mainLinks div:nth-child(2) a,
.mainLinks div:nth-child(9) a {
	border-color: var(--c3);
	color: var(--c3);
}
[data-bs-theme="dark"] .mainLinks div:nth-child(2) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(9) a {
	border-color: #8bcaf7;
	color: #8bcaf7;
}
.mainLinks div:nth-child(3) a,
.mainLinks div:nth-child(12) a {
	border-color: var(--c8);
	color: var(--c8);
}
[data-bs-theme="dark"] .mainLinks div:nth-child(3) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(12) a {
	border-color: #f76e3c;
	color: #f76e3c;
}
.mainLinks div:nth-child(4) a,
.mainLinks div:nth-child(11) a {
	border-color: #8cc63e;
	color: #8cc63e;
}
.mainLinks div:nth-child(5) a,
.mainLinks div:nth-child(14) a {
	border-color: var(--c7);
	color: var(--c7);
}
[data-bs-theme="dark"] .mainLinks div:nth-child(5) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(14) a {
	border-color: #b5bac8;
	color: #b5bac8;
}
.mainLinks div:nth-child(6) a,
.mainLinks div:nth-child(13) a {
	border-color: var(--c6);
	color: var(--c6);
}
[data-bs-theme="dark"] .mainLinks div:nth-child(6) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(13) a {
	border-color: #36a76b;
	color: #36a76b;
}
.mainLinks div:nth-child(7) a,
.mainLinks div:nth-child(15) a {
	border-color: var(--c2);
	color: var(--c2);
}
[data-bs-theme="dark"] .mainLinks div:nth-child(7) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(15) a {
	border-color: #2296e9;
	color: #2296e9;
}
.mainLinks div:nth-child(8) a,
.mainLinks div:nth-child(16) a {
	border-color: var(--c4);
	color: var(--c4);
}
[data-bs-theme="dark"] .mainLinks div:nth-child(8) a,
[data-bs-theme="dark"] .mainLinks div:nth-child(16) a {
	border-color: #f7b162;
	color: #f7b162;
}
@media (max-width:576px) {
	.mainLinks a span { font-size: 1.1rem }
	.mainLinks a i { font-size: 2.6rem; padding: 12px 14px 14px 14px; }
}


/* ------ footer ------ */
#footer {
	clip-path: ellipse(80% 65% at 50% 70%);
}
[data-bs-theme="dark"] #footer {
	border-color: #494c53 !important;
}
#footer > div {
	background-color: var(--c1);
	background-image: url(../../img/footer.jpg);
	background-position: top;
	background-size: cover;
}
#footer.v2 > div {
	background-image: url(../../img/footer2.jpg);
}
[data-bs-theme="dark"] #footer > div {
	background-color: #283139;
	background-image: none;
}
#escudo {
	fill: #fff;
	height: 90px;
}
#sostenible {
	height: 80px;
}
@media (max-width:992px) {
	#footer { clip-path: ellipse(120% 65% at 50% 70%) }
	#escudo { height: 70px }
	#sostenible { height: 60px }
}
@media (max-width:576px) {
	#footer { clip-path: ellipse(220% 69% at 50% 70%) }
}


/* ------ profiles ------ */
.profiles .col:nth-child(1) a {
	color: var(--c3);
}
.profiles .col:nth-child(2) a {
	color: var(--c6);
}
.profiles .col:nth-child(3) a {
	color: var(--c2);
}
.profiles .col:nth-child(4) a {
	color: var(--c4);
}
[data-bs-theme="dark"] .profiles .col:nth-child(1) a {
	color: #8bcaf7;
}
[data-bs-theme="dark"] .profiles .col:nth-child(2) a {
	color: #36a76b;
}
[data-bs-theme="dark"] .profiles .col:nth-child(3) a {
	color: #2296e9;
}
[data-bs-theme="dark"] .profiles .col:nth-child(4) a {
	color: #f7b162;
}
.profiles a:hover {
	opacity: .85;
}


/* ------ wrapEvent ------ */
#wrapEvent {
	background-color: #00401f;
	background-image: url(../../img/eventos.jpg);
	background-position: center;
	background-size: cover;
}
[data-bs-theme="dark"] #wrapEvent {
	background-color: #17241e;
	background-image: none;
}
#wrapEvent .card-body .link-light:hover {
	color: #bcf371 !important;
}


/* ------ procedures ------ */
#procedures {
	background-image: url(../../img/tramites.jpg);
	background-size: cover;
	background-position: center;
	clip-path: ellipse(100% 55% at 50% 44%);
}
[data-bs-theme="dark"] #procedures {
	background-image: none;
}
@media (max-width:992px) {
	#procedures { clip-path: ellipse(160% 55% at 50% 44%) }
}
@media (max-width:576px) {
	#procedures { clip-path: ellipse(220% 55% at 50% 44%) }
}


/* ------ btTop ------ */
.btTop {
	background-color: var(--c3);
	border: none;
	border-radius: 6px 0 0 6px;
	bottom: 20%;
	box-shadow: 0 0 0 2px rgba(40,40,40,.18);
	color: #fff;
	display: none;
	font-size: 1rem;
	height: 36px;
	line-height: 35px;
	outline: none;
	position: fixed;
	right: 0;
	text-align: center;
	transition:all 0.3s ease;
	width: 36px;
	z-index: 1040;
}
.btTop:hover {
	background-color: var(--c5);
	color: #fff;
}
[data-bs-theme="dark"] .btTop {
	background-color: #87ccf6;
	color: #202225;
}
[data-bs-theme="dark"] .btTop:hover {
	background-color: #50bf4d;
}


/* ------ mainText ------ */
.mainText strong {
	font-weight: 600;
}
.mainText p + h2,
.mainText ul + h2,
.mainText ol + h2 {
	margin-top: 2rem;
}
.mainText p + h3,
.mainText ul + h3,
.mainText ol + h3 {
	margin-top: 1.8rem;
}
.mainText .embed-container + h2 {
	margin-top: 2rem;
}
.mainText figure img {
  border-radius: .5rem;
  height: auto;
  width: 100%;
}
.mainText figcaption {
	color: var(--bs-secondary-color);
	font-size: .875em;
	font-style: italic;
	margin-top: .3rem;
}
.mainText a {
	color: #282829;
}
.mainText a:hover {
	color: var(--c3);
}
[data-bs-theme="dark"] .mainText a {
	color: #dee2e6;
}
[data-bs-theme="dark"] .mainText a:hover {
	color: #96cffa;
}
@media (max-width:768px) {
	.mainText .w-50 { width: 100% !important }
}


/* ------ subMenu y btn-toggle ------ */
#toggleSubmenuBtn {
	position: relative;
	z-index: 100;
}
#wrapSubmenu {
	top: 110px;
	z-index: 100;
}
.insideMenu {
	background-image: url(../../img/inside-menu.jpg);
	background-position: top;
	background-size: cover;
}
[data-bs-theme="dark"] .insideMenu {
	background-image: none;
}
#subMenu {
	width: 210px;
}
.btn-toggle {
	background-color: transparent;
	color: #fff;
	font-size: .95rem;
	font-weight: 600;
	padding: .25rem .5rem;
}
.subLink {
	color: #fff;
	font-size: .95rem;
	font-weight: 600;
	text-decoration: none;
}
.subLink:hover {
	color: #a7dbf1;
}
.btn-toggle:hover,
.btn-toggle:focus {
	color: #4cc4f9;
}
.btn-toggle::after {
	line-height: 0;
	color: var(--c5);
	content: "\f078";
	font: var(--fa-font-solid);
	font-size: .9rem;
	transition: transform .35s ease;
	transform-origin: 14px 50%;
	width: 30px;
}
[data-bs-theme="dark"] .btn-toggle::after {
	color: #ffc468;
}
.btn-toggle.alone-link::after {
	content: "\f45c";
	font-size: .4rem;
	opacity: 0;
}
.btn-toggle[aria-expanded="true"] + .subLink {
	color: #fff;
	text-decoration: underline;
}
.btn-toggle[aria-expanded="true"]::after {
	transform: rotate(-180deg);
}
.btn-toggle-nav a {
	color: #fff;
	font-size: .95rem;
	margin-top: .125rem;
	margin-left: 4px;
	padding: .25rem .5rem;
	text-decoration: none;
	user-select: none;
}
.btn-toggle-nav a:hover {
	color: #a7dbf1;
}
.btn-toggle-nav a.active {
	color: var(--c5);
	text-decoration: underline !important;
}
[data-bs-theme="dark"] .btn-toggle-nav a.active {
	color: #ffc468;
}
#subMenu > li > a {
	color: #fff;
	font-weight: 600;
}
#subMenu > li > a:hover {
	color: #a7dbf1;
}
#subMenu > li > .active {
	color: var(--c5) !important;
}
[data-bs-theme="dark"] #subMenu > li > .active {
	color: #ffc468 !important;
}
@media (max-width:992px) {
	#subMenu { width: initial }
}


/* ------ accordion ------ */
#documents {
	background-color: rgba(255, 255, 255,.8);
}
#documents.v2 {
	background-color: transparent;
}
[data-bs-theme="dark"] #documents {
	background-color: rgba(32, 34, 37,.8);
}
.accordion {
	--bs-accordion-active-color: var(--c2);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 114, 186, 0.2);
}
[data-bs-theme="dark"] .accordion {
	--bs-accordion-active-color: #8bcaf7;
}
.accordion-button:not(.collapsed) {
	background-color: #eaf6fe;
	font-weight: 600;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
	background-color: #283139;
}
#documents .accordion-button:not(.collapsed) {
	background-color: #fff;
}
[data-bs-theme="dark"] .accordion {
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(77, 153, 251, 0.2);
}
[data-bs-theme="dark"] #documents .accordion-button:not(.collapsed) {
	background-color: #202225;
}
#documents .accordion {
	--bs-accordion-bg: transparent;
	--bs-accordion-border-color: #ececec;
	--bs-accordion-active-bg: transparent;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(13, 114, 186, 0.15);
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
}
[data-bs-theme="dark"] #documents .accordion {
	--bs-accordion-border-color: #33363a;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(46, 77, 115, 0.2);
	border-bottom: 1px solid #33363a;
	border-top: 1px solid #33363a;
}
#documents .accordion-button {
	font-weight: 600;
}
.accordion-button::after {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d72ba'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23686c77'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion.sub {
	position: relative;
	top: -1px;
}
#documents .list-group-item {
	background-color: transparent;
	border-color: #ececec;
	padding-bottom: .85rem;
	padding-top: .85rem;
}
#documents.v2 .list-group-item {
	color: #fff;
}
[data-bs-theme="dark"] #documents .list-group-item {
	border-color: #33363a;
}


/* ------ insideIcons ------ */
.insideIcons a {
	color: var(--bs-body-color);
	font-weight: 500;
	text-decoration: none;
}
.insideIcons a:hover {
	color: var(--c2);
}
[data-bs-theme="dark"] .insideIcons a:hover {
	color: #8bcaf7;
}
.insideIcons a i {
	color: var(--c4);
}
.insideIcons a:hover i {
	color: var(--c2);
}
[data-bs-theme="dark"] .insideIcons a:hover i {
	color: #8bcaf7;
}


/* ------ pagination ------ */
.paginationInside .page-link {
	min-width: 36px !important;
}
.active > .page-link, .page-link.active {
	background-color: var(--c7);
	border-color: var(--c7);
	font-weight: 600;
	text-align: center;
}
.page-link:focus {
	box-shadow: var(--bs-pagination-focus-box-shadow);
	box-shadow: 0 0 0 .25rem rgba(186,186,186,.2);
}
[data-bs-theme="dark"] .active > .page-link, .page-link.active {
	background-color: #babec0;
	border-color: #a1a5ab;
	color: #202225;
}


/* ------ eventDate ------ */
.eventDate {
	background-color: var(--c6);
	padding: 8px 10px;
}
[data-bs-theme="dark"] .eventDate {
	background-color: #36a76b;
	color: #202225 !important;
}
.eventDate span {
	width: 40px;
}
.eventBox:hover {
	color: var(--c6);
}
[data-bs-theme="dark"] .eventBox:hover {
	color: #36a76b;
}
@media (max-width:576px) {
	.eventDate { padding: 6px 8px }
	.eventDate span { width: 32px }
}


/* ------ siteMap ------ */
#siteMap > ul {
	columns: 2;
	column-gap: 86px;
	column-rule: 1px solid #e2e2e2;
	list-style: none;
	margin: 0;
	padding: 0;
}
#siteMap > ul > li {
	font-weight: 500;
	line-height: 1.5em;
	padding: 7px 0;
}
#siteMap > ul > li > a,
#siteMap .firstLevel {
	color: var(--c2);
	font-size: 1.05rem;
	font-weight: 600;
	text-decoration: none;
}
#siteMap .firstLevel:hover { color: var(--c2) }
#siteMap > ul > li > a:hover { color: var(--c3) }
#siteMap > ul > li > ul {
	list-style: none;
	margin: 0;
	padding: 6px 0 0 0;
}
#siteMap > ul > li > ul > li {
	padding: 4px 0 4px 20px;
	position: relative;
}
#siteMap > ul > li > ul > li a {
	color: var(--bs-body-color);
	font-size: .96rem;
	font-weight: 400;
	text-decoration: none;
	transition:all 0.3s ease;
}
#siteMap > ul > li > ul > li > a:before {
	border-radius: 50%;
	content: "-";
	display: block;
	left: 6px;
	position: absolute;
	top: 4px;
	transition:all 0.3s ease;
}
#siteMap > ul > li > ul > li a:hover {
	text-decoration: underline;
}
[data-bs-theme="dark"] #siteMap > ul {
	column-rule: 1px solid #484a4d;
}
[data-bs-theme="dark"] #siteMap > ul > li > a {
	color: #96cffa;
}
[data-bs-theme="dark"] #siteMap > ul > li > a:hover { color: #f8a3bb }
[data-bs-theme="dark"] #siteMap > ul > li > ul > li a {
	color: #dee2e6;
}
@media (max-width:768px) {
	#siteMap ul { columns: 1 }
}


/* ------ accessBtn ------ */
#accessBtn {
	color: var(--c3);
	box-shadow: 0 0 0 2px rgba(255, 255, 255,.9);
	border: none;
	font-size: 3rem;
	height: 48px;
	left: 14px;
	margin: 0;
	padding: 0;
	position: fixed;
	outline: none;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.3s ease;
	width: 48px;
	z-index: 100001;
}
#accessBtn:hover {
	color: var(--c2);
}
[data-bs-theme="dark"] #accessBtn {
	box-shadow: 0 0 0 2px rgba(32, 34, 37,.9);
	color: #9fe1ff;
}
#optionsMenu {
	left: -470px;
	position: fixed;
	top: 50%;
	transform: translateZ(0) translateY(-50%);
	transition:all 0.3s ease;
	width: 310px;
	z-index: 1000000;
}
#optionsMenu .bg-white {
	box-shadow: 0 0 15px rgba(52,52,52,.2);
}
[data-bs-theme="dark"] #optionsMenu {
	background-color: #202225;
	box-shadow: 0 0 15px rgba(36,36,36,.7);
}
[data-bs-theme="dark"] .bg-white {
	background-color: #202225 !important;
}
[data-bs-theme="dark"] #optionsMenu a.list-group-item:hover {
	color: #78d5dd;
}
@media (max-width:1200px) {
	#accessBtn {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
	#optionsMenu {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
}


/* ----------- google -----------*/
iframe.skiptranslate {
	display: none !important;
}
#google_translate_element .goog-te-combo {
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 4px;
	font-size: 1rem;
	padding: .7rem 1rem;
	text-transform: capitalize;
	width: 100%;
}
[data-bs-theme="dark"] #google_translate_element .goog-te-combo {
	background-color: #202225;
}
.transBt {
	text-decoration: none;
}
.transBt:hover {
	text-decoration: underline;
}


/*----------- orgChart -----------*/
.orgChart {
	overflow-x: scroll;
	padding-bottom: 26px;
}

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.orgchart {
	font-size: .9em;
	min-height: 202px;
	min-width: 202px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	position: relative;
	margin: auto;
	max-width: 860px;
}
.orgchart .hidden, .orgchart~.hidden { display: none }
.orgchart.b2t { transform: rotate(180deg) }
.orgchart.l2r {
	position: absolute;
	transform: rotate(-90deg) rotateY(180deg);
	transform-origin: left top;
}
.orgchart .verticalNodes ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	text-align: left;
}
.orgchart .verticalNodes ul:first-child { margin-top: 5px }
.orgchart .verticalNodes>td::before {
	content: '';
	border: 1px solid #c7c7c7;
	line-height: 25px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	box-sizing: border-box;
	top: -4px;
	height: 32px; /*fcc*/
	width: calc(50% - 2px);
	border-width: 2px 0 0 2px;
	margin-top: -2px;
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: -6px;
	border-color: #c7c7c7;
	border-style: solid;
	border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
	top: 0;
	height: 27px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	top: 1px;
	height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
	box-sizing: border-box;
	top: 25px; /*fcc*/
	width: 15px; /*fcc*/
	border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li:last-child::after {
	box-sizing: border-box;
	border-width: 2px 0 0;
}

.orgchart.r2l {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
}
.orgchart>.spinner {
	font-size: 100px;
	margin-top: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart table {
	border-spacing: 0;
	border-collapse: separate;
}
.orgchart>table:first-child { margin: 0 auto }
.orgchart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}
.orgchart .lines:nth-child(3) td {
	box-sizing: border-box;
	height: 20px;
}
.orgchart .lines .topLine { border-top: 2px solid #c7c7c7 }
.orgchart .lines .rightLine {
	border-right: 1px solid #c7c7c7;
	float: none;
	border-radius: 0;
}
.orgchart .lines .leftLine {
	border-left: 1px solid #c7c7c7;
	float: none;
	border-radius: 0;
}
.orgchart .lines .downLine {
	background-color: #c7c7c7;
	margin: 0 auto;
	height: 20px;
	width: 2px;
	float: none;
}

/* node styling */
.orgchart .node {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 5px;
	border: 2px dashed transparent;
	text-align: center;
}
.orgchart.l2r .node, .orgchart.r2l .node {
	width: 50px;
	height: 130px;
}
.orgchart .node>.spinner {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	vertical-align: middle;
	font-size: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
	transition: .5s;
	cursor: default;
	z-index: 20;
}
.orgchart .ghost-node {
	position: fixed;
	left: -10000px;
	top: -10000px;
}
.orgchart .ghost-node rect {
	fill: #ffffff;
	stroke: #bf0000;
}
.orgchart .node.allowedDrop { border-color: rgba(68, 157, 68, 0.9) }

.orgchart .node .title {
	background-color: var(--c3);
	border-radius: 3px;
	color: #fff;
	font-size: .92em;
	font-weight: 600;
	line-height: 17px;
	overflow: hidden;
	padding: 7px 16px;
	text-align: center;
	text-overflow: ellipsis;
	margin-left: 4px;
}
[data-bs-theme="dark"] .orgchart .node .title {
	background-color: #96cffa;
	color: #202225;
}
.orgchart .node .title a {
	color: #424244;
	display: block;
}
.orgchart .node .title i { display: none }
.orgchart .node .title a:focus {
	outline: 1px dashed #fff;
	outline-offset: 2px;
}
.orgchart .node .title a:hover {
	text-decoration: underline;
}

.orgchart > table .nodes .node .title {
	background-color: #fff;
	border: 2px solid var(--c3);
	color: var(--c3);
}
[data-bs-theme="dark"] .orgchart > table .nodes .node .title {
	background-color: #202225;
	border: 2px solid #96cffa;
	color: #96cffa;
}
.orgchart .l01 .title {
	border-color: var(--c4) !important;
	font-weight: 400;
}
.orgchart .l01 .title a { color: #474749 !important }
[data-bs-theme="dark"] .orgchart .l01 .title a { color: #dee2e6 !important }
.orgchart .l02 .title {
	border-color: #c7c7c7 !important;
	font-weight: 400;
}
.orgchart .l02 .title a {
	color: #5e6061 !important;
}
.orgchart .l03 .title {
	background-color: #fff !important;
	border-color: #e6e6e6 !important;
}
[data-bs-theme="dark"] .orgchart .l03 .title {
	background-color: #202225 !important;
	border-color: #e6e6e6 !important;
}
.orgchart .l03 .title a {
	color: var(--c3) !important;
}
.orgchart.b2t .node .title {
	transform: rotate(-80deg);
	transform-origin: center bottom;
}
.orgchart.l2r .node .title {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart.r2l .node .title {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart .node .title .symbol {
	float: left;
	margin-top: 4px;
	margin-left: 2px;
}
.orgchart .node .content {
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid rgba(217, 83, 79, 0.8);
	border-radius: 0 0 4px 4px;
	text-align: center;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orgchart.b2t .node .content {
	transform: rotate(180deg);
	transform-origin: center top;
}
.orgchart.l2r .node .content {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: top center;
	width: 120px;
}
.orgchart.r2l .node .content {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: top center;
	width: 120px;
}
.orgchart .node .edge {
	font-size: 15px;
	position: absolute;
	color: rgba(68, 157, 68, 0.5);
	cursor: default;
	transition: .2s;
}
.orgchart.noncollapsable .node .edge { display: none }
.orgchart .edge:hover {
	color: #449d44;
	cursor: pointer;
}
.orgchart .node .verticalEdge {
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	left: 5px;
}
.orgchart .node .topEdge { top: -4px }
.orgchart .node .bottomEdge { bottom: -4px }
.orgchart .node .horizontalEdge {
	width: 15px;
	height: calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	top: 5px;
}
.orgchart .node .rightEdge { right: -4px }
.orgchart .node .leftEdge { left: -4px }
.orgchart .node .horizontalEdge::before {
	position: absolute;
	top: calc(50% - 7px);
}
.orgchart .node .rightEdge::before { right: 3px }
.orgchart .node .leftEdge::before { left: 3px }
.orgchart .node .topEdge,
.orgchart .node .bottomEdge,
.orgchart .node .rightEdge,
.orgchart .node .leftEdge { display: none }

.orgchart .node .toggleBtn {
	background-color: #fff;
	color: var(--c3);
	display: block;
	line-height: .92em;
	position: absolute;
	left: 4px;
	top: 15px;
	z-index: 1000;
}
[data-bs-theme="dark"] .orgchart .node .toggleBtn {
	background-color: #202225;
}
.orgchart .node .toggleBtn:hover { color: var(--c4) }

.oc-export-btn {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid transparent;
	border-color: #4cae4c;
	border-radius: 4px;
}
.oc-export-btn[disabled] {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.3;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
	background-color: #449d44;
	border-color: #347a34;
}
.orgchart~.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
	position: absolute;
	top: calc(50% - 54px);
	left: calc(50% - 54px);
	color: rgba(255,255,255,0.8);
	font-size: 108px;
}
.orgchart .node { transition: transform 0.3s, opacity 0.3s }
.orgchart .slide-down {
	opacity: 0;
	transform: translateY(40px);
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
	transform: translateY(130px)
}
.orgchart .slide-up {
	opacity: 0;
	transform: translateY(-40px);
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
	transform: translateY(-130px)
}
.orgchart .slide-right {
	opacity: 0;
	transform: translateX(130px);
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
	transform: translateX(40px);
}
.orgchart .slide-left {
	opacity: 0;
	transform: translateX(-130px);
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
	transform: translateX(-40px);
}
@media only screen and (max-width:800px) {
	.orgchart .l01 .title {
		background-color: #fff !important;
		border: 2px solid #005688 !important;
		color: #005688 !important;
	}
	[data-bs-theme="dark"] .orgchart .l01 .title {
		background-color: #202225 !important;
		color: #dee2e6 !important;
	}
	.orgchart .l02 .title {
		border-color: var(--c4) !important;
		font-weight: 400;
	}
	.orgchart .l02 .title a {
		color: #3a3d4f !important;
	}
	.orgchart .l03 .title {
		border-color: #c7c7c7 !important;
		font-weight: 300;
	}
	.orgchart .l03 .title a {
		color: #5f6365 !important;
	}
	.orgchart .l04 .title a {
		color: var(--c3) !important;
	}
	.orgchart .l04 .title {
		background-color: #fff !important;
		border-color: #d8e8ee !important;
	}
}
@media only screen and (max-width:600px) {
	.orgchart .node .title { text-align: left; white-space: initial }
}


/*----------- auditorium -----------*/
.auditSub {
	left: initial !important;
	right: 0;
}
.boxAuditorium {
	background-color: rgba(53, 80, 146, .4);
}
.auditoriumL h4 {
	color: #fff;
}
.auditoriumL {
	background-color: var(--c2);
	display: block;
	transition:all 0.3s ease;
}
.auditoriumL:hover {
	background-color: #1681ce !important;
	transform: scale(1.05);
}
.ticketPrice {
	width: 81px;
}
.wrapAudImg {
	width: 290px;
}
.aStage {
	border: 2px solid #0d72ba;
	border-top: none;
	color: var(--c3);
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 2rem;
	left: 0;
	line-height: 1rem;
	padding: 0 12px 14px 12px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.wrapAccess {
	position: relative;
}
.aAccess {
	border: 2px solid #0d72ba;
	border-bottom: none;
	display: block;
	height: 20px;
	width: 60px;
}
.accessTxt {
	color: var(--c3);
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1rem;
	text-align: center;
}
.wrapSeats {
	padding: 0 4rem;
}
.seat {
	cursor: pointer;
	display: block;
	fill: #47bbef;
	height: 34px;
}
.seatLegend .seat {
	cursor: default;
	height: auto;
	width: 22px !important;
}
.sWheel rect {
	fill: #e0e5f1;
}
.sSelected .sNum {
	color: #3a3a3a !important;
}
.sSelected path,
.sSelected rect {
	fill: var(--c5) !important;
}
.sChair path {
	fill: var(--c2);
}
.sChair .sNum {
	color: #fff;
}
.sOccupied path,
.sOccupied rect {
	fill: #84868a;
}
.sOccupied .sNum {
	color: #fff;
}
.sOccupied .wheelchair {
	color: #c8c8c8;
}
.sNum {
	font-size: .82rem;
	font-weight: 600;
	left: 50%;
	margin-top: 2px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.sNum.v2 {
	margin-top: -4px;
}
.wheelchair {
	font-size: 1rem;
	font-weight: 600;
	margin-top: -1px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.wheelchair.v2 {
	font-size: .8rem;
}
.lineLetter {
	left: -18px;
	pointer-events: none;
	opacity: .7;
	text-align: center;
	top: 4px;
	width: 20px;
}
.link-user {
	border: 1px solid var(--c9);
	border-radius: .375rem;
	color: #fff;
	display: table;
	font-weight: 500;
	margin-bottom: 14px;
	margin-left: auto;
	padding: .3rem .8rem;
	text-align: center;
	text-decoration: none;
}
.link-user i {
	color: var(--c9);
}
.link-user:hover {
	background-color: var(--c9);
	color: #3a3a3a;
}
.link-user:hover i {
	color: #3a3a3a;
}
.link-user2 {
	display: table;
	margin-bottom: 14px;
	margin-left: auto;
	padding: .3rem .8rem;
	text-align: center;
}
.link-user2 i {
	color: var(--c9);
}
.audiCat {
	background-color: rgba(20,20,20,.3);
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 6px;
	color: #fff;
	font-size: .84rem;
	font-weight: 600;
	left: 12px;
	line-height: 1.2rem;
	padding: 3px 8px;
	position: absolute;
	text-transform: uppercase;
	top: 12px;
	z-index: 2;
}
.audiCat.v2 {
	background-color: transparent;
	position: static;
}

.detailBg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	filter: grayscale(100%) blur(30px);
	left: 0;
	height: 600px;
	mix-blend-mode: overlay;
	opacity: .3;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.aBackground {
	background-image: url(../../img/mbackground2.jpg);
	background-size: cover;
	background-position: center bottom;
	clip-path: ellipse(100% 55% at 50% 44%);
	height: 780px;
	left: 0;
	position: absolute;
	top: -184px;
	width: 100%;
	z-index: -1;
}
.audiSel {
	width: auto;
}
.table.aTable > :not(caption) > * > * {
	--bs-table-bg: transparent !important;
	border-bottom: none;
}
.border-aud {
	border-bottom: 1px solid #31629d;
}
.resumeSeats {
	margin-bottom: 1rem;
}
.resumeSeats:last-child {
	margin-bottom: 0;
}
@media (max-width:1400px) {
	.aBackground { height: 730px }
}
@media (max-width:992px) {
	.aBackground { clip-path: ellipse(160% 55% at 50% 44%) }
	.availability { width: 100% }
	.auditoriumL:hover { transform: scale(1) }
}
@media (max-width:768px) {
	.link-user,
	.link-user2 { width: 100% }
	.audiSel { width: 100% }
	.wrapSeats { padding: 0 }
}
@media (max-width:576px) {
	.aBackground { height: 600px }
	.wrapAudImg { width: 100% }
	.aBackground { clip-path: ellipse(220% 55% at 50% 44%) }
	.wrapAccess { display: none }
	.seat { height: 25px }
	.seatLegend .seat {
		width: 18px !important;
	}
	.lineLetter {
		font-size: .6rem;
		left: -20px;
		opacity: .55;
		top: 6px;
	}
	.sNum {
		font-size: .7rem;
	}
	.sNum.v2 { margin-top: -2px }
	.wheelchair {
		font-size: .8rem;
		margin-top: 0;
	}
}