#header, #menu, #footer {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

body {
   /*background: #E0E0C0;*/
   background: white;
}

a {
   color: #0080A0;
   text-decoration: none;
   cursor: pointer;
}

a:hover {
   color: #FF0000;
   text-decoration: underline
}

form.login, form.report_controls, form.object_editor, form.relation, form.generic {
   background: #F0F0E0;
   margin: 10px;
   border: 1px solid transparent;
   border-radius: 8px;
   width: 350px;
}

form.generic {
	width: 400px;
}

form.generic label {
	width: 150px;
	margin-top: 3px;
	margin-right: 5px;
	float: left;
}

form.generic p {
	clear: both;
}

form.generic table {
	background: transparent;
	border: none;
}

form.generic input {
	width: 200px;
}

form.generic input[type="checkbox"] {
	width: 15px;
}

form.generic input[type="submit"] {
	margin-left: 160px;
}

.last_change {
   width: 300px;
   padding-left: 20px;
   padding-right: 20px;
}

.report .last_change {
   width: auto;
   padding: 0;
   white-space: pre-line;
}

#edit_resource_reservation2_edit_log .last_change {
	width: auto;
	padding-left: 0;
	padding-right: 0;
}

#edit_resource_reservation2_edit_log {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

#edit_resource_reservation2_edit_log p{
	margin: 5px 5px;
}

.arrow {
   font-size: 140%;
}

#content #login_box {
   /*margin-bottom: 50px;*/
	margin: 8% auto 12%;
   /*width: 500px;*/
   border: none;
   border-spacing: 50px;
}

#content form.login {
   margin: 0;
   margin-left: 20px;
}

#content img.organization_logo {
   /*margin-bottom: 50px;*/
   float: left;
   display: block;
   /*margin-left: auto;
   margin-right: auto;
   margin-top: 8%;
   margin-bottom: 12%;*/
}

.report {
   position: relative;
   margin-top: 20px;
}

form.report_controls {
   width: auto;
}

form.login h1, form.object_editor h1, form.relation h1, form.generic h1 {
   background: #E0E0C0;
   margin: 0;
   margin-bottom: 5px;
   padding: 5px;
   border: 1px solid transparent;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.report_controls table {
   border: none;
   background: transparent;
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   width: 100%;
   border-spacing: 0;
}

form.object_editor table, form.relation table, form.login table {
   background: transparent;
   border: none;
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   width: 100%;
}

form.relation table {
   background: white;
   width: auto;
}

.report_controls td {
   /*width: 370px;*/
   vertical-align: top;
}

td.label {
   padding-top: 4px;
   text-align: right;
   width: 140px;
   display: block;
}

.invalid_field {
   color: #FF0000;
}

td.label label {
   /*float: left;*/
   font-weight: normal;
   color: black;
   text-align: right;
   /*width: 130px;*/
}

.value {
   border: 1px solid #808080;
   /*float: right;*/
   margin: 0;
   padding: 2px;
   text-align: left;
   width: 180px;
}

select.value {
   width: 186px;
   padding: 1px
}

.report_controls .value[type=checkbox] {
   height: 15px;
   width: 15px
}

@media all and (min-width: 1000px) {
   .report_controls td .value {
		width: 220px;
   }

   .report_controls td select.value {
		width: 226px;
   }
}

@media all and (min-width: 1250px) {
   .report_controls td .value {
		width: 300px;
   }

   .report_controls td select.value {
		width: 306px;
   }
}

@media all and (min-width: 1570px) {
   .report_controls td .value {
		width: 400px;
   }

   .report_controls td select.value {
		width: 406px;
   }
}

.invalid_field_comment {
   margin: 0;
   padding: 2px;
   text-align: left;
}

.field_duration .value {
   width: 89px;
}

.field_duration select.value {
   width: 89px;
}

.buttons {
	padding: 2px 5px 8px;
   text-align: center;
}

.new_link {
   padding: 5px;
}

.new_relation {
   float: right;
   padding: 2px;
}

.relation .value {
   display: inline;
   float: none;
   width: 160px;
}

input[type=checkbox] {
   height: 15px;
   margin-right: 170px;
   width: 15px;
}

input.table_select[type=checkbox] {
   margin: 0;
   padding: 0;
}

.editor {
   float: right;
   margin-bottom: 10px;
}

.browse {
   margin-right: 370px;
}

#print_logo, #logo {
   border: none;
   float: right;
   padding: 6px;
   /*padding-right: 10px;*/
   right: 6px;
   position: absolute;
   z-index: 3;
}

#print_logo {
   display: none;
}

.environment_dev#menu {
   /*background: #400000;*/
}

.environment_dev#header {
   /*background: #400000;*/
   border-top: 5px solid #E00000;
   padding-top: 0;
}

#header {
   background: black;
   color: #FFFFFF;
   padding-left: 10px;
   padding-top: 5px;
   height: 47px;
   border-bottom: 8px solid #FF6600;
}

#header a {
   color: #FF6600;
}

#header .title {
   padding-right: 40px;
   font-size: 14px;
   font-weight: bold;
   float: left;
   height: 17px;
   margin-top: -1px;
}

#header .language {
   padding-top: 2px;
   height: 13px;
   line-height: 15px;
   margin-top: -1px;
}

#header .top-header-links {
   display: inline-block;
   padding-top: 5px;
   height: auto;
   margin-top: 7px;
   margin-right: 26px;
   float: right;
   font-family: 'Verdana', 'Arial', sans-serif;
   font-size: 12px;
}

