html,body {
	/* perusfontti, muut fontint suhteellisina rem määritteellä, samoissa kohdissa IE8 + IE9 selaimille px määritykset. Important ylikirjoittaa BS:n asetuksen */
	font-size: 12px!important;
	font-family: Verdana,arial,helvetica;
	background:transparent;
	margin: 0px;
	padding: 0px;
	color: #456;
	height:100%;
	overscroll-behavior: none;
}

#bootstrap-alert-box-modal {
	z-index: 9999999999999!important;
}

p,font,a,td {
	font-size: 13px;
	font-size: 1rem;
	color: #456;
}

td {
	vertical-align:middle!important;
}

h1, h2, h3, h4, h5 {
	color: #456;
	font-family: Tahoma,Verdana,Geneva,sans-serif;
}

h1 {
	color: #8B8B8A;
	font-size: 23px;
	font-size:2rem;
}

h2 {
	color: #8B8B8A;
	font-size:18px;
	font-size:1.8rem;
}

h3 {
	font-size: 16px;
	font-size:1.6rem;
}

h4 {  
	font-size: 13px;
	font-size: 1.4rem;
	font-weight: bold;
}

h5 {  
	margin-top:1.2rem;
	margin-bottom:0.6rem;	
	font-size: 14px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #444;
}


h6 {  
	font-size: 13px;
	font-size: 1.0rem;
	font-weight: normal;
	margin:0px;
	background: #f1f1f1;
}

a {
	color: #333333;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #FF0000;
	Text-Decoration: none;
	cursor: pointer;
}

a:focus {
	outline:none !important;
	outline:0px auto -webkit-focus-ring-color !important;
	outline-offset:0px !important;
}

input[type=text],input[type=number],input[type=password],input[type=file],textarea,select {
	border-radius: 6px;
    padding: 6px 12px;	
	font-family: Verdana,arial,helvetica;
    font-size: 1rem!important;
	color: #000000;
	border: 1px solid #b2b2b2;
	margin: auto 0px auto 0px;
	width:100%;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}

input[type=text],input[type=number],input[type=password],input[type=file]  {
	height:34px !important;
}

input[type="date"],input[type="time"], input[type="datetime"],input[type="datetime-local"]  {
    display:block;
	min-width:95%;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
	text-align: left;
}

textarea {
	min-height:34px;
	resize: none;
}

select {
	background-color:white;
}

input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=file]:focus,textarea:focus,select:focus {
  	border-color: #66afe9;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  	 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type=checkbox], input[type=radio] {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
	transform: scale(1.1);
	margin: 0px 0.3rem 0px 6px;
	vertical-align: middle;
}

.capitalize:first-letter {	
	display:inline-block !important;
	text-transform:capitalize !important;
}

.uppercase {
	text-transform:uppercase;
}

.lowercase {
	text-transform:lowercase;
}

input.readonly:focus {
	border:0px;
  	box-shadow:none;
  	outline: 0 none;
}

input.password {
	-webkit-text-security:disc;
	-moz-text-security:disc;
	text-security:disc;
}

.form-control-underlined {
    border: 0px!important;
    box-shadow: none!important;
    border-radius: 0!important;
    border-bottom: 1px solid silver!important;
    padding-left: 0px!important;
    background-color:transparent !important;	
}

.bootbox {
	z-index:99999999;
}

legend {
    float:left;
	color: #8B8B8A;
	font-family: Tahoma,Verdana,Geneva,sans-serif;
    font-size:1.0rem;
    font-weight:bold;
}

legend + * {
    clear:both;
}

.html-bg {
	background-color:#ececec;
	height:100%;
}

.bodyContent {
    margin:0.3rem auto 0.3rem auto;
    padding:0;
    border:5px solid white;
    background:#fff;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	
}

#header .nav-brand {
	background: #fff url(/_system/css/images/ATLANTIS_services_240x50.jpg) 2px 5px no-repeat;
	height: 60px;
}

#header .nav-date {
	margin-top:1em;
}

#header .nav-workspace {
	margin:0px 0em 0.3em 0.4em;
}

#header #salesnet-block {
	display:none;
}

#contentContainer {
	margin-top:0.5em;
	display:none;
}

#pagemenu-sidebar {
	/*margin-left:2rem;*/
	margin-bottom:1em;
}

.appname-container {
	font-weight:bold;
	font-size:1.5em;
	padding-left:0.5em;
	line-height:2em;	
}

.readonlyCost {
	border: 1px solid #ccc;border-radius:4px;padding-left:10px;line-height:34px;height:34px;
}

.reclamationCostLabel {
	font-weight:bold;
	font-size:1.0rem;
	margin-top:0.6rem;
	color:#1c94c4;
}

.divider-field {
	height: 3px; 
	background-color: silver;
	margin-top: 8px;
	margin-bottom: 4px;
}

.footer-bottombar {
    background-color:#006cb7;
    color:white;
	border-top: 1px solid silver;
	font-size:10px;
	padding:0.3rem;
	text-align:center;	
}

.badge-notify {
	position:absolute;top: -3px;left: 20px; z-index:111111;
}

.erotinviivavaaka {
	border-bottom: 1px solid silver;
}

.missingInfo {
	background-color:#FFBFBF;
}

/* Menu styles */
.drawer {z-index:999999000;}
#main-menu {position:relative;z-index:9;width:auto;}
#main-menu ul {width:12em;}

.sm-clean {
	background:white;
	border-bottom: 2px solid #eee;
	border-radius:0px;
	margin-bottom:10px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:100%;
	overflow-y:auto;
}

/* kuvat responsiivisiksi */
#mainContent img:not(.img-avatar), .msgView img:not(.img-avatar), #bbsview img:not(.img-avatar),#hseq-updates-container img:not(.img-avatar) {
	display:block;
	max-width:100%!important;
	height:auto!important;	
}


/* BS muutokset */
.dropdown-menu li a {
	text-decoration:none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0px solid #fff;
}

.qtip-titlebar .qtip-title {
	font-size:1.1rem !important
}

.qtip-titlebar .qtip-title .fa {
	font-size:1.7rem !important;
	vertical-align:middle;
	padding-right:0.3rem;
}

.qtip-titlebar .qtip-close {
    right: 14px;
    top: 14px;
}

