@charset "utf-8";
/*body{ background-image: url(images/background_leaf.jpg); margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2a1f00; overflow-x: hidden; background-attachment:fixed; } */
/*@view-transition {
	navigation: auto;
}*/

@media screen and (min-device-width : 768px) 
    and (max-device-width : 1024px) and (orientation : landscape) {
        body {
            width:100%;
        }
}
/* iPads (portrait) */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) 
    and (orientation : portrait) {
   body {
            width:100%;
        }
}
@media all and (max-width: 1024px) {
    /*styles for narrow desktop browsers and iPad landscape */
       .myContentPanel{
         width: 450px;
    }    
}


@media all and (max-width: 320px) {
   /*styles for iPhone/Android portrait*/
      .myContentPanel {
         width: 320px;
    }

}

html {
	scroll-behavior: smooth;
}

body {
	background-repeat: repeat;
	/*font-family: Arial;*/
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	top: 0px;
	margin: 0px;
	overflow: hidden;
	color: black;
	text-align: left !important;
}

input:focus {
	outline: none !important;
}

input[type="checkbox"] {
	width: 22px;
	height: 22px;
	accent-color: green;
	text-align: left;
}


.PrintBody {
    width: 850px;
    overflow: auto;
}
a:link, a:active, a:visited { 
	color: #b83d01; 
	text-decoration: none;
}

a:hover { 
	color: #b83d01; 
	text-decoration: underline; 
}

html {
	scrollbar-base-color: #F00;
	scrollbar-face-color:#ab0000 ;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color:#000;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-color : #4b311b;
	scrollbar-track-color:#442b17;
	scrollbar-arrow-color:#F2F9FF;
}

.AddEditPageHeader {
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	background-color: #478134;
	font-family: Arial;
	color: white;
}

::-webkit-scrollbar {
	height: 16px;
	width: 16px;
	transition: width 0.3s ease-in-out; /* Smooth transition */
}

::-webkit-scrollbar-thumb {
	background: #339db4;
	/*border: 1px solid black;*/
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	border-radius: 10px;
	border: 4px solid transparent;
	background-clip: padding-box;
}

#InnerWindowDetails {
	transition: width 0.05s ease-in-out; /* Smooth transition */
}
.OuterDiv {
	/*scrollbar-gutter: stable;*/
	/*scrollbar-gutter: stable both-edges;*/
}
.OuterDiv {
	/*scrollbar-gutter: stable;*/
	/*scrollbar-gutter: stable both-edges;*/
}


::-webkit-scrollbar-track {
	border-radius: 14px;
	background: transparent;
	margin-top: 30px;
	margin-bottom: 30px;
}

::-webkit-scrollbar-thumb:hover {
	border: 0;
}


::-webkit-scrollbar-track-piece {
	/*border: 1px solid #ccc;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: transparent;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	/*border-left: thin solid #ccc;
	border-right: thin solid #ccc;
	border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;*/
}

::-webkit-scrollbar-corner {
	background:inherit;
	padding: 120px;
}


.PageHeader {
	font-size: 24px;
	font-family: 'Arial';
	/*color:#FB7D00;*/
	/*font-weight:bold;*/
	/*text-align:left;
	border:none;*/
}

.MyLogoutButton {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px;
	background-color: #369;
	border: thin solid #369;
	border: 1px;
	color: #FFF;
	border-radius: 5px;
	font-size: 12px;
	color: white;
}

	.MyLogoutButton:hover {
		-webkit-appearance: none;
		background-color: white;
		border: thin solid #369;
		border-radius: 5px;
		text-decoration: none;
		font-size: 12px;
		color: #369;
	}

.form-switch .form-check-input {
	width: 2.75em;
}
.form-switch .form-check-input:checked {
	background-color: var(--bs-secondary);
}

	.form-switch .form-check-input:not(:checked) {
		background-color: white; /* Example: lightgrey */
		border-color: var(--bs-secondary);
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='red'/%3e%3c/svg%3e");
	}


.MyButton {
	-webkit-appearance: none;
	padding: 8px 14px 8px 14px;
	/*background-color: #2A577C;*/
	background-color: #339db4;
	color: white !important;
	font-size: 13px;
	border: 1px;
	text-decoration: none;
	border-radius: 6px;
}

	.MyButton:hover {
		background-color: #0296a580;
		/*backgroundm-image: linear-gradient(#75a366a9, #75a366);*/
		/*color: #339db4 !important;*/
		/*box-shadow: 5px 5px 3px rgba(82, 101, 104, 0.75);*/
	}