#header .webshop {
   display: inline-block;
   padding-top: 5px;
   height: auto;
   margin-top: 7px;
   margin-right: 26px;
   float: right;
   font-family: 'Verdana', 'Arial', sans-serif;
   font-size: 11px;
}

#header .logout-icon {
   display: inline-block;
   padding-top: 5px;
   height: auto;
   margin-top: 6px;
   margin-right: 16px;
   float: right;
}

#footer {
   /*border-top: 1px solid #808080;*/
   clear: both;
   color: #808080;
   font-size: 11px;
   padding-left: 10px;
   margin-top: 1em;
}

#content {
   padding-top: 25px;
   background: white;
   clear: both;
}

.debug {
   background: #E8E8E8;
   border-bottom: 1px solid #808080;
   border-top: 1px solid #808080;
   clear: both;

   margin-top: 20px;
   padding: 2px;
	font-size: 11px;
	line-height: 1;
}

.debug div {
   font-family: "Lucida Console", "Courier New", Courier, monospace;
   white-space: pre-wrap; /* css-3 */
   background: #F0F0F0;
   margin-top: 8px;
   margin-bottom: 8px;
   color: #BF4D00;
}

.debug div.debug-DEBUG {
   color: #505050;
}

div.debug-EMERG, div.debug-ALERT, div.debug-CRIT, div.debug-ERR {
   color: red;
}

.debug h2 {
   color: black;
   font-size: 14px;
}

.report table {
   border-spacing: 0;
}

.report_list td {
   vertical-align: top;
   padding-right: 30px;
}

thead {
   background: #F0F0E0;
}

.graph_number {
   padding-right: 2px;
   padding-left: 2px;
}

.column_text {
   padding-left: 6px;
   padding-right: 6px;
   position: relative;
}

.column_money, .column_integer, .column_duration, .column_duration_hours, .column_percentage {
   text-align: right;
}

.column_boolean {
   text-align: center;
}

.column_graph_bar {
   vertical-align: bottom;
   text-align: right;
}

.column_boolean input[type=checkbox] {
   height: 10px;
   margin: 0;
   padding: 0;
}

.column_boolean input[type=checkbox]:focus {
   border: 1px solid #555599;
}

tbody .column_long_text {
   word-wrap: break-word;
   white-space: pre-wrap;
}

.table_header_1 td {
   font-size: 14px;
   font-weight: bold;
}

.table_header_2 td {
   font-size: 12px;
   font-weight: bold;
   padding-left: 40px;
}

.table_header_3 td {
   font-size: 11px;
   font-weight: bold;
   padding-left: 80px;
}

.table_header_4 td {
   font-size: 11px;
   padding-left: 120px;
}

.table_footer_0 td {
   font-size: 14px;
   font-weight: bold;
}

.table_footer_1 td {
   font-size: 12px;
   font-weight: bold;
}

.table_footer_2 td {
   font-size: 11px;
   font-style: italic;
}

.table_footer_3 td {
   font-size: 11px;
   font-style: italic;
}

td.row_header_1 {
   font-size: 14px;
   font-weight: bold;
}

td.row_header_2 {
   font-size: 12px;
   font-weight: bold;
   padding-left: 40px;
}

td.row_header_3 {
   font-size: 11px;
   padding-left: 80px;
}

td.row_footer_1 {
   font-size: 12px;
   font-weight: bold;
}

td.row_footer_2 {
   font-size: 11px;
   font-style: italic;
}

td.row_footer_3 {
   font-size: 11px;
   font-style: italic;
}

.odd {
	background: #EEEEEE !important;
}

.status_inactive {
   color: gray;
   background: #F0F0E0 !important;
}

.status_inactive a {
   color: silver;
}

.status_online {
   color: Green;
   background: #E0FFE0 !important;
}

.row_green {
   color: green;
   background: #E0FFE0 !important;
}

.row_red {
   color: red;
   background: #FFE0E0 !important;
}

.row_yellow {
   color: #b8860b;
   background: #feffc6 !important;
}

.log_level_1 {
   color: Red;
   background: #FFB0A0 !important;
}

.log_level_2 {
   color: Red;
   background: #FFC0B0 !important;
}

.log_level_3 {
   color: Red;
   background: #FFD0C0 !important;
}

.log_level_4 {
   color: #C06000;
   background: #FFE0D0 !important;
}

.log_level_5 {
   color: #A08000;
   background: #FFF0D0 !important;
}

.row_highlight {
   background: #E0E0FF !important;
}

.selected {
   background: #F8E8D0; /*background: #FFF0D4; /*background: #E8F0FF;*/
   /*background: #FEFFA0;*/
}

.selected td {
   border-top: 1px solid #A0A070;
   border-bottom: 1px solid #A0A070;
   padding-top: 3px;
   padding-bottom: 3px;
}

.selected a {
   color: #0080A0;
}

.relation table {
   border: none; /*width: 100%;*/
   margin: 0;
   /*border-right: none;
     border-left: none;*/
   width: auto;
}

.paging_controls {
   background: #F0F0E0;
   /*border: 1px solid #C0C0C0;*/
	margin: 10px 10px 0;
	padding: 2px 2px 2px 8px;
   border-radius: 4px;
}

.paging_controls .link {
   color: #C0C0C0;
}

/*.page_break_before {
	page-break-before: always;
}

.page_break_before td {
	margin-top: 10px;
	border-top: 1px solid silver;
}*/

.page_break_after {
   page-break-after: always;
}

