html, body {
			margin: 0;
			padding: 0;
			height: 100%;
			background-color: #EF6733;
		}
		

		#login-panel{
			border:1px solid #ddd;
			width: 30%;
			background-color:white;
			margin: 10% 35% 0 35%;
			position: fixed;
		    height: 40%;
		    overflow: auto;
		    border-radius: 25px;
		    box-shadow: 20px 20px 10px #b34700;
		}

		.loader {
			margin-top: 15%;
			margin-bottom: 3%;
			margin-left: 47%;
			border: 5px solid #ffebe6;
			border-radius: 50%;
			border-top: 5px solid #EF6733;
			width: 20px;
			height: 20px;
			-webkit-animation: spin 2s linear infinite; /* Safari */
			animation: spin 2s linear infinite;
			z-index: 100;
		  }

		  .ms-loader {
			margin-top: 5%;
			margin-bottom: 3%;
			margin-left: 40%;
			border: 5px solid #ffebe6;
			border-radius: 50%;
			border-top: 5px solid #EF6733;
			width: 20px;
			height: 20px;
			-webkit-animation: spin 2s linear infinite; /* Safari */
			animation: spin 2s linear infinite;
			z-index: 100;
		  }

		  .rs-loader {
			margin-top: 5%;
			margin-bottom: 3%;
			margin-left: 55%;
			border: 5px solid #ffebe6;
			border-radius: 50%;
			border-top: 5px solid #EF6733;
			width: 20px;
			height: 20px;
			-webkit-animation: spin 2s linear infinite; /* Safari */
			animation: spin 2s linear infinite;
			z-index: 100;
		  }
		  
		  
		  
		  /* Safari */
		  @-webkit-keyframes spin {
			0% { -webkit-transform: rotate(0deg); }
			100% { -webkit-transform: rotate(360deg); }
		  }
		  
		  @keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		  }

		#Registration-tbl{
			width: 90%;
			margin: 15% 5% 0 5%;
		}
		#register-link{
			font-weight: bold;
			color: #EF6733;
			float: left;
			margin-top: 23px;
			margin-left: 50px;
			text-decoration: none;
			font-size: 17px;
		}
		.color-red{
			background-color: #ffb3b3;
		}

		.color-green{
			background-color: #b3ffb3;
		}

		#login-panel label{
			color: #EF6733;
		}

		#login-tbl{
			width: 80%;
			-webkit-width: 80%;
			margin: 15% 10% 0 10%;
		}

		#login-tbl tr{
			height: 50px;
		}

		.pagination {
			float: left;            
			margin: 35px 0 0 1%;    
			display: inline-block;
		}

		.pagination a {
			background-color:white;
		    color: black; /*#EF6733;*/
		    padding: 5px 10px;
		    text-decoration: none;
		    transition: background-color .3s;
		    border: 1px solid #ddd;
		    border-radius: 5px 5px 0 0;
		}
		.badge1 {
		   position:relative;
		}
		.badge1[data-badge]:after {
		   content:attr(data-badge);
		   position:absolute;
		   top:-10px;
		   right:-10px;
		   font-size:.7em;
		   background:red;
		   color:white;
		   width:20px;height:18px;
		   text-align:center;
		   line-height:20px;
		   border-radius:50%;
		   border: .5px solid white;
		   box-shadow:0 0 1px #333;
		}
		.pagination a.active {
		    background-color: #ddd;
		    color: #EF6733;
		}

		.pagination a:hover:not(.active) {
			background-color: #ddd;
		}

		#container{
			width: 98%;
			margin: 0 1% 20px;      
			background-color: #fff;
			padding: 15px;         
			box-sizing: border-box;
		}

		#err-lbl{
			margin-left: 10%;
			color: red;
			text-decoration: underline;
			font-style: italic;
			cursor: pointer;
		}
		#home-body{
			background-color: transparent

		}

		#logo-img{
			float: right;
			margin: 10px 20px 0 0;
		}

		#logo-img img {
			max-height: 50px;       
			display: flex;
		}

		#right-top-lbls {
			float: right;
			
			margin: 30px 20px 0 0;   
			text-align: center;     
		  }
		  #right-top-lbls label,
		  #right-top-lbls a {
			/* display: block;         */
			color: white;
			font-size: 17px;
		  }
		  #right-top-lbls a {
			font-style: italic;
		}

		#login-id{
			border-radius: 5px;
			padding: 5px;
			border:1px solid #EF6733;
			width: 100%;
		}

		#login-pwd{
			border-radius: 5px;
			padding: 5px;
			border:1px solid #EF6733;
			width: 94%;
		}

		#login-btn{
			border:none;
			background-color: #EF6733;
			height: 50px;
			width: 100px;
			float: right;
			border-radius: 5px;
			margin: 20px 20px 0 0;
			cursor: pointer;
			color: white;
		}

		#tool-box{
			display: inline-block;
			/*background-color: #ffb380;*/
			margin-top: 0;
			width: 100%;
			height: 8%;
			border: none;
			/*border-bottom: 1px solid black;
			border-top: 1px solid black;*/
		}

		#search-ip{
			margin: 1% 1 auto 5%;
			width: 30%;
			height: 60%;
			border-radius: 3px;
			border: 1px solid grey;
			padding: 4px;
		}
		#date-opt{
			float: right;
			margin: .7% 5% auto auto;
		}

		#link-lbl{
			color: #EF6733;
			cursor: pointer;
			text-decoration: underline;
		}

		#loc-tbl{
			width: 100%;
			border: 1px;
		}

		#loc-tbl th{

		    text-align: left;
				-webkit-text-align: left;
		    padding: 8px;
		}

		#loc-tbl td {
		    text-align: left;
				-webkit-text-align: left;
		    padding: 4px;
				/* -webkit-text-align: left; */
		}

		#loc-tbl th {
		    background-color: #EF6733;
		    color: white;
		    font-size: 20px;
		}

		#loc-tbl tr:not(:first-child){
		    border-bottom: 1px solid black;
		}

		#left-select{
			width: 49%;
			float: left;
			display: inline-block;
		}

		#right-select{
			width: 50%;
			/* position: fixed; */
		    height: 100%;
			float: right;
			border-left: 1px solid #EF6733;
			display: inline-block;
		}

		@media only screen and (min-width: 1920px) {
		    .pagination {
				margin-left: 1%;
				margin-top: 2%;
				float: left;
	    		display: inline-block;
			}
			#logo-img{
				width: 50px;height: 50px;
				margin-left: 12.9%;
				margin-top: 5px;
				display: inline-block;
			}
			.pagination a {
				background-color:white;
			    color: black;
			    padding: 8px 16px;
			    text-decoration: none;
			    transition: background-color .3s;
			    border: 1px solid #ddd;
			    border-radius: 5px 5px 0 0;
			}
			#login-panel{
				border:1px solid #ddd;
				width: 20%;
				background-color:white;
				margin: 10% 40% 0 40%;
				position: fixed;
			    height: 30%;
			    overflow: auto;
			    border-radius: 25px;
			    box-shadow: 20px 20px 10px #b34700;
			}
		}

		.clearfix::after {
			content: "";
			display: block;
			clear: both;
		  }

		.table-striped tbody tr:nth-of-type(odd) {
			background-color: #fdf1ea;
		}

		.text-primary {
			color: #EF6733;
		}