/*
 * 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: 'Verdana', 'Arial', sans-serif;
	font-weight: 300;
	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;
	font-size: 150%;
}

h1 {
	font-size: 200%;
}

h2 {
	margin-top: 20px;
}

.content-body {
	margin: 10px;
}

.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;
}

#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: 11px;
}
#header .top-header-links a{
	margin-left:5px;
}

#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;
}


/* 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: '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;
	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: '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;
}

.value, .chosen-container{
	font-size: 11px;
}

.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;*/
}

/* Home post-login specifics */

.component-index .unifiedSearch .indexLogo {
	margin-top: 10px; /* Fix logo positioning */
}

/* 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
}

.enkora-title-tooltip h1 {
	display: flex;
	margin-bottom: .3rem;
}

.enkora-title-tooltip h1 .tooltip {
	line-height: 24px;
	padding: 0 0 0 .5rem;
}

.enkora-title-tooltip h1 .tooltip .tooltip-button {
	margin-top: 2px;
	height: 20px !important;
	width: 20px !important;
	line-height: 20px;
	vertical-align: top;
}

form.object_editor table tbody tr td.label {
	position: relative;
	vertical-align: middle;
}

form.object_editor table tbody tr td .tooltip {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

form.object_editor table tbody tr td .tooltip + label {
	padding-right: 25px;
	margin-bottom: 0;
}

.disable_after_submit .disabled {
	pointer-events: none;
	opacity: 0.4;
}

.vscomp-toggle-button {
    padding: 1px 20px 1px 4px;
}

.vscomp-wrapper {
    font-size: 11px;
}

.vscomp-search-container {
    height: 26px;
}

.vscomp-search-input {
    font-size: 11px;
    height: 24px;
}

.vscomp-option {
    padding: 0 7px;
}

.vscomp-option.selected {
	padding: 5px 15px;
    background-color: #3875d7 !important;
    color: #fff !important;
}

.editable_table tbody tr:nth-child(1) .vscomp-dropbox-container,
.editable_table tbody tr:nth-child(2) .vscomp-dropbox-container {
	bottom: auto !important;
	top: 100% !important;
	transform: none !important;
}

.editable_table tbody tr:nth-last-child(-n+4) .vscomp-dropbox-container {
	top: auto !important;
	bottom: 100% !important;
	transform: none !important;
}