/* Product catalog admin */

div#main div.container.product{
	width:100%;
	padding-left:2em;
	padding-right:2em;
}
.languageoption{
	margin-right:0.5em;
}
.languageoption.current{
	font-weight:bold;
	border:1px solid;
	padding:4px;
	border-radius:4px;
	
}
.sitesettings section.box,
#modulelist section.box{
	 box-shadow: 0 5px 5px rgb(0 0 0 / 0.2);
	 border-radius:0.5em;
}
table.datamodel-objectlist th{
	position: sticky;
  top: 50px; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
}

/* Admin panel */
.moduleitem {
    height: 200px;
}
.moduleitem > .box {
    height: 180px;
}
.moduleitem > .box a {
    text-decoration: none;
    font-weight: bold;
}
.moduleitem > .box img {
    margin: 0px 2px;
    vertical-align: middle;
}
.noborder {
    border: none;
}

#modulelist img {
	margin: 0px 2px;
	vertical-align:middle;
}

#logoswitch {
	padding-top: 5px;
}

.moduleselect_img {
	border: none;
	margin: 0px 2px;
}

img.printicon {
	vertical-align: middle;
}

.uploadedfilepreview {
	position: relative;
}
.uploadedfilepreview > a {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.css-display-none {
    display: none;
}
.css-display-block {
    display: block;
}
.css-display-inline {
    display: inline;
}
.css-display-inline-block {
    display: inline-block;
}
.css-visibility-hidden {
    visibility: hidden;
}
.css-position-relative {
    position: relative;
}
.css-position-absolute {
    position: absolute;
}
.css-nomargin {
    padding: 0;
}
.css-nopadding {
    padding: 0;
}
.css-border-none, .css-noborder {
    border: none;
}
.css-float-right {
    float: right;
}
.css-float-left {
	float: left;
}
.css-clear-none {
    clear: none;
}
.css-page-break-after-always {
    page-break-after: always;
}
.css-page-break-before-always {
    page-break-before: always;
}
.css-vertical-align-middle {
	vertical-align: middle;
}
.css-overflow-hidden {
	overflow: hidden;
}


/* Forms admin */
#elementinputsmenu > div {
	background-color:#333;
	color:#fff;
}
#formelements {
    min-height: 200px;
}

