body
{
	font-family: Roboto;
	font-size: 13px;
}
.rpobtsp-hidden
{
	display: none !important;
}
.rpobtsp-input
{
	font-family: Roboto;
	border: 1px solid #ccc;
}
.rpobtsp-button
{
	padding: 5px;
    border-radius: 10px;
	cursor: pointer;
}
.rpobtsp-button:hover
{
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.rpobtsp-confirm
{
	background: #ddffdd;
}
.rpobtsp-cancel
{
	background: #ffdddd;
}
.rpobtsp-print
{
	background: #87CEEB;
}
.rpobtsp-add
{
	background: #ddffdd;
}
.rpobtsp-delete
{
	background: #ffdddd;
}
.rpobtsp-block
{
	display: block !important;
}
.rpobtsp-center
{
	text-align: center;
}
.rpobtsp-padding
{
	padding: 3px;
}
.rpobtsp-right
{
	text-align: right;
}
@media (max-width:600px) 
{
	.rpobtsp-top-mobile
	{
		display: block !important;
	}
	.rpobtsp-top
	{
		display: none !important;
	}
	.rpobtsp-menu
	{
		width: 46%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.rpobtsp-form
	{
		display: block;
		padding: 2px;
	}
	.rpobtsp-third
	{
		width: 100%;
	}
	.rpobtsp-two-thirds
	{
		width: 100%;
	}
	.rpobtsp-label
	{
		display: block;
	}
}
@media (min-width:601px) 
{
	.rpobtsp-top-mobile
	{
		display: none !important;
	}
	.rpobtsp-top
	{
		display: block !important;
	}
	.rpobtsp-menu
	{
		width: 19%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.rpobtsp-form
	{
		display: block;
		max-width: 98%;
		width: 98%;
		margin: auto;
		border: 1px solid #ccc;
		padding: 10px;
		border-radius: 3px;
		box-shadow: 3px 3px gray;
	}
	.rpobtsp-third
	{
		width: 32%;
		margin: auto;
	}
	.rpobtsp-two-thirds
	{
		width: 65%;
	}
	.rpobtsp-label
	{
		display: inline-block;
	}
}