
#services.services-sharing {
	background: #fff;
}

.services-sharing .button-go {
	min-width: 0;
	padding: 8px 13px;
}

.services-sharing .row-container .row-block {
	width:94%;
}

.services-sharing .row-container .two-column-container {
	background: url("hrvr.png") repeat-y scroll 50% 0 #fff;
}

.services-sharing .row-container .row-block.row-block-left,
.services-sharing .row-container .row-block.row-block-right {
	width:100%;
}

.services-sharing .row-container .row-block.row-block-left .row-block-inner {
	padding: 0 15px 0 0;
	margin: 0;
}

.services-sharing .row-container .row-block.row-block-right .row-block-inner {
	padding: 0 0 0 15px;
	margin: 0;
}

.services-sharing .row-container .row-block.row-block-footer {
	border-top: solid #eee 1px;
	margin-top: 10px;
}

.services-sharing .row-container .row-block.row-block-footer .row-block-inner {
	padding: 25px 0;
	margin: 0;
	border-radius: 0;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.services-sharing .order-history-panel {
	margin: 0 0 15px;
}

.services-sharing .order-history-panel:last-child {
	margin: 0;
}

.services-sharing .order-history-panel .order-table {
	margin: 0 0 5px;
	font: 12px Arial;
	color: #394a58;
	border-bottom: 3px solid #ff8000;
	width: 100%;
	border-collapse: collapse;
}

.services-sharing .order-history-panel .order-table th {
	font-weight: bold;
	border-bottom: 3px solid #ff8000;
	border-top: 3px solid #ff8000;
	padding: 15px 6px;
	text-align: left;
}

.services-sharing .order-history-panel .order-table td {
	line-height: 16px;
	padding: 15px 6px;
	border-bottom: 2px solid #DAD7CB;
}

.services-sharing .order-history-panel .order-table .owner-row {
	background-color: #f1dbc6;
}

.services-sharing .order-history-panel .order-table .expired-row {
	background-color: #FF6666;
}

.services-sharing .order-history-panel .order-table .revoked-row {
	background-color: #FF0000;
}

.services-sharing .order-history-panel .order-table .unauthenticated-row {
	background-color: #f1dbc6;
}

.services-sharing .order-history-panel .order-table .handler-row {
	background-color: #90EE90;
}

.services-sharing .order-history-panel .order-table .actionable-row {
	background-color: #FFB6C1;
}

.result_column_panel {
	padding-top: 5px;
	padding-bottom: 5px;
}
.result_column_panel {
	display: inline-block;
	width: 60%;
}

table {
	border-collapse: separate;
}

td {
	padding-right: 15px;
}

table.palette td.header {
	font-weight: bold;
	font-size: 14px !important;
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

table.palette td.buttons {
	vertical-align: top;
}

.choices .choicesSelect{
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 14px;
}

.selectionSelect {
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 14px;
}

.button_style_blue .button_center {
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 15px;
	padding: 3px;
}


button.button.add {
	background: url(icon_arrow_right_normal.png) no-repeat center center;
}

button.button.add div {
	background: none;
}

button.add:hover {
	background: url(icon_arrow_right_hover.png) no-repeat center center;
}

button.add:active {
	background: url(icon_arrow_right_pressed.png) no-repeat center center;
}

button.add:disabled {
	background: url(icon_arrow_right_disabled.png) no-repeat center center;
}

button.button.remove {
	background: url(icon_arrow_left_normal.png) no-repeat center center;
}

button.button.remove div {
	background: none;
}

button.remove:hover {
	background: url(icon_arrow_left_hover.png) no-repeat center center;
}

button.remove:active {
	background: url(icon_arrow_left_pressed.png) no-repeat center center;
}

button.remove:disabled {
	background: url(icon_arrow_left_disabled.png) no-repeat center center;
}

button.button.up {
	background: url(icon_arrow_up_normal.png) no-repeat center center;
}

button.button.up div {
	background: none;
}

button.up:hover {
	background: url(icon_arrow_up_hover.png) no-repeat center center;
}

button.up:active {
	background: url(icon_arrow_up_pressed.png) no-repeat center center;
}

button.up:disabled {
	background: url(icon_arrow_up_disabled.png) no-repeat center center;
}

button.button.down{
	background: url(icon_arrow_down_normal.png) no-repeat center center;
}
button.button.down div{
	background: none;
}

button.down:hover {
	background: url(icon_arrow_down_hover.png) no-repeat center center;
}

button.down:active {
	background: url(icon_arrow_down_pressed.png) no-repeat center center;
}

button.down:disabled {
	background: url(icon_arrow_down_disabled.png) no-repeat center center;
}

table.palette td.buttons {
	text-align: center;
	padding: 10px;
}

table.palette td.buttons button {
	width: 35px;
	height: 35px;
	margin-bottom: 2px;
	margin-right: 14px;
	border-radius: 3px;
}

table.palette td.header {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.admin-filter-label {
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0073cf;
}

.result_column_panel .title {
	display: inline-block;
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #394A58;
}

.admin-order-search-container {
	padding-top: 10px;
}

.show-archived-action-checkbox {
	font-size: 12px;
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/* special styling for the remove file X button */
.button_style_orange.remove-button .button_center {
	overflow:hidden;
	text-align: center;
	font-family: 'postisans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.3em;
}

.button_style_orange.remove-button span {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.button_style_orange.remove-button .button_center {
	height: 15px;
	width: 15px;
	background-image: url('remove_button.png');
	background-size: 100% 100%;
}

.button_style_orange.remove-button .button_center:hover {
	background-image: url('remove_button_hover.png');
}

.button_style_orange.remove-button .button_center:active {
	background-image: url('remove_button_pressed.png');
}

.button_style_orange.remove-button .button_center:disabled {
	background-image: url('remove_button_disabled.png');
}

.align-right {
	float: right;
}

.upper-paginator {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: -0.5em;
}

.paginator span, .paginator a {
	font-family: Arial;
	font-size: 13px;	
}
.paginator em span {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;	
}

.header-wrapper {
	position: relative;
}

.services-sharing h1 a,
.services-sharing h2 a {
	font-size: 12px;
}

:root input[type=checkbox], :root input[type=radio]{
	position:absolute;
	clip: rect(0,0,0,0);
}

:root input[type=checkbox]:checked:hover + label::before,
:root input[type=checkbox]:checked + label::before,
:root input[type=radio]:checked:hover + label::before,
:root input[type=radio]:checked + label::before{
	background-position: 0 -40px;
}

:root input[type=checkbox]:hover + label::before,
:root input[type=radio]:hover + label::before {
	background-position: 0 -20px;
}

:root input[type=radio] + label::before {
	display: inline-block;
	content: " ";
	background: url("radio.png") no-repeat 0 0;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	margin-right: 8px;
}

:root input[type=checkbox] + label::before {
	display: inline-block;
	content: " ";
	background: url("checkbox.png") no-repeat 0 0;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	margin-right: 8px;
}

*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.services-sharing input[type=checkbox],
.services-sharing input[type=radio] {
	vertical-align: bottom;
	margin-right: 8px;
}

.services-sharing input[type=radio] {
	margin-bottom: 1px;
}

.services-sharing .button-list {
	margin: -15px -15px 20px -10px;
}

.services-sharing img {
	padding-left: 10px;
}

/*####### USER INFO STYLES #######*/
.user_info li {
	-moz-border-radius: 3px;
	border-radius: 3px;
	list-style: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
	clear: both;
	color: #fff;
	padding: 10px 20px 10px 40px;

}
.user_info li.feedbackPanelINFO {
	background: url("icon-notification.png") no-repeat scroll 8px 7px #34b233;
}
.user_info li.feedbackPanelSUCCESS {
	background: url("icon-notification.png") no-repeat scroll 8px 7px #34b233;
}
.user_info li.feedbackPanelWARNING {
	background: url("icon-notification.png") no-repeat scroll 8px 7px #cb0044;
}
.user_info li.feedbackPanelERROR {
	background: url("icon-notification.png") no-repeat scroll 8px 7px #cb0044;
}

/*####### END USER INFO STYLES #######*/

h1 {
	font-size: 200%;
	font-weight: bold;
	padding-bottom: 5px;
}

p {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 125%;
}

/*ADAPTIIVISUUS*/
@media screen and (max-width: 768px) {
	
	.services-sharing .row-container .row-block.row-block-right .row-block-inner,
	.services-sharing .row-container .row-block.row-block-left .row-block-inner {
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 0;
		-moz-border-radius: 0;
	    -webkit-border-radius: 0;
	}
	
	.services-sharing .row-block {
	    border: 0;
	}
	
	.services-sharing .row-container .two-column-container {
		background: #fff;
	}
}