/* Structure admin */
.tablelist-sorting {
	vertical-align: middle;
	border: none;
	margin: 0px 3px;
}
.thumbnail-loader {
	padding: 35px;
	border: none;
}
.tablelist-thumbnail-wrapper {
	position: relative;
	width: 100px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
}
.tablelist-thumbnail-wrapper > div {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.tablelist-thumbnail-wrapper img {
	border: none;
}
.tablelist-pagetitle {
	max-width: 220px;
}
.tablelist-template {
	max-width: 100px;
}
.tablelist-template select {
	max-width: 100px;
	overflow: hidden;
}
.tablelist-timed-events {
	vertical-align: middle;
	border: none;
	margin: 0px 4px;
}
.backToFoldertree {
	margin-top: 20px;
}
#moduleOrangebox {
	width: 465px;
	overflow: hidden;
}
#moduleOrangebox > table {
	width: 100%;
	height: 100%;
}
.pages-total {
	width: 450px;
	height: auto;
	text-align: left;
}
.pages-total > table {
	width: 430px;
	height: 100%;
	display: block;
	clear: both;
}
#resultsTable .trTitle .searchResultsTitle:first-child {
	width: 175px;
}
#resultsTable .trTitle .searchResultsTitle:last-child {
	width: 200px;
}
.backToFoldertree.search {
	margin-top: 30px;
}
.structure-search {
	padding-top: 10px;
	width: 788px;
	text-align: left;
	display: block;
}
.structureTree a.map {
	padding-left: 5px;
	width: 12px;
	height: 14px;
	border: none;
}
.pagestatusicon {
	padding-left: 5px;
	border: none;
}
.publishingicon {
	vertical-align: middle;
	margin: 0px 2px;
}
.structuretableicon {
	vertical-align: middle;
	border: none;
	margin: 0px 4px;
}
.showinmenuicon {
	border: none;
}
.gotopageicon {
	padding-left: 5px;
	width: 12px;
	height: 14px;
	border: none;
}
.defaultpageicon {
	margin: 0px 5px;
	border: none;
}
.changestatusicon {
	padding-left: 5px;
	border: none;
}
#cssform #editor {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: auto;
}
#cssform td:has(> #editor) {
	height: 500px;
}
.togglefilelist > span {
	color: #fff;
	font-weight: bold;
}
#filelisttable tr.active {
	background-color: #64aa2b;
}
.generic {
	background-color: #9CC;
}
.missingstring{
	background-color: #C60;
}
#languagestringform a.googletranslate {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}
#languagestringform tr.headerrow {
	background: url('/icms/images/menu_bg.jpg') repeat-x scroll 0 0 transparent;
}
#csseditorwrapper {
	height: 500px;
}
#csseditorwrapper > #editor {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: auto;
}
img.cssfile-itemstatus {
	border: none;
	vertical-align: middle;
}
#elementinputsmenu > div {
	background-color: #333;
	color: #fff;
}
#formelements {
	min-height: 200px;
}
.pagepropertiesform-container {
	padding: 0px 25px;
}
.pageproperties-basicinformation {
	text-align: left;
	background-color: #fff;
}
.pagepropertiesform-container table {
	border: none !important;
}
.pagepropertiesform-container table .statusicon,
#pagepropertiesdiv .statusicon {
	padding-left: 5px;
}
.pagepropertiesform-container .separator {
	width: 4px;
}
.pagepropertiesform-container .separator div {
	width: 2px;
	height: 325px;
	background: #fff;
	float: left;
}
.pagepropertiesform-container .separator div:first-child {
	width: 1px;
	background: #ccc;
}
.pagepropertiesform-container .separator div:last-child {
	width: 1px;
	background: #eee;
}
.pagestatus-underconstruction {
	color: red;
}
.pagestatus-published {
	color: green;
}
.pagepropertiesform-container table td.submitbuttons {
	text-align: center;
}
#pagepropertiesdiv header > h2 {
	margin-bottom: 10px;
}
.informationicon {
	border: none;
	vertical-align: middle;
	margin: 0px 4px;
}
a.deleteevent > img {
	border: none;
}
#scheduleformdiv {
	margin: 20px;
}
#scheduleformdiv .messages, #scheduleformdiv .errors {
	margin: 10px;
}
#scheduleform input[name="eventdate"] {
	width: 120px !important;
}
.templateform-tab {
	text-decoration: none;
}
.templateform-tab.active {
	font-weight: bold;
}
#templatelistform .thumbnaildiv {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.thumbnaildiv div:has(a.updatethumbnail) {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.updatethumbnail.reload {
	position: relative;
	z-index: 200;
}
.thumbnailpreview > img,
.updatethumbnail > img {
	border: none;
}
a.groupuserlist.updateuserlist {
	font-weight: bold;
}
#usersearchform .namefield {
	width: 85px;
}
#usersearchform .logindate {
	width: 90px!important;
}
#usersearchform div:has(> .logindate) {
	width: 118px;
}
#usersearchform .downloadoptions {
	line-height: 1.5em;
}
table.generalsettings #group_defaultpage img {
	padding-left: 5px;
}
table.generalsettings .groupinformation {
	width: 100%;
}
.requiredsymbol {
	color: #24881c;
}
#advancedsearchform .datepickertable .datepicker {
	width: 100px!important;
	clear: none;
}
#advancedsearchform .datepickertable td {
	padding: 0!important;
}
#advancedsearchform .datepickertable {
	border: none;
}
.iuserFieldset .datepickercontainer {
	width: 90px;
	clear: none;
	float: left;
}
.iuserFieldset .datepickerseparator {
	clear: none;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
#setviewform table {
	width: 600px;
}
#setviewform .userrow.active {
	background-color: #FA8A69;
}
#setviewform .userrow.active.admin {
	background-color: #66CCFF;
}
#setviewform .userrow:hover {
	background-color: #FFFFfc;
}
/* Image bank */
#folderpath #folderpath-arrow, div.folder_0 .arrow {
	color: #3d3a37;
	font-family: Arial;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}
