body
	{
		transition:all 1s;
	}
	.splash-table
	{
		width:100%;
		margin-top:10vh;
	}
	
	.pr-login-form-shadow
	{
		max-width:300px;
		background:#f4f4f4;
		box-shadow:0px 0px 1px #111;
	}
	
	.pr-login-form-section
	{
		padding:20px;
		border:solid 1px #ccc;
		max-width:300px;
		margin:5px 5px 10px 5px;
		border-radius:30px;
		background:#fff;
		box-shadow:0px 0px 1px #111;
	}
	
	.pr-brand-logo
	{
		max-width:100px;
	}
	
	.ct-form-control, .btn-radius
	{
		padding:5px;
		height:50px;
		margin-bottom:10px;
		border-radius:10px;
		font-weight: 300!important;
	}
	
	.pr-login-form-section h1
	{
		font-size:30px;
	}
	
	.btn-primary
	{
		background-color:#591db9;
		border:solid 1px #7d1db9;
	}
	
	.date-section
	{
		padding:20px;
	}
	
	.no-margin
	{
		margin:0 auto;
	}
	
	.no-padding
	{
		padding:0 auto;
	}
	
	
	
	.pr-title-text
	{
		display:inline-block;
		margin:0;
		padding:0;
		padding-top:10px;
		font-weight:400;
		font-size:25px;
		
	}
	
	.pr-icon-title
	{
		min-height:50px;
	}
	
	.pr-brand-logo-section
	{
		max-width:300px;
	}
	
	.pr-brand-logo
	{
		max-width:75px;
	}
	
	.pr-header
	{
		border-bottom:solid 1px #f4f4f4;
		padding-bottom:10px;
	}
	
	.pr-perm-icon
	{
		max-width:50px;
		margin:2px;
	}
	
	.loading-screen
	{
		width:100%;
		display:block;
	}
	
	
	@-webkit-keyframes colours 
	{
      0% {color: #39f;}
     15% {color: #8bc5d1;}
     30% {color: #f8cb4a;}
     45% {color: #95b850;}
     60% {color: #944893;}
     75% {color: #c71f00;}
     90% {color: #bdb280;}
    100% {color: #39f;}
	}
	
	.pr-text-greeting
	{
		animation:colours 5s infinite linear;
	}
	
	.pr-alert
	{
		padding:5px;
		margin:5px;
		display:none;
		font-size:12px;
	}
	
	.pr-footer
	{
		background:#f4f4f4;
		font-size:12px;
		text-align:center;
		position:fixed;
		padding:5px;
		bottom:0;
		width:100%;
	}
	
	.pr-breadcrumps
	{
		padding:10px;
	}
	
	.pr-frontdesk
	{
		padding:10px;
	}
	
	.pr-front-desk-icon
	{
		width:150px;
		padding:10px;
		border-radius:30px;
		background:#fff;
		border:solid 1px #f4f4f4;
		cursor:pointer;
		margin:10px;
		min-height:150px;
		box-shadow:0px 3px 5px #f4f4f4;
	}
	
	.pr-front-desk-icon .pr-icon
	{
		min-width: 120px;
		height:100px;
	}
	
	.pr-front-desk-icon .pr-icon img
	{
		max-width:90px;
		height:auto;
	}
	
	.pr-front-desk-icon:hover
	{
		background:#f4f4f4;
	}
	
	.pr-btns
	{
		padding:10px 5px;
		border-radius:30px !important;
	}
	
	.pr-icon2
	{
		font-size:50px;
	}
	
	a:hover
	{
		text-decoration:none;
	}
	
	.header-btn-section
	{
		padding:15px 10px 10px 10px;
		text-align:right;
	}
	
	
	.pr-form-label
	{
		font-size:16x;
		margin-bottom:5px;
		margin-top:10px;
		font-weight:600;
	}
	
	.pr-form-control
	{
		border-radius:1px;
		padding:5px;
	}
	
	.btn
	{
		border-radius: 1px;
		box-shadow:0px 2px 5px 2px #f4f4f4;
		margin:2px;
	}
	
	.table-tasks
	{
		padding:10px;
		background:#fff;
		border-radius:10px;
		box-shadow:0px 0px 1px #ccc;
	}
	
	.pr-btn-logout
	{
		border-radius:50px;
		background:#f4f4f4;
		box-shadow:0px 0px 5px #ccc;
	}
	
	
	.pr-breadcrumps
	{
		padding:10px;
	}
	
	.pr-frontdesk
	{
		padding:10px;
	}
	
	.pr-front-desk-icon .pr-icon
	{
		max-height:120px;
		min-height:100px;
	}
	
	.pr-front-desk-icon .pr-icon img
	{
		max-width:90px;
		height:auto;
	}
	
	.pr-front-desk-icon:hover
	{
		background:#f4f4f4;
	}
	
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}
	
	.pr-sort
	{
		float:right;
	}
	
	.pr-sort span:hover
	{
		color:#aaa;
		cursor:pointer;
	}
	
	.text-light
	{
		color:#ccc !important;
	}
	
	.pr-task-btn
	{
		background:none;
		border:none;
		color:#111;
		box-shadow:none;
	}
	
	.pr-task-btn:hover
	{
		background:none;
		color:#ccc;
	}
	
	tr
	{
		padding:5px !important;
	}
	
	td
	{
		padding:2px !important;
		vertical-align:middle !important;
	}

	.modal-content 
	{
		border-bottom:solid 5px #d88811;
	}
	
	.single-info
	{
		padding:5px;
		background-color:#f9f9f9;
		margin:5px;
	}
	
	.pr-txt-barcode
	{
		width:100%;
		height:250px;
		line-height:230px;
		font-weight:900;
		font-size:40px;
		background:url('/assets/images/barcode.png') no-repeat;
		background-size:contain;
		background-position:center center;
						
	}
	
	
	.pr-bottom-menu-btn
	{
		position:fixed;
		bottom:40px;
		right:10px;
		color:#fff;
		background-color:#111;
		box-shadow:0px 0px 3px #111;
		padding:10px;
		text-align:center;
		width:45px;
		border-radius:50%;
		z-index:10000;
	}
	
	
	
	@media screen and (max-width:1024px)
	{
		.table
		{
			font-size:12px;
		}
		
	    .row-userid, .row-pwd, .row-email
		{
			display:none;
		}
	}

	@media screen and (max-width:768px)
	{
		.ct-form-control, .btn-radius
		{
			padding:2px;
			height:40px;
			margin-bottom:8px;
			border-radius:5px;
			font-weight: 300!important;
		}
		
		.pr-login-form-section
		{
			padding:10px;
		}
		
		.pr-ipad-hide
		{
			display:none;
		}
		
		.pr-task-btn
		{
			zoom:0.8;
		}
	}
	
	
	
	@media screen and (max-width:568px)
	{
		body
		{
			font-size:16px;
		}
		
		.pr-front-desk-icon .pr-icon
		{
			width:137px;
			height:100px;
		}
		
		.pr-front-desk-icon
		{
			max-width:100%;
			padding:10px;
			border-radius:30px;
			background:#fff;
			border:solid 1px #f4f4f4;
			cursor:pointer;
			margin:10px;
			box-shadow:0px 3px 5px #f4f4f4;
			font-size:12px;
		}
		
		.pr-front-desk-icon .pr-icon img
		{
			max-width:100px;
			height:auto;
		}
		
		.pr-front-desk-icon .pr-icon
		{
			max-height:120px;
			min-height:50px;
		}
		
		.pr-task-btn
		{
			zoom:0.5;
		}
		
		.table
		{
			font-size:8px;
		}
	}
	
	.pr-msg-alert
	{
		background:rgba(1,1,1,0.3);
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:1100;
		display:none;
		height:100vh;
	}
	
	.pr-msg-alert table
	{
		background:none;
	}
	
	.pr-msg
	{
		margin-bottom:10px;
	}
	
	.pr-msg-inner
	{
		padding:30px;
		margin:10px 1px 1px 1px;
		border-radius:30px;
		box-shadow:0px 0px 4px #111;
		color:#fff;
		max-width:300px;
	}
	
	.pr-side-bar
	{
		width:250px;
		background:rgba(1,1,1,0.9);
		padding:10px;
		color:#fff;
		position:fixed;
		right:0px;
		top:0px;
		height:100%;
		z-index:1200;
		display:none;
	}
	
	.pr-side-bar a
	{
		padding:5px 0px 5px 0px;
		display:block;
	}
	
	.pr-side-bar a:hover
	{
		color:#ddd !important;
	}
	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button 
	{
    font-family: initial !important;
    font-size: initial !important;
	}
	
	.ui-widget {
    font-family: initial !important;
    font-size: initial !important;
	}
	
	button.bg-white
	{
		background:#dcd4d47d !important;
	}
	
	.ui-autocomplete { z-index:2147483647; }
	
	.pr-application-icon
	{
		max-width:100px;
		max-height:auto;
		margin:5px;
	}