.qtip-icon .ui-icon {
/*
	width: 3vmin;
    height: 3vmin;
    line-height: 3vmin;
    font-size: 2vmin;
    padding-top:0.3vmin;
*/
	width: 2.3rem;
	height: 2.4rem;
	line-height: 2.7rem;
    font-size: 1.5rem;
}

.qtip-titlebar .qtip-title {
	max-height:6rem;
}

.ui-widget-content a {
    color: #337ab7;
    text-decoration: none;
}

.ui-widget-content a:hover {
	color: #23527c;    
}

.form-info {
	padding-top:7px;display:inline-block;
} 


[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
    font-size: 1rem!important;    
}

select {
	min-height:34px !important;
}

.form-horizontal .control-label	{text-align:left;max-width:300px;clear:left;}
.bs-actionsbox .btn-group button {width:49%;}  /* Chrome fix*/
.bootstrap-select .btn {font-size:inherit;font-weight:normal;height:34px;}
.bootstrap-select.btn-group-sm .btn {height:29.6px}
.bootstrap-select .dropdown-menu {max-width:90vw;}

.error-in-input {
	background-color:#FFBFBF!important;
}

.save-message-raw {
  	display: none;
 	position: fixed;
  	top: 20px;
  	left: 50%;
  	transform: translateX(-50%);
  	z-index: 99999999999;
	white-space: nowrap;
  	pointer-events: none;
}

.save-message {
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  color: #1c94c4;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  z-index: 99999999999;
  font-size: 16px;
  white-space: nowrap;
  pointer-events: none;
}

.cip-row  {
	position: relative;
	overflow: visible; 
}

.cip-status-badge {
	background-color:#ddd;
	color:gray;
	position:relative;
	overflow:visible;
}

.cip-status-badge i {
	padding:0.1rem;
}

.cip-important-flag {
	position: absolute;
	top: -6px;
	right: -4px;
	margin: 0;
	font-size: 1.1rem; 
}

.systemLoadingSpinner {
	color:white;
	font-size:2.0rem;
	text-align:center;
	position: fixed; 
	z-index: 99999;
	left:50%;
	top:45%;	
}

.systemLoadingSpinner:before {
  	content: '';
  	display: block;
  	position: fixed;
  	top: 0px;
  	left: 0;
  	width: 100vw;
  	height: 100vh;
  	background-color: rgba(0, 0, 0, 0.3);
}

.color-primary-0 {color:white !important;}