.page_break_after td {
   padding-bottom: 20px;
   border-bottom: 1px solid silver;
}

.report_parameters {
   background: #F0F0E0;
   /*border: 1px solid #C0C0C0;*/
   margin: 10px;
   padding: 5px;
   /*margin-bottom: 5px;*/
   border-radius: 4px;
}

.report_parameters h2, .report_parameters p {
   margin: 0;
   padding: 0;
   margin-left: 5px;
}

.report_parameters h2 {
   margin-bottom: 5px;
}

.report_parameters_download_icons {
   float: right;
   clear: right;
}

.report_navigation_download_icons {
   float: right;
   margin-top: -8px;
}

.user_messages {
   background: #FFFFDD;
   border: 1px solid #AA6F00;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
   width: 370px;
}

.user_messages p {
   margin: 0;
   margin-bottom: 3px;
   margin-top: 3px;
}

/* MENU */
#menu {
   position: absolute;
   top: 24px;
   z-index: 2;
   left: 0;
   right: 0;
   background: black;
   border-bottom: 8px solid #FF6600;
   height: 28px;
   margin-bottom: 0;
   padding: 1px 0 0 0;
}

#menu a, #menu .link {
   font-size: 12px;
   font-variant: small-caps;
   padding: 2px;
   text-decoration: none;
   color: #FF6600;
}

#menu .ml-1 a, #menu .ml-1 .link {
   font-size: 11px;
   font-variant: small-caps;
   padding: 2px;
   text-decoration: none;
}

#menu .ml-0 {
   font-weight: bold; /*padding-bottom: 8px;*/
   left: 10px;
   position: relative;
   top: 0;
   width: 98%;
}

#menu .ml-1 {
   background: #FFFFFF;
   border-top: 8px solid #FF6600;
   font-weight: normal;
   left: 0;
   position: absolute;
   top: 19px;
   width: 100%;
}

#menu .ml-2 {
   background: #FFFFFF;
   font-weight: normal;
   left: 0;
   position: absolute;
   top: 40px;
   width: 100%;
   margin-bottom: 20px;
}

#menu li ul {
   display: none;
}

#menu li:hover ul {
   display: block;
   z-index: 50000;
   width: 200px;
   border: 1px solid #FF6600;
}

/* menu level 2 vertical (hover) */
#menu li:hover ul li {
   width: 194px;
}

#menu li:hover ul li a {
   width: 194px;
   display: block;
}

#menu li.selected:hover ul li {
   width: auto;
}

#menu li.selected:hover ul li a {
   width: 194px;
   display: inline;
}

#menu li:hover ul li {
   clear: both;
}

/* menu level 2 vertical (hover) */

#menu li.selected:hover ul {
   border-top: 8px solid #FF6600;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
}

/* menu level 2 vertical (hover) */

#menu li.selected:hover {
   position: static;
}

/* menu level 2 vertical (hover) */

#menu li.selected ul {
   display: block;
   width: 100%;
}

/* menu level 2 vertical */

#menu li.selected:hover ul li {
   clear: none;
}

/* menu level 2 vertical */

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#menu li {
   float: left;
   margin-right: 2px;
   padding: 3px;
   line-height: 15px;
}

#menu li:hover {
   position: relative;
}

/* menu level 2 vertical (hover) */

#menu .ml-0 li {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

#menu .ml-0 .ml-1 li {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

/* Third level */
#menu li .ml-1 ul {
   /* hides third level */
   display: none;
}

#menu li ul li.selected:hover {
   position: relative;
}

#menu li ul li:hover ul {
   /* shows third level of non-selected second level link */
   background-color: white !important;
   display: block;
   position: absolute;
   top: 19px;
   left: 0;
   border: 1px solid #FF6600 !important;
   border-top: 0 !important;
   box-shadow: 5px 5px 15px #888 !important;
   border-bottom-left-radius: 10px !important;
   border-bottom-right-radius: 10px !important;
   width: 160px !important;
   z-index: 20000;
}

#menu li ul li:hover ul li {
   /* shows third level of non-selected second level link */
   width: 154px !important;
   display: block !important;
   clear: both !important;
}

/*#menu li.selected1:hover ul, #menu li.selected1 ul:hover { /* shows third level of selected second level link
	background-color: blue !important;
	display: inline;
	position: absolute;
	top: 19px;
	border: 0px !important;
}*/

#menu .ml-2 a, #menu .ml-2 .link {
   font-size: 11px;
   font-variant: normal;
   padding: 2px;
   text-decoration: none;
}

/* Menu Colors: Level 1 */
#menu .ml-0 li.selected {
   background: #FF6600;
   color: #FFFFFF;
}

#menu .ml-0 li.selected a {
   color: #FFFFFF;
}

#menu .ml-0 li.selected .link {
   color: #FFFFFF;
}

#menu .ml-0 li:hover {
   background: #FF6600;
}

#menu .ml-0 li:hover a {
   color: #FFFFFF;
}

#menu .ml-0 li:hover .link {
   color: #FFFFFF;
}

#menu .ml-0:hover li.selected {
   background: #BF4D00;
}

#menu .ml-0:hover li.selected a {
   color: #FF6600;
}

#menu .ml-0:hover li.selected:hover {
   background: #FF6600;
}

#menu .ml-0:hover li.selected:hover a {
   color: #FFFFFF;
}

/* Menu Colors: Level 2 */
#menu .ml-0 .ml-1 li.selected {
   background: #F8E8D0; /*background: #FFF0D4;*/
   color: #000000;
}

