.btn-xs {
	padding: 0.5rem;
}
.orange {
	color: orange;
}
.top_nav .navbar-right {
	width: auto !important;
	margin: auto !important;
	float: none !important;
}
.navbar-inverse {
	border-color: #e7e7e7;
	color: #ffffff;
}
.navbar-inverse .navbar-brand {
	color: #fff;
}
.jumbotron {
	height: 500px;
}
.position-cell {
	font-size: 11px;
}
html,
body {
	height: 100%;
	font-size: 12px;
}
.toast {
	font-size: 14px;
}
.center-fixed {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.backdrop {
	background-image: radial-gradient(#263f63 0.8px, #263243 0.8px);
	background-size: 16px 16px;
}
.background,
.dashboard {
	background: linear-gradient(to bottom, #367b89, #2a3f54);
	background-size: cover;
	background-position: center;
	justify-content: center;
	box-shadow: 0 5px 10px 0 rgba(35, 35, 35, 0.37);
	color: white;
}
.dashboard {
	padding: 20px 0px 20px 0px;
	margin-top: 20px;
}
.dashboard > .panel-heading.background {
	margin-top: -20px;
}
.row {
	padding-bottom: 2px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.modal-footer {
	background: #ededed !important;
}
.email-body {
	margin-bottom: 50px; /* Ensure there's space for the footer */
}
.email-container {
	width: 100%;
	min-height: 100vh; /* Ensures footer is pushed to bottom if content is short */
	background: #ffffff;
	box-sizing: border-box;
	position: relative;
}
.email-footer {
	font-size: 8px;
	background: #ededed;
	padding: 8px;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.email-card {
	width: 100%;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
}
.darkmode-layer,
.darkmode-toggle {
	z-index: 1030;
}
.darkmode--activated img {
	filter: invert(100%);
}
.darkmode--activated video {
	filter: invert(100%);
}
.is-loading {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 555;
}
.is-loading::before {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: transparent url("../images/loading.gif") center/contain no-repeat;
}
.is-loading-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	opacity: 0.7; /* Adjust the opacity as needed */
}
.is-loading > div {
	display: none;
}
.center-contents {
	justify-content: center;
	align-items: center;
	height: 100%; /* Set the height to the viewport height */
}
.center-bottom {
	position: absolute;
	bottom: 10px;
}
.login-form {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}
.modal-content .loading-text {
	padding: 10px;
}
.under-navbar {
	width: 100%;
	display: table;
	margin-top: -20px;
	margin-bottom: 20px;
	border-bottom: #cccccc thin solid;
	height: 55px;
	padding: 10px;
}
.table {
	font-size: 11px;
	color: black;
}

.employee-profile {
	font-size: 12px;
}
.employee-profile > .panel-heading {
	font-size: 18px;
}
.employee-profile thead {
	color: #ffffff;
	background: #333333;
}
.cursor-pointer {
	cursor: pointer;
}
.nopadding {
	padding: 0px;
}
/* the following 2 rules are needed to keep jqueryui autocompletes above bootstrap modals */
.autocomplete {
	z-index: 5000;
}
.ui-autocomplete {
	z-index: 215000000 !important;
}
.ui-widget-content {
	border: 0px solid #666;
	background: green;
	color: #fff;
}
/* supplement bootstrap by allowing color in nav pills */
.nav-tabs > .nav-danger > a {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.nav-tabs > .nav-warning > a {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
.nav-tabs > .nav-info > a {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.nav-tabs > .nav-primary > a {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.nav-tabs > .nav-default > a {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.nav-tabs > .nav-success > a {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.nav-tabs > .nav-danger:hover > a {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.nav-tabs > .nav-warning:hover > a {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}
.nav-tabs > .nav-info:hover > a {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.nav-tabs > .nav-primary:hover > a {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.nav-tabs > .nav-default:hover > a {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.nav-tabs > .nav-success:hover > a {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.nav-tabs > .nav-danger:focus > a {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}
.nav-tabs > .nav-warning:focus > a {
	color: #fff;
	background-color: #ec971f;
	border-color: #985f0d;
}
.nav-tabs > .nav-info:focus > a {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85;
}
.nav-tabs > .nav-primary:focus > a {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
}
.nav-tabs > .nav-default:focus > a {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.nav-tabs > .nav-success:focus > a {
	color: #fff;
	background-color: #449d44;
	border-color: #255625;
}
.nav-tabs > .nav-danger:active > a {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.nav-tabs > .nav-warning:active > a {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}
.nav-tabs > .nav-info:active > a {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.nav-tabs > .nav-primary:active > a {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.nav-tabs > .nav-default:active > a {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.nav-tabs > .nav-success:active > a {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.nav.nav-tabs > li > a {
	color: #a9a8a8 !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
	color: #fff !important;
	background-color: #8989894f !important;
}
.nav.side-menu > li.active > a {
	background: transparent !important;
}
.canvassing-item {
	height: 235px;
	text-align: center;
}
.chatroom {
	position: fixed;
	bottom: 0;
	padding: 2px 2px 0px 2px;
	right: 0;
	margin-bottom: 0px;
	max-width: 50%;
}
.chatroom #chat-body {
	display: none;
}
.chatroom .panel-heading {
	padding: 3px;
	height: 20px;
	cursor: pointer;
	width: 100%;
	display: block;
}
.chatroom .panel-body {
	overflow-x: hidden;
	overflow-y: auto;
}
.chat-input textarea {
	width: 90%;
}
.chatbox {
	text-align: left;
	overflow: auto;
	max-height: 300px;
}
.chatbox pre {
	word-break: break-word;
	overflow: auto;
	white-space: normal;
	hyphens: auto;
}
.blink_me {
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
	90% {
		opacity: 0;
	}
}
.nav-sm .container.body .col-md-3.left_col {
	z-index: 1;
}
.hidden {
	display: none;
}
.ui-datepicker select.ui-datepicker-month {
	color: #000;
}
.ui-datepicker select.ui-datepicker-year {
	color: #000;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	background-color: white;
	color: black; /*#337ab7
	/* prevent horizontal scrollbar */
	overflow-x: auto;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
.ui-widget-content {
	border: 1px solid #66afe9;
	background: #fff;
	color: #000;
}
.ui-widget-content a {
	color: #000;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #66afe9;
	background: #337ab7 url() 50% 50% repeat-x;
	font-weight: bold;
	color: #fff;
}
.view {
	margin: auto;
	width: 600px;
}
.wrapper {
	position: relative;
	overflow: auto;
	border: 1px solid black;
	white-space: nowrap;
}
.sticky-col {
	position: sticky;
	position: -webkit-sticky;
	background-color: white;
}
.first-col {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	left: 10px;
}
.second-col {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	left: 120px;
}
.sticky-header > thead {
	position: sticky;
	background-color: white;
	position: -webkit-sticky;
	z-index: 100;
	top: 0;
}
.x_content > h2 {
	border-bottom: 1px solid #c2bfbf; /* You can customize the color and thickness */
	padding-bottom: 12px;
	font-size: 20px;
}
.row.x_panel {
	border-right: 7px solid #bbbebd !important;
}
#approval_tab > li {
	border-bottom: 0.5px solid #ccc;
	font-weight: bold;
}
.select2-container--dark .select2-selection {
	background-color: transparent;
	color: #f8f9fa;
	border: 1px solid #b8babc;
	border-radius: 0.375rem;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
}
.select2-container--dark .select2-selection__rendered {
	color: #2d2d2d;
	background-color: transparent;
	line-height: 1.5;
	padding-left: 0;
	padding-right: 0;
}
.select2-container--dark .select2-results__option {
	background-color: #848484;
	color: #060606;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
}
.select2-container--dark .select2-results__option--highlighted {
	background-color: #2d2d2d; /* Bootstrap darker gray for hover */
	color: #dbdbdb;
}
.select2-container--dark .select2-selection__arrow {
	height: 100%;
}
.select2-container--dark.select2-container--focus .select2-selection {
	border-color: #66afe9;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

@media (max-width: 768px) {
	.panel-title {
		text-align: center;
	}

	.panel-title .pull-right {
		float: none !important;
		display: inline-block;
	}

	.columns.columns-right.btn-group {
		display: flex;
		justify-content: center;
		flex-direction: row;
		width: 100%;
	}

	.columns.columns-right.btn-group > * {
		margin: 5px;
	}

	.pull-right.search.input-group {
		justify-content: center !important;
		float: none !important;
		flex-direction: row;
		width: 100%;
	}
}

.icon-shadow-info {
	width: 200px;
	height: 70px;
	text-align: center;
	text-shadow: 1px 1px #2d798f, 2px 2px #2d798f, 3px 3px #2d798f,
		4px 4px #2d798f, 5px 5px #2d798f, 6px 6px #2d798f, 7px 7px #2d798f,
		8px 8px #2d798f, 9px 9px #2d798f, 10px 10px #2d798f, 11px 11px #2d798f,
		12px 12px #2d798f, 13px 13px #2d798f, 14px 14px #2d798f, 15px 15px #2d798f,
		16px 16px #2d798f, 17px 17px #2d798f, 18px 18px #2d798f, 19px 19px #2d798f,
		20px 20px #2d798f, 21px 21px #2d798f, 22px 22px #2d798f, 23px 23px #2d798f,
		24px 24px #2d798f, 25px 25px #2d798f, 26px 26px #2d798f, 27px 27px #2d798f,
		28px 28px #2d798f, 29px 29px #2d798f, 30px 30px #2d798f, 31px 31px #2d798f,
		32px 32px #2d798f, 33px 33px #2d798f, 34px 34px #2d798f, 35px 35px #2d798f,
		36px 36px #2d798f, 37px 37px #2d798f, 38px 38px #2d798f, 39px 39px #2d798f,
		40px 40px #2d798f, 41px 41px #2d798f, 42px 42px #2d798f, 43px 43px #2d798f,
		44px 44px #2d798f, 45px 45px #2d798f, 46px 46px #2d798f, 47px 47px #2d798f,
		48px 48px #2d798f, 49px 49px #2d798f, 50px 50px #2d798f, 51px 51px #2d798f,
		52px 52px #2d798f, 53px 53px #2d798f, 54px 54px #2d798f, 55px 55px #2d798f,
		56px 56px #2d798f, 57px 57px #2d798f, 58px 58px #2d798f, 59px 59px #2d798f,
		60px 60px #2d798f, 61px 61px #2d798f, 62px 62px #2d798f, 63px 63px #2d798f,
		64px 64px #2d798f, 65px 65px #2d798f, 66px 66px #2d798f, 67px 67px #2d798f,
		68px 68px #2d798f, 69px 69px #2d798f, 70px 70px #2d798f, 71px 71px #2d798f,
		72px 72px #2d798f, 73px 73px #2d798f, 74px 74px #2d798f, 75px 75px #2d798f,
		76px 76px #2d798f, 77px 77px #2d798f, 78px 78px #2d798f, 79px 79px #2d798f,
		80px 80px #2d798f, 81px 81px #2d798f, 82px 82px #2d798f, 83px 83px #2d798f,
		84px 84px #2d798f, 85px 85px #2d798f, 86px 86px #2d798f, 87px 87px #2d798f,
		88px 88px #2d798f, 89px 89px #2d798f, 90px 90px #2d798f, 91px 91px #2d798f,
		92px 92px #2d798f, 93px 93px #2d798f, 94px 94px #2d798f, 95px 95px #2d798f,
		96px 96px #2d798f, 97px 97px #2d798f, 98px 98px #2d798f, 99px 99px #2d798f,
		100px 100px #2d798f, 101px 101px #2d798f, 102px 102px #2d798f,
		103px 103px #2d798f, 104px 104px #2d798f, 105px 105px #2d798f,
		106px 106px #2d798f, 107px 107px #2d798f, 108px 108px #2d798f,
		109px 109px #2d798f, 110px 110px #2d798f, 111px 111px #2d798f,
		112px 112px #2d798f, 113px 113px #2d798f, 114px 114px #2d798f,
		115px 115px #2d798f, 116px 116px #2d798f, 117px 117px #2d798f,
		118px 118px #2d798f, 119px 119px #2d798f, 120px 120px #2d798f,
		121px 121px #2d798f, 122px 122px #2d798f, 123px 123px #2d798f,
		124px 124px #2d798f, 125px 125px #2d798f, 126px 126px #2d798f,
		127px 127px #2d798f, 128px 128px #2d798f, 129px 129px #2d798f,
		130px 130px #2d798f, 131px 131px #2d798f, 132px 132px #2d798f,
		133px 133px #2d798f, 134px 134px #2d798f, 135px 135px #2d798f,
		136px 136px #2d798f, 137px 137px #2d798f, 138px 138px #2d798f,
		139px 139px #2d798f, 140px 140px #2d798f, 141px 141px #2d798f,
		142px 142px #2d798f, 143px 143px #2d798f, 144px 144px #2d798f,
		145px 145px #2d798f, 146px 146px #2d798f, 147px 147px #2d798f,
		148px 148px #2d798f, 149px 149px #2d798f, 150px 150px #2d798f,
		151px 151px #2d798f, 152px 152px #2d798f, 153px 153px #2d798f,
		154px 154px #2d798f, 155px 155px #2d798f, 156px 156px #2d798f,
		157px 157px #2d798f, 158px 158px #2d798f, 159px 159px #2d798f,
		160px 160px #2d798f, 161px 161px #2d798f, 162px 162px #2d798f,
		163px 163px #2d798f, 164px 164px #2d798f, 165px 165px #2d798f,
		166px 166px #2d798f, 167px 167px #2d798f, 168px 168px #2d798f,
		169px 169px #2d798f, 170px 170px #2d798f, 171px 171px #2d798f,
		172px 172px #2d798f, 173px 173px #2d798f, 174px 174px #2d798f,
		175px 175px #2d798f, 176px 176px #2d798f, 177px 177px #2d798f,
		178px 178px #2d798f, 179px 179px #2d798f, 180px 180px #2d798f,
		181px 181px #2d798f, 182px 182px #2d798f, 183px 183px #2d798f,
		184px 184px #2d798f, 185px 185px #2d798f, 186px 186px #2d798f,
		187px 187px #2d798f, 188px 188px #2d798f, 189px 189px #2d798f,
		190px 190px #2d798f, 191px 191px #2d798f, 192px 192px #2d798f,
		193px 193px #2d798f, 194px 194px #2d798f, 195px 195px #2d798f,
		196px 196px #2d798f, 197px 197px #2d798f, 198px 198px #2d798f,
		199px 199px #2d798f, 200px 200px #2d798f;
	margin: 0 auto;
	overflow: hidden;
}
.icon-shadow-danger {
	width: 200px;
	height: 70px;
	text-align: center;
	text-shadow: 1px 1px #9f2825, 2px 2px #9f2825, 3px 3px #9f2825,
		4px 4px #9f2825, 5px 5px #9f2825, 6px 6px #9f2825, 7px 7px #9f2825,
		8px 8px #9f2825, 9px 9px #9f2825, 10px 10px #9f2825, 11px 11px #9f2825,
		12px 12px #9f2825, 13px 13px #9f2825, 14px 14px #9f2825, 15px 15px #9f2825,
		16px 16px #9f2825, 17px 17px #9f2825, 18px 18px #9f2825, 19px 19px #9f2825,
		20px 20px #9f2825, 21px 21px #9f2825, 22px 22px #9f2825, 23px 23px #9f2825,
		24px 24px #9f2825, 25px 25px #9f2825, 26px 26px #9f2825, 27px 27px #9f2825,
		28px 28px #9f2825, 29px 29px #9f2825, 30px 30px #9f2825, 31px 31px #9f2825,
		32px 32px #9f2825, 33px 33px #9f2825, 34px 34px #9f2825, 35px 35px #9f2825,
		36px 36px #9f2825, 37px 37px #9f2825, 38px 38px #9f2825, 39px 39px #9f2825,
		40px 40px #9f2825, 41px 41px #9f2825, 42px 42px #9f2825, 43px 43px #9f2825,
		44px 44px #9f2825, 45px 45px #9f2825, 46px 46px #9f2825, 47px 47px #9f2825,
		48px 48px #9f2825, 49px 49px #9f2825, 50px 50px #9f2825, 51px 51px #9f2825,
		52px 52px #9f2825, 53px 53px #9f2825, 54px 54px #9f2825, 55px 55px #9f2825,
		56px 56px #9f2825, 57px 57px #9f2825, 58px 58px #9f2825, 59px 59px #9f2825,
		60px 60px #9f2825, 61px 61px #9f2825, 62px 62px #9f2825, 63px 63px #9f2825,
		64px 64px #9f2825, 65px 65px #9f2825, 66px 66px #9f2825, 67px 67px #9f2825,
		68px 68px #9f2825, 69px 69px #9f2825, 70px 70px #9f2825, 71px 71px #9f2825,
		72px 72px #9f2825, 73px 73px #9f2825, 74px 74px #9f2825, 75px 75px #9f2825,
		76px 76px #9f2825, 77px 77px #9f2825, 78px 78px #9f2825, 79px 79px #9f2825,
		80px 80px #9f2825, 81px 81px #9f2825, 82px 82px #9f2825, 83px 83px #9f2825,
		84px 84px #9f2825, 85px 85px #9f2825, 86px 86px #9f2825, 87px 87px #9f2825,
		88px 88px #9f2825, 89px 89px #9f2825, 90px 90px #9f2825, 91px 91px #9f2825,
		92px 92px #9f2825, 93px 93px #9f2825, 94px 94px #9f2825, 95px 95px #9f2825,
		96px 96px #9f2825, 97px 97px #9f2825, 98px 98px #9f2825, 99px 99px #9f2825,
		100px 100px #9f2825, 101px 101px #9f2825, 102px 102px #9f2825,
		103px 103px #9f2825, 104px 104px #9f2825, 105px 105px #9f2825,
		106px 106px #9f2825, 107px 107px #9f2825, 108px 108px #9f2825,
		109px 109px #9f2825, 110px 110px #9f2825, 111px 111px #9f2825,
		112px 112px #9f2825, 113px 113px #9f2825, 114px 114px #9f2825,
		115px 115px #9f2825, 116px 116px #9f2825, 117px 117px #9f2825,
		118px 118px #9f2825, 119px 119px #9f2825, 120px 120px #9f2825,
		121px 121px #9f2825, 122px 122px #9f2825, 123px 123px #9f2825,
		124px 124px #9f2825, 125px 125px #9f2825, 126px 126px #9f2825,
		127px 127px #9f2825, 128px 128px #9f2825, 129px 129px #9f2825,
		130px 130px #9f2825, 131px 131px #9f2825, 132px 132px #9f2825,
		133px 133px #9f2825, 134px 134px #9f2825, 135px 135px #9f2825,
		136px 136px #9f2825, 137px 137px #9f2825, 138px 138px #9f2825,
		139px 139px #9f2825, 140px 140px #9f2825, 141px 141px #9f2825,
		142px 142px #9f2825, 143px 143px #9f2825, 144px 144px #9f2825,
		145px 145px #9f2825, 146px 146px #9f2825, 147px 147px #9f2825,
		148px 148px #9f2825, 149px 149px #9f2825, 150px 150px #9f2825,
		151px 151px #9f2825, 152px 152px #9f2825, 153px 153px #9f2825,
		154px 154px #9f2825, 155px 155px #9f2825, 156px 156px #9f2825,
		157px 157px #9f2825, 158px 158px #9f2825, 159px 159px #9f2825,
		160px 160px #9f2825, 161px 161px #9f2825, 162px 162px #9f2825,
		163px 163px #9f2825, 164px 164px #9f2825, 165px 165px #9f2825,
		166px 166px #9f2825, 167px 167px #9f2825, 168px 168px #9f2825,
		169px 169px #9f2825, 170px 170px #9f2825, 171px 171px #9f2825,
		172px 172px #9f2825, 173px 173px #9f2825, 174px 174px #9f2825,
		175px 175px #9f2825, 176px 176px #9f2825, 177px 177px #9f2825,
		178px 178px #9f2825, 179px 179px #9f2825, 180px 180px #9f2825,
		181px 181px #9f2825, 182px 182px #9f2825, 183px 183px #9f2825,
		184px 184px #9f2825, 185px 185px #9f2825, 186px 186px #9f2825,
		187px 187px #9f2825, 188px 188px #9f2825, 189px 189px #9f2825,
		190px 190px #9f2825, 191px 191px #9f2825, 192px 192px #9f2825,
		193px 193px #9f2825, 194px 194px #9f2825, 195px 195px #9f2825,
		196px 196px #9f2825, 197px 197px #9f2825, 198px 198px #9f2825,
		199px 199px #9f2825, 200px 200px #9f2825;
	margin: 0 auto;
	overflow: hidden;
}
.icon-shadow-warning {
	width: 200px;
	height: 70px;
	text-align: center;
	text-shadow: 1px 1px #855410, 2px 2px #855410, 3px 3px #855410,
		4px 4px #855410, 5px 5px #855410, 6px 6px #855410, 7px 7px #855410,
		8px 8px #855410, 9px 9px #855410, 10px 10px #855410, 11px 11px #855410,
		12px 12px #855410, 13px 13px #855410, 14px 14px #855410, 15px 15px #855410,
		16px 16px #855410, 17px 17px #855410, 18px 18px #855410, 19px 19px #855410,
		20px 20px #855410, 21px 21px #855410, 22px 22px #855410, 23px 23px #855410,
		24px 24px #855410, 25px 25px #855410, 26px 26px #855410, 27px 27px #855410,
		28px 28px #855410, 29px 29px #855410, 30px 30px #855410, 31px 31px #855410,
		32px 32px #855410, 33px 33px #855410, 34px 34px #855410, 35px 35px #855410,
		36px 36px #855410, 37px 37px #855410, 38px 38px #855410, 39px 39px #855410,
		40px 40px #855410, 41px 41px #855410, 42px 42px #855410, 43px 43px #855410,
		44px 44px #855410, 45px 45px #855410, 46px 46px #855410, 47px 47px #855410,
		48px 48px #855410, 49px 49px #855410, 50px 50px #855410, 51px 51px #855410,
		52px 52px #855410, 53px 53px #855410, 54px 54px #855410, 55px 55px #855410,
		56px 56px #855410, 57px 57px #855410, 58px 58px #855410, 59px 59px #855410,
		60px 60px #855410, 61px 61px #855410, 62px 62px #855410, 63px 63px #855410,
		64px 64px #855410, 65px 65px #855410, 66px 66px #855410, 67px 67px #855410,
		68px 68px #855410, 69px 69px #855410, 70px 70px #855410, 71px 71px #855410,
		72px 72px #855410, 73px 73px #855410, 74px 74px #855410, 75px 75px #855410,
		76px 76px #855410, 77px 77px #855410, 78px 78px #855410, 79px 79px #855410,
		80px 80px #855410, 81px 81px #855410, 82px 82px #855410, 83px 83px #855410,
		84px 84px #855410, 85px 85px #855410, 86px 86px #855410, 87px 87px #855410,
		88px 88px #855410, 89px 89px #855410, 90px 90px #855410, 91px 91px #855410,
		92px 92px #855410, 93px 93px #855410, 94px 94px #855410, 95px 95px #855410,
		96px 96px #855410, 97px 97px #855410, 98px 98px #855410, 99px 99px #855410,
		100px 100px #855410, 101px 101px #855410, 102px 102px #855410,
		103px 103px #855410, 104px 104px #855410, 105px 105px #855410,
		106px 106px #855410, 107px 107px #855410, 108px 108px #855410,
		109px 109px #855410, 110px 110px #855410, 111px 111px #855410,
		112px 112px #855410, 113px 113px #855410, 114px 114px #855410,
		115px 115px #855410, 116px 116px #855410, 117px 117px #855410,
		118px 118px #855410, 119px 119px #855410, 120px 120px #855410,
		121px 121px #855410, 122px 122px #855410, 123px 123px #855410,
		124px 124px #855410, 125px 125px #855410, 126px 126px #855410,
		127px 127px #855410, 128px 128px #855410, 129px 129px #855410,
		130px 130px #855410, 131px 131px #855410, 132px 132px #855410,
		133px 133px #855410, 134px 134px #855410, 135px 135px #855410,
		136px 136px #855410, 137px 137px #855410, 138px 138px #855410,
		139px 139px #855410, 140px 140px #855410, 141px 141px #855410,
		142px 142px #855410, 143px 143px #855410, 144px 144px #855410,
		145px 145px #855410, 146px 146px #855410, 147px 147px #855410,
		148px 148px #855410, 149px 149px #855410, 150px 150px #855410,
		151px 151px #855410, 152px 152px #855410, 153px 153px #855410,
		154px 154px #855410, 155px 155px #855410, 156px 156px #855410,
		157px 157px #855410, 158px 158px #855410, 159px 159px #855410,
		160px 160px #855410, 161px 161px #855410, 162px 162px #855410,
		163px 163px #855410, 164px 164px #855410, 165px 165px #855410,
		166px 166px #855410, 167px 167px #855410, 168px 168px #855410,
		169px 169px #855410, 170px 170px #855410, 171px 171px #855410,
		172px 172px #855410, 173px 173px #855410, 174px 174px #855410,
		175px 175px #855410, 176px 176px #855410, 177px 177px #855410,
		178px 178px #855410, 179px 179px #855410, 180px 180px #855410,
		181px 181px #855410, 182px 182px #855410, 183px 183px #855410,
		184px 184px #855410, 185px 185px #855410, 186px 186px #855410,
		187px 187px #855410, 188px 188px #855410, 189px 189px #855410,
		190px 190px #855410, 191px 191px #855410, 192px 192px #855410,
		193px 193px #855410, 194px 194px #855410, 195px 195px #855410,
		196px 196px #855410, 197px 197px #855410, 198px 198px #855410,
		199px 199px #855410, 200px 200px #855410;
	margin: 0 auto;
	overflow: hidden;
}
.icon-shadow-success {
	width: 200px;
	height: 70px;
	text-align: center;
	text-shadow: 1px 1px #3a633a, 2px 2px #3a633a, 3px 3px #3a633a,
		4px 4px #3a633a, 5px 5px #3a633a, 6px 6px #3a633a, 7px 7px #3a633a,
		8px 8px #3a633a, 9px 9px #3a633a, 10px 10px #3a633a, 11px 11px #3a633a,
		12px 12px #3a633a, 13px 13px #3a633a, 14px 14px #3a633a, 15px 15px #3a633a,
		16px 16px #3a633a, 17px 17px #3a633a, 18px 18px #3a633a, 19px 19px #3a633a,
		20px 20px #3a633a, 21px 21px #3a633a, 22px 22px #3a633a, 23px 23px #3a633a,
		24px 24px #3a633a, 25px 25px #3a633a, 26px 26px #3a633a, 27px 27px #3a633a,
		28px 28px #3a633a, 29px 29px #3a633a, 30px 30px #3a633a, 31px 31px #3a633a,
		32px 32px #3a633a, 33px 33px #3a633a, 34px 34px #3a633a, 35px 35px #3a633a,
		36px 36px #3a633a, 37px 37px #3a633a, 38px 38px #3a633a, 39px 39px #3a633a,
		40px 40px #3a633a, 41px 41px #3a633a, 42px 42px #3a633a, 43px 43px #3a633a,
		44px 44px #3a633a, 45px 45px #3a633a, 46px 46px #3a633a, 47px 47px #3a633a,
		48px 48px #3a633a, 49px 49px #3a633a, 50px 50px #3a633a, 51px 51px #3a633a,
		52px 52px #3a633a, 53px 53px #3a633a, 54px 54px #3a633a, 55px 55px #3a633a,
		56px 56px #3a633a, 57px 57px #3a633a, 58px 58px #3a633a, 59px 59px #3a633a,
		60px 60px #3a633a, 61px 61px #3a633a, 62px 62px #3a633a, 63px 63px #3a633a,
		64px 64px #3a633a, 65px 65px #3a633a, 66px 66px #3a633a, 67px 67px #3a633a,
		68px 68px #3a633a, 69px 69px #3a633a, 70px 70px #3a633a, 71px 71px #3a633a,
		72px 72px #3a633a, 73px 73px #3a633a, 74px 74px #3a633a, 75px 75px #3a633a,
		76px 76px #3a633a, 77px 77px #3a633a, 78px 78px #3a633a, 79px 79px #3a633a,
		80px 80px #3a633a, 81px 81px #3a633a, 82px 82px #3a633a, 83px 83px #3a633a,
		84px 84px #3a633a, 85px 85px #3a633a, 86px 86px #3a633a, 87px 87px #3a633a,
		88px 88px #3a633a, 89px 89px #3a633a, 90px 90px #3a633a, 91px 91px #3a633a,
		92px 92px #3a633a, 93px 93px #3a633a, 94px 94px #3a633a, 95px 95px #3a633a,
		96px 96px #3a633a, 97px 97px #3a633a, 98px 98px #3a633a, 99px 99px #3a633a,
		100px 100px #3a633a, 101px 101px #3a633a, 102px 102px #3a633a,
		103px 103px #3a633a, 104px 104px #3a633a, 105px 105px #3a633a,
		106px 106px #3a633a, 107px 107px #3a633a, 108px 108px #3a633a,
		109px 109px #3a633a, 110px 110px #3a633a, 111px 111px #3a633a,
		112px 112px #3a633a, 113px 113px #3a633a, 114px 114px #3a633a,
		115px 115px #3a633a, 116px 116px #3a633a, 117px 117px #3a633a,
		118px 118px #3a633a, 119px 119px #3a633a, 120px 120px #3a633a,
		121px 121px #3a633a, 122px 122px #3a633a, 123px 123px #3a633a,
		124px 124px #3a633a, 125px 125px #3a633a, 126px 126px #3a633a,
		127px 127px #3a633a, 128px 128px #3a633a, 129px 129px #3a633a,
		130px 130px #3a633a, 131px 131px #3a633a, 132px 132px #3a633a,
		133px 133px #3a633a, 134px 134px #3a633a, 135px 135px #3a633a,
		136px 136px #3a633a, 137px 137px #3a633a, 138px 138px #3a633a,
		139px 139px #3a633a, 140px 140px #3a633a, 141px 141px #3a633a,
		142px 142px #3a633a, 143px 143px #3a633a, 144px 144px #3a633a,
		145px 145px #3a633a, 146px 146px #3a633a, 147px 147px #3a633a,
		148px 148px #3a633a, 149px 149px #3a633a, 150px 150px #3a633a,
		151px 151px #3a633a, 152px 152px #3a633a, 153px 153px #3a633a,
		154px 154px #3a633a, 155px 155px #3a633a, 156px 156px #3a633a,
		157px 157px #3a633a, 158px 158px #3a633a, 159px 159px #3a633a,
		160px 160px #3a633a, 161px 161px #3a633a, 162px 162px #3a633a,
		163px 163px #3a633a, 164px 164px #3a633a, 165px 165px #3a633a,
		166px 166px #3a633a, 167px 167px #3a633a, 168px 168px #3a633a,
		169px 169px #3a633a, 170px 170px #3a633a, 171px 171px #3a633a,
		172px 172px #3a633a, 173px 173px #3a633a, 174px 174px #3a633a,
		175px 175px #3a633a, 176px 176px #3a633a, 177px 177px #3a633a,
		178px 178px #3a633a, 179px 179px #3a633a, 180px 180px #3a633a,
		181px 181px #3a633a, 182px 182px #3a633a, 183px 183px #3a633a,
		184px 184px #3a633a, 185px 185px #3a633a, 186px 186px #3a633a,
		187px 187px #3a633a, 188px 188px #3a633a, 189px 189px #3a633a,
		190px 190px #3a633a, 191px 191px #3a633a, 192px 192px #3a633a,
		193px 193px #3a633a, 194px 194px #3a633a, 195px 195px #3a633a,
		196px 196px #3a633a, 197px 197px #3a633a, 198px 198px #3a633a,
		199px 199px #3a633a, 200px 200px #3a633a;
	margin: 0 auto;
	overflow: hidden;
}
.glass-morph {
	background: rgba(255, 255, 255, 0.25);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	backdrop-filter: blur(4.5px);
	-webkit-backdrop-filter: blur(4.5px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
}
.modal-footer.timeline {
	display: flex;
	justify-content: space-evenly; /* Evenly distribute items */
	align-items: center; /* Center align items */
	padding: 10px;
	border-top: 2px solid orange; /* Optional: a top border for the timeline */
	position: relative; /* Positioning context for the pseudo-element */
}
.modal-footer.timeline p {
	position: relative;
	padding: 5px;
	margin: 0;
	background: #f2f2f2; /* Background color for events */
	border-radius: 4px; /* Rounded corners */
	width: 30vh; /* Adjust width as needed */
	font-size: 10px;
	z-index: 1; /* Ensure text is above the line */
	text-align: center;
	box-shadow: inset 1px 1px 2px 1px rgb(71 73 99 / 30%);
}
.modal-footer.timeline p:not(:last-child):after {
	content: "";
	position: absolute;
	left: 100%; /* Position the line before the paragraph */
	top: 50%; /* Center the line vertically */
	width: 100%; /* Line width */
	height: 2px; /* Line height */
	background: gray; /* Line color */
	transform: translateY(-50%); /* Center the line vertically */
}
@media (max-width: 600px) {
	.modal-footer.timeline {
		flex-direction: column;
		/* Stack items vertically */
		align-items: flex-start;
		/* Align items to the start */
		text-align: center;
	}
	.modal-footer.timeline p {
		width: 100%;
		/* Adjust width for mobile */
		margin-bottom: 10px;
		/* Space between items */
	}
	.modal-footer.timeline p:not(:last-child):after {
		display: none;
		/* Remove lines on mobile */
	}
}
.desktop-content {
	display: none;
}
.mobile-content {
	display: none;
}
.x_content > .panel > .panel-heading > .panel-title > .pull-right {
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	background-color: #777777;
	color: #ffffff;
	border-radius: 0.7rem;
	padding: 0.3rem;
}

#back-to-top {
	position: fixed;
	bottom: 5px;
	left: 50%; /* Centers it horizontally */
	transform: translateX(-50%); /* Adjusts for the button's width */
	display: none; /* Initially hidden */
	color: gray;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 18px;
}

#back-to-top:hover {
	background-color: #555;
}

@media only screen and (max-width: 768px) {
	.x_content > .panel > .panel-heading > .panel-title {
		display: inline-block; /* Set display to block */
		text-align: left;
	}
	.x_content > .panel > .panel-heading > .panel-title > .pull-right {
		display: block; /* Set display to block */
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.desktop-content {
		display: block;
	}

	.mobile-content {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.desktop-content {
		display: none;
	}

	.mobile-content {
		display: block;
	}
}

/* Hide .long-txt on mobile devices */
@media (max-width: 768px) {
	.long-txt {
		display: none;
	}
}