.fa-2x, .fa-3x, .fa-4x, .fa-5x {vertical-align: middle;}
.fa-color0, .fa-color-0 {color:#888888 !important;}
.fa-color1, .fa-color-1 {color:#1c94c4;}
.fa-color2, .fa-color-2 {color:red;}
.fa-color3, .fa-color-3 {color:lime;}
.fa-color4, .fa-color-4 {color:green;}
.fa-color5, .fa-color-5 {color:#ec971f;}
.fa-color6, .fa-color-6 {color:#449d44;}
.fa-color7, .fa-color-7 {color:yellow;}
.fa-color8, .fa-color-8 {color:orange;}
.fa-color-black {color:#000;}
.fa-color-dark-grey {color:#333!important;}
.fa-color-silver {color:silver!important;}
.fa-color-white {color:#fff;}

.background-0 {background-color:white !important;color:black !important;}
.background-1 {background-color:#1c94c4 !important;color:white !important;}
.background-2 {background-color:red !important;color:white !important;}
.background-3 {background-color:lime !important;color:white !important;}
.background-4 {background-color:green !important;color:white !important;}
.background-5 {background-color:#ec971f !important;color:white !important;}
.background-6 {background-color:#449d44 !important;color:white !important;}
.background-7 {background-color:yellow !important;color:white !important;}
.background-8 {background-color:orange !important;color:white !important;}
.background-10 {background-color:black !important;color:white !important;}

div.datasetContainer .dataTables_wrapper .dataTables_filter {
	margin-top:0.3em !important;
}

.hilite {
	background-color:#f5f5f5!important;
}

.hilite-item:hover {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);	
	background-color:#f5f5f5;
}

.hoverLeft:hover {
	 -webkit-box-shadow: -5px 0px 5px -3px rgba(102,175,233,0.6);	
	 box-shadow: -5px 0px 5px -3px rgba(102,175,233,0.6);
}

.hoverBottom:hover {
	 -webkit-box-shadow: 0px 5px 5px -3px rgba(102,175,233,0.6);	
	 box-shadow: 0px 5px 5px -3px rgba(102,175,233,0.6);
}

.hoverItem:hover, .higlightDomElement, .rowElement:hover, .rowElement .selectedRow	 {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}



.headerElement				{border-bottom:2px solid #ddd;padding:8px 2px;}
.headerElement td			{background-color:white;border-bottom:1px solid silver;font-weight:bold;cursor:pointer;}
.rowElement	  				{clear:both;width:100%;padding:6px 2px;margin-right:0.2rem;border-bottom:1px dotted silver;min-height:22px;}
.rowElement:nth-child(even) {background: transparent;}
.rowElement:nth-child(odd) 	{background: #fafafa;}	
.rowElement td 				{border-bottom:1px dotted silver;}
.rowBorderNone .rowElement td {border-bottom:0px;}

.rowElement:after {
    content:'';
    display:block;
    clear: both;
}

#hidden, .hide-me {
	display:none;
}

#overlay {
	color: #000;
	height: 80%;
}

.required {
	color:red;
}	

.requiredField:after {
	content:'*';
	color:red;
}

.infoContainer {
	border: 1px solid silver;
	border-radius: 5px;	
	background: #f1f1f1;
	padding: 2px;
	margin-bottom: 3px;
	color: red;
	padding: 5px;
}

.content {
	margin-top:10px !important;
}

.smallRoundedBorder {
	border-radius: 6px;	
	border:1px solid silver;
}

.smallShadow {
	box-shadow:3px 3px 6px #ddd;
	margin-bottom:8px;
}

.boxContainer {
	border: 1px solid silver;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	
	padding: 2px;
	margin-bottom: 3px;
}

.CmsIconNewPage:before {
    font-family: FontAwesome;
    content: "\f044";
    padding-right:0.3rem;
    font-size:1.3em;
    line-height:1em;	
}

.CmsIconRefresh {
	background: #fafafa url('/_system/Images/page_refresh.png') no-repeat 4px 2px;
	padding-left: 24px;
}

.sidebar {
	margin: 12px 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-image:none;
}
	
.sidebar-row {
	margin: 0px;
	padding: 3px 6px; 
	font-size: 1rem; 
	border: 1px solid white;
	text-transform:none;
	padding-bottom:10px;
}

.sidebar-row a {
	font-size:1.1rem;
	color:#557bc9;
	text-decoration: none;	
}

.sidebar-row:nth-child(even) {
	background: #eee;
}

.sidebar-showAll {
	background-color:white;
	border:0px;
	text-align:right;
}

.sidebar-showAll a {
	padding: 2px;
	color:#557bc9;
	text-transform:lowercase;
	font-style:italic;
	font-weight:normal;	
}

.sidebar-showAll a:hover {
	color:red;
}

.sidebar h1, .sidebar h2 {
	margin: 0px;
	background: #eee;
	padding: 5px;
	line-height: 22px;
	border: 2px solid white;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#8c8f8e;		
}

.sidebar h2 {
	font-size: 1.3rem;
	cursor:pointer;
}

.sidebar-footer {
	display: none;
}

.cmsSitepath {
	height: auto;
	margin: 4px 0px 14px 0px;
	padding: 0px;
	background-image:none;
	border:none;
}

.cmsSitepath a {
	color:#456;font-size:1rem;font-weight:bold;	
	text-decoration:none;
}

.submenu {
	margin: 0px 0px 0px 0rem;
	padding: 0px;
	list-style:none;
}

.submenu a {
	text-decoration:none;
}
.submenu ul {
	margin: 0px;
	padding: 0px;
}

.submenu li {
	margin: 2px 0px 0px 1.5rem;
	padding: 0px;
}


/* sivukomponenttien tyylejä */
.pageNumberBox {
	cursor:pointer;
	float:left;
	padding:3px;
	margin:1px;
	border:1px solid silver;
}

.pageNumberBoxSelected {
	font-weight:bold;
	background-color:#CCDDEE;
}

.pageNumberImg {
	cursor:pointer;
	float:left;
	border:0px;
	margin-top:6px;
	margin-left:4px;
}

.searchField, #searchbox, #searchkey {
	width: auto;
	background-color: #FFFFFF;
	background-image:url(/images/font-awesome-search.png) !important;
	background-repeat:no-repeat;
	background-position:0.5rem center;
	background-size:1.2 rem 1.2rem;
	padding-left:2rem!important;	
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}

.calendarField {
	cursor:pointer;
	background-color: #FFFFFF;
	background-image:url(/images/font-awesome-calendar.png) !important;
	background-repeat:no-repeat;
	background-position:0.5rem center;
	background-size:1.2 rem 1.2rem;
	padding-left:2rem!important;	
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}

.calculate-sum-plus, .calculate-sum-minus {
	width: auto;
	background-color: #FFFFFF;
	background-image:url(/images/font-awesome-search.png) !important;
	background-repeat:no-repeat;
	background-position:0.5rem center;
	background-size:1.2 rem 1.2rem;
	padding-left:2rem!important;	
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}

.calculate-sum-plus {
	background-image:url(/images/fontawesome-plus.png) !important;
}

.calculate-sum-minus {
	background-image:url(/images/fontawesome-minus-red.png) !important;
}

.render-as-euro:not(:empty)::after {
	content: " €"; 
}

.cursorPointer  {
	cursor:pointer;
}

/* styling of the container. */
a.myPlayer {
	display:block;
	width: 320px;
	height: 240px; 
	text-align:center;
	margin:5px 15px 15px 15px;
	float:left;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

#mediaplayerDIV {
	width: 480px;
	height: 320px;
	border: 0px solid white;
}

#msgView {
	 width: 99%; margin:0px; padding: 0px; color: black;
}

#msgView .footer {
	border-top: 1px solid silver;
	margin-top: 10px;
	padding-top: 5px;
	font-style: italic;	
}

.newcontent-row {
	clear:both;
	background-color: #ffffff;
	border-bottom: 1px solid #f1f1f1;
	height: 18px;
	margin-top: 2px;
	padding: 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border:1px solid transparent;	
}

.newcontent-row-item {
	float: left;
	padding: 2px 0 0 2px;
	background-color: transparent;
	overflow:hidden;		
}

.newcontent-row-image {
	width: 20px;
	height: 16px;
	float: left;
	padding: 3px 0 0 1px;
	background-color: transparent;	
	text-align: center;
}

.newcontent-row-image img {
	max-width: 32px;
	max-height: 32px;
}

#bbsview img {
	max-width: 150px;
	max-height: 150px;
	margin-right:20px;
	float:left;
	border:0px;
}

#shortcuts-container {
	margin-left:1.2rem;
}

#userspanel {
	margin-top: 10px; padding-top: 20px;
}

.wallItemContainer {
	border-bottom:1px dotted silver;margin:3px;
	padding:3px;
}

#collectorServices .lastCheckOut {
	display:none;
}

#collectorServices .newContentTimeStamp {
	float:none !important;
	font-style:italic !important;
}

/*____ Bootstrap_______*/
.inline-label {
	font-weight:normal;	
	cursor:pointer;
	display:inline!important;
}

.inline-label input {
	vertical-align:middle;
}

.dropdown-header {
	color:#1c94c4;
	font-weight:bold;
}

.daterange-selector span.input-group-addon {
	background-color:transparent;
	border:none;
}

.daterange-selector input {
	border-radius:4px!important;
}

.mce-branding {
	display:none !important;	
}

a.btn {
	text-decoration:none;
}

.qtip-titlebar .qtip-close {
    right: 14px;
    top: 14px;
}

.qtip-titlebar {
    x_line-height:3.6vmin;
	line-height: 2.7rem;
}

.sm-blue a {
	padding:13px 10px;
}

.btn span.glyphicon {    			
	opacity: 0;				
}

.btn.active span.glyphicon {				
	opacity: 1;				
}

.btn a {text-decoration:none;}

.nav-pills-atlantis>li>a {
	background-color:#1c94c4;
	color:white;
	padding:0.3em 0.5em;		
	border:1px solid #1c94c4;
	text-decoration:none;
}

.nav-pills-atlantis>li>a:hover, .nav-pills-atlantis>li>a:focus {
	color:#1c94c4;
	background-color:white;
}

.fileinput-filename {
	display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    word-break:break-all;
    font-size: 12px;
    border:1px solid red;
	text-overflow: ellipsis;    
}

.sidebarpanel>.panel-info {
	border-color:#ddd;
}

.sidebarpanel .panel-heading {
	background-color:#f5f5f5;
	border-color:#ddd;
}

.sidebarpanel .panel-body {
	padding:0px;
}

.sidebarpanel .panel-heading h1, .sidebarpanel .panel-heading h2, .sidebarpanel .panel-heading h3 {
	margin:0px;
	color:gray;
	font-weight:bold;
	font-size:1em;
}

.sidebarpanel .panel-body .list-group-item {
	border:0px;
	padding:0.4rem 0.4rem 0.4rem 15px;
}

.sidebarpanel .panel-body .list-group-item a {
    font-size: 1.1rem;
    color: #557bc9;
    text-decoration: none;
}

/*____ jQuery UI & Plugins override _______*/
.ui-autocomplete {
	background:white;
}

.ui-autocomplete .ui-menu-item-wrapper {
    font-weight: normal!important;
	margin:0.5rem;	
	display:block;
    background-color:transparent;
    border:0px;
}

/*selecpicker*/
.filter-option-inner-inner {
	font-size:1rem;	
	line-height:1.7rem;
}

.ob_tree td.ob_t2 {
	font-size:0.9rem;	
}

.ob_tree div {
	margin-right:0.3em;
	font-size:1rem!important;
}

.ob_tree span {
	font-size:1rem!important;
}

.ob_tree img {
	width:95%;
	height:auto;	
}

.ob_tree .ob_t6v img, .ob_tree .ob_t6 img {
	width:1.8em;
	height:1.8em;
}

.ob_tree input {
	width:1.3rem!important;
	height:1.3rem!important;;
	vertical-align:middle;
}

.ob_tree label {
	margin: auto !important;	
}

td.ob_t2,td.ob_t3 {
	border:0px !important;
}


.systemTabs,#tabs  { 
    padding: 0px; 
    background: transparent; 
    border: none!important; 
} 
.systemTabs .ui-tabs-nav,#tabs .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    border-radius: 0px; 
} 
.systemTabs .ui-tabs-panel,#tabs .ui-tabs-panel { 
    border-width: 0px 1px 1px 1px; 
}