#menu .ml-0 .ml-1 li a {
   color: #FF6600;
}

#menu .ml-0 .ml-1 li .link {
   color: black;
}

#menu .ml-0 .ml-1 li a:hover {
   color: #FF0000;
}

#menu .ml-0 .ml-1 li:hover {
   background: #F8E8D0; /*background: #FFF0D4;*/
}

#menu .ml-0 li:hover ul {
   background: white;
   /*-moz-box-shadow: 5px 5px 15px #888;*/
   box-shadow: 5px 5px 15px #888;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

/* menu level 2 background color (hover) */

/* menu level 2 background color */
#menu .ml-0 li.selected:hover ul {
   background: white;
   box-shadow: none;
   /*-moz-box-shadow: none;*/
}

#menu .ml-0 .ml-1 li:hover a {
   color: #FF0000;
}

#menu .ml-0 li.selected:hover .ml-1 li a {
   color: #FF6600;
}

#menu .ml-0 li.selected .ml-1:hover li a {
   color: #FF6600;
}

#menu .ml-0 li.selected:hover li:hover a {
   color: #FF0000;
}

#menu .ml-0 .ml-1 li.selected:hover {
   background: #F8E8D0; /*background: #FFF0D4;*/
}

.large_menu h2 a {
   display: block;
   font-size: 18px;
   width: 230px;
   background: #c0d0ff;
   padding: 10px;
   border: 2px solid #80a0ff;
   border-radius: 15px;

   text-align: center;

}

.large_menu h2 a:hover {
   color: #006080;
   background: #d0e0ff;
   border: 2px solid #b0c0ff;
   text-decoration: none;
}

.large_menu h2 {
   margin: 0;
   padding: 0;
}

.large_menu {
}

.large_menu td {
   border: 5px solid white;
}

@media print {
   #menu {
      display: none;
   }

   #header {
      background: none;
      border: none;
      color: black;
   }

   #footer {
      display: none;
   }

   .environment_dev#header {
      border-top: none;
   }

   .language {
      display: none;
   }

   #print_logo {
      display: block;
      text-align: center;
   }

   #logo {
      display: none;
   }

   .report_controls {
      display: none;
   }

   .report_parameters h2 {
      display: none
   }

   body {
      background: none;
   }

   .hide_header_row_for_printing {
      visibility: hidden;
   }

   img.download_icon {
      display: none;
   }
}

/* Additional stuff, vlad, 24.6.08 */
.edit_column {
   margin-top: -22px;
   /*float: left;*/
   visibility: hidden;
   /*width: 100%;*/
   margin-left: -3px;
   margin-right: -3px;
}

.edit_column input {
   width: 100%;
   min-width: 50px;
}

.edited {
   margin-top: -22px;
   /*float: left;*/
   visibility: hidden;
   /*width: 100%;*/
   margin-left: -3px;
   margin-right: -3px;
}

.edited_column {
   margin-top: -22px;
   /*float: left;*/
   visibility: hidden;
   /*width: 100%;*/
   margin-left: -3px;
   margin-right: -3px;
}

.edited_column input {
   width: 100%;
   min-width: 50px;
}

.form_control {
   margin: -4px -4px -4px -2px;
}

.form_control:focus {
   margin: -4px -4px -4px -2px;
   border: 1px solid #555599;
}

/*
input.save {
	background: url("resources/icons/save.gif") no-repeat;
	padding-left: 15px;
}

input.delete {
	background: url("resources/icons/action_delete.gif") no-repeat;
	padding-left: 15px;
}

input.edit {
	background: url("resources/icons/reply.gif") no-repeat;
	padding-left: 15px;
}*/

form.table_editor {
      clear: both;
}

form.table_editor thead {
   font-size: 11px;
}

form.table_editor tbody{
   font-size: 11px;
	/*height: 250px;
	margin-bottom: 0px;
	overflow: scroll;*/
}

/* debug */
/* form, div, table, tr, td {border: 1px solid gray;} */
/* td {border: 0px; margin: 0px; padding: 0px;} */
/*td:hover {border-left: 1px solid gray; border-right: 1px solid gray;}*/

/*#last_row {border: 1px solid gray;}*/

#select_action {
   float: left;
}

.actiondiv {
   background: #F0F0E0;
   border: 1px solid transparent;
   border-radius: 8px;
   width: 350px;
   padding: 0;
   margin: 4px;
   float: left;
   clear: both;
   /*margin-top: -15px;*/
}

.actiondiv h1 {
   background: #E0E0C0;
   margin: 0;
   margin-bottom: 5px;
   padding: 5px;
   border: 1px solid transparent;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.actiondiv table {
   border: inherit;
   background: inherit;
   margin: 4px;

   width: 98%;
}

.actiondiv input {
   margin: 2px;
}

.actiondiv table tr td {
   clear: both;
   padding: 4px;
}

.actiondiv table tr td.label {
   width: 100px;
   clear: both;
   padding: 4px;
}

.actiondiv .actioncontrol {
   margin: 1px;
   background-color: white;
   border: 1px solid gray;
}

.actiondiv textarea {
   width: 166px;
   height: 150px;
}

.editable_table {
   font-size: 0.9em;
}

.editable_table thead td a {
   font-weight: bold;
}

.editable_table tbody td {
   padding: 3px;
}

.editable_table tbody tr {
   background: white;
}

.editable_table tr:hover {
   background: #e5e5e5;
}

.editable_table tr.checked_row {
   background: #eFeFeF;
}

.editable_table tr.checked_row:hover {
   background: #e5e5e5;
}

.editable_table .actiondiv tr:hover {
   background: none;
}

.editable_table tr.last_row:hover {
   background: none;
}

.nexus_memo {
   border: 1px solid silver;
   background: #F0F0E0;
   padding: 5px;
   border-radius: 5px;
}

.nexus_memo_wrap a {
   outline: none;
}

.browser_overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 999;
   width: 100%;
   height: 100%;
   background-color: #555;
   display: block;
   position: fixed;
}

