@charset "iso-8859-1";
	   .quick-stats {
		   height: 280px;
	   }
		  
	   .modal-large{
		 .modal-dialog {
			 width: 80%;
			 height: 80%;
		   }
		   .modal-content{
			 overflow-y:auto
		   }
	   }
   
	   	#feedback-button {
			margin-left: 5px;
		}

		@media (max-width: 575.98px) { 		
			.quick-stats {
				height: 1014px;
			}

			.hide-on-mobile {
				display: none;
			}
			
			.show-on-mobile{
				display:block !important;
			} 
			.input-group{
				width:100% !important;
			}

			.div-height{
				height: fit-content !important;
			}

			.modal-large{
				.modal-dialog {
					width: 90%;
					height: 90%;
				  }
			  }
		} //Phones

		@media (min-width: 576px) and (max-width: 767.98px) { 		
			.image-container{
				max-width:600px !important;
				max-height:800px !important;
			}
			
			.text-content{
				margin-left: 0px;
				margin-top:10px; 
			}

			.container-fluid {
				padding-top: 45px;
			}
			
			.show-on-tab{
				display:block !important;
			} 

			.text-content{
				margin-left: 0px;
				margin-top:10px; 
			}

			.input-group{
				width:100% !important;
			}

			.div-height{
				height: fit-content !important;
			}

			.modal-large{
				.modal-dialog {
					width: 90%;
					height: 90%;
				  }
			  }
		} //Tablets

		@media (min-width: 768px) and (max-width: 991.98px) { 
			.container-box{
				width:750px !important;
			}

			.input-group{
				width:50% !important;
			}

			.div-height{
				height: 100% !important;
			}	
		} //Laptops

		@media (min-width: 992px) and (max-width: 1199.98px) {
			.widgetContainer{
				margin-right: -310px !important;
			}

			.text-content{
				margin-left: -120px; 
			} 

			.cover {
				width:100% !important;
				position: relative;
			} 

			.input-group{
				width:50% !important;
			}

			.div-height{
				height: 100% !important;
			}		
			
		} //Desktops

		@media (min-width: 1200px) { 
			.stats{
				height:430px;
				width:100px;
				margin-left:10px;

			}

			#chart-bar {
				height:50%;
				width:50%;

			}

			.cover {
				max-width:100% !important;
				position: relative;
			} 

			.input-group{
				width:50% !important;
			}

			.div-height{
				height: 100% !important;
			}
			
		} //Large Desktops

		.col{
			padding-top:5px
		}
		.div-height{
			height: 100%;
		}
		
		.input-group{
			width:100%;
		}

		hr {
			border: 2px solid #FEB225;
		}

		div, a, button, input {
			font-family: Inter !important;
		}

		
			
		.navbar.navbar-dropshadow {
			-webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
			box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
		}
   		
   		.dropdown-menu>li>a {
   			background-color: #EFEEEC;
   			margin: 7px 6px 6px 6px;
   		}

		.dropdown-menu{
			background-color: #EFEEEC !important;
		}

   		.dropdown-menu>li>a:hover {
   			background-color: #F6F6F6;
   			margin: 7px 6px 6px 6px;
   		}
   		
		.input-group-addon:not(.original) {

             font-weight: bold;
             border-width:0;
 
          }

		  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		  
			color: #242B35;
		  
		  }
		  
		  .navbar-default .navbar-nav > li > a {
		  
			color: #242B35;
			 
		  }
   		
   		.btn-file {
		    position: relative;
		    overflow: hidden;
		}
		.btn-file input[type=file] {
		    position: absolute;
		    top: 0;
		    right: 0;
		    min-width: 100%;
		    min-height: 100%;
		    font-size: 100px;
		    text-align: right;
		    filter: alpha(opacity=0);
		    opacity: 0;
		    outline: none;
		    background: white;
		    cursor: inherit;
		    display: block;
		}

		div{
			
		}

		form.login{
			display:grid;
			align-content: center;
    		justify-content: center;
    		align-items: center;
    		justify-items: center;
		}

   		div.login{
			display:grid;
			justify-items: center;
			align-items: center;
			justify-content: center;
			align-content: center;
		}
   		.hover-div {background-color: #fff;}
   		
		.hover-div:hover {background-color: #f5f5f5;}
   		   		
		.page-header {
		  padding-bottom: 9px;
		  margin: 20px 0 20px;
		  border-bottom: 1px solid #fff;
   		  color: #FF4200;
		}
   		 
		.card{
		}

		.card-blog{
			
		}

		.card-event{
			background:#FF4200; 
			height: 400px;
		}

		.card-event-2{
			background:#FF4200; 
			height: 280px;
		}
	
		.form-body {
		  padding-top: 5px;
		}	
   		
		.modal-title {
   		  color: #000;
		}

		.cover {
			width:2000px;
			position: relative;
		}
		
		.left {
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
		}
		
		.right {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		.left-news {
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
		}
		
		.right-news {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
		
		.child {
			min-width: 400px;
			margin-left:40px;
			width:400px;
			background:#fff; 
			border: 10px solid #FF4200;
			height: 300px;
			border-radius:16px;
			color:  #FF4200;
		}

		.child-news {
			min-width: 400px;
			margin-left:40px;
			width:400px;
			background:#FF4200; 
			height: 300px;
			border-radius:16px;
		}
		
		.button-scroll {
			background-color: transparent;
			border: none;
			outline: none;
			cursor: pointer;
			font-size: 25px;
		}
   		
   		.label-required:after { 
		   content:"*";
		   color:red;
		}

		.label-opt:after { 
			content:"";
		 }
		   		
		#filedrag
		{
			display: none;
			font-weight: bold;
			text-align: center;
			padding: 1em 0;
			margin: 1em 0;
			color: #555;
			border: 2px dashed #555;
			border-radius: 7px;
			cursor: default;
		}
		
		#filedrag.hover
		{
			color: #f00;
			border-color: #f00;
			border-style: solid;
			box-shadow: inset 0 3px 4px #888;
		}
		   		
		#filedragcondensed
		{
			display: none;
			font-weight: bold;
   			padding:4px;
			text-align: center;
			color: #555;
			border: 2px dashed #555;
			border-radius: 7px;
			cursor: default;
		}
		
		#filedragcondensed.hover
		{
			color: #f00;
			border-color: #f00;
			border-style: solid;
			box-shadow: inset 0 3px 4px #888;
		}
				
		#filedragsummary
		{
			display: none;
			font-weight: bold;
			text-align: center;
			padding: 1em 0;
			margin: 1em 0;
			color: #555;
			border: 2px dashed #555;
			border-radius: 7px;
			cursor: default;
		}
		
		#filedragsummary.hover
		{
			color: #f00;
			border-color: #f00;
			border-style: solid;
			box-shadow: inset 0 3px 4px #888;
		}
		   		
		#messages
		{
			padding: 0 10px;
			margin: 1em 0;
			border: 1px solid #999;
		}
		
		#progress p
		{
			display: block;
			width: 240px;
			padding: 2px 5px;
			margin: 2px 0;
			border: 1px inset #446;
			border-radius: 5px;
			background: #eee url("/image/progress.png") 100% 0 repeat-y;
		}
		
		#progress p.success
		{
			background: #0c0 none 0 0 no-repeat;
		}
		
		#progress p.failed
		{
			background: #c00 none 0 0 no-repeat;
		}

		.center-vertical {
			display: flex;
			justify-content: center;
		}

		  .modal-fullscreen {
			padding: 0 !important; 
			
			.modal-dialog {
			  width: 100%;
			  height: 100%;
			  margin: 0;
			  padding: 0;
			}
			
			.modal-content {
			  height: auto;
			  min-height: 100%;
			  border: 0 none;
			  border-radius: 0;
			  box-shadow: none;
			}
		  }
   		
   		.modal-custom {
   			position: fixed; 
   			top: 0;  
   			right: 0;  
   			bottom: 0;  
   			left: 0;  
   			overflow: hidden;
   			display:none;
   			z-index: 1500;
   		}
   		
   		.modal-dialog-custom {
   			position: fixed;  
   			margin: 0;  
   			width: 100%;  
   			height: max-content;  
   			padding: 0;
   		}

   		.modal-content-custom {
   			position: absolute;  
   			top: 0; 
   			right: 0;  
   			bottom: 0;  
   			left: 0;  
   			border: 2px solid #3c7dcf;  
   			border-radius: 0;  
   			box-shadow: none;
   		}

   		.modal-header-custom {
   			position: absolute;  
   			top: 0;  
   			right: 0;  
   			left: 0;  
   			height: 50px;  
   			padding: 10px;  
   			background: #FFFF;  
   			border-bottom: 1px solid #e5e5e5;
   		}
   		
   		.modal-title-custom {
   			font-weight: 300;  
   			font-size: 2em;  
   			color: #000;  
   			line-height: 30px;
   		}
   		
   		.modal-body-custom {
   			position: absolute;  
   			top: 50px;  
   			bottom: 60px;  
   			width: 100%;  
   			font-weight: 300;  
   			overflow: auto;
   			overflow-x: hidden;
   		}

		.modal-header .close{
			color: #fff;
			opacity: 1;
		}
   		
   		.modal-footer-custom {
   			position: absolute;  
   			right: 0;  
   			bottom: 0;  
   			left: 0;  
   			height: 60px;  
   			padding: 10px;  
   			background: #fff;
			text-align:left !important;
   		}

		.panel-primary{
			border-color: #fff !important;
			align-self:center !important;
			justify-content: center;
		}

   		
   		
   		.panel-primary > .panel-heading {
			display:flex !important;
  			color: #F6F5F4;
			text-transform: uppercase;
			font-weight: bold;
		}

		.panel-title {
  			color: #17283C;
			text-transform: uppercase;
			font-weight: bold;
			margin:10px 0;
		}
  					
  		.navbar {
  			background-color: #EFEEEC !important;
			box-shadow: 0px 1px 3px #00000033;
			font-family: "Inter", sans-serif;
			font-weight: 500;
			font-style: normal;
			color: #242B35;
  		}
		
		

		.newsRotatorContainer{
			position: relative;
  			text-align: center;
  			color: white;
		}

		.newsRotatorTitles{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%); 
		}
  					
		body,
		html {
		  height: 100%;
			background-color: #EFEEEC !important;	
  		}

		.container {
			margin-top:-15px;
		}

		.container-fluid {
			margin-top: -15px;
		}

		

		

		a{
			color: #FF4200;
		}

		.btn-sm-padding {
			padding: 1px 5px;
		}

		.btn-danger {
			background-color: #FFFFFF;
			border-color: #FF0000;
			color: #FF0000;
			border-radius: 2px;
		}

		.btn-danger .glyphicon {
			color: #FF0000;
		}

		.btn-danger:hover {
			background-color: #e6e6e6;
			border-color: #FF0000;	
			color: #FF0000;
		}

		.btn-default{
			background-color: #FF4200 !important;
			border-color: #FF4200 !important;
			border-radius: 2px;
			color: #fff;
		}

		.btn-primary{
			background-color: #FF4200 !important;
			border-color: #FF4200 !important;
			border-radius: 2px;
			color: #fff;
		}

		.btn-primary:hover{
			background-color: #cc3600 !important;
			border-color: #cc3600 !important;
		}

		.btn-secondary {
			background-color: #FEB225 !important;
			border-color: #FEB225 !important;
			border-radius: 2px;
			color: #fff;
		}

		.btn-secondary:hover {
			background-color: #cb8401 !important;
			border-color: #cb8401 !important;
			color: #fff;
		}

		.btn-sec{
			background-color: #fff !important;
			border-color: #FF4200 !important;
			border-radius: 2px;
			color: #FF4200 !important;
		}

		.btn-trans{
			background-color: transparent !important;
			border-color: transparent !important;
			color: #FF4200 !important;
		}

		.btn-trans:active{
			background-color: transparent !important;
			border-color: transparent !important;
			color: #FF4200 !important;
		}

		.fa{
			background-color: #FF4200 !important;
			color: #FF4200 !important;
		}

		.fa-search{
			background-color: #FF4200 !important;
			color: #FF4200 !important;
		}
   		
   		.breadcrumb {
			margin-top: 15px;
			background-color:white;
			padding: 0;
		}
   		
   		.breadcrumb-non-white-bg {
			margin-top: 5px;
			background-color:white;
			padding: 10px;
		}

		.breadcrumb > li + li:before {
			content: "\f105"; /* Unicode for Font Awesome right chevron icon */
			font-family: FontAwesome;
			padding: 0 7px 0 5px;
		}

		.breadcrumb li.active {
			color: #000;
		}
			
   		.unselectable {
   			-webkit-user-select: none; /* Chrome/Safari */        
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE10+ */
			
			/* Rules below not implemented in browsers yet */
			-o-user-select: none;
			user-select: none;
		}
   		
   		.ellipsis {
   			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.sticky-column {
			position: sticky;
			left: 0;
			z-index: 1;
			background-color: #fff; /* Adjust as needed */
		}
   		
   		.scroll_window {
   			width: 100%;
   			overflow: auto;
		}
  					
  		.popover-content {
  			color: red;
  			font-weight: bold;
  		}
  					
  		.popover {
   			z-index: 1000;
   		}
  					
   		.modal-custom .popover {
  			z-index: 2000;
  		}
  					
  		#page-loading-spinner {
		    background: url("https://upxdev.azurewebsites.net/image/img_working.gif") no-repeat scroll center center #FFF;
		    position: absolute;
		    top: 0;
		   	left: 0;
		    height: 100%;
		    width: 100%;
	        background-color: #000;
	        filter:alpha(opacity=50);
	        -moz-opacity:0.5;
	        -khtml-opacity: 0.5;
	        opacity: 0.5;
	        z-index: 998;
		}
		    		
		    		
		 a.documentManagerFolderSelected {
		 
		    font-size: 14px;
			display: block;
			margin: 0;
			padding: 5px;
			font-weight: bold;
			width: 300px;
			text-decoration: none;
			color:#496ea3;
		    background-color: #c4ca5e;
			
		 }
		 
		 a.documentManagerFolderSelected:active {
		 
			color:#496ea3;
			
		 }
		 
		 a.documentManagerFolderSelected:hover {
		 
			color:#496ea3;
			
		 }
		 
		 a.documentManagerFolder {
		 
		    font-size: 14px;
			display: block;
			margin: 0;
			padding: 5px;
			background-color: #f3f3f3;
			width: 300px;
			text-decoration: none;
			color:#003366;
			
		 }
		 
		 a.documentManagerFolder:active {
		 
			color:#003366;
			
		 }
		 
		 a.documentManagerFolder:hover {
		 
			color:#336699;
			
		 }
		    		
  		.popover {
              z-index: 1020;
        }
 
        .modal .popover {
              z-index: 1060;
        }


        .ck-editor__editable_inline {
            min-height: 400px;
        }
				
				
						
		 .moduleHeaderSmall {
			color: #3d659e; 
			font-size: 14px;
		font-weight: bold;
		background-color: #dade9b;
	 }
	 
	 .widgetHeader {
		text-align: left;
		font-family:Crimson Pro !important;
		font-style: medium;
		font-size: 30px;
		letter-spacing: 0px;
		color: #242B35;
		padding-bottom: 20px;
	}

	.mainHeader {
		text-align: left;
		font-family:Crimson Pro !important;
		font-style: medium;
		font-size: 30px;
		letter-spacing: 0px;
		color: #242B35;
	}
	 
	.subHeader {
		text-align: left;
		font-family:Crimson Pro !important;
		font-style: medium;
		font-size: 24px;
		letter-spacing: 0px;
		color: #242B35;
	}

	.widgetTitle {
		text-align: left;
		font-family: Crimson Pro !important;
		font-weight: 600;
		font-size: 23px;
		letter-spacing: 0px;
		white-space: nowrap;
		color: #242B35;
		display: inline-block;
		-webkit-line-clamp: 2; /* Number of lines to display */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word; /* Add this line to break words */
	}
	
	.widgetContent {
		text-align: left;
		font-family: Inter !important;
		font-size: 14px;
		letter-spacing: 0px;
		color: #242B35;
		display: -webkit-box;
		-webkit-line-clamp: 4; /* Number of lines to display */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word; /* Add this line to break words */
		white-space: normal; /* Allow multiple lines */
	}
	
	 .moduleHeader {
		text-align: right;
		font: normal normal normal 14px/18px Inter;
		color: #242B35;
	 }

	 
	.widgetMiniHeader {
		color: #FF4200; 
		font-size: 14px;
		font-weight: bold;
		text-align:left;
	}

	.rotatorTitle{
		text-align: left;
		font: normal normal 600 52px/50px Crimson Pro;
		color: #242B35;
		padding-bottom:30px;
	}

	.rotatorContent{
		text-align: left;
		padding-top:50px;
		font: normal normal normal 15px/18px Inter;
		color: #242B35;
		height: 330px;
	}

	.rotatorDate{
		text-align: left;
		font: normal normal normal 12px/18px Inter;
		color: #727578;
		margin: 0 2px 0 0;
		display:inline;
	}

	* { box-sizing: border-box; }
	.two { width: 720px; max-width: 100%; }
	.two p { display: inline-block; max-width: 50%; }
	.two p:nth-child(1) { float:left; }
	.two p:nth-child(2) { float:right; }

	

	 .moduleHeader > a {
			color: #3d659e; 
	 }
	 
	 .moduleHeaderOrange {
		color: white; 
		font-size: 18px;
		font-weight: bold;
		background-color: #FEB225;
	 }
	 
	 .moduleHeaderOrange > span {
		padding: 6px;
		display: block;
	 }
	 
	 .moduleHeader > span {
		padding: 6px;
		display: block;
	 }
		
	 
	 .moduleHeaderGray {
		float:left;
		width: 100%;
			color: #ffffff; 
			font-size: 20px;
		font-weight: bold;
		background-color: #8c8c8c;
	 }
	 
	 .moduleHeaderGray > span {
		padding: 6px;
		display: block;
	 }
		
	.moduleHeaderLightBlue {
		float:left;
		width: 100%;
			color: #40403c; 
			font-size: 20px;
		font-weight: bold;
		background-color: #bdd1e8;
	 }
				
	.moduleHeaderDarkGrey {
		padding: 6px;
		float:left;
		width: 100%;
			color: #ffffff; 
			font-size: 20px;
		font-weight: bold;
		background-color: #414042;
	 }
					
				
	 .moduleHeaderBlue {
		float:left;
		width: 100%;
			color: #ffffff; 
			font-size: 20px;
		font-weight: bold;
		background-color: #3d669c;
	 }
		
	 .moduleHeaderBlue > a {
		color: #ffffff; 
	 }
	 
	 .moduleHeaderBlue > span {
		padding: 6px;
		display: block;
	 }
				


	 .moduleHeaderRed {
		float:left;
		width: 100%;
			color: #ffffff; 
			font-size: 20px;
		font-weight: bold;
		background-color: #d2232a;
	 }
		
	 .moduleHeaderRed > a {
		color: #ffffff; 
	 }
	 
	 .moduleHeaderRed > span {
		padding: 6px;
		display: block;
	 }
	
	 .underline{
		border: 5px solid #FEB225;
		width: 100px
	 }

	 

	 .newsListingItem {
		padding-left:10px;
		padding-right:10px;
		
	}
	
	.underline{
		border: 5px solid #FEB225;
		width: 100px
	 }

	


	.newsListingContent{
		color:#242B35;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 12;
		-webkit-box-orient: vertical;
	}

	.eventListingItem {
		padding-left:10px;
		padding-right:10px;
		
	}
	

	.eventListingContent{
		color: #242B35;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.blogHeader{
		color:#FF4200;
		font-weight:900;
		font-size:40px;
	}

	$primary: #11998e;
	$secondary: #38ef7d;
	$white: #fff;
	$gray: #9b9b9b;
	.inputGroup {
	  position: relative;
	  padding: 15px 0 0;
	  margin-top: 10px;
	  width: 50%;
	}
	
	.editorInput {
	  width: 100%;
	  border: 0;
	  border-bottom: 2px solid #FF4200 !important;
	  outline: 0;
	  padding: 8px 0;
	  background: transparent;
	  transition: border-color 0.2s;
	  border-radius: 0px;
	}
	
	.accordionHeader{
		cursor: pointer;
		padding: 2px 4px 2px 0;
		width: 100%;
		text-align: left;
		border: none;
		outline: none;
		transition: 0.4s;
	}
 
	.right-panel-accordion {
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		margin-bottom: 10px;
	}

	.column {
		display: inline-block;
		vertical-align: top;
	}

	.column img {
		max-width: 100%;
		height: auto;
	}

	.name {
		width: calc(50% - 5px); /* Adjust the gap by changing the "5px" value */
		padding: 10px;
	}

	.tags{
		background: #FEB225;
		border-radius: 4px;
		padding: 5px;
		color: #FFF !important;
	}


	.tag{
		background: #FEB225;
		border-radius: 4px;
		padding: 5px;
		color: #FFF !important;
		display:inline-block;
		margin-right:5px;
	}
	
	.newsItem {
		overflow:auto;
		margin: 10px 0;
		padding: 8px;
		background-color: #FF4200;
		position: relative;
		border-radius: 8px;
	}

	.eventItem {
		overflow:auto;
		margin: 10px 0;
		padding: 8px;
		background-color: #FF4200;
		position: relative;
		border-radius: 8px;
	}

	.newsItemGrey {
		margin: 10px 0;
		padding: 8px;
		background-color: #FF420010;
		position: relative;
	}

	.newsListingTitle{
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		padding-top:10px;
	}

	.eventListingTitle{
		font-family:Crimson Pro !important;
		font-style: medium;
		color: #242B35;
		font-size: 30px;
		font-weight: bold;
		padding-top:10px;
	}
			 
		 .newsListingDate {
			float: left;
	 		width: 60px;
	 		height: 60px;
			margin-right:10px;
			text-align: center;
			padding-top:10px;
		  }
		  
		 .newsListingDateGray {
			float: right;
	 		width: 50px;
	 		height: 50px;
			padding: 2px 2px 4px 2px;
            background-color:#8c8c8c;
			text-align: center;
		  }
		  
		 .newsListingDateOrange {
			float: left;
	 		width: 60px;
	 		height: 60px;
			padding: 6px 10px 10px 10px;
			margin-right:10px;
            background-color:#ffb04b;
			text-align: center;
		  }
			 		
		.newsListingDate.small,
		.newsListingDateGray.small {
			width: 40px;
			height: 40px;
			padding: 1px 5px 7px 5px;
			margin-right: 5px;
		}
		  
		 .newsListingDateDay {
            font-size: 25px;
			color: white;
			font-weight:bold;
			color:#FFAA0A;
		  }
			 		
		.newsListingDateDay.small {
			font-size: 14px;
		}
			 		
		 .newsListingDateMonth {
            font-size: 20px;
			color: white;
			font-weight:bold;
			color:#FFAA0A;
		  }

		.newsListingDateMonth.small {
			font-size: 10px;
		}

		.newsListingDateYear {
            font-size: 20px;
			color: white;
			font-weight:bold;
			color:#FFAA0A;
		  }
		  
		
		.newsListingNewIndicator {
			position: absolute;
			top: 1px;
			left: 0; 
			text-align: center;
			border-radius: 20px 20px 20px 20px;
			color:white;
			padding:0 5px;
			font-size:10px;
			box-shadow: 1px 2px #ccc;
			font-weight: normal;
			background-color:#a5b74f;
	}

	.newsListingUpdateIndicator {
			position: absolute;
			top: 1px;
			left: 0; 
			text-align: center;
			border-radius: 20px 20px 20px 20px;
			color:white;
			padding:0 5px;
			font-size:10px;
			box-shadow: 1px 2px #ccc;
			font-weight: normal;
			background-color:#f09534;
	}
	
	.tableCellHeaderFirst {
		  
		padding:5px;
		background-color: #8c8c8c;
		color:#ffffff;
		font-family: "Verdana", "Microsoft Sans Serif", "Arial";
		font-size: 12px;
		font-weight: bold; 
		
		}

		 .tableCellHeader {
		
		padding:5px;
		background-color: #8c8c8c;
		color:#ffffff;
		font-family: "Verdana", "Microsoft Sans Serif", "Arial";
		font-size: 12px;
		font-weight: bold; 
		
		}

		 .tableCellFirst {

		padding:3px;
		background-color: #FFFFFF;
		color:#111111;
		font-family: "Verdana", "Microsoft Sans Serif", "Arial";
		font-size: 12px;
		font-weight: bold;
		border-color: #003366;
		border-width: 1px 0px 1px 0px;
		border-style: solid;

		}

		.tableCell {
			padding: 5px;
		color:#111111;
		font-family: "Verdana", "Microsoft Sans Serif", "Arial";
		font-size: 12px;
		border-color: #003366;
		border-width: 0px 0px 1px 0px;
		border-style: solid;

		}
		
		
		.infoBox {
		 
			left: 1px;
		top: 1px;
		width:202px;
		visibility:hidden; 
		position:absolute;
		z-index: 101;
		
	}
	
	.infoBoxNote {
	
		margin: 0;
		padding:0;
		width:202px;
		background-image: url(https://upxdev.azurewebsites.net/image/img_info_bg.gif);
		background-repeat: repeat-y;
		
	}
				
 .infoBoxNote > p {
	 margin: 0px;
 }
   
		 .newsPreviewerTabs { 

            float:left;
			width: 80%;
			margin: 0px 10px 0px 10px;
			padding: 0;
			background-image: url(https://upxdev.azurewebsites.net/image/bg_news_previewer_tab.gif); 
			background-repeat: repeat-x;
			background-position: bottom left;
			
		  } 

		 .newsPreviewerTabs ul { 

			margin: 0px 0px 0px 10px;
			padding: 0;
			list-style: none; 
			position: relative; 
			float: left; 
			display: block; 

		  } 

		 .newsPreviewerTabs ul li { 

			position: relative; 
			float: left; 
			display: block; 

		  } 
		  
		 a.newsPreviewerLink {
		 
			display: block;
			padding: 12px 8px 6px 14px;
			margin: 0;
			color: #777777;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
            border-width: 0px 0px 1px 0px;
			border-color: #003366;
			border-style: solid;
			
		  }
		  
		 a.newsPreviewerLinkSelected {
		 
			display: block;
			padding: 8px;
			margin: 0;
			color: #111111;
			font-size: 16px;
			text-decoration: none;
			font-weight: bold;
			background-color: white;
            border-width: 3px 1px 0px 1px;
			border-color: #003366;
			border-style: solid;
			
		  }

		  .newsPreviewerContentTitle {
		   
		     color: #003366;
			 font-size: 16px;
			 font-weight: bold;
		  
		  }
		  
		 .newsPreviewerItem {

			display: block;
			padding: 0px 0px 10px 0px;
			margin: 5px;
            border-width: 0px 0px 1px 0px;
			border-color: #003366;
			border-style: solid;
			background-color: #FFFFFF;
			
		  }
		  
		  .newsPreviewerContentDate {
		  
		     color: #333333;
			 font-size: 12px;
			 
		  }
		  
		  .newsPreviewerContent {
		  
		    width: 80%;
		    float: left;
			margin: 0px 10px;
			padding: 5px;
					  
		  }
		  
		  .background-error {
			background-color: #F9927D !important;
		   }
		  
		  .background-warning {
			background-color: #fab23e !important;
		   }

		   .chip {
				display: inline-block;
				padding: 0 25px;
				height: 30px;
				font-size: 12px;
				font-weight: bold;
				line-height: 30px;
				border-radius: 25px;
				background-color: #f1f1f1;
				margin-bottom: 5px;
			}
		  
			.chip span {
				 float: left;
				 margin: 0 10px 0 -25px;
				 height: 30px;
				 width: 30px;
				 font-weight: bold;
				 color: #fff;
				 border-radius: 50%;
				 background-color: #FF4200;
				 text-align: center;
			 }

			 .chip-green {
				  display: inline-block;
				  padding: 0 25px;
				  height: 30px;
				  font-size: 12px;
				  font-weight: bold;
				  line-height: 30px;
				  border-radius: 25px;
				  background-color: #f1f1f1;
			  }

			  .chip-blue-small {
				display: inline-block;
				padding: 0 10px;
				height: 20px;
				font-size: 12px;
				font-weight: bold;
				color: white;
				line-height: 20px;
				border-radius: 25px;
				background-color: blue;
			}
		  
			 .chip-green span {
				  float: right;
				  margin: 0 -25px 0 10px;
				  height: 30px;
				  width: 30px;
				  font-weight: bold;
				  color: #fff;
				  border-radius: 50%;
				  background-color: green;
				  text-align: center;
			  }

			  .chip-red {
				   display: inline-block;
				   padding: 0 25px;
				   height: 30px;
				   font-size: 12px;
				   font-weight: bold;
				   line-height: 30px;
				   border-radius: 25px;
				   background-color: #f1f1f1;
			   }
		  
			  .chip-red span {
				   float: right;
				   margin: 0 -25px 0 10px;
				   height: 30px;
				   width: 30px;
				   font-weight: bold;
				   color: #fff;
				   border-radius: 50%;
				   background-color: red;
				   text-align: center;
			   }
			   
			 .line{
				border-top: 3px solid #FEB225;
				width:100%;
				height:100%;
				max-height:600px;
			 }
			 
			.alert {
				margin :30px 0 10px 0;
			}
			
			.checkbox {
				margin: 0;
			}
			
			.tippy-box {
				background-color: white;
			}
			
			.tippy-content {
				background-color: white;
				color: #111;
				border: 1px solid #111;
				border-radius:10px;
			}

			.helpIcon {
				font-size: 14px;
			}
			
			.helpContainer {
				background-color: rgb(232, 240, 254);
				border-radius: 5px;
				border: 1px solid rgb(232, 240, 254);
				padding: 15px;
				margin: 0;
			}
			 		
			.popover-content {
				color: #000; /* Black text color */
				font-weight: normal; /* Regular font weight */
				font-size: 14px; /* Adjust font size if needed */
			}

			.popover {
				max-width: 400px; /* Adjust width for readability */
				z-index: 1050;
			}

			.containerFull {
				width: none !important;
			}
			
			.select2-results {
				height: 400px !important;
			}
			
			.select2-container--default .select2-results>.select2-results__options {
				max-height: 400px !important;
			}

			.square-container {
				position: relative;
				width: 100%;
				padding-bottom: 100%; /* Set height to 100% of width to create a square */
				overflow: hidden; /* Hide overflow if the image is larger than the container */
				text-align: center; /* Center horizontally */
			}
		
			.square-container img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%; /* Ensure the image fills the container horizontally */
				height: 100%; /* Ensure the image fills the container vertically */
				object-fit: cover; /* Cover the container without distorting the image */
			}

			.accordianIcon {
				color: #000;
				font-size: 16px;
			}

			@media (min-width: 1400px) {
				.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
				  float: left;
				}  
				.col-xl-1 {
					width: 8.33333333%;
				}
				.col-xl-2 {
					width: 16.66666667%;
				}
				.col-xl-3 {
					width: 25%;
				}
				.col-xl-4 {
					width: 33.33333333%;
				}
				.col-xl-5 {
					width: 41.66666667%;
				}
				.col-xl-6 {
					width: 50%;
				}
				.col-xl-7 {
					width: 58.33333333%;
				}
				.col-xl-8 {
					width: 66.66666667%;
				}
				.col-xl-9 {
					width: 75%;
				}
				.col-xl-10 {
					width: 83.33333333%;
				}
				.col-xl-11 {
					width: 91.66666667%;
				}
				.col-xl-12 {
					width: 100%;
				}
			  }

			  @media (min-width: 1800px) {
				.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
				  float: left;
				}  
				.col-xxl-1 {
					width: 8.33333333%;
				}
				.col-xxl-2 {
					width: 16.66666667%;
				}
				.col-xxl-3 {
					width: 25%;
				}
				.col-xxl-4 {
					width: 33.33333333%;
				}
				.col-xxl-5 {
					width: 41.66666667%;
				}
				.col-xxl-6 {
					width: 50%;
				}
				.col-xxl-7 {
					width: 58.33333333%;
				}
				.col-xxl-8 {
					width: 66.66666667%;
				}
				.col-xxl-9 {
					width: 75%;
				}
				.col-xxl-10 {
					width: 83.33333333%;
				}
				.col-xxl-11 {
					width: 91.66666667%;
				}
				.col-xxl-12 {
					width: 100%;
				}
			  }

				
			@media (max-width: 1199.98px) {
				.hide-on-small-desktop {
					display: none !important;
				}
			}

			
		@media (max-width: 991.98px) { 
			.navbar-nav {
				float: none !important;
				margin-top: 7.5px; 
			}

			.navbar-nav > li {
				float: none !important;
			}

			.navbar-header {
				clear: both; /* Clear float */
				float: none;
			}

			.navbar-toggle {
				position: relative;
				float: right;
				padding: 9px 10px;
				margin-right: 15px;
				margin-top: 8px;
				margin-bottom: 8px;
				background-color: transparent;
				background-image: none;
				border: 1px solid transparent;
				border-radius: 4px;
				display: block;
			}
			
			.navbar-collapse {
				border-top: 1px solid transparent; 
				box-shadow: none; 
			}
			
			.navbar-nav .open .dropdown-menu {
				position: static;
				float: none;
				width: auto;
				margin-top: 0;
				background-color: transparent;
				border: 0;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			
			.navbar-toggle {
				margin-top:10px !important;
			}

			.navbar-header {
				float:none;
			}

			.navbar-right {
				float: none !important;
			}
			
			.hide-on-tab {
				display: none !important;
			}	
			
			#feedback-button {
				margin-top: 0;
				margin-left: 0;
			}

			.show-on-small-desktop {
				display: block !important;
			}
		}

		@media (min-width: 768px) and (max-width: 991.98px) {
			.navbar-collapse.collapse {
				display:none !important;
			}
			.navbar-collapse.collapse.in {
				display:block !important;
			}
		}

		.swipeable-div {
            width: 100%;
            overflow-x: hidden;
            overflow-y: hidden;
            position: relative;
            white-space: nowrap;
        }

        .swipeable-div-content {
            display: inline-block;
            height: 100%;
            background-color: #EFEEEC;
            white-space: nowrap;
        }

        .swipeable-div-nav-button {
            width: 40px;
            height: 100%;
            background-color: rgba(128, 128, 128, 0.2);
            color: white;
            font-size: 32px;
			font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
			z-index: 1000;
        }

        .swipeable-div-nav-button.left {
            left: 0;
            cursor: pointer;
        }

        .swipeable-div-nav-button.right {
            right: 0;
            cursor: pointer;
        }

        .swipeable-div:hover .swipeable-div-nav-button {
            opacity: 1;
            visibility: visible;
        }

        .swipeable-div-nav-button.hidden {
            display: none;
        }

		.btn .fa-envelope {
			font-size: 18px;
			color: white;
		}

		.btn .badge {
			position: absolute;
			top: -8px;
			right: -10px;
			border-width: 1px;
			border-color: #FEB225 !important;
			border-style: solid;
			background-color: white;
			color: #111;
			border-radius: 50%;
			padding: 3px 6px;
			font-size: 12px;
		}

		.anchor {
			scroll-margin-top: 60px;
		}