.systemTabs-min { 
    background: transparent; 
    border: none!important; 
} 

.systemTabs-min .ui-tabs-panel {
	padding:1em 0em;	
}

.systemTabs-min .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    border-radius: 0px; 
} 

.systemTabs-min .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
.systemTabs-min .ui-tabs-nav .ui-state-active { 
    background: transparent url(/images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
} 
.systemTabs-min .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
} 
.systemTabs-min .ui-tabs-nav .ui-state-active a { 
    color: #459e00; 
}

.systemTabs-min .ui-tabs-nav .ui-tabs-anchor {
	padding:1em 1em 1em 0em;
}

.systemTabsFixed  {
	position: relative;
	height: 98%;
}

.ui-accordion-content {
	padding:1em 0.3em !important;
}

.ui-button {
	padding:3px 10px 3px 10px !important;
	font-weight:normal !important;	
	border-radius: 6px !important;	
}

/* UIn näkymien fontin yleistyylit */
.highcharts-container {
	height: auto !important;
	overflow: visible !important;
	z-index: 1 !important;
}

.highcharts-container svg {
	overflow: visible !important;
}

.ui-widget {
	font-size:1rem;
	font-family: Verdana,arial,helvetica;	
}

#qtip-overlay div {
	opacity:0.5;
}

.qtip {
	max-width: 2000px;
	min-width: 200px;
	max-height: 1200px;
	background-clip: content-box;
	font-size:1rem;
}

.qtip-content {
 	-webkit-overflow-scrolling: touch;
	overflow: auto;
	padding:0px 15px 5px 15px;
 	line-height:17px;
 	line-height:1.3rem;
 	margin-top:7px;	
}

.qtip-titlebar {
	padding-left:15px;
}

.qtip-light{
	border: 1px solid rgba(0, 0, 0, 0.35);
}

.qtip-shadow{
	box-shadow: 1px 3px 6px 1px rgba(0, 0, 0, 0.35);
}

.qtip-dark {
	overflow-y: visible;
	min-height: 20px;
	height: auto;
}

.qtip-rounded {
	border-radius: 8px;	
}

.qtip-light .qtip-titlebar{
	border-top-left-radius: 12px;	
	border-top-right-radius: 12px;		
}

.qtip-titlebar .qtip-close{
	right: 10px;
}

/* qtip fullscreen */
.ui-icon-fullscreen{ right: 4rem!important; }

.ui-tooltip-fullscreen{
	position: fixed!important;
    left: 0 !important;
    top: 0 !important;
    max-width: none!important;
    max-height: none;
    width: 100% !important;
    height: 100% !important;
    background-color: #FFFFFF; 
}

.ui-tooltip-fullscreen .ui-tooltip-tip{ display: none; }
.ui-tooltip-fullscreen .ui-tooltip-titlebar{ border-width: 0 0 1px; }
.ui-tooltip-fullscreen .ui-tooltip-content{ border-width: 0; }

.systemTabs>ul {
	display: inline-block; width: 99%;
} 

.systemTabs>ul a {
	color: #eb8f00!important;
} 

#rss-feed-container {
	width: auto;
	margin:0px;
}

.ui-tooltip {
	border: 1px solid #aaa;
}

.imgCropper {
    width: 190px;
    height: 190px;
    overflow: hidden;
    position: relative;
}

.imgCrop {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;
}

.contactCard {
	margin:4px;padding:5px;	
}

.esslide {
	width:100%;
	height:90px;
	border:0px;
}

.bx-wrapper .bx-viewport {
	border-radius: 0px;
	border: 0px;
	left:0px;
	box-shadow:none;
}


.btn {
	margin-right:2px;
}

.btn-no-text:before {
	margin-right:0px;
}