.browser_overlay1 {
   position: absolute;
   top: 0;
   /*bottom: 0;*/
   left: 0;
   right: 0;
   z-index: 1000;
   width: 100%;
   /*height: 100%;*/
   background: transparent no-repeat;
   display: block;
}

#powered_by_enkora {
   width: 100%;
   background: transparent;
   text-align: right;
   margin: 0;
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
}

#powered_by_enkora img {
   padding: 3px;
}

#powered_by_enkora * {
   color: white;
   font-size: 9px;
}

p.invoice_attachment_agreement {
	font-size: 16px;
}

p.invoice_attachment_reference {
	font-weight: normal;
}

p.invoice_attachment_address {
	font-weight: normal;
}

p.course_sales_account, p.course_sales_reservation_event_group {
	font-weight: normal;
}

/* Map Styles */

#customermap {
   margin-top: 10px;
   width: auto;
   height: 400px;
}

#customermap_controls {
   padding-top: 10px;
}

#customermap_controls span {
   margin-left: 20px;
}

.customermap-popup {
   /*width: 200px;*/
   font-size: 12px;
}

.customermap-popup img {
   border: 0;
}

.customermap-popup-body {
   width: 200px;
   height: 240px;
   margin: 2px 0;
   text-align: center;
   overflow: hidden;
}

.customermap-popup-img {
   width: 200px;
}

/* end customer map styles */

.chzn-container-multi .chzn-choices .search-field input {
   height: auto;
}

/* datepicker changes: thead stylization, too long month names (fi) oveflow-fix */
.datepicker thead {
	background: white;
}

.datepicker tbody td {
	overflow: hidden;
}

.ap-simulator-icon {
   position: absolute;
   top: 50%;
   right: 0;
   display: block;
   background: white;
   padding: .1rem .3rem;
   margin-left: 5px;
   transform: translateY(-50%);
   visibility: hidden;
}

.ap-simulator-icon img {
   width: 14px;
   height: 10px;
}

.editable_table tr:hover .ap-simulator-icon {
   visibility: visible;
}

#top_scroll {
   z-index: 1;
}
/*
 * Modifications for Enkora's admin by pixels.
 */
/*****************\
GENERAL
\*****************/
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2017 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Typoforge Studio
 * License URL: https://www.fontspring.com/licenses/typoforge-studio/webfont
 *
 *
 */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,600,600i&subset=cyrillic');*/

@font-face {
	font-family: 'Merlo';
	src: url('../merlo-light-webfont.eot');
	src: url('../merlo-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../merlo-light-webfont.woff2') format('woff2'),
	url('../merlo-light-webfont.woff') format('woff'),
	url('../merlo-light-webfont.ttf') format('truetype'),
	url('../merlo-light-webfont.svg#merlolight') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Merlo';
	src: url('../merlo-lightitalic-webfont.eot');
	src: url('../merlo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../merlo-lightitalic-webfont.woff2') format('woff2'),
	url('../merlo-lightitalic-webfont.woff') format('woff'),
	url('../merlo-lightitalic-webfont.ttf') format('truetype'),
	url('../merlo-lightitalic-webfont.svg#merlolight_italic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Merlo';
	src: url('../merlo-medium-webfont.eot');
	src: url('../merlo-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../merlo-medium-webfont.woff2') format('woff2'),
	url('../merlo-medium-webfont.woff') format('woff'),
	url('../merlo-medium-webfont.ttf') format('truetype'),
	url('../merlo-medium-webfont.svg#merlomedium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Merlo';
	src: url('../merlo-mediumitalic-webfont.eot');
	src: url('../merlo-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../merlo-mediumitalic-webfont.woff2') format('woff2'),
	url('../merlo-mediumitalic-webfont.woff') format('woff'),
	url('../merlo-mediumitalic-webfont.ttf') format('truetype'),
	url('../merlo-mediumitalic-webfont.svg#merlomedium_italic') format('svg');
	font-weight: 500;
	font-style: italic;
}

body {
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 12px;
	background-color: #eee;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Merlo', 'Dosis', 'Arial Narrow', sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.svg {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* Header */
#header {
	font-family: 'Merlo', 'Dosis', 'Arial Narrow', sans-serif;
	font-size: inherit;
	overflow: auto;
	background-color: #ffffff;
	border: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	color: #000000;
}

#header .title {
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 40px;
	font-size: 22px;
	font-weight: 500;
	/*float: left;*/
	height: auto;
	margin-top: auto;
}

/* Logo styling changes */
#logo {
	padding: 10px 5px 4px;
	display: inline-block;
	right: auto;
	position: relative;
}

.header-logo {
	width: auto;
	height: 20px;
}

/* Language menu */

#header .language {
	display: inline-block;
	padding-top: 5px;
	height: auto;
	/*line-height: auto;*/
	margin-top: 7px;
	margin-right: 16px;
	float: right;
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	font-size: 11px;
	/*font-weight: 300;*/
}

