@CHARSET "UTF-8";
	html,body {font-size:15px;}
	h2 {font-size: 1.5rem!important;}
	.store-pop-p {line-height: 0;margin:0;padding:0;display:inline;}

	.fi-arrow-up, .fi-arrow-down {margin:0;padding:0;margin-left:2px;}
	.fi-arrow-down {}

	.fullWidth {max-width:100%;margin:0;}
	.noPadding,.no_padding {padding:0!important;}
	.no-margin {margin:0!important;}
	.highlight:hover {text-decoration:underline;color:#ffffff;}

	*:not(body) {font-size:1rem;}
	label:not(.contant) {font-weight:bold;}
	label {color:#000000!important;}
	.hover {background-color:#f6a500;}
	
	.loading {
		background:#fff url('../images/loading.gif') no-repeat center center;
	    height: 8px;
	    width: 70px;
	    z-index: 1000;
	    left: 50%;
	    top: 50%;
	    margin:2px;
	    display:none;
	}	
	.subscriber-fields {height: 1.8rem;padding:2px;}
	.subscriber-fields,.subscriber-fields input{background-color:#a2f4af;}
	.subscriber-fields select {height: 1.5rem;padding:2px;}
	
	.bill-fields {height: 1.8rem;padding:2px;}
	.bill-fields,.bill-fields input{background-color:#ffc0ff;}
	.bill-fields select {height: 1.5rem;padding:2px;}
	
	

	
	.update_input {max-width:6rem;}
	
	.poista-toimittaja:not(:last-child):after {content:" | "; color:red;}
	
	#filter-area {margin-bottom:2rem;}
	
	.hover_line {color:#000000;}
	.hover_line:hover{background:#c80c0f!important;color:#ffffff;}
	
	h1 {font-size:2.0rem;}
	td {padding:5px!important;}
	label.error{font-weight:normal;font-size:0.9rem;}
	table.lists tr td,table.lists tr td .row {padding:0!important;}
	
	 table.lists {	border-collapse: collapse;border:0px!important;width:100%;}
	 textarea.faul_desc {height:200px;}

	.savebutton {margin-top:10px!important;}
	
	.name > h1 > a{color: #ffffff;}
	
	 #multiviewstatus option {padding-right:20px;}
.sidebyside {float:left;padding-right:10px;}
	.fi-check {color:green;}
	a.edit, a.remove {padding-left:3px;}
	.bottom_line {border-bottom:1px solid #000000;margin-bottom:5px!important;}
	.bold {font-weight:bold;}
	
	.passive_item {background-color:red;border:0.5px solid #ffffff; width:30px;}
	.active_item {background-color:green;border:0.5px solid #ffffff;width:30px;}
	.fi-page-copy {color:green;padding-left:3px;}
	.fi-minus {color:red;padding-left:3px;}
	.fi-plus {color:green;padding-left:3px;}
	.fi-wrench {color:#925b34;padding-left:3px;}
	.fi-stop {color:#000000;font-size:2rem!important;}
	
	.large {font-size:1.05rem;}

	.required,.red {color:red;}
	.hide {display:none;}
	
	.status_editing {width:320px!important;}
	.bigger {font-size:3rem;}

	.nomargin {margin:0px!important;}
	.smallpadding {padding:5px!important;}

	.box {border:0.5px solid #c0c0c0;}

	.text-right-custom {text-align:right;}

	.fan_item_link:hover {background-color:#c0c0c0!important;}

	fieldset {
	 	padding-top: 0.5rem ;
	 	padding-bottom: 0.5rem ;
	    margin: 0.05rem 0 0 0;
	    border-color:#f6a500;;
	}
	
	
	.paginationlinks {width: 100%;text-align: center;}
	
	
	.paginationlink a {text-decoration:underline;}
	.paginationlink a:hover {color: #0060B0;} 
	
	.paginationlink{display: inline-block;}
	
	.paginationlink:not(last-child){padding-right:15px;}	
	
	#search_case_nav {float:left;width:100px;}
	#search_nav,.reset {float:left;padding:0px;color:#ffffff;background-color:gray!important;border-color:#ffffff!important;margin-left:2px;margin-top:2px;}
	

	.top-bar,
		.top-bar-section li:not(.has-form) a:not(.button) {
		background: #c80c0f none repeat scroll 0% 0%;
	
	}
	
	
	a.jumplinks {color:#f6a500;}
	a.jumplinks:hover {text-decoration:underline;}
	
	.fi-eye {margin-bottom:0px;margin-left:5px;color:red;}
		
	
	.top-bar-section ul li {
	    background: transparent;
	}
	
	.top-bar .name h1 a {
	    color: #FFFFFF;font-weight:bold;font-size:1rem;
	}
	.top-bar-section li:not(.has-form) a:not(.button) {
		color: #FFFFFF;font-size:1rem;
	}
	
	.status_add_align {text-align:right;padding-top:30px;}
	.status_color-red {background-color:#FF6060; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-light-red {background-color:#FFA0A0; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-light-orange {background-color:#FFC080; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-yellow {background-color:#FFFF00; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-light-yellow {background-color:#FFFFA0; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-light-green {background-color:#C0FFC0; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-green {background-color:#80FF80; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-dark-green {background-color:#00E000; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	.status_color-blue {background-color:#40A0FF; line-height: 1rem; padding: 0px 2px 0px 2px !important;}
	
	.button:not(.cancelbutton):not(.alert) {margin-right:10px!important;background-color:#f6a500;}
	.button:hover:not(.cancelbutton) {background-color:#c80c0f!important;}
	
	.cancelbutton {margin-right:10px!important;}
	
	#loginform input {padding:none!important;height: none!important;margin:none!important;}
	
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea
	, select {margin:0;height: 2rem;padding: 0.3rem;}
	
	
	

	
@media  screen and (max-width: 1415px) {	
	 .mobile_left {float:left!important;width:100%!important;}
	 .blue {background: #f6a500 none repeat scroll 0% 0%;}	
	  .menu_padding {margin-left:10px!important;}
}	
	
@media  screen and (max-width: 1366px) {

 html {  font-size: 14px!important; }

} 


@media  screen and (max-width: 1281px) {

 #multiviewstatus{max-width:50%;width:auto;padding-right: 1rem;}


@media  screen and (min-width: 70.064rem) {
#multiviewstatus{padding-right: 1rem;max-width:100%;}
 
	
}


@media  screen and (max-width: 1024px) {
html {font-size:20px;}

}
@media  screen and  (max-width: 980px) {


	
}


	
@media screen and (max-width:768px  ) {  /*48em*/

	html {font-size:22px;}

}	

@media screen and (max-width: 640px ) {
	.text-right-custom {text-align:left;}
	.list_item {border-bottom:1px solid #4d4d4d;}
}
	
@media screen and (max-width: 480px ) {

	
	


}	
@media screen and (max-width: 320px ) {
	
}