.MyButtonReverse {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px;
	background-color: white;
	color: #339db4 !important;
	font-size: 13px;
	border: 1px outset #339db4;
	text-decoration: none;
	border-radius: 5px;
}

	.MyButtonReverse:hover {
		background-color: #2A577C;
		color: white !important;
	}

.MyButtonContinue {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px;
	background-image: linear-gradient(#75a366a9, #75a366);
	color: white !important;
	font-size: 13px;
	border: 1px outset #75a366;
	text-decoration: none;
	border-radius: 2px;
}

	.MyButtonContinue:hover {
		/*background-color: #75a366;*/
		background-color: white;
		color: #339db4 !important;
	}

.MyButtonDisabled {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px !important;
	background-color: #ccc !important;
	border: 1px !important;
	color: #000 !important;
	border-radius: 5px !important;
	/*font-size: 13px !important;*/
	border: thin solid #75a366 !important;
	text-decoration: none;
	pointer-events: none;
}

.MyGoButton {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px;
	background-color: #339db4;
	border: 1px;
	color: white;
	border-radius: 5px;
	border: thin solid black;
	text-decoration: none;
}

	.MyGoButton:hover {
		-webkit-appearance: none;
		background-color: white;
		border: thin solid #339db4;
		border-radius: 5px;
		text-decoration: none;
		color: #339db4;
		text-decoration: none;
	}

.MyYellowButton {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px;
	background-color: #e9e536;
	border: 1px;
	color: Black;
	border-radius: 5px;
	/*font-size: 13px !;*/
	border: thin solid black;
	text-decoration: none;
}

.MyGoButton:hover {
	-webkit-appearance: none;
	background-color: white !important;
	border: thin solid #339db4 !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	/*font-size: 13px !important;*/
	color: #339db4 !important;
	text-decoration: none;
}

.MyLogoutButton {
	-webkit-appearance: none;
	padding: 6px 10px 6px 10px !important;
	background-color: #369 !important;
	border: thin solid #369 !important;
	border: 1px !important;
	color: #FFF !important;
	border-radius: 5px !important;
	/*font-size: 12px !important;*/
	color: white !important;
	text-decoration: none;
}

	.MyLogoutButton:hover {
		-webkit-appearance: none;
		background-color: white !important;
		border: thin solid #369 !important;
		border-radius: 5px !important;
		text-decoration: none !important;
		/*font-size: 12px !important;*/
		color: #369 !important;
		text-decoration: none;
	}

.MyCheckbox {
	color: black;
	font-size: 14px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	padding: 5px;
}


.MyTextbox {
	background-color: #ffffffff !important;
	color: black;
	font-size: 15px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	padding: 4px;
	padding-left: 6px;
	border: thin solid #ccc;
	margin: 0px;
	border-radius: 6px;
}

	.MyTextbox:focus {
		background: #339db415;
		background: -webkit-linear-gradient(left,white, #339db415, white);
		background: -o-linear-gradient(right, white, #339db415, white);
		background: -moz-linear-gradient(right, white, #339db415, white);
		background: linear-gradient(to right, white, #339db415, white);
		color: black;
		font-size: 15px;
		box-shadow: 0 0 2px #339db459;
		border: thin solid #339db4;
		margin: 0px;
	}
	.MyTextbox.changed {
		border: thin solid red;
	}

.MyTextboxReadOnly {
	background-color: transparent;
	color: #4b311b;
	font-size: 15px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	padding: 4px;
	border: none;
	border-radius: 0px;
}

	.MyTextboxReadOnly:focus {
		/*color: #4b311b;
		font-size: 14px;
		border-radius: 6px;
		box-shadow: 0 0 4px #339db4;
		padding: 5px;
		border: thin solid #339db4;
		margin: 0px;*/
	}

.MySpinnerbox {
	background-color: white;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	padding: 1px;
	text-align: center;
	border-radius: 6px;
}

	.MySpinnerbox:focus {
		background: #75a366; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left, white, #75a3662d, white); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, white, #75a3662d, white); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, white, #75a3662d, white); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, white, #75a3662d, white); /* Standard syntax */
		padding: 1px;
		box-shadow: 0 0 4px #75a366;
		text-align: center;
		border-radius: 6px;
	}

.MyDropDownBox {
	background-color: white !important;
	color: black;
	font-size: 15px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	padding: 6px;
	padding-left: 6px;
	border: thin solid #ccc;
	margin: 0px;
	border-radius: 6px;
}

	.MyDropDownBox:focus {
		background: #339db415;
		background: -webkit-linear-gradient(left,white, #339db415, white);
		background: -o-linear-gradient(right, white, #339db415, white);
		background: -moz-linear-gradient(right, white, #339db415, white);
		background: linear-gradient(to right, white, #339db415, white);
		color: black;
		font-size: 15px;
		box-shadow: 0 0 2px #339db459;
		border: thin solid #339db4;
		margin: 0px;
	}

	.MyDropDownBox.changed {
		border: thin solid red;
	}

.AutoExtender {
	font-family: Arial;
	border: solid 1px Gray;
	margin: 0px;
	padding: 3px;
	height: 200px;
	overflow: auto;
	background-color: white;
	font-size: 14px;
	color: #d7e1e4;
	font-weight: 600;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.AutoExtenderList {
	cursor: pointer;
	color: black;
	text-align: left;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: thin solid white;
}

.AutoExtenderHighlight {
	color: black;
	background-color: #f6fafb;
	cursor: pointer;
	text-align: left;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: thin solid #ccc;
	border-radius: 6px;
}

.MyRadioButton label {
	font-weight: bold;
}

.MyRadioButton input[type="radio"] {
	margin-right: 10px;
	margin-left: 1px;
	font-weight: bold !important;
}

.MyCheckBoxList label {
	font-weight: bold;
	text-align: left !important;
	float: left;
	padding: 2px;
}

.MyCheckBoxList input[type="checkbox"] {
	float: left;
	margin-right: 10px;
	margin-left: 1px;
	font-weight: bold !important;
	text-align: left !important;
}

.MyCheckBoxList span {
	display: inline-block;
	width: 80%; /* Adjust width as needed */
	text-align: left; /* Align text to the left */
}


.modal.fade .modal-dialog {
	/*transition: transform 4s ease-out;*/
	/*transform: scale(1);*/
	transition: transform .35s ease-in;
	/*transform: rotate(75deg);*/
}

.custom-shadow-modal .modal-content {
	box-shadow: 10px 10px 5px rgb(0, 0, 0, 0.4);
}

.MyTabs > .nav-item:hover {
	background-color: lightblue !important;
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
}


.MyTabs > .nav-item > .active {
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
}

.PopupPageHeader {
	font-size: 22px;
	font-family: 'Arial';
	border-bottom: thin solid #ccc;
	color: #0a8a1b;
	font-weight: bold;
	height: auto;
	overflow: visible;
}


.tablerow .mycell {
	/*background-color: var(--bs-white);*/
	border-bottom: solid thin rgba(var(--bs-primary-rgb), .25);
}

.tablerow_alt .mycell {
	/*background-color: rgba(var(--bs-primary-rgb), .05);*/
	border-bottom: solid thin rgba(var(--bs-primary-rgb), .25);
}

.tablerow:hover .mycell, .tablerow_alt:hover .mycell {
	background-color: rgba(var(--bs-warning-rgb), .15);
}

.tablerow.active .mycell {
	background-color: rgba(var(--bs-yellow-rgb), 1);
}

.tablerow_alt.active .mycell {
	background-color: rgba(var(--bs-yellow-rgb), 1);
}

.mycell:hover {
	background-color: rgba(var(--bs-warning-rgb), .30) !important;
}

.MyTableHeader {
	background-color: var(--my-table-header) !important;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-dark) !important;
	border-color: rgba(var(--bs-dark-rgb), .40) !important;
	font-weight: 700 !important;
}
.MyTableHeaderColumn {
	/*background-color: var(--my-table-header) !important;*/
	border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-dark);
	/*border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-dark) !important;*/
	border-color: rgba(var(--bs-dark-rgb), .40) !important;
	padding: 0.25rem !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	display: flex !important;
	font-size: .8rem !important;
	overflow: hidden;
	text-align: center;
}

	.MyTableHeaderColumn:hover {
		background-color: rgba(var(--bs-warning-rgb), .30) !important;
	}
	.MyTableHeaderColumn.dragover {
		background-color: yellow;
	}

		.MyTableHeaderColumn.dragover * {
			pointer-events: none;
		}

.MyTableDetailRow {
	font-size: 1rem !important;
	font-weight:400;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-dark);
	border-color: rgba(var(--bs-dark-rgb), .40) !important;
}

	.MyTableDetailRow.active, .MyTableDetailRow_alt.active {
		background-color: rgba(var(--bs-yellow-rgb), 1) !important;
	}

.MyTableDetailRow_alt {
	font-size: 1rem !important;
	font-weight: 400;
	background-color: rgba(var(--my-table-row-alt-rgb), .40) !important;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-dark);
	border-color: rgba(var(--bs-dark-rgb), .40) !important;
}

.MyTableDetailRowNew {
	font-size: 1rem !important;
	font-weight: 400;
	background-color: var(--my-table-row-alt);
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-dark);
	border-color: rgba(var(--bs-dark-rgb), .40) !important;
	background-color: rgba(var(--bs-success-rgb), .1) !important;
}

.MyTableDetailRow_Changed {
	/*background-color: var(--my-table-row-changed) !important;*/
	background-color: rgba(var(--my-table-row-changed-rgb), .5) !important;
}

.MyTableDetailRow_Missing {
	/*background-color: var(--my-table-row-changed) !important;*/
	background-color: rgba(var(--bs-danger-rgb), .25) !important;
	border-color: var(--bs-danger) !important;
}


.MyTableDetailRow:hover, .MyTableDetailRow_alt:hover {
	/*background-color: var(--my-table-row-hover) !important;*/
	background-color: rgba(var(--bs-warning-rgb), .3) !important;
}

.MyTableDetailColumn {
	border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-dark);
	border-color: rgba(var(--bs-dark-rgb), .40) !important;
	padding: 0.25rem;
	align-items: center;
	justify-content: center;
	height: 100% !important;
	display: flex !important;
	font-size: .9rem !important;
	overflow: hidden;
}

	.MyTableFooter {
		background-color: var(--my-table-header) !important;
	}

	body:has(.mycolhd1:hover) .mycol1 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd2:hover) .mycol2 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd3:hover) .mycol3 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd4:hover) .mycol4 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd5:hover) .mycol5 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd6:hover) .mycol6 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd7:hover) .mycol7 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd8:hover) .mycol8 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd9:hover) .mycol9 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd10:hover) .mycol10 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd11:hover) .mycol11 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd12:hover) .mycol12 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd13:hover) .mycol13 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd14:hover) .mycol14 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd15:hover) .mycol15 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd16:hover) .mycol16 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd17:hover) .mycol17 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd18:hover) .mycol18 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd19:hover) .mycol19 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

	body:has(.mycolhd20:hover) .mycol20 {
		background-color: rgba(var(--bs-warning-rgb), .15);
		/*border-left: 1px solid black !important;
		border-right: 1px solid black !important*/
	}