/* Menu */
#menu {
	font-family: 'Merlo', 'Dosis', 'Arial Narrow', sans-serif;
	font-size: 14px;
	font-weight: 500;

	position: relative;
	top: 0;
	z-index: auto;
	left: auto;
	right: auto;
	background: white;
	border-bottom: 0;
	height: auto;
	margin-bottom: 0;
	padding: 0;
}

/* General menu link styling */
#menu a, #menu .link {
	font-size: 14px;
	font-variant: normal;
	padding: 2px;
	/*text-decoration: none;*/
	color: #ffffff;
}

/* Secondary level menu link styling */
#menu .ml-1 a, #menu .ml-1 .link {
	font-size: 14px;
	font-variant: normal;
	/*padding: 2px;*/
	/*text-decoration: none;*/
}

/* Top level menu <ul> styling */
#menu .ml-0 {
	background: #f26721;
	min-height: 2px;
	font-weight: inherit; /*padding-bottom: 8px;*/
	left: auto;
	padding: 0 10px;
	position: inherit;
	top: auto;
	width: auto;
}

#menu .ml-1 {
	background: #ffffff;
	border-top: 0;
	margin-left: 0 !important;
	font-weight: inherit;
	/*left: 0;*/
	/*position: absolute;*/
	top: 21px;
	/*width: 100%;*/
}

#menu .ml-2 {
	/*background: #FFFFFF;*/
	/*font-weight: normal;*/
	/*left: 0;*/
	/*position: absolute;*/
	/*top: 40px;*/
	/*width: 100%;*/
	/*margin-bottom: 20px;*/
}

#menu li {
	float: none;
	display: inline-block;
}

#menu li:hover ul {
	/*display: block;*/
	/*z-index: 50000;*/
	/*width: 200px;*/
	border: 0; /*1px solid #f26721*/
}

/* menu level 2 vertical (hover) */
#menu li:hover ul li {
	width: 100%;
	box-sizing: border-box; /* not set in all views, this fixes this */
}

#menu li:hover ul li a {
	/*width: 100%;*/
	/*display: block;*/
}

#menu li.selected:hover ul li a {
	width: 200px;
	/*display: inline;*/
}

/* menu level 2 vertical (hover) */

#menu li.selected:hover ul {
	border-top: 0;
}

/* menu level 2 vertical (hover) */

#menu .ml-0 li {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#menu .ml-0 .ml-1 li {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Menu Colors: Level 1 */
#menu .ml-0 li.selected {
	background: #ffffff;
	color: #f26721;
}

#menu .ml-0 li.selected a,
#menu .ml-0 li.selected .link {
	color: #f26721;
}

#menu .ml-0 li:hover {
	background: #f8b385; /* bg colour for top level menu li item on hover */
}

#menu .ml-0:hover li.selected {
	background: #ffffff; /* bg colour for selected top level menu item on hover of menu */
}

#menu .ml-0:hover li.selected a {
	color: #f26721; /* text colour for top level menu on hover of selected item */
}

#menu .ml-0:hover li.selected:hover {
	background: #ffffff; /* background: #f8b385; /* bg colour for top level menu on hover of selected item */
}

#menu .ml-0:hover li.selected:hover a {
	color: #f26721; /*color: #ffffff; /* link text colour for top level menu on hover of selected item */
}

/* Menu Colors: Level 2 */
#menu .ml-0 .ml-1 li.selected {
	background: #f8b385; /*background: #FFF0D4;*/ /* bg color of selected link in secondary level menu */
	color: #ffffff;
}

#menu .ml-0 .ml-1 li.selected a {
	color: #ffffff;
}

#menu .ml-0 .ml-1 li a {
	color: #f26721; /* color of link text normally*/
}

#menu .ml-0 .ml-1 li .link {
	color: #000000; /* colour of link text with class, maybe used for something special, won't touch */
}

#menu .ml-0 .ml-1 li a:hover {
	color: #ffffff; /* color of link text hovered */
}

#menu .ml-0 .ml-1 li:hover {
	background: #f8b385; /*background: #FFF0D4;*/ /* hovered li colour */
}

#menu .ml-0 .ml-1 li:hover a {
	color: #ffffff;
}

#menu .ml-0 li.selected:hover .ml-1 li a {
	color: #f26721;
}

#menu .ml-0 li.selected .ml-1:hover li a {
	color: #f26721;
}

#menu .ml-0 li.selected .ml-1:hover li.selected a {
	color: #ffffff;
}

#menu .ml-0 li.selected:hover li:hover a {
	color: #ffffff;
}

#menu .ml-0 .ml-1 li.selected:hover {
	background: #f8b385; /*background: #FFF0D4;*/
}

/* drop down menu box styling */
#menu .ml-0 li:hover ul {
	background: #ffffff;
	/*-moz-box-shadow: 5px 5px 15px #888;*/
	/*box-shadow: 5px 5px 15px #888;*/
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* Footer */
#footer {
	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
	padding: 15px 20px;
	background: #eee;
	/*font-size: 11px;*/
}

/* Forms */

form.login, form.report_controls, form.object_editor, form.relation, form.generic {
	background-color: #eeeeee; /*#fde6cb; /* #f8b385, #f9cc94, #fae89d, #b2dcd7 */
	margin: 10px 5px;
}

.report_parameters {
	background-color: #eeeeee;
}

/* paging controls */

.paging_controls {
	background: #eeeeee;
	margin: 10px 10px 0 5px;
}

/* item table */
table thead {
	background: #eeeeee;
	/*font-family: 'Merlo', 'Dosis', 'Arial Narrow', sans-serif;*/
}

