.menu-selected {
    background-color: #eee;
}

#side-menu li a:focus {
}

.row.first-row {
	padding-top: 30px;
}

.separator {
	margin-bottom: 20px;
}

.vsep-1 {
    margin-top: 10px;
}

.submenu li a {
    padding-left: 40px;
}

.ng-pristine {}
.ng-dirty {}
.ng-valid {}
.ng-invalid {
	border-color: red;
}

.form-error {
	color: red;
}

.action-bar {
	margin-top: 20px;
}

.action-topbar {
	margin-bottom: 20px;
}

.inline {
	display: inline-block;
}

table thead th.header {
	text-align: left;
}

table.info th {
	padding-right: 15px;
}

.bulk-action-main .bulk-action {
	margin-top: 5px;
	max-width: 300px;
}

.bulk-action-form {
	margin-top: 15px;
}

.bulk-action-form .form-control {
	max-width: 300px;
}

.pagination {
	margin: 0;
}

.loading {
	display: block;
	text-align: center;
	background: url('/images/loading1.gif') center no-repeat;
	height: 50px;
}

.loading-wrapper{
	padding-top: 50px;
}

.loading-wrapper .loading {
	height: 100px;
}

.loading-wrapper .loading::before {
	content: "Ładowanie danych...";
}

.form-group .progress {
	margin-top: 5px;
}

.form-group .progress span {
	color: black;
	white-space: nowrap;
	font-weight: bold;
}

.form-group div.actions {
	margin-bottom: 5px;
}

.form-group input[type=checkbox] {
    vertical-align: top;
}

/* -- groups -- */
.group .item {
	cursor: pointer;
}


.messages .unread {
	color: red;
}

.messages .unread span {
	font-size: 0.9em;
}

table tr.admin {
	color: orange;
}

.separate {
	margin-left: 15px;
}

.group-edit-form .row {
	margin-bottom: 4px;
}

.max-1000 {
	max-width: 1000px;
}

.chapters {
	margin: 10px 0px 5px 0px;
	border: 1px dashed #BBB;
}

.chapters .title {
	margin: 10px 0 0 0;
}

.chapters .control {
	margin: 10px 0;
}

.section {
	margin: 10px 0px 5px 0px;
	border: 1px dashed #BBB;
	list-style: none;
	padding: 5px;
	background-color: white;
}

.ui-sortable-helper, .sortable-row.ui-sortable-helper {
	-webkit-box-shadow: 10px 5px 23px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 10px 5px 23px 0px rgba(0,0,0,0.43);
	box-shadow: 10px 5px 23px 0px rgba(0,0,0,0.43);	
	background-color: white;
}

.sections {
	padding: 0;
}

.section .columns {
	margin: 5px 15px;
}

.section .column-wrap {
	padding: 5px;
}

.section .column {
	border: 1px dashed #BBB;
	background-color: #EEE;
	padding: 5px;
        height: 180px;
}

.section .column .controls {
    position: absolute;
    bottom: 11px;
}

.section .column label {
    width: 100px;
}

.section .column select, .section .column input {
    width: 250px;
}

.not-sortable-row {
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #D9D9D9;
	padding: 10px;
}

.query-form .group-control {
	margin-top: 10px;
}

.sortable-rows {
	padding: 0;
}

.sortable-row {
	margin: 10px 0px 5px 0px;
	border: 1px dashed #BBB;
	list-style: none;
	padding: 10px;
	background-color: white;
}

.selected-green {
    color: #5cb85c !important;
}

.small-search-result {
    height: 300px;
    overflow-y: auto;
}

.mt-1 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 15px;
}

.mt-3 {
    margin-top: 30px;
}


.search-list-item {
    border: 1px solid #BBB;
    margin-top: 2px;
    padding: 5px 10px;
    cursor: pointer;
}

.search-list-item:hover {
    background-color: #EEE;
}

.search-list-item .add-icon, .search-list-item .remove-icon{
    display: none;
    float: right;
}

.search-list-item:hover .add-icon, .search-list-item:hover .remove-icon{
    display: block;
}

.search-list-item-code {
    display: inline-block;
    width: 210px;
    font-weight: bold;
}

.search-list-item-name {
    display: inline-block;
    width: 350px;
}

.search-list-item-num input {
    width: 50px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

#preview-layer {
    display: none;
    position: absolute;
    width: 220px;
    height: 220px;
    border: 1px solid #888;
    background-color: white;
    z-index: 100;
    text-align: center;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.23);
}

#preview-layer img {
    max-width: 200px;
    max-height: 200px;
}

.table-filter {
	margin-bottom: 15px;
	display: flex;
	max-width: 500px;
}

.table-filter > .btn {
	margin-left: 5px;
}

#page-wrapper {
	padding-bottom: 80px;
}

.sticky-header.stick {
	padding-top: 80px;
}

.sticky-header .page-header {
	height: 80px;
	margin: 0 !important;
	padding: 15px 0;
}

.sticky-header .page-header.stick {
	z-index: 10;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	margin-top: 0;
}

.inputs-join {
	display: flex;
	gap: 3px;
}

.inputs-join input:first-child{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.inputs-join input:last-child{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.svg-icon {
	vertical-align: text-bottom;
	width: 1.25em;
	height: 1.25em;
	display: inline-block;
	stroke: #337ab7;
	fill: #337ab7;
}

.svg-icon.engine {
	content: url("/icons/engine_icon.svg");
}

.svg-icon.engine-black {
	content: url("/icons/engine_icon_black.svg");
}

.svg-icon.factory {
	content: url("/icons/factory_icon.svg");
}

.context-picker {
	padding: 5px 0;
}

.context-picker > span {
	cursor: pointer;
	padding: 3px 5px;
	background-color: #eee;
	border: 1px solid #999;
	margin-right: 5px;
	border-radius: 3px;
}

.context-picker > span.selected {
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
}

/* -- import tecdoc */

.import .status {
    margin-bottom: 12px;
}

.import form .drop {
    padding: 24px 36px;
    border: 1px dashed #999;
    border-radius: 12px;
    background-color: #fff;
    transition: all;
    transition-duration: 0.2s;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.import form .drop:hover {
    background-color: #f6f6f6;
}

.import .upload-progress {
    display: inline-block;
    max-width: 300px;
    width: 100%;
}

.import .upload-progress .progress {
    margin-top: 12px;
}

.import .import-targets {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.import .import-targets h4 {
    margin-bottom: 12px;
}

.import .import-targets .target {
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 12px;
    border-radius: 6px;
}

.import .import-targets .target .header {
    display: flex;
    align-items: center;
    margin: 0 0 12px 0;
}

.import .import-targets .target .header h5 {
    width: 92px;
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.import .import-targets .target .files {
    padding: 0 12px;
}

.import .import-targets .target .files .file {
    display: flex;
}

.import .import-targets .target .files .file dl {
    display: inline;
    margin: 0;
    width: 80px;
    font-weight: bold;
}

.import .import-targets .target .files .file dd {
    display: inline;
    margin: 0 12px 0 0;
}

.import .import-targets .target .error {
    margin-top: 12px;
    font-weight: bold;
}

.import .import-targets .target .report {
    margin-top: 12px;
}

.import .import-targets .target .report code {
    margin-top: 12px;
    background: #fff;
    margin-right: 5px;
    text-wrap: nowrap;
}

.import .wrong-files {
    margin-top: 24px;
}

.import .wrong-files .files-list {
    margin-left: 12px;
}

.import .import-actions {
    margin-top: 24px;
    display: flex;
    gap: 12px;
}