#folderpath .folderlink, div.droppable .folderlink {
	color: #363331;
	font-size: 14px; 
	text-decoration: underline;
}
#folderview .folderbackground {
	background-image: url(images/kansio.png);
	background-repeat: no-repeat;
	padding: 10px;
	margin-left: 22px;
	margin-top: 10px;
	width: 150px;
	float: left;
	position: relative;
	clear: none;
}
#folderview .folderbackground .previewimageloaded {
	width: 95px;
	height: 70px;
	margin-top: 30px;
	margin-left: 45px;
	overflow: hidden;
}
#folderview .folderbackground .previewimageloaded > div {
	background-color: #b9b6b4;
	margin-top: 12px;
	border-style: inset;
	border-width: 2px;
	border-color: #9b948e;
	width: 85px;
	height: 56px;
	overflow: hidden;
}
#folderview .folderbackground .previewimageempty {
	width: 92px;
	height: 57px;
	margin-top: 42px;
	margin-left: 45px;
	overflow: hidden;
}
#folderview .folderbackground .previewimageempty > div {
	font-size: 14px;
	color: #000000;
}
#folderview .categorycheckboxcontainer {
	overflow: hidden;
	clear: both;
	margin-top: 35px;
	margin-left: 25px;
}
#folderview .pictureborder img {
	border-style: none;
}
#folderview .categorycheckboxcontainer a {
	color: #535262;
	font-size: 15px;
}
#folderview div:has(> .imagethumbnailwrapper) {
	float: left;
	margin-left: 22px;
	clear: none;
	padding: 10px;
	width: 150px;
}
#folderview .imagethumbnailwrapper {
	overflow: hidden;
	clear: both;
	width: 150px;
}
#folderview .imagedata {
	clear: both;
	height: 40px;
	text-align: left;
	margin-top: 0px;
}
.imagedata .picname {
	color: #000000;
	font-size: 14px;
}
.imagethumbnailwrapper img {
	margin-left: 25px;
	margin-top: 20px;
	border: none;
}
.imagethumbnailwrapper img.inactive {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#folderview .pagenavigation {
	clear: both;
	padding: 10px;
	font-weight: bold;
}
#folderview span.noimages {
	font-weight: bold;
	font-size: 16;
	color: #333;
	font-family: Arial;
	padding-left: 50px;
}
div.center {
	text-align: center;
}
.linebackground {
	height: 100%;
	width: 100%;
	background-image: url('/icms/editor/modifyimage_pictures/viivatausta.gif');
}
.cropimagetable {
	width: 800px;
	height: 450px;
	background-color: #ffffff;
	border-style: solid;
	border-color: #606060;
	border-width: 3px;
	margin-top: 3px;
}
.cropimagetable td {
	margin-top: 10px;
	vertical-align: top;
}
#imagetocrop {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: none;
}
#cropformcontainer {
	background-image: url(/icms/editor/modifyimage_pictures/toolbartausta.gif);
	background-repeat: repeat-x;
	width: 800px;
	height: 50px;
}
#cropform {
	margin-top: 10px;
}
#ImageActionLinks {
	clear: both;
	float: left;
}
#ImageText {
	text-align: center;
	padding-top: 10px;
	height: 40px;
	overflow-y: hidden;
}
#ImageView {
	clear: both;
	margin: 10px;
}
#ImagePreviewDiv {
	width: 100%;
	height: 100%;
	background-color: #000000;
	text-align: center;
}
.searchResultsTd img {
	margin-left: 25px;
	margin-top: 20px;
	border: none;
}
.searchResultsTd img.inactive,
#resultdiv img.searchthumbnail.inactive {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#modifyImg_imagescrollarea .Scrollprev {
	float: left;
}
#modifyImg_imagescrollarea .Scrollnext {
	float: right;
	margin-right: -10px;
}
#modifyImg_imagescrollarea .singleitem.image {
	width: 80px;
	margin-right: 30px;
	height: 80px;
	float: left;
	position: relative;
	overflow: hidden;
}
#modifyImg_imagescrollarea .singleitem.image img {
	border-style: none;
}
#modifyImg_imagescrollarea .singleitem.noimage a {
	cursor: default;
}
#resultdiv img.searchthumbnail,
#resultdiv .imagestatussymbol {
	border: none;
}
div.copiedimage {
	float: left;
	padding: 10px;
	position: relative;
	clear: none;
	height: 170px;
	width: 170px;
}
div.copiedimage > div {
	width: 150px;
	height: 150px;
	position: relative;
	overflow: hidden;
}
div.copiedimage div:has(> .deletecopiedimage) {
	position: absolute;
	top: 5px;
	right: 5px;
}
#filetreeSlider #filetree {
	border-bottom: 1px solid #999999;
}
#filetree div.wrap {
	z-index: 11;
	float: left;
}
div.closefilelist {
	background-image: url(/icms/editor/filetree/middlebar.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	height: 100%;
}
.closefilelist > img {
	margin-top: 260px;
	z-index: 10;
	margin-left: 8px;
	cursor: pointer;
}
#filetree .clear-element > div {
	z-index: 10;
}
#filetree .clear-element.no-nesting > div {
	z-index: 11;
}
#filetree .clear-element .level-1 {
	padding-left: 10px;
}
#filetree .clear-element .level-2 {
	padding-left: 20px;
}
#filetree .clear-element .level-3 {
	padding-left: 30px;
}
#filetree .clear-element .level-4 {
	padding-left: 40px;
}
#filetree .clear-element .level-5 {
	padding-left: 50px;
}
#filetree .sort-handle-span {
	font-size: 14px;
	color: #535262;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
}
.imagebank-resultrow {
	position: relative;
}
.imagebank-resultrow .thumbnail-div {
	height: 200px;
	overflow: hidden;
}
.imagebank-resultrow .thumbnail-div > img {
	border: none;
}
.imagebank-resultrow .thumbnail-div > img.inactive {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.imagebank-resultrow .checkboxcontainer {
	position: absolute;
	top: 0;
	left: 2em;
}
#categoryform .submitbuttons {
	padding-top: 5px;
}
#ajaxresult {
	clear: both;
}
table.editimageinformation .textfield {
	margin-left: 5px;
	margin-bottom: 5px;
}
.imagebank-summary {
	width: 930px;
	height: auto;
	float: left;
}
#categoryform td:has(> #accessprivilegeslink) {
	margin-bottom: 5px;
}
#imagesfromurlformtable td:has(input[type="submit"]) {
	text-align: center;
}
/* File */
#fileuploadfield {
	border: 1px solid #eee;
	padding: 2em;
}
#resultsTable .searchResults-name, 
#resultsTable .searchResults-folder, 
#resultsTable .searchResults-description {
	width: 175px;
}
#resultsTable .searchResults-extension {
	width: 100px;
}
#resultsTable .searchResults-size {
	width: 125px;
}
#resultsTable .optionbutton {
	margin: 0px 5px 0px 5px;
	width: 16px;
	height: 16px;
	float: left;
}
.file-help {
	width: 500px;
	height: 500px;
	background-color: red;
}
/* Login */
.nouserfound {
	margin-left: 70px;
}
.nouserfound .errormessage {
	color: red;
	line-height: 1.5em;
}
.nouserfound .createrootuser {
	margin: 10px;
}
div#version {
	bottom: 0;
	right: 20px;
	position: absolute;
}
/* Page access levels */
#accesslevelDiv .accesslevelFieldsetContainer {
	text-align: left;
	background-color: #fff;
}
/* Installer */
.installer-information {
	position: relative;
	width: 100%;
	height: auto;
}
.installer-information > div {
	position: absolute;
	top: 5px;
	right: 5px;
}
.module-link {
	text-decoration: none;
	font-weight: bold;
}
/* Event calendar */
#eventform #eventdate, #eventform #eventenddate, #eventform #recurringeventend {
	width: 190px;
}
#eventform h4 {
	margin: 0px;
}
#eventform .addusergroup {
	text-decoration: none;
}
#eventform .submitbuttons {
	text-align: center;
}
.deleteimagecontainer {
	position: absolute;
	top: 5px;
	right: 5px;
}
.eventimage {
	border: none;
}
/* Image bank */
.copiedimage img {
	border: none;
	text-align: center;
}
/* Iuser */
.userpropertiestable td:not(tr > td:first-child) {
	text-align: center;
}
.userpropertiestable td:has(> input[type="submit"]) {
	text-align: right;
}
.userpropertiestable img {
	border: none;
}
/* News */
.news-rowoptions {
	padding: 0.5em 0 0.5em 1em;
}
.news-rowoptions img {
	border: none;
	vertical-align: middle;
}
.news-notification {
	padding: 1em;
	clear: both;
}
td.news-actionbuttons {
	width: 30px;
	text-align: center;
}
td.news-date {
	text-align: center;
}
tr.news-results img {
	border: none;
}
#newsEditTable #modifyDate img {
	border: none;
}
#newsEditTable .fancyboxtable {
	text-decoration: none;
}
#newsEditTable .fancyboxtable img {
	border: none;
	margin: 0px 4px;
	vertical-align: middle;
}
#newsEditTable .newsview_files img {
	border: none;
	margin: 0px 3px;
	vertical-align: middle;
}
/* Objectaccesslevels */
.objectaccesslevels-resultstable {
	width: 100%;
}
/* Page properties */
.pageproperties-basicinformation table.table, 
.pageproperties-basicinformation table.table img {
	border: none;
}
#advanced-settings img {
	border: none;
}
#scheduleform table.table {
	border: none;
}
table.timedevents {
	border: none;
	width: 100%;
}
/* Product */
.discountsaved {
	border: none;
}
#searchForm #searchdate, #searchForm #startdate, #searchForm #enddate {
	width: 65px;
}
#searchform .fancy {
	text-decoration: none;
	color: #000;
}
.centercontent {
	text-align: center;
}
.productquerydiv {
	padding: 10px;
	margin: 10px;
	border: 1px dotted #666666;
	background-color: #FFFFCC;
}
.productquerytable {
	border: none;
	width: 100%;
}
.productquerytable > tr > td {
	padding: 0;
	vertical-align: top;
	width: 50%;
}
.productquerytable > tr > td:first-child {
	padding-right: 40px;
}
.productquerytable h2 {
	padding: 0;
	margin: 0;
}
.productquerytable table {
	border: none;
	width: 100;
}
.productquerytable table th, .productquerytable table td {
	padding: 2px;
}
#selectproducts table {
	width: 100%;
	border: none;
}
#selectproducts table th, #selectproducts table td {
	padding: 4px;
}
#selectproducts td:has(> #addselected) {
	text-align: right;
}
#selectproducts #addselected img {
	border: none;
	vertical-align: middle;
}
#selectproducts input[type="submit"] {
	visibility: hidden;
}
#createconstraint > div {
	border: 1px solid #ffcc00;
	padding: 4px;
	background-color: #ffff99;
	margin: 5px;
	float: left;
	clear: left;
}
#queryform .addbutton {
	margin-bottom: 5px;
}
#moduleMenuContainer {
	float: left;
	clear: both;
	position: fixed;
	z-index: 2;
	top: 60px;
	width: 100%;
	left: 0;
}
div:has(> #productaudiencelistform) {
	padding-top: 30px;
}
#productaudience {
	width: 800px;
}
/* Template */
.template-tabs, .template-submitbuttons {
	text-align: center;
}
.template-tabs img {
	border: none;
}
#bodyeditorform #editor {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: auto;
}
#bodyeditorform td:has(> #editor), 
td:has(> div.template_editor) {
	height: 500px;
}
div.template_editor {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: auto;
}
.template_editortable {
	width: 100%;
	border: none;
}
/* CSS */
#cssform td:has(> input[type="submit"]) {
	text-align: center;
}
#csseditorwrapper {
	height: 500px;
}
/* Showcase */
#showcase .status {
	text-align: center;
}
/* Translations */
.translation-result a.edit, .translation-result a.remove {
	width: 30px;
	text-align: center;
}

span.highlight {
	background-color: #CA4444 !important;
}

.sitesettings-action {
	height: 200px;
}
.sitesettings-action > section {
	height: 180px;
}
.commit-avatar {
	height: 60px;
}
.commit-avatar-preview {
	height: 60px;
	border: 1px solid;
	padding:0.4em;
}
#repo-form {
	padding: 1em;
	border: 1px solid #333333;
	border-radius: 5px;
	width: auto;
	margin-bottom: 1em;
}
#scheduledtaskform input[name="taskdate"] {
	width: 120px !important;
}
.auditlog-timespan {
	width: 100px !important;
}
span.commitdatastructure {
    display: block;
}
img.commit-avatar-preview {
    height: 60px;
}