.editable_table tr:hover {
	background: #dddddd;
}

/* Home pre login specifics */

#content {
	/*padding: 15px;*/
}

#content #login_box {
	/*margin: 30px auto;*/
	margin: 8% auto 12%;
	border-spacing: 0;
}

#content form.login {
	margin-left: 30px;
	border: 2px solid #bbbbbb;
	border-radius: 12px;
}

form.login h1 {
	background-color: #bbbbbb;
	color: #ffffff;
	/*border-radius: 16px;*/
}

/* Fix panel headings radii */
.panel-heading {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* Fix the underline and padding of the title. */
.component-index .indexMenu .sectionContainer h3 {
	border-bottom: 2px solid #000;
	padding-bottom: 8px
}

.lesson_modal .modal-dialog{
	max-width: 1000px !important;
}

input.form-control {
	box-shadow: none !important;
}

.nexus-card {
	padding: 1rem;
	border: 2px solid rgba(242, 242, 242, 1);
	border-radius: 5px;
}

.nexus-card h4 {
	display: flex;
	margin: 0 0 1.5rem;
	align-items: center;
	gap: 0 1rem;
}

.nexus-card.no-bottom {
	padding-bottom: 0;
}

.searchResults {
	position: absolute;
	width: 100%;
	top: calc(100% + 6px);
	right: 0;
	max-height: 300px;
	overflow: auto;
	z-index: 9999;
}

.searchResults .subject {
	margin-bottom: 0.7rem;
}

#nexus_logo_search a,
.searchResults a {
	text-decoration: none !important;
}

#nexus_logo_search img {
	max-width: 210px;
}

#nexus_logo_search form {
	max-width: 400px;
	flex-grow: 1;
}

#nexus_logo_search form input {
	min-width: 250px;
}

#security_alerts_column,
#offline_devices_column {
	display: none;
}

.large_menu__wrapper {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.large_menu__wrapper a {
	text-decoration: none !important;
}

@media (max-width: 992px) {
	#content > .container {
		max-width: 100%;
	}

	#toolbar_main {
		flex-wrap: wrap;
	}

	#toolbar {
		width:  100% !important;
		justify-content: flex-start !important;
		margin-top: 1rem;
	}
}