body:has(.mycolhd21:hover) .mycol21 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}


body:has(.mycolhd21:hover) .mycol21 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}


body:has(.mycolhd22:hover) .mycol22 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd23:hover) .mycol23 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd24:hover) .mycol24 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd25:hover) .mycol25 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd26:hover) .mycol26 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd27:hover) .mycol27 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd28:hover) .mycol28 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd29:hover) .mycol29 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

body:has(.mycolhd30:hover) .mycol30 {
	background-color: rgba(var(--bs-warning-rgb), .15);
	/*border-left: 1px solid black !important;
	border-right: 1px solid black !important*/
}

	.rounded-top-left {
		border-top-left-radius: 16px;
	}

	.rounded-top-right {
		border-top-right-radius: 16px;
	}

	.rounded-bottom-left {
		border-bottom-left-radius: 16px;
	}

	.rounded-bottom-right {
		border-bottom-right-radius: 16px;
	}

	#MyPageLinks {
		left: 75px !important;
		height: 55px !important;
		width: 100% !important;
		z-index: 1001;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	body:has(sidebar:hover) #MyPageLinks {
		left: 265px !important;
		-moz-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}

	.MyPageLinks .nav-item:hover button {
		color: var(--bs-secondary);
	}

	.MyPageLinks .nav-item > .active {
		font-weight: bold !important;
	}

	.MyPageLinksActiveBar {
		height: 7px;
		width: 0;
		padding-left: 15px;
		padding-right: 15px;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.MyPageLinksActiveBar:disabled {
		height: 7px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		background-color:red;
	}

.hidden-visibility {
	visibility: hidden;
}
.visibility {
	visibility:visible;
}
.dropdown-item.active {
	background-color: var(--bs-primary) !important;
}

.dropdown-item .active {
	background-color: red !important;
}

.dropdown-item.active {
	/*background-color: green !important;*/
	background-color: var(--bs-primary);
	color:white !important;
}
	.dropdown-item.active:hover {
		/*background-color: green !important;*/
		background-color: var(--bs-secondary) !important;
		color: var(--bs-white) !important;
	}

.page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8); /* Adjust opacity as needed */
	z-index: 9999; /* Ensure it's on top of other content */
	transition: opacity 0.3s ease-in-out; /* For fade-out effect */
}

	.page-loader.hidden {
		opacity: 0;
		pointer-events: none; /* Allows interaction with elements beneath */
	}