.btn-print:before {
    font-family: FontAwesome;
    content: "\f02f";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-add:before {
    font-family: FontAwesome;
    content: "\f067";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-draft:before {
    font-family: FontAwesome;
    content: "\f0c7";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-save:before {
    font-family: FontAwesome;
    content: "\f05d";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-delete:before {
    font-family: FontAwesome;
    content: "\f014";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-details:before {
    font-family: FontAwesome;
    content: "\f05a";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-menu:before {
    font-family: FontAwesome;
    content: "\f0c9";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-cancel:before {
    font-family: FontAwesome;
    content: "\f0e2";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-exit:before {
    font-family: FontAwesome;
    content: "\f00d";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-notification:before {
    font-family: FontAwesome;
    content: "\f09e";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-log:before {
    font-family: FontAwesome;
    content: "\f017";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-close:before {
    font-family: FontAwesome;
    content: "\f00d";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-edit:before {
    font-family: FontAwesome;
    content: "\f040";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.btn-refresh:before {
    font-family: FontAwesome;
    content: "\f021";
    margin-right:4px;
    font-size:1.3rem;
	vertical-align: -1px;
    line-height:normal!important;
}

.responsive-table td  {
	padding:6px !important;
}


a.darkenImg {
    display: inline-block;
    background: black;
    padding: 0;
}

a.darkenImg img {
    display: block;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.darkenImg:hover img {
    opacity: 0.7;

}

.slider.slider-disabled .slider-handle {
	background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
}

/*_____HTML5 input type="range"_____________________________________________________*/
.sliderHTML5 {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.sliderHTML5::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.sliderHTML5::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.sliderHTML5:focus {
	border:0px;
  	box-shadow:none;
  	outline: 0 none;
}

.sliderHTML5::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.sliderHTML5::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.sliderHTML5:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.sliderHTML5::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.sliderHTML5::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.sliderHTML5::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.sliderHTML5::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.sliderHTML5:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.sliderHTML5:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}

.goto-top {
    display: block; 
    position: fixed; 
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
	opacity:0.5;
    cursor: pointer; /* Add a mouse pointer on hover */
}

.delayed-rendering {
	display:none;
}

#attnKfInfoTextBlock {
	display:none;
}

#attnKfInfoTextBlockContent::after {
	content: "Tiedostoja lisättäessä huomioithan Patrian turvallisuusmääräykset, käytettävä ohjelma toimii pilvipalveluna!"
} 

.img-avatar {
	object-fit:cover;
	border-radius: 50%;		
}

.img-avatar-xs {
	width:45px!important;	
	height:45px!important;	
}

.img-avatar-sm {
	width:60px!important;	
	height:60px!important;	
}

.img-avatar-lg {
	width:120px!important;	
	height:120px!important;	
}

.password-indicator-badge {
	margin-top: 15px; 
	display: none; 
	text-align :center;
	height:24px;
	line-height:20px;
}

/*____HSEQ - styles____________________________________________*/
#HSEQ-application-container h1 {color:#1c94c4;}

/*_____________AppHeader - start_______________________________*/

/* ikoni - tähti */
#HSEQ-application-container #appheader .appicon::before {
	font-family: FontAwesome;
	color: #1c94c4;
	content: '\f006';
	font-size: 2rem;
	font-weight: normal;
	vertical-align: -5%;
}

/* kuva - kommentoitu pois */
#HSEQ-application-container #appheader xxx.appicon {
	background: #fff url(/_system/css/images/ap_icon.png) 2px 5px no-repeat;
    height: 55px;
	width: 45px;
	background-size: contain;
	display: inline-block;
}

/* nimet - yhteinen - desktop, jos kuva, niin asemoidaan halutusti */
#HSEQ-application-container #appheader xxx.appname {
	vertical-align: top;
	line-height: 50px;
}

/* nimet - kielillä - desktop */
#HSEQ-application-container #appheader .appname-desktop-fi-fi::before {
	content: 'Jatkuva parantaminen ja työturvallisuus';
	white-space: pre-wrap;
}

#HSEQ-application-container #appheader .appname-desktop-en-en::before {
	content: 'Continuous development';
	white-space: pre-wrap;
}

#HSEQ-application-container #appheader .appname-desktop-sw-sw::before {
	content: 'Kontinuerlig utveckling';
	white-space: pre-wrap;
}

#HSEQ-application-container #appheader .appname-desktop-et-ee::before {
	content: 'Pidev areng';
	white-space: pre-wrap;
}

#HSEQ-application-container #appheader .appname-desktop-pl-pl::before {
	content: 'Ciągłe doskonalenie';
	white-space: pre-wrap;
}

/* nimet - kielillä - mobile */
#HSEQ-application-container #appheader .appname-mobile-fi-fi::before, #HSEQ-application-container .appname-mobile-en-en::before, #HSEQ-application-container .appname-mobile-sw-sw::before, #HSEQ-application-container .appname-mobile-et-ee::before {
	content: 'ATLANTIS - HSEQ';
	white-space: pre-wrap;
}

/*_____________AppHeader - End_______________________________*/

/* valikko */
#HSEQ-application-container .ATLANTIS-platform .sm-blue {
	background-color: white;
	box-shadow:none;
	border-radius:0;
	border-bottom:4px solid #159cd8;
}

#HSEQ-application-container .ATLANTIS-platform .sm-blue a, #HSEQ-application-container .ATLANTIS-platform .sm-blue a:hover, #HSEQ-application-container .ATLANTIS-platform .sm-blue a:focus, #HSEQ-application-container .ATLANTIS-platform .sm-blue a:active, #HSEQ-application-container .ATLANTIS-platform .sm-blue a.highlighted {
	font-size:1.1rem;
	line-height:1.1rem;
	color:#000;
	text-shadow:none;
	font-family:Verdana,Geneva,Tahoma,sans-serif;	
	font-weight:normal;
}

#HSEQ-application-container .ATLANTIS-platform .sm-blue li {
    border-left: 2px solid white;
}

#HSEQ-application-container .ATLANTIS-platform .sm-blue > li:first-child > a, #HSEQ-application-container .ATLANTIS-platform .sm-blue > li:last-child > a {
    border-radius:0;
    color:#1c94c4;	
}

#HSEQ-application-container .ATLANTIS-platform .sm-blue a:hover, #HSEQ-application-container .ATLANTIS-platform .sm-blue a:focus, #HSEQ-application-container .ATLANTIS-platform .sm-blue a:active, #HSEQ-application-container .ATLANTIS-platform .sm-blue a.highlighted {
	color:silver;
    background:white;
}

#HSEQ-application-container .ATLANTIS-platform .sm-blue a span.sub-arrow {
    border-color: #666 transparent transparent transparent;
    top:30px;
}

#HSEQ-application-container .ATLANTIS-platform .sm-blue .sub-arrow {
	display:none;
}

#HSEQ-application-container #attn-info-text {
	display:none;
}