@media (max-width: 768px) {
	#toolbar {
		flex-wrap: wrap;
	}
	#toolbar form {
		max-width: 100%;
		width: 100%;
	}
	.btn-index-0 {
		padding-left: 0;
		margin-left: 0;
	}
	.btn-index-0:before {
		display: none;
	}

	#offline_devices_column .offline-devices {
		margin-left: auto;
		margin-right: auto;
	}
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') no-repeat 100% -20px;
  background: url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-multi .chosen-drop .result-selected.hide-selected { /* artem addition */
  display: none !important;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') no-repeat -30px -20px;
  background: url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('/helsinginkaupunki/resource/bower/chosen/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
.component-customer .account-field {
  margin-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
}
.component-customer .account-field dt {
  white-space: normal;
  text-align: left;
}
.component-customer .reportContainer table tbody td {
  font-size: 12px;
}
@media (min-width: 992px) {
  .component-customer .col-md-6 {
    width: 60%;
  }
  .component-customer .col-lg-4.col-sm-6 {
    width: 40%;
  }
}
.component-customer .dropdown-menu .active .text-muted {
  color: white;
}
.component-customer .subscription-upcoming-invoices {
  vertical-align: top;
}
.component-customer .subscription-description {
  font-size: 85%;
}
.component-customer .subscription-description td {
  padding-right: 10px;
}
.component-customer .configure-customer-agreement td {
  border-top: none;
}
.component-customer .configure-customer-agreement table {
  width: 500px;
}
.component-customer .configure-customer-agreement table th {
  text-align: left;
  padding: 5px 5px 5px 0;
}
.component-customer .configure-customer-agreement table td {
  text-align: left;
  padding: 5px;
}
.component-customer .configure-customer-agreement table .save-button {
  padding-left: 20px;
  vertical-align: top;
}
.has-success .control-label {
  color: #333333;
}
.has-success .form-control {
  border-color: #ccc;
}
form[ng-controller="EditAccountCtrl"] .ng-invalid-email,
form[ng-controller="EditAccountCtrl"] .ng-invalid-date {
  border-width: 2px;
}
#search-column .dropdown-menu {
  width: calc(100% - 30px) !important;
}
#search-column .dropdown-menu > li {
  padding: 7px 20px;
}
#search-column .dropdown-menu > li > a small {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0.5rem 0;
}
#search-column .dropdown-menu > li > a small span {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  white-space: initial;
}
#search-column .dropdown-menu .active .text-muted {
  color: white !important;
}
[ng-controller="AccountAccessRightsCtrl"] {
  margin-bottom: 2rem;
}
[ng-controller="AccountAccessRightsCtrl"] .table > tbody + tbody {
  border-top: 0;
}
[ng-controller="AccountAccessRightsCtrl"] .table.table-condensed {
  margin-bottom: 0;
}
[ng-controller="AccountAccessRightsCtrl"] .access_rights_toolbar {
  vertical-align: middle;
  text-align: center;
}
[ng-controller="AccountAccessRightsCtrl"] .access_rights_toolbar .dropdown-menu {
  left: auto;
  right: 0;
}
[ng-controller="AccountAccessRightsCtrl"] .access_rights_toolbar button .glyphicon {
  top: 3px;
}
[ng-controller="AccountAccessRightsCtrl"] .form-horizontal label {
  font-size: 12px;
  text-align: right;
}
[ng-controller="AccountAccessRightsCtrl"] .well {
  margin-bottom: 0;
}
[ng-controller="AccountAccessRightsCtrl"] .well > h5 {
  margin-bottom: 1.5rem;
}
[ng-controller="AccountAccessRightsCtrl"] .button-set {
  text-align: right;
}
[ng-controller="AccountAccessRightsCtrl"] .button-set > button {
  margin-left: 8px;
}
[ng-controller="AccountAccessRightsCtrl"] .button-set > button:first-child {
  margin-left: 0;
}
.invoice,
.paid,
.on_hold,
.not_requested,
.unpaid {
  display: inline-block;
  vertical-align: middle;
  margin: .5rem 0 0;
  padding: .2rem .6rem .3rem;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
}
.not_requested {
  background-color: #f0f0f0;
  color: rgba(0,0,0,0.65);
}
.unpaid {
  background-color: #d9534f;
}
.paid {
  background-color: #005c1f;
}
.invoice,
.on_hold {
  background-color: #fb6d04;
}
.flex {
  display: flex;
  align-items: center;
  gap: 0 .5rem;
}
.invoice.sent {
  background-color: #84b5df;
  color: #fff;
}
.invoice.new {
  background-color: #ecbd48;
  color: #fff;
}
.row_green {
  color: green;
  background: #E0FFE0 !important;
}
.row_red {
  color: red;
  background: #FFE0E0 !important;
}
.row_yellow {
  color: #b8860b;
  background: #feffc6 !important;
}
.component-inventory td.right,
.component-inventory th.right {
  text-align: right;
}
.component-inventory tr.clickable,
.component-inventory th.clickable {
  cursor: pointer;
}
.component-inventory th.sort-true {
  background: url('data:image/gif;base64,R0lGODlhCgAKALMAAHFxcYKCgp2dnaampq+vr83NzeHh4f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAgAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAACgAKAAAEJZAMIcakQZjNtyhFxwEIIRofAookUnapu26t+6KFLYe1TgQ5VwQAOw%3D%3D') no-repeat right center;
}
.component-inventory .sort-false {
  background: url('data:image/gif;base64,R0lGODlhCgAKALMAAHFxcYKCgp2dnaampq+vr83NzeHh4f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAgAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAACgAKAAAEJRBJREKZsxQDsCSGIVzZFnYTGIqktp7fG46uzAn2TAyCMPC9QAQAOw%3D%3D') no-repeat right center;
}
.component-inventory tr.info > td {
  background-color: #D9EDF7;
}
.component-inventory tr.muted > td {
  color: #999;
}
.component-inventory .e-label {
  background: white;
}
.component-inventory .e-label-odd {
  background: green;
}
.component-manage-worktime {
  margin-left: 1em;
}
.component-manage-worktime .label-attend  {
  background-color: #80c780;
}
.component-manage-worktime .label-absent {
  background-color: #f4c37d;
}
.component-manage-worktime .label-future {
  background-color: #85d0e7;
}
.component-manage-worktime .hr-separator {
  height: 1px;
  background-color: lightgrey;
  margin-bottom: 1em;
}
.component-manage-worktime .hr-divider {
  height: 1px;
  background-color: darkgray;
  margin-bottom: 0;
}
.component-manage-worktime .btn-separate {
  margin-bottom: 1em;
  margin-right: 1em;
}
.component-manage-worktime .week-end {
  margin-bottom: 1em;
}
.component-manage-worktime .day-end {
  margin-bottom: 1em;
}
.component-manage-worktime .order:after {
  content: '\25b2';
  color: red;
}
.component-manage-worktime .order.up:after {
  content: '\25bc';
  color: red;
}
.component-manage-worktime a {
  text-decoration: none;
}
.component-record-worktime .label-attend {
  background-color: #80c780;
}
.component-record-worktime .label-absent {
  background-color: #f4c37d;
}
.component-record-worktime .label-future {
  background-color: #85d0e7;
}
.component-record-worktime .hr-separator {
  height: 1px;
  background-color: lightgrey;
  margin-bottom: 1em;
}
.component-record-worktime .hr-divider {
  height: 1px;
  background-color: darkgray;
  margin-bottom: 0;
}
.component-record-worktime .btn-separate {
  margin-top: 1em;
  margin-right: 1em;
}
.component-record-worktime .week-end {
  margin-bottom: 1em;
}
.component-record-worktime .day-end {
  margin-bottom: 1em;
}
.component-order tr.clickable {
  cursor: pointer;
}
.component-order tr.clickable:hover {
  background-color: #eee;
}
.component-order td.right,
.component-order th.right {
  text-align: right;
}
.component-order input[type="number"]::-webkit-outer-spin-button,
.component-order input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.component-order input[type="number"] {
  -moz-appearance: textfield;
}
.component-order .label-extra {
  padding: .2em .3em .2em;
  border-radius: 0.15em;
  font-size: 50%;
}
.component-camera {
  padding: 0 30px;
}
.component-camera .cameraSelector select {
  width: 25%;
}
.component-camera .cameraEvent h2 {
  text-align: center;
}
.component-camera .cameraEvent .thumbnail img {
  width: 100%;
}
.component-camera .cameraEvent .thumbnail .caption {
  padding: 3px;
  text-align: center;
}
.component-camera .cameraEvent .thumbnail .caption h5 {
  margin: 0;
  padding: 0;
}