#HSEQ-application-container #attn-info-text::after {
	content: ""
} 

#HSEQ-application-container .rewardPointsInfo {
	display:none;
}

.menuitem {cursor:pointer} .menutitle {color:#0046D5;cursor:pointer;}
.diaryView {margin-left:auto;margin-right:auto;}
.risk_small 	{height: 30px;line-height: 24px;float:left;margin-right:4px;color:black;font-weight:bold;font-size:1.4rem !important;padding:0.2rem;text-align:center; width:60px !important;min-height:1.6rem !important;}
.risk0_small  	{background-color:white;border:1px solid silver;color:black;max-width:60px;}
.risk1_small  	{background-color:limegreen;border:1px solid silver;color:black;max-width:60px;}
.risk2_small  	{background-color:greenyellow;border:1px solid silver;color:black;max-width:60px;}
.risk3_small  	{background-color:yellow;border:1px solid silver;color:black;max-width:60px;}
.risk4_small  	{background-color:orange;border:1px solid silver;color:black;max-width:60px;}
.risk5_small  	{background-color:red;border:1px solid silver;color:black;max-width:60px;}
.risk0, .risk, .risk-25-0  	{color:black;font-weight:bold;font-size:18px !important;background-color:#FFFFFF;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk1  {color:black;font-weight:bold;font-size:18px !important;background-color:limegreen!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk2  {color:black;font-weight:bold;font-size:18px !important;background-color:greenyellow!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk3  {color:black;font-weight:bold;font-size:18px !important;background-color:yellow!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk4  {color:black;font-weight:bold;font-size:18px !important;background-color:orange!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk5  {color:black;font-weight:bold;font-size:18px !important;background-color:red!important;text-align:center; width:60px !important;height:34px !important;}


.risk-25-0_small  	{background-color:white;border:1px solid silver;color:black;max-width:60px;}

.risk-25-1_small  	{background-color:limegreen;border:1px solid silver;color:black;max-width:60px;}
.risk-25-2_small  	{background-color:limegreen;border:1px solid silver;color:black;max-width:60px;}
.risk-25-3_small  	{background-color:limegreen;border:1px solid silver;color:black;max-width:60px;}

.risk-25-4_small  	{background-color:yellow;border:1px solid silver;color:black;max-width:60px;}
.risk-25-5_small  	{background-color:yellow;border:1px solid silver;color:black;max-width:60px;}
.risk-25-6_small  	{background-color:yellow;border:1px solid silver;color:black;max-width:60px;}
.risk-25-8_small  	{background-color:yellow;border:1px solid silver;color:black;max-width:60px;}
.risk-25-9_small  	{background-color:yellow;border:1px solid silver;color:black;max-width:60px;}

.risk-25-10_small  	{background-color:orange;border:1px solid silver;color:black;max-width:60px;}
.risk-25-12_small  	{background-color:orange;border:1px solid silver;color:black;max-width:60px;}
.risk-25-15_small  	{background-color:orange;border:1px solid silver;color:black;max-width:60px;}
.risk-25-16_small  	{background-color:orange;border:1px solid silver;color:black;max-width:60px;}

.risk-25-20_small  	{background-color:red;border:1px solid silver;color:black;max-width:60px;}
.risk-25-25_small  	{background-color:red;border:1px solid silver;color:black;max-width:60px;}

input[type=text].risk-25-1  {color:black;font-weight:bold;font-size:18px !important;background-color:limegreen!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-2  {color:black;font-weight:bold;font-size:18px !important;background-color:limegreen!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-3  {color:black;font-weight:bold;font-size:18px !important;background-color:limegreen!important;text-align:center; width:60px !important;height:34px !important;}

input[type=text].risk-25-4  {color:black;font-weight:bold;font-size:18px !important;background-color:yellow!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-5  {color:black;font-weight:bold;font-size:18px !important;background-color:yellow!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-6  {color:black;font-weight:bold;font-size:18px !important;background-color:yellow!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-8  {color:black;font-weight:bold;font-size:18px !important;background-color:yellow!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-9  {color:black;font-weight:bold;font-size:18px !important;background-color:yellow!important;text-align:center; width:60px !important;height:34px !important;}

input[type=text].risk-25-10  {color:black;font-weight:bold;font-size:18px !important;background-color:orange!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-12  {color:black;font-weight:bold;font-size:18px !important;background-color:orange!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-15  {color:black;font-weight:bold;font-size:18px !important;background-color:orange!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-16  {color:black;font-weight:bold;font-size:18px !important;background-color:orange!important;text-align:center; width:60px !important;height:34px !important;}

input[type=text].risk-25-20  {color:black;font-weight:bold;font-size:18px !important;background-color:red!important;text-align:center; width:60px !important;height:34px !important;}
input[type=text].risk-25-25  {color:black;font-weight:bold;font-size:18px !important;background-color:red!important;text-align:center; width:60px !important;height:34px !important;}

.slider-rangeHighlight.risk-25-1_3 {
	background: limegreen;
}

.slider-rangeHighlight.risk-25-4_9 {
	background: yellow;
}

.slider-rangeHighlight.risk-25-10_16 {
	background: orange;
}

.slider-rangeHighlight.risk-25-20_25 {
	background: red;
}

.slider-rangeHighlight.risk-5-1 {
	background: limegreen;
}

.slider-rangeHighlight.risk-5-2 {
	background: greenyellow;
}

.slider-rangeHighlight.risk-5-3 {
	background: yellow;
}

.slider-rangeHighlight.risk-5-4 {
	background: orange;
}

.slider-rangeHighlight.risk-5-5 {
	background: red;
}

.rewardPointsInfo {
	display:none;
}

.task-edit-block-minimized {
	display:none;
	margin-bottom:2.5rem;
	margin-left:0.5rem;
	border-left:1px solid #1c94c4;
	border-right:1px solid #1c94c4;
	padding:0.5rem;
	border-bottom:1px solid #1c94c4;
}	

.task-state-0 {
	color:red;
}

.task-state-1 {
	color:lime;
}

.task-state-2 {
	color:orange;
}

.task-state-3, .task-state-4, .task-state-5 {
	color:#1c94c4;
}
	
.task-state-10, .task-state-12 {
	color:green;
}

.task-state-11  {
	color:red;
}

.phase_unchecked:before, .phase_checked:before, .phase_closed:before, .phase_expired:before, .checked-mark:after {
	font-family: FontAwesome;
    font-size:1.4rem;
	vertical-align: -1px;
    line-height:normal!important;
	margin-right:4px;
}
	
.phase_unchecked:before {
	content: "\f00c";
	color:red;
}	

.phase_checked:before, .phase_closed:before,  .checked-mark:after {
 	content: "\f00c";
	color:green;
}

.phase_expired:before {
 	content: "\f071";
	color:red;
}


#contentWrapper {
	display:block;
	overflow:auto;
}

#evoHeader {
	width:100%;
	position:fixed;
	z-index:9;
	background:#fff;
	padding-bottom:3px;
}

#appmainDiv {
	clear: both;
	padding:0.5em 1.5em 0.5em 1.5em;
}

.single-application {
	color:white;
}

.affix {
	top:80px;
	width:100%;
	background:#fff;
	padding-top:0.8rem;
	padding-bottom:0.5rem;
	z-index:8;	
}

.diary-ui-header {
	display:none;
	height: 0px !important;
}

.diary-ui-main {
	padding-top:0.5em !important;
}

.diary-ui-main .systemLoadingSpinner:before {
	top:0px;
}

#buttonset {
	margin:0.3rem 0rem;
}

#buttonset .btnSave {
	color:green;
	width:200px;
}

#buttonset .btnDelete {
	color:red;
	width:200px;
}

#RH_arviointi textarea {
	height:40px;
}

#RH_arviointi textarea[readonly] {
 	border:1px dotted #1c94c4;
 	border-left:2px solid #1c94c4;
}

#card-1 .comment, #card-2 .comment {
	height:50px;
}

.phaseIsLocked:after  {
	font-family: FontAwesome;
    font-size:1.2rem;
    line-height:normal!important;
	margin-left:0.5rem;
	content: "\f023";
	color:red;
}	

.RH_cardTitle {
	font-weight:bold;
	font-size:1.2rem;
	margin:1rem 0rem;
	color:#1c94c4;
}

.RH_cardLabel {
	margin:5px 0px 4px 0px;
	font-weight:bold;
	font-size:12px;

}

.matrixHelp {
	width:25%;
	height:12px;
	cursor:hand;
	font-size:11px;
	text-align:center;
}	

.matrixHelpTitle{
	text-align:left !important;
}
/* Raporting */
.raporting label {
	font-weight:bold;
	display:block;
	width:100%;
	margin-top:10px;
	margin-bottom:2px;
}

.raporting input[type=text], select {
	width:100%;
}
    
.raportStartBtn {
	margin-top:10px;
	width:100%;
}

.showPath {
	margin:0px 0px 0.7rem 0px;
}

.showPath a {
	font-size:1.2rem;
	font-weight:bold;
	color: #337ab7;			
	text-decoration:none;
}

.showPath a:hover {
	color: #23527c;	
}

/*____DAM embedded basket styles  - imported 22.12.2022_____*/
.embedded_basket {
	display:none;
}

.dspublic {float: left; width: 100%; background-color: white; margin: 0px auto 20px auto; padding-top: 1px; padding-bottom:10px; text-align: center;}
.imgWrapper	{border: 1px solid silver; display: inline-table; min-height: 320px; height:auto;float: left; margin: 6px; padding: 2px; width: 22%;}

.imgWrapper:hover {
	border: 1px solid #e9ab50;
	background: #fcfcfc;
}
.imgWrapper {
	-moz-border-radius: 6px; 
	-khtml-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;	
}
.imgContainer		{height: 150px; position: relative; text-align: left;}
.imgPosition		{position: absolute; bottom: 2px; cursor: pointer; width: 100%; text-align: center;}
.imgPosition img    {margin: auto 0 auto 0;max-height:120px;}
.imgDescription		{text-align: center; min-height: 30px; height:auto; overflow: auto; max-height:150px;}
.imgSave, .imgCard {
	padding:5px 0px;margin:10px 5px; background: #f1f1f1; border:1px solid silver;border-radius:15px;
}

.imgCardIcon, .imgSaveIcon{
	vertical-align:middle;
	margin-right:5px;
} 

.imgCard {
	display:none;
}

.imgSave {
	display:block;
}

.pager {
	clear:both;margin-top:10px;border-top:1px solid silver;
}
.pagingElement {
	cursor:pointer;margin:3px;float:left;border:1px solid silver;padding:1px 3px 1px 3px; border-radius:5px;
}

.basketName {
	display:none!important;
}

div.risk-card-container .item-container {
	margin-top:1rem;
	border-top:1px solid silver;
	padding-top:0.5rem;
	display:block;      
}

div.risk-card-container .subject-label, div.risk-card-container .deadline-label, div.risk-card-container .action-label, div.risk-card-container .user-label {
	margin-top:0.5rem;
	color:#1c94c4;
	font-weight:bold;
}

div.risk-card-container .subject-label::before {
	content:"Korjaustoimenpide";
}

div.risk-card-container .deadline-label::before {
	content:"Korjaus deadline";
}

div.risk-card-container .action-label::before {
	content:"Tehty toimenpide";
}

div.risk-card-container .user-label::before {
	content:"Vastuuhenkilö ja kuittaus";
}

div.risk-card-container .desision-comments, div.risk-card-container .subject-data {
	white-space: pre-wrap;	
}

div.risk-card-container .siedetaan .subject-label,div.risk-card-container .siedetaan .subject-data,div.risk-card-container .siedetaan .deadline-label,div.risk-card-container .siedetaan .deadline-data,div.risk-card-container .siedetaan .action-label,div.risk-card-container .siedetaan .action-data {
	display:none;
} 

div.risk-card-container .left-block {
	border-right:1px solid silver;
}

.round-meter-15rem {
	text-align:center;
	color:white;
	margin:auto;
	width:15rem;
	height:15rem;
	border-radius:10rem;
	
	font-size:3rem;
	-webkit-text-stroke: 1px  black;
	border:10px solid silver;
}

.round-meter-15rem .content {
	height:13rem;
	width:15rem;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.shortlink-menu-item {
	padding:0.4rem 0rem;
}

/*_____FancyBox_____________________________________________________*/
.fancybox-toolbar {
    top: 0px;
    margin: auto;
    width: 100%;
    position: relative;
    text-align: center;
}

/*_____Media query_____________________________________________________*/
@media screen {
	.print-content-textarea {display:none;}
}

@media only screen and (min-width:769px) {
	#appmainDiv {padding:0.5em 1.5em 0.5em 1.5em;}

	#col-left #kf-notificator, #col-left #rss-feed-container {
		display:block;
	}	

	html.mobile-ui, html.mobile-ui body {
		font-size:14px!important;
	}
	
	html.mobile-ui .Atlantis-mobile-header {
		height:45px;
		padding-top:0.3rem;
	} 

  	.mobile {display:none;}
  	.desktop {display:inline-cell;} 

	.btn-block-xs {
        display: inline;
        width:auto;
    }  	 
}

@media only screen and (max-width:768px) {
	html,body {
		font-size: 14px!important;
	}

	h1 {
		color: #8B8B8A;
		font-size: 21px;
		font-size:1.8rem;
	}
	
	h2 {
		color: #8B8B8A;
		font-size:18px;
		font-size:1.6rem;
	}
	
	h3 {
		font-size: 16px;
		font-size:1.4rem;
	}
	
	h4 {  
		font-size: 14px;
		font-size: 1.2rem;
		font-weight: bold;
	}
	
	h5 {  
		margin-top:1.2rem;
		margin-bottom:0.6rem;	
		font-size: 12px;
		font-size: 1.1rem;
		font-weight: bold;
		color: #444;
	}
	
	
	h6 {  
		font-size: 12px;
		font-size: 1.0rem;
		font-weight: normal;
		margin:0px;
		background: #f1f1f1;
	}

	input.searchField, input.calendarField, input.calculate-sum-plus, input.calculate-sum-minus {
	    padding-left: 2rem!important;
	}

	.bootstrap-select:not(.mobile-searchbox) .bs-searchbox {
		display:none;
	}

	.mobile {display:inline-block;}
	.desktop {display:none!important;}

	.nav-workspace {
		padding-left:2.5em;
	}
	#mainContent {
		margin-top:1em;	
	}

	#pagemenu-sidebar li {
		float:left;
	}
	
	.html-bg {
		background-color:#FFFFFF;
	}

	#col-left #kf-notificator, #col-left #rss-feed-container {
		display:none;
	}

	.qtip {
		border:0px!important;
	}

	.qtip-titlebar {
		background-color:white !important;
		color:black!important;
		border:0px;
		border-bottom:1px solid #1c94c4;
		line-height:normal;
		height:auto;
		min-height:1.6rem;
		font-weight:bold;
		margin-bottom:1rem;
	}

	.qtip-title {
		line-height:1.6rem;
	}

	.qtip-titlebar .qtip-icon {
		border:0px;
		background-color: transparent;
	}

	.qtip-titlebar .ui-icon {
		color:red!important;
		line-height: 2.6rem;
		font-size: 2.8rem;
		width: 2.8rem;
		height: 2.8rem;
		padding-top: 2px;
	}

	.affix {
		top:3rem;
		padding-top:0.4rem;
		padding-bottom:0.25rem;
	}

	.responsive-table td {
		display: block;
		width:100%!important;
	}

	.responsive-table tr td:nth-child(odd) {
		font-weight:600;
	}
		
	.responsive-table tr td:nth-child(even) {
		margin-top:-12px;
	}

	.nav-pills-atlantis>li {
		margin-bottom:2px;
	}

	.btn-block-xs {
        display: block;
        width: 100%!important;
    }

	#globalsearchForm{
		margin-left:1em !important;
	}

	#globalsearchForm input{
		width:10em !important;
	}

	.main-menu-btn {
		margin-left:0em;
		margin-top: -30px;	
	}

	.ATLANTIS-digistore .main-menu-btn {
		margin-top: -3.2em;	
	}

	.ATLANTIS-evolution .main-menu-btn {
		margin-top: -3em;	
	}	

	/* mobile app styles */

	.Atlantis-mobile-header {
		height:53px;
		max-height:53px;
	    font-family: "HelveticaNeue Light", "Roboto Light", "Slate Light", "Segoe WP", NokiaPureTextLight, sans-serif;	
	}

	.Atlantis-mobile-header .appname-container {
		padding-left:0px;
	}
			
	.img-avatar-xs, .img-avatar-sm {
		width:35px!important;	
		height:35px!important;	
	}

	.hseq-add-new-container .fa-5x {
		font-size:4rem;
	}

	#bbsview img:not(.img-avatar) {
		max-width: 100%!important;
		max-height: 100%!important;
		width: 100%!important;
		height: 100%!important;
		margin-right:0px!important;;
		float:none!important;;
		border:0px!important;;
	}

	#appheader {
		background-color:#1c94c4;
		color:white;
		padding:0.5em;
	}
	
  	#appmainDiv {padding:0em 1em 0.5em 1em;}

	#searchTabs > li {
		margin-top:-6px;		
	}
		
	#appheader .fa-star-o {
		display:none!important;
	}
	
	#main-menu {
		margin-top: -6px;
	}

	.rh-tunnistus-kommentti	{
		margin-left:0px!important;
		margin-right:0px!important;		
	}
	
	.savecomment {
		padding-left:12px!important;
	}

	.kf-items-container .search-container, 	.audits-container .search-container {
		display: none;
	}	

	.btn-mobile-block { 
		width: 100%; 
		display:block; 
		margin-top:0.5rem;
	}
	
	.search-container .col-xs-12 {
		margin-bottom:0.3rem;
	}	

	.shortlink-menu-item {
		padding:0.4rem 0rem;
		font-size: 1.1rem;
	}
}

@media print {
	.fa-color0:before, .fa-color-0:before {color:#888888!important;}
	.fa-color1:before, .fa-color-1:before {color:#1c94c4!important;}
	.fa-color2:before, .fa-color-2:before {color:red!important;}
	.fa-color3:before, .fa-color-3:before {color:lime!important;}
	.fa-color4:before, .fa-color-4:before {color:green!important;}
	.fa-color5:before, .fa-color-5:before {color:#ec971f!important;}
	.fa-color6:before, .fa-color-6:before {color:#449d44!important;}
	.fa-color7:before, .fa-color-7:before {color:yellow!important;}
	.fa-color8:before, .fa-color-8:before {color:orange!important;}		
	.fa-color-black:before {color:#000!important;}	
	.fa-color-dark-grey:before {color:#333!important;}
	.fa-color-white:before {color:#fff!important;}	
}