:root {
	--form-default-size: 24px;
	--form-value-color: #f8f8f8;
	--filter-box-height: 300px;
	--font-xs: 80%;
	--font-sm: 90%;
	--font-xl: 110%;
	--font-normal: inter-regular, 'Segoe UI', ubuntu-regular, sans-serif;
	--main-background-color: #e0e0e0;
	--main-background-color-darker: #bfbfbf;
	--menu-inactive-option-color: #aaaebb;
	--highlight-background-color: #e6e6ff;
	--highlight-background-color-strong: #8889FD;
	--sidebar-width: 230px;
	--sidebar-mini-width: 60px;
	--scrollbar-width: 8px;
}

/***************************************************/
/* SCROLLBAR****************************************/
/***************************************************/
::-webkit-scrollbar {
	width: var(--scrollbar-width);
	height: var(--scrollbar-width);
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #AAA;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #888;
}

html {
	scrollbar-width: thin;
}

/***************************************************/
/* FONTS *******************************************/
/***************************************************/
@font-face {
	font-family: ubuntu-regular;
	src: url(../fonts/ubuntu/ubuntu-regular.ttf);
}

@font-face {
	font-family: ubuntu-condensed;
	src: url(../fonts/ubuntu/ubuntu-condensed.ttf);
}

@font-face {
	font-family: open-sans-regular;
	src: url(../fonts/open-sans/open-sans-regular.ttf);
}

@font-face {
	font-family: inter-regular;
	src: url(../fonts/inter/inter-regular.ttf);
}

@font-face {
	font-family: quicksand-regular;
	src: url(../fonts/quicksand/quicksand-regular.ttf);
}

@font-face {
	font-family: quicksand-medium;
	src: url(../fonts/quicksand/quicksand-medium.ttf);
}

@font-face {
	font-family: quicksand-semibold;
	src: url(../fonts/quicksand/quicksand-semibold.ttf);
}

/***************************************************/
/* HTML ********************************************/
/***************************************************/


body {
	font-family: var(--font-normal);
	background-color: var(--main-background-color);
	color: #000;
	display: flex;
	flex-direction: column;
	height: 100vh;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;	
}

body.login-page {
	background-color: #101419;
}

h1, h2, h3, h4, h5 {
	font-weight: 600;
	display: block;
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

h1 {
	font-size: 130%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

hr {
	margin: 4px 0px;
	border-color: #DDDDDD;
}

.hr-strong {
	border: 1.5px solid #ddd;
}

select[multiple] {
	font-family: var(--font-normal) !important;
	min-height: 130px;
	min-width: 100px;
	display: block;
}

select {
	font-size: inherit;
	font-family: var(--font-normal) !important;
	vertical-align: top;
}

option {
	font-size: inherit;
	font-family: var(--font-normal) !important;
}

.bg-success {
	background-color: #dff0d8 !important;
}

.textarea {
	white-space: pre-line;
	max-height: 150px;
	overflow: auto;
	word-break: break-word;
	overflow-wrap: break-word;
	min-width: 120px;
}

textarea.form-control {
	min-height: 100px;
}

/***************************************************/
/* TABLES ******************************************/
/***************************************************/
table {
	width: 100%;
	cursor: default;
	background: #FFF;
	min-width: 80px;
}

thead {
	position: sticky;
	top: 0;
	z-index: 3;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

th {
	margin: 2px 0px 2px 0px;
	padding: 2px;
	vertical-align: top;	
}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: top;
	border-top: 0px solid #ddd;
	padding: 2px;
	text-align: center;
}

tr.dragover {
    background-color: #e5e3f1;
}

.table-responsive {
	border-radius: 8px;
}

th > .flex-item {
	display: block;
}

th > sort label, 
th > triple-price-sort label {
	text-align: center;
	margin: 0px 0px 2px 0px;
	padding: 2px;
	background-color: #e5e3f1;
	color: #000;
	border-radius: 4px;
	cursor: pointer;
	min-height: 32px;
	/*min-width: 70px;*/
	transition: background-color 0.3s ease;
}

th > sort label:hover {
	background-color: #9d8ec4;
}

tbody > tr {
	border-top: 1px solid  #836ca6;
}

tbody > tr:hover {
	transition: background-color 0.3s ease;
	background-color: #efeef6;
}



td {
	border-top: 1px solid var(--main-background-color-darker);
	padding: 2px;	
	/*vertical-align: top;*/
}

td .form-box {
	padding: 1px;
}

.details-body table thead, .item-block table thead {
	position: unset;
	top: unset;
	z-index: unset;
	box-shadow: unset;
}

.light-green-background-color {
	background-color: #e8f5e9;
}


.colspan-table-repeat-end-td {
	padding: 2px 8px 12px 8px;
}

.table-tr-collapse {
	padding: 8px 16px;
	background-color: #f0f0f0;
	margin-bottom: 8px;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;	
}

/***************************************************/
/* CUSTOM ** ***************************************/
/***************************************************/
.font-smaller {
	font-size: 90%;
}

.font-bigger {
	font-size: 110%;
}
/***************************************************/
/* BOOTSTRAP ***************************************/
/***************************************************/
.badge {
	font-size: var(--font-xs);
	font-weight: unset;
	padding: 0px 4px;
	margin: 0px 4px;
	line-height: unset;
}

.close {
	opacity: 0.5;
}

.row {
	margin: 0px 0px;
	padding: 0px 0px;
}

.nav-tabs {
	padding: 8px 8px 0px 8px;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}



.nav-tabs>li>a {
	color: #6263D5;		
	background-color: unset;
	color: #62646B;
	border: 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover  {
	cursor: default;
	border: 0px;
	border-bottom: 3px solid #6263D5;
	background-color: var(--highlight-background-color);
}

[class^="col-lg-"],
[class^="col-md-"],
[class^="col-sm-"],
[class^="col-xs-"],
[class*=" col-lg-"],
[class*=" col-md-"],
[class*=" col-sm-"],
[class*=" col-xs-"] {
  padding: 0 2px;
}


.btn {
	margin: 1px 1px;
	padding: 4px 8px;
	font-size: inherit;	
	-webkit-user-select: text;
	-moz-user-select: text; 
	user-select: text;	
}

.btn-text-left {
	text-align: left;
}

.sidenav .dropdown-menu {
	border: 0px;
}

input[type="checkbox"], input[type="radio"] {
	margin: 4px 4px;
}

.badge {
	background-color: #F85A3B;
	color: #FFF;
	margin: 0px 2px 0px 4px;
}

.badge-primary {
	background-color: #6162F1;
	color: #FFFFFF;
}

.list-group {
	margin-bottom: 0px;
}

.list-group.rolled-up {
	max-height: 250px;
	overflow-y: scroll;
}

.list-group-item {
	margin: 2px 0px 2px 0px;
	padding: 0px 2px;
}

.d-none {
	display: none !important;
}

.d-block {
	display: block !important;
}

@media ( min-width : 576px) {
	.d-sm-none {
		display: none !important;
	}
	.d-sm-block {
		display: block !important;
	}
}

@media ( min-width : 768px) {
	.d-md-none {
		display: none !important;
	}
	.d-md-block {
		display: block !important;
	}
}

@media ( min-width : 992px) {
	.d-lg-none {
		display: none !important;
	}
	.d-lg-block {
		display: block !important;
	}
}

@media ( min-width : 1200px) {
	.d-xl-none {
		display: none !important;
	}
	.d-xl-block {
		display: block !important;
	}
}

/***************************************************/
/* GRID*********************************************/
/***************************************************/
#wrapper {
	display: grid;
}

#topbar {
	height: 50px;
	background-color: #0C0A1B;
	border-bottom: 1px solid #1e242e;
}

.app-topbar {
	height: 100%;
	width: 100%;
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	padding: 0px 8px 0px 8px;
}

#sidebar {
	overflow: hidden;
	width: var(--sidebar-width);
}

#content {
	display: flex;
	height: calc(100vh - 50px);
}

.app-content {
	padding: 0px;
	width: calc(100vw - var(--sidebar-width));
	overflow: auto;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.app-content-header {
	min-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0px 8px 0px 8px;
}

.app-content-header-buttons {
	flex-grow: 1; 
	display: flex; 
	justify-content: flex-end;
	align-items: center;
}

.app-content-data {
	height: calc(100vh - 50px - 20px - 60px);
	border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: column;	
}

.app-content-footer {
	display: grid;	
	align-items: center;	
	height: 40px;
	overflow: hidden;
	border-top: 1px solid #ddd;
}

#topbarContent {
	padding: 0px 0px 12px 0px;
}

.details-body {
	display: grid;
	grid-template-rows: auto 1fr;
	height: calc(100vh - 50px);
}

.details-topbar {
	width: 100%;
	overflow: auto;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.details-content {
	overflow-y: auto;
	width: 100%;
	padding-bottom: 50px;
}

#bottombar {
	position: fixed;
	max-width: calc(100vw - 250px);
	bottom: 0px;
	right: 10px;
	z-index: 10;
	padding: 10px;
}

#list-tab-section {
	height: calc(100vh - 50px);
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 10;
	box-shadow: rgb(44, 62, 80) -15px 0px 15px -15px;
	border-left: 2px solid #666;
	background-color: var(--main-background-color);
}

.mobile-show {
	display: none;
}

#list-tab-section [class^="col-lg-offset-"],
#list-tab-section [class*=" col-lg-offset-"] {
  margin: unset;
}

#list-tab-section .mobile-hide {
	display: none;
}

#list-tab-section #details-content {
	height: calc(100vh - 150px);
}

#list-tab-section .content-box-header {
	padding: 5px 10px;
	display: flex;
}

#list-tab-section .content-box {
	margin-top: 10px;
}

#list-tab-section [class^="col-lg-"],
#list-tab-section [class*=" col-lg-"] {
	width: 100%;
}


.login-page .input-padding {
	padding: 10px;
}

.login-page .form-control {
	height: unset;
}

/***************************************************/
/* MATERIAL ****************************************/
/***************************************************/
button, select, html, textarea, input {
	font-family: var(--font-normal);
}

body.md-default-theme, body, html.md-default-theme, html {
	color: #000000;
}

md-backdrop.md-dialog-backdrop {
	z-index: 992;
}

md-switch {
	margin: 0px;
}

/***************************************************/
/* FIELD**** ***************************************/
/***************************************************/

.field-horizontal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
/*  overflow: hidden;
  text-overflow: ellipsis;*/
  padding: 4px 4px;
  border-radius: 4px;
  transition: background-color 0.3s ease;  
}

.field-horizontal:hover {
  background-color: rgba(0, 0, 0, 0.08);
}


label, .label {
	display: flex;
	flex: 1;
	font-size: var(--font-sm);
	font-weight: 600;
	cursor: default;
	color: #444444;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.field-extension {
	word-break: break-all;
	color: #888;
	font-size: var(--font-sm);
	padding: 0px 0px 0px 8px;
}

.dropdown a {
	color: #444;
}

.form-box, unt-autocomplete, bool-select, unt-datetime-picker {
	min-height: var(--form-default-size);
	align-items: center;
	width: 100%;
	display: inherit;
}

.form-value {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	width: 100%;
	overflow-x: auto;
	min-width: 30px;
	padding: 0px 2px 0px 2px;	
}

.form-value >span {
	max-width: 100%;
}

.field-value-extension {
	display: flex;	
	flex-direction: column;
	align-items: center; 
	gap: 2px;
}

/*
.form-value.inline {
	align-items: flex-start;
}*/

.type-LocalDateTime, .type-Country {
	white-space: nowrap;
}

.form-value.textarea>span {
	white-space: break-spaces;
	min-width: 120px;
}

.form-value.textarea {
	align-items: flex-start;
}

.form-value-small {
	font-size: 90%;
}

.field-enabled {
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid transparent;	
	border-bottom: 1px solid var(--main-background-color);
	background: var(--form-value-color);
	min-height: var(--form-default-size);
}

.field-disabled {
	cursor: default;
}

.field-enabled:hover {
	cursor: default;
	border: 1px solid var(--highlight-background-color-strong);
	background-color: #fff;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.field-disabled:hover {
	cursor: pointer;
}

.field-disabled-with-dropdown {
	background-color: #EBF2FA;
	min-height: var(--form-default-size);
	border-radius: 4px;
}

.open>.field-enabled {
	opacity: 0.5;
}

.field-disabled-with-dropdown {
	color: #1B5299;
	font-weight: 600;
}

.field-disabled-with-dropdown:hover {
	text-decoration: underline;
}

.input-group>textarea {
	white-space: pre-wrap;
	resize: vertical;
	height: 100px;
	min-width: 250px;
}

.input-group>input, select {
	min-width: 110px;
}

.field-required, .table>thead>tr>th .field-required {
	color: #f53224;
	font-weight: 700;
}

.field-no-vertical-space {
	width: 100%;
}

.field-no-vertical-space .form-box {
	display: flex;
	flex-direction: column;
	white-space: nowrap;
	margin: 0px;
	min-height: unset;
}

.form-value.field-enabled.field-mark-null {
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 1px solid #FCE4D8;
	transition: border-color 0.3s ease, background-color 0.3s ease;
	background-color: #F6F7F8;
}

.form-value.field-enabled.field-mark-null:hover {
	/*border-bottom: 1px solid #fdd1ce;*/
	cursor: pointer;
	box-shadow: unset;
	background-color: #F6F7F8;
	border: 1px solid #C88514;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.field-highlighted {
	background-color: var(--highlight-background-color);
}

.text-red .form-value {
	color: red;
}

.form-control {
	border: 1px solid transparent;
	border-bottom: 1px solid var(--main-background-color);
	font-size: inherit;
	height: unset;
	min-height: var(--form-default-size);
	box-shadow: unset;
	padding: 4px;
	background: var(--form-value-color);

}

.form-control:focus, .form-control:hover {
	border: 1px solid #8889FD;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control 	{
	opacity: 0.5;
}

.form-control-inline {
	display: inline;
	width: auto;
}

/***************************************************/
/* MODAL**** ***************************************/
/***************************************************/

.modal-dialog {
	margin: unset;
}

.modal-error .modal-header, .modal-error .modal-body {
	color: red;
}

.modal-backdrop.in {
	opacity: 0.7;
}

.modal-content {
	background-color: var(--main-background-color);
	max-height: calc(100vh - 60px);
	overflow: auto;
}

/*
.modal-content .modal-internal-block {
	height: calc(100vh - 210px);
	overflow: auto;
}
*/
.modal-header {
	border: 0px;
	padding: 12px 12px 0px 12px;
}

.modal-section-header {
	margin: 8px 0px 8px 0px;
}

.modal-body {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	max-height: calc(100vh - 200px);
	overflow: auto;	
}

.modal-body .content-box {
	margin: 0px 8px 8px 8px;
/*	background-color: #ffffff;*/
}

.modal-body .row {
	padding: 4px
}

.modal-footer {
	padding: 2px;
	border: 0px;
}

.modal-xl {
	width: 100%;
	padding: 30px;
}

.form-value.warning {
	border: 1px solid #FF0000;
}

.form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px;
}

.alert-success {
	background-color: #DCF8C6;
	border-color: #DCF8C6;
	color: #000000;
}

.alert-info {
	background-color: #6AC7CE;
	border-color: #6AC7CE;
	color: #000000;
}

.btn.disabled, .btn[disabled] {
	pointer-events: none;
}

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

.modal-body .input-group-addon {
	padding: 6px;
	font-size: inherit;
}

/***************************************************/
/* MATERIAL ******************************************/
/***************************************************/
.md-standard-list-container.md-autocomplete-suggestions-container,
	.md-virtual-repeat-container.md-autocomplete-suggestions-container {
	z-index: 1200;
}

md-autocomplete {
	border-radius: 4px;
	width: 100%;
	min-width: unset;
	overflow: hidden;
	height: unset;
	border-bottom: 1px solid #ddd;
}

md-autocomplete input:not(.md-input), .md-autocomplete-suggestions li {
	font-size: inherit;
}

md-autocomplete input:not(.md-input), md-autocomplete md-autocomplete-wrap 	{
	box-shadow: none;
}

md-autocomplete input:not(.md-input) {
	font-size: inherit;
	padding: 2px 4px;
	border-radius: 2px;
	background: var(--form-value-color);
	line-height: unset;
	height: unset;
}


.md-whiteframe-1dp, .md-whiteframe-z1 {
	box-shadow: none;
	height: var(--form-default-size);
}

.md-autocomplete-suggestions 
.md-autocomplete-suggestion {
	font-size: inherit;
	padding: 2px 5px 2px 5px;
}

md-autocomplete .md-show-clear-button button {
	line-height: unset;
	text-align: center;
	width: 30px;
	height: unset;
	border: none;
	background: transparent;
	margin: unset;
}

/***************************************************/
/* MAP OSM******************************************/
/***************************************************/
.leaflet-top, .leaflet-bottom {
	position: absolute;
	pointer-events: none;
}

.leaflet-popup-content {
	margin: 5px;
	font-family: var(--font-normal);
	font-size: 1.2rem;
}

/***************************************************/
/* NAVBAR*******************************************/
/***************************************************/
.navbar {
	margin-bottom: 0px;
	border-radius: 0px;
	display: flex;
}

.navbar-nav {
	float: none;
	margin: 0;
}

.navbar-nav>li {
	float: none;
}

/***************************************************/
/* SIDENAV *****************************************/
/***************************************************/
.sidenav {
	background-color: #0C0A1B;
}

.sidenav i {
	padding-right: 5px;
}

.sidenav .nav>li>a {
	padding: 8px 4px 8px 8px;
	cursor: pointer;
}

.sidenav .message-count>li>a {
	padding: 5px;
	border-radius: 2px;
	background-color: unset;
}

.sidenav .dropdown-menu>li>a {
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.navbar-nav .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu>li>a {
	padding: 5px;
}

.sidenav .navbar-nav>.active>a:hover, .sidenav .navbar-nav>.open>a:hover,
	.sidenav .navbar-nav>li>a:hover, .sidenav .navbar-nav>li>a:hover {
	background-color: #414141;
}

.sidenav .navbar-nav>.active>a, .sidenav .navbar-nav>.open>a {
	background-color: transparent;
}

.sidenav .navbar-top {
	height: 50px;
	position: relative;
}

/* message menu */
.sidenav .navbar-top ul {
	background-image: url(../img/icon/mail-outline.svg);
	background-repeat: no-repeat;
}

.sidenav .navbar-top ul {
	padding-top: 20px;
	padding-left: 30px;
	background-position: 10px 21px;
}

.sidenav .navbar-top ul>li {
	float: left;
}

.sidenav .navbar-top ul>li>a {
	display: inline;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFFF;
}

.sidenav .navbar-top ul>li.active>a, .sidenav .navbar-top ul>li>a:hover
	{
	background: transparent;
}

/* main menu */
.navbar-main {
	height: calc(100vh - 140px);
}

.navbar-main {
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
}

.label-menu-short {
	display: none;
	margin-left: 0px;
	width: 35px;
	font-weight: 700;
}

label {
	padding-left: 0px;
	margin: unset;
}

.navbar-main .dropdown-menu {
	background-color: transparent;
	color: #666C7E;
	float: none;
	position: relative;
	font-size: inherit;
	box-shadow: unset;
}

.navbar-main .dropdown-menu>li>a {
	background-color: transparent;
	color: var(--menu-inactive-option-color);
	padding-left: 30px;
}

.sidebar-mini .navbar-main .dropdown-menu>li>a {
	padding-left: 15px;
}

.menu-option {
	margin: 0px 8px;
}

.navbar-main .dropdown-menu .active>a, .navbar-main .dropdown-menu li>a:hover,
	.navbar-main .dropdown-menu li>a:focus, a.menu-option.active, a.menu-option:hover,
	a.menu-option:focus {
	background-color: #313131;
	color: #FFF;
}

a.menu-option {
	color: var(--menu-inactive-option-color);
}

/* bottom menu*/
.navbar-bottom {
	height: 40px;
	padding: 5px;
}

/* SIDENAV MINI */
.sidebar-mini #sidebar {
	width: var(--sidebar-mini-width);
}

.sidebar-mini .app-content {
	width: calc(100vw - var(--sidebar-mini-width));
}

.sidebar-mini .sidenav ul.navbar-nav li a span:nth-child(2) {
	display: none;
}

.sidebar-mini .sidenav .dropdown-menu ul.navbar-nav li a span:nth-child(2)
	{
	display: none;
}

.sidebar-mini .navbar-main>ul>li.active>a {
	background-image: linear-gradient(173deg, #e09c75 -7%, #e87256 82%);
	color: #ffffff;
}

.sidebar-mini .navbar-main>ul>li.active>a:hover {
	color: #ffffff;
}

.sidebar-mini .sidenav .dropdown-menu>li>a {
	overflow: hidden;
	white-space: nowrap;
}

.sidebar-mini .sidenav .navbar-top ul {
	padding: 20px 16px 20px 16px;
	background-position: 17px 1px;
}

.sidebar-mini .navbar-main .dropdown-menu>li>a {
	padding: 5px;
}

.sidebar-mini .dropdown-header {
	padding-left: 0px;
}

.sidebar-mini .sidenav .nav>li>a {
	margin-right: 5px;
	text-align: center;
}

.navbar-main li.active .dropdown-menu {
	display: block;
	z-index: auto;
}

.sidebar-mini li.active .dropdown-menu {
	text-align: center;
}

.navbar-main.search-active li .dropdown-menu {
	display: block;
}

.menu-search {
	padding: 10px;
}

.menu-search .input-group-addon {
	border: 0px;
	padding: 3px 8px;
	background: unset;
}

.menu-search {
	border: 0px;
}

.sidebar-mini .menu-search {
	display: none;
}

#sidebar-input {
	background-color: #232327;;
	color: #fff;
	padding-left: 16px;
	border: 0px;
}

.menu-suboption-content {
	display: flex;
}

.sidebar-mini .label-menu-short {
	display: block;
}

/* SIDEBARHIDE*/
.sidebar-hide #sidebar {
	width: 0px;
	transition: linear 0.2s;
}

.sidebar-hide .app-content {
	width: 100vw;
	transition: width 0.1s;
}

.input-group-btn {
	font-size: inherit;
}

.app-content-footer input {
	max-width: 50px;
}

.paginator-mini .hide-on-narrow-screen {
	display: none;
}

.entity-file-block {
	width: 100%; 
	min-width: 300px;
	padding: 4px; 
	background-color: #f2f2f2; 
	border-radius: 8px;
}

.drop-box {
	border: 2px dashed #AAAAAA;
	border-radius: 4px;
	text-align: center;
	padding: 4px;
	margin: 2px;
	white-space: nowrap;
	background-color: var(--main-background-color);
}

.drop-box:hover {
	background-color: #f2f2f2;
}

.drop-box.dragover {
	border: 1px dashed #262626;
}

.drop-box.dragover-err {
	border: 1px dashed red;
}

.view {
	display: none;
	margin-bottom: 0px;
}

.paginator .pageGroup {
	margin: 0 auto;
}

/* login */
.error {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 0px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.msg {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 0px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

#login-box {
	min-height: calc(100vh);
	background-color: #ffffff;
	display: block;
	z-index: 1002;
	padding: 20px;
}

.public-footer {
	z-index: 1001;
	position: fixed;
	bottom: 0;
	background-color: #0d141e;
	color: #f2f2f2;
	width: 100%;
	vertical-align: middle;
}

.login-logo-wrapper {
	max-width: 550px;
	margin: auto;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	padding: 12px 0px 12px 0px;
}

#login-page-img-bg {
	background-image: url(../img/main_bg.svg);
	background-repeat: no-repeat;
	background-position: center;
	height: 100vh;
}

/* login form,change pass form,reset pass form */
.form-input-div-margin {
	margin-bottom: 25px;
	width: 100%;
}

.page-extra-space {
	padding: 0px;
	margin: 0px;
}

.logo-padding {
	padding-top: 80px;
}

#forgotPasswordForm {
	display: none;
}

.logo-res {
	max-height: 400px;
	max-width: -webkit-fill-available;
	max-width: -moz-available;
	max-width: fill-available;
}

.input-padding {
	height: 40px;
	padding: 10px;
}

.footer-text-color {
	color: #cc4a17;
}

/* error page */
.error-box {
	margin-top: 25vh;
}

/***************************************************/
/* btn - MENU ************************************/
/***************************************************/
.btn.btn-menu {
	background-color: #222834;
	border: 1px solid #222834;
	text-align: center;
	color: #FFF;
}

.btn.btn-menu.focus, .btn.btn-menu:focus {
	background-color: #222834;
	color: #FFF;
}

.btn.btn-menu:hover {
	background-color: #222834;
	color: #FFF;
}

.btn.btn-menu.active, .btn.btn-menu:active {
	background-color: #222834;
	color: #FFF;
}

.btn.btn-menu.active.focus, .btn.btn-menu.active:focus, .btn.btn-menu.active:hover,
	.btn.btn-menu:active.focus, .btn.btn-menu:active:focus, .btn.btn-menu:active:hover
	{
	background-color: #222834;
	color: #FFF;
}

/***************************************************/
/* btn - status ************************************/
/***************************************************/
.btn.btn-status, .btn.btn-status.focus, .btn.btn-status:focus, .btn.btn-status.active,
	.btn.btn-status:active, .btn.btn-status.active.focus, .btn.btn-status.active:focus,
	.btn.btn-status.active:hover, .btn.btn-status:active.focus, .btn.btn-status:active:focus,
	.btn.btn-status:active:hover {
	box-shadow: unset;
	vertical-align: middle;
	text-align: center;
	padding: 0px 8px 0px 8px;
	height: var(--form-default-size);
	border: 1px solid #000;
	width: 100%;
	font-weight: 600;
}

.btn.btn-status.active.grey-light, .timeline-block.grey-light {
	background-color: #F1F1F1;
	color: #4B4C51;
	border-color: #4B4C51;
	font-weight: 600;
}

.btn.btn-status.active.grey-light:hover, .timeline-block.grey-light:hover,
	.timeline-block.grey-light.active {
	background-color: #E1E2E5;
	Color: #333333;
	border-color: #333333;
}

.btn.btn-status.active.very-light-cyan, .timeline-block.very-light-cyan
	{
	background-color: #DCF2F2;
	color: #046B6B;
	border-color: #046B6B;
}

.btn.btn-status.active.very-light-cyan:hover, .timeline-block.very-light-cyan:hover,
	.timeline-block.very-light-cyan.active {
	background-color: #ADDFDF;
	color: #046B6B;
	border-color: #046B6B;
}

.btn.btn-status.active.light-cream-yellow, .timeline-block.light-cream-yellow
	{
	background-color: #FAF1E0;
	color: #B54708;
	border-color: #B54708;
}

.btn.btn-status.active.light-cream-yellow:hover, .timeline-block.light-cream-yellow:hover,
	.timeline-block.light-cream-yellow.active {
	background-color: #EFCCB8;
	color: #B54708;
	border-color: #B54708;
}

.btn.btn-status.active.light-mint-green, .timeline-block.light-mint-green
	{
	background-color: #E4FCDF;
	color: #047B52;
	border-color: #A5E2A9;
}

.btn.btn-status.active.light-mint-green:hover, .timeline-block.light-mint-green:hover,
	.timeline-block.light-mint-green.active {
	background-color: #A5E2A9;
	color: #047B52;
	border-color: #047B52;
}

.btn.btn-status.active.light-pink-white, .timeline-block.light-pink-white
	{
	background-color: #F9EDFB;
	color: #4A148C;
	border-color: #4A148C;
}

.btn.btn-status.active.light-pink-white:hover, .timeline-block.light-pink-white:hover,
	.timeline-block.light-pink-white.active {
	background-color: #E0CCF9;
	color: #4A148C;
	border-color: #4A148C;
}

.btn.btn-status.active.light-lemon-yellow, .timeline-block.light-lemon-yellow
	{
	background-color: #FEF9DE;
	color: #B95503;
	border-color: #B95503;
}

.btn.btn-status.active.light-lemon-yellow:hover, .timeline-block.light-lemon-yellow:hover,
	.timeline-block.light-lemon-yellow.active {
	background-color: #F9D9BF;
	color: #B95503;
	border-color: #B95503;
}

.btn.btn-status.active.light-sky-blue, .timeline-block.light-sky-blue {
	background-color: #EAF0FD;
	color: #001C64;
	border-color: #001C64;
}

.btn.btn-status.active.light-sky-blue:hover, .timeline-block.light-sky-blue:hover,
	.timeline-block.light-sky-blue.active {
	background-color: #B0C2EF;
	color: #001C64;
	border-color: #001C64;
}

.btn.btn-status.active.light-baby-blue, .timeline-block.light-baby-blue
	{
	background-color: #E8F5FF;
	color: #175CD3;
	border-color: #175CD3;
}

.btn.btn-status.active.light-baby-blue:hover, .timeline-block.light-baby-blue:hover,
	.timeline-block.light-baby-blue.active {
	background-color: #B8CDF2;
	color: #175CD3;
	border-color: #175CD3;
}

.btn.btn-status.active.light-salmon-pink, .timeline-block.light-salmon-pink
	{
	background-color: #FEEEEE;
	color: #B91E15;
	border-color: #B91E15;
}

.btn.btn-status.active.light-salmon-pink:hover, .timeline-block.light-salmon-pink:hover,
	.timeline-block.light-salmon-pink.active {
	background-color: #F3B9B5;
	color: #B91E15;
	border-color: #B91E15;
}

.btn.btn-status.active.light-blue-green {
	background-color: #e6f7ff;
	color: #005780;
	border-color: #005780;
}

.btn.btn-status.active.light-blue-green:hover {
	background-color: #e6f7ff;
	color: #005780;
	border-color: #B95503
}

.btn.btn-status.active.light-grayish-lavender {
	background-color: #f1f1f1;
	color: #404040;
	border-color: #404040;
}

.btn.btn-status.active.light-grayish-lavender:hover {
	background-color: #f1f1f1;
	color: #404040;
	border-color: #404040;
}

.btn.btn-status.active.light-pastel-green {
	background-color: #e4fcdf;
	color: #1c750b;
	border-color: #1c750b;
}

.btn.btn-status.active.light-pastel-green:hover,.timeline-block.light-pastel-green:hover,
	.timeline-block.light-pastel-green.active {
	background-color: #2ebb11;
	color: #0c2e05;
	border-color: #0c2e05;
}
/***************************************************/
/* status class ***********************************/
/***************************************************/
.light-pastel-green	{
	background-color: #e4fcdf;
	color: #1c750b;
}

.light-grayish-lavender {
	background-color: #f1f1f1;
	color: #404040;
}

.light-blue-green {
	background-color: #e6f7ff;
	color: #005780;
}

.item-block-header.grey-light{
	background-color: #F1F1F1;
	color: #4B4C51;
}

.very-light-cyan{
	background-color: #DCF2F2;
	color: #046B6B;
}

.light-cream-yellow {
	background-color: #FAF1E0;
	color: #B54708;
}

.light-mint-green {
	background-color: #E4FCDF;
	color: #047B52;
}

.light-pink-white
	{
	background-color: #F9EDFB;
	color: #4A148C;
}

.light-lemon-yellow
	{
	background-color: #FEF9DE;
	color: #B95503;
}

.light-sky-blue
	{
	background-color: #EAF0FD;
	color: #001C64;
}

.light-baby-blue{
	background-color: #E8F5FF;
	color: #175CD3;
}

.light-salmon-pink {
	background-color: #FEEEEE;
	color: #B91E15;
}

/***************************************************/
/* btn - default ***********************************/
/***************************************************/
.btn.btn-default {
	background-color: #FFFFFF;
	color: #4B4C51;
	border: 1px solid #E1E2E5;
}

.btn.btn-default.focus, .btn.btn-default:focus {
	background-color: #FFFFFF;
	color: #4B4C51;
	border: 1px solid #8889FD;
}

.btn.btn-default:hover {
	background-color: #F6F7F8;
	color: #4B4C51;
	border: 1px solid #E1E2E5;
}

.btn.btn-default.active, .btn.btn-default:active, .open>.dropdown-toggle.btn-default
	{
	background-color: #E1E2E5;
	color: #4B4C51;
	border: 1px solid #E1E2E5;
}

.btn.btn-default.active.focus, .btn.btn-default.active:focus, .btn.btn-default.active:hover,
	.btn.btn-default:active.focus, .btn.btn-default:active:focus, .btn.btn-default:active:hover,
	.open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus,
	.open>.dropdown-toggle.btn-default:hover {
	background-color: #E1E2E5;
	color: #4B4C51;
	border: 1px solid #8889FD;
}

/***************************************************/
/* btn - white ***********************************/
/***************************************************/
.btn.btn-white {
	border: 0px;
	background-color: #ffffff;
	border-color: 0px solid #000000;
	color: #000000;
	font-weight: 400;
	user-select: text;
}

.btn.btn-white.focus, .btn.btn-white:focus {
	background-color: #F5F7FA;
	outline: none;
	box-shadow: none;
	color: #000000;
}

.btn.btn-white:hover {
	background-color: #F5F7FA;
	outline: none;
	box-shadow: none;
	color: #000000;
}

.btn.btn-white.active, .btn.btn-white:active {
	background-color: #F5F7FA;
	color: #000000;
	outline: none;
}

.btn.btn-white.active.focus, .btn.btn-white.active:focus, .btn.btn-white.active:hover,
	.btn.btn-white:active.focus, .btn.btn-white:active:focus, .btn.btn-white:active:hover
	{
	background-color: #F5F7FA;
	color: #000000;
	outline: none;
	box-shadow: none;
}

.details-topbar .btn-default {
	text-align: left;
}

/***************************************************/
/* btn - success ************************************/
/***************************************************/
.btn.btn-success {
	background-color: #258F00;
	color: #FFFFFF;
	border: 1px solid #258F00;
}

.btn.btn-success.focus, .btn.btn-success:focus {
	background-color: #258F00;
	color: #FFFFFF;
	border: 1px solid #8889FD;
}

.btn.btn-success:hover {
	background-color: #1B6700;
	color: #FFFFFF;
	border: 1px solid #1B6700;
}

.btn.btn-success.active, .btn.btn-success:active, .open>.dropdown-toggle.btn-success
	{
	background-color: #1B6700;
	color: #FFFFFF;
	border: 1px solid #1B6700;
}

.btn.btn-success.active.focus, .btn.btn-success.active:focus, .btn.btn-success.active:hover,
	.btn.btn-success:active.focus, .btn.btn-success:active:focus, .btn.btn-success:active:hover,
	.open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus,
	.open>.dropdown-toggle.btn-success:hover {
	background-color: #1B6700;
	color: #FFFFFF;
	border: 1px solid #8889FD;
}

/***************************************************/
/* btn-success-light ***********************************/
/***************************************************/
.btn.btn-success-light {
	background-color: #FFFFFF;
	color: #258F00;
	border: 1px solid #FFFFFF;
}

.btn.btn-success-light.focus, .btn.btn-success-light:focus {
	background-color: #F6F7F8;
	color: #258F00;
	border: 1px solid #258F00;
}

.btn.btn-success-light:hover {
	background-color: #F6F7F8;
	color: #258F00;
	border: 1px solid #258F00;
}

.btn.btn-success-light.active, .btn.btn-success-light:active, .open>.dropdown-toggle.btn-success-light
	{
	background-color: #F6F7F8;
	color: #258F00;
	border: 1px solid #258F00;
}

.btn.btn-success-light.active.focus, .btn.btn-success-light.active:focus,
	.btn.btn-success-light.active:hover, .btn.btn-success-light:active.focus,
	.btn.btn-success-light:active:focus, .btn.btn-success-light:active:hover,
	.open>.dropdown-toggle.btn-success-light.focus, .open>.dropdown-toggle.btn-success-light:focus,
	.open>.dropdown-toggle.btn-success-light:hover {
	background-color: #F6F7F8;
	color: #258F00;
	border: 1px solid #258F00;
}

/***************************************************/
/* btn - primary ***********************************/
/***************************************************/
.btn.btn-primary {
	background-color: #6162F1;
	color: #FFFFFF;
	border: 1px solid #6162F1;
}

.btn.btn-primary.focus, .btn.btn-primary:focus {
	background-color: #6162F1;
	color: #FFFFFF;
	border: 1px solid #258F00;
}

.btn.btn-primary:hover {
	background-color: #3B3DAB;
	color: #FFFFFF;
	border: 1px solid #3B3DAB;
}

.btn.btn-primary.active, .btn.btn-primary:active, .open>.dropdown-toggle.btn-primary
	{
	background-color: #3B3DAB;
	color: #FFFFFF;
	border: 1px solid #3B3DAB;
}

.btn.btn-primary.active.focus, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover,
	.btn.btn-primary:active.focus, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover,
	.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover {
	background-color: #3B3DAB;
	color: #FFFFFF;
	border: 1px solid #258F00;
}

/***************************************************/
/* btn-primary-light ***********************************/
/***************************************************/
.btn.btn-primary-light {
	background-color: #FFFFFF;
	color: #6162F1;
	border: 1px solid #FFFFFF;
}

.btn.btn-primary-light.focus, .btn.btn-primary-light:focus {
	background-color: #F6F7F8;
	color: #6162F1;
	border: 1px solid #6162F1;
}

.btn.btn-primary-light:hover {
	background-color: #F6F7F8;
	color: #6162F1;
	border: 1px solid #6162F1;
}

.btn.btn-primary-light.active, .btn.btn-primary-light:active, .open>.dropdown-toggle.btn-primary-light
	{
	background-color: #F6F7F8;
	color: #6162F1;
	border: 1px solid #6162F1;
}

.btn.btn-primary-light.active.focus, .btn.btn-primary-light.active:focus,
	.btn.btn-primary-light.active:hover, .btn.btn-primary-light:active.focus,
	.btn.btn-primary-light:active:focus, .btn.btn-primary-light:active:hover,
	.open>.dropdown-toggle.btn-primary-light.focus, .open>.dropdown-toggle.btn-primary-light:focus,
	.open>.dropdown-toggle.btn-primary-light:hover {
	background-color: #F6F7F8;
	color: #6162F1;
	border: 1px solid #6162F1;
}

/***************************************************/
/* btn-secondary ***********************************/
/***************************************************/
.btn.btn-secondary {
	background-color: #EFF0FF;
	color: #494BCF;
	border: 1px solid #EFF0FF;
}

.btn.btn-secondary.focus, .btn.btn-secondary:focus {
	background-color: #6162F1;
	color: #494BCF;
	border: 1px solid #258F00;
}

.btn.btn-secondary:hover {
	background-color: #CDCEFF;
	color: #494BCF;
	border: 1px solid #CDCEFF;
}

.btn.btn-secondary.active, .btn.btn-secondary:active, .open>.dropdown-toggle.btn-secondary
	{
	background-color: #CDCEFF;
	color: #494BCF;
	border: 1px solid #CDCEFF;
}

.btn.btn-secondary.active.focus, .btn.btn-secondary.active:focus, .btn.btn-secondary.active:hover,
	.btn.btn-secondary:active.focus, .btn.btn-secondary:active:focus, .btn.btn-secondary:active:hover,
	.open>.dropdown-toggle.btn-secondary.focus, .open>.dropdown-toggle.btn-secondary:focus,
	.open>.dropdown-toggle.btn-secondary:hover {
	background-color: #CDCEFF;
	color: #494BCF;
	border: 1px solid #258F00;
}

/***************************************************/
/* btn - warning ***********************************/
/***************************************************/
.btn.btn-warning {
	background-color: #FAA619;
	color: #1B1B1D;
	border: 1px solid #FAA619;
}

.btn.btn-warning.focus, .btn.btn-warning:focus {
	background-color: #FAA619;
	color: #1B1B1D;
	border: 1px solid #8889FD;
}

.btn.btn-warning:hover {
	background-color: #C88514;
	color: #1B1B1D;
	border: 1px solid #C88514;
}

.btn.btn-warning.active, .btn.btn-warning:active, .open>.dropdown-toggle.btn-warning
	{
	background-color: #C88514;
	color: #1B1B1D;
	border: 1px solid #C88514;
}

.btn.btn-warning.active.focus, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover,
	.btn.btn-warning:active.focus, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover,
	.open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus,
	.open>.dropdown-toggle.btn-warning:hover {
	background-color: #C88514;
	color: #1B1B1D;
	border: 1px solid #8889FD;
}

/***************************************************/
/* btn-warning-light ***********************************/
/***************************************************/
.btn.btn-warning-light {
	background-color: #FFFFFF;
	color: #FAA619;
	border: 1px solid #FFFFFF;
}

.btn.btn-warning-light.focus, .btn.btn-warning-light:focus {
	background-color: #F6F7F8;
	color: #FAA619;
	border: 1px solid #FAA619;
}

.btn.btn-warning-light:hover {
	background-color: #F6F7F8;
	color: #FAA619;
	border: 1px solid #FAA619;
}

.btn.btn-warning-light.active, .btn.btn-warning-light:active, .open>.dropdown-toggle.btn-warning-light
	{
	background-color: #F6F7F8;
	color: #FAA619;
	border: 1px solid #FAA619;
}

.btn.btn-warning-light.active.focus, .btn.btn-warning-light.active:focus,
	.btn.btn-warning-light.active:hover, .btn.btn-warning-light:active.focus,
	.btn.btn-warning-light:active:focus, .btn.btn-warning-light:active:hover,
	.open>.dropdown-toggle.btn-warning-light.focus, .open>.dropdown-toggle.btn-warning-light:focus,
	.open>.dropdown-toggle.btn-warning-light:hover {
	background-color: #F6F7F8;
	color: #FAA619;
	border: 1px solid #FAA619;
}

/***************************************************/
/* btn - info ***********************************/
/***************************************************/
.btn.btn-info {
	background-color: #2870EC;
	color: #FFFFFF;
	border: 1px solid #2870EC;
}

.btn.btn-info.focus, .btn.btn-info:focus {
	background-color: #2870EC;
	color: #FFFFFF;
	border: 1px solid #8889FD;
}

.btn.btn-info:hover {
	background-color: #0045BC;
	color: #FFFFFF;
	border: 1px solid #0045BC;
}

.btn.btn-info.active, .btn.btn-info:active, .open>.dropdown-toggle.btn-info
	{
	background-color: #0045BC;
	color: #FFFFFF;
	border: 1px solid #0045BC;
}

.btn.btn-info.active.focus, .btn.btn-info.active:focus, .btn.btn-info.active:hover,
	.btn.btn-info:active.focus, .btn.btn-info:active:focus, .btn.btn-info:active:hover,
	.open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus,
	.open>.dropdown-toggle.btn-info:hover {
	background-color: #0045BC;
	color: #FFFFFF;
	border: 1px solid #8889FD;
}

/***************************************************/
/* btn-info-light ***********************************/
/***************************************************/
.btn.btn-info-light {
	background-color: #FFFFFF;
	color: #2870EC;
	border: 1px solid #FFFFFF;
}

.btn.btn-info-light.focus, .btn.btn-info-light:focus {
	background-color: #F6F7F8;
	color: #2870EC;
	border: 1px solid #2870EC;
}

.btn.btn-info-light:hover {
	background-color: #F6F7F8;
	color: #2870EC;
	border: 1px solid #2870EC;
}

.btn.btn-info-light.active, .btn.btn-info-light:active, .open>.dropdown-toggle.btn-info-light
	{
	background-color: #F6F7F8;
	color: #2870EC;
	border: 1px solid #2870EC;
}

.btn.btn-info-light.active.focus, .btn.btn-info-light.active:focus, .btn.btn-info-light.active:hover,
	.btn.btn-info-light:active.focus, .btn.btn-info-light:active:focus,
	.btn.btn-info-light:active:hover, .open>.dropdown-toggle.btn-info-light.focus,
	.open>.dropdown-toggle.btn-info-light:focus, .open>.dropdown-toggle.btn-info-light:hover
	{
	background-color: #F6F7F8;
	color: #2870EC;
	border: 1px solid #2870EC;
}

/***************************************************/
/* btn - danger ***********************************/
/***************************************************/
.btn.btn-danger {
	background-color: #ED0B0B;
	color: #FFFFFF;
	border: 1px solid #ED0B0B;
}

.btn.btn-danger.focus, .btn.btn-danger:focus {
	background-color: #ED0B0B;
	color: #FFFFFF;
	border: 1px solid #8889FD;
}

.btn.btn-danger:hover {
	background-color: #7D0404;
	color: #FFFFFF;
	border: 1px solid #7D0404;
}

.btn.btn-danger.active, .btn.btn-danger:active, .open>.dropdown-toggle.btn-danger
	{
	background-color: #7D0404;
	color: #FFFFFF;
	border: 1px solid #7D0404;
}

.btn.btn-danger.active.focus, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover,
	.btn.btn-danger:active.focus, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover,
	.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus,
	.open>.dropdown-toggle.btn-danger:hover {
	background-color: #7D0404;
	color: #FFFFFF;
	border: 1px solid #8889FD;
}

/***************************************************/
/* btn-danger-light ***********************************/
/***************************************************/
.btn.btn-danger-light {
	background-color: #FFFFFF;
	color: #ED0B0B;
	border: 1px solid #FFFFFF;
}

.btn.btn-danger-light.focus, .btn.btn-danger-light:focus {
	background-color: #F6F7F8;
	color: #ED0B0B;
	border: 1px solid #8889FD;
}

.btn.btn-danger-light:hover {
	background-color: #F6F7F8;
	color: #ED0B0B;
	border: 1px solid #E1E2E5;
}

.btn.btn-danger-light.active, .btn.btn-danger-light:active, .open>.dropdown-toggle.btn-danger-light
	{
	background-color: #F6F7F8;
	color: #ED0B0B;
	border: 1px solid #E1E2E5;
}

.btn.btn-danger-light.active.focus, .btn.btn-danger-light.active:focus,
	.btn.btn-danger-light.active:hover, .btn.btn-danger-light:active.focus,
	.btn.btn-danger-light:active:focus, .btn.btn-danger-light:active:hover,
	.open>.dropdown-toggle.btn-danger-light.focus, .open>.dropdown-toggle.btn-danger-light:focus,
	.open>.dropdown-toggle.btn-danger-light:hover {
	background-color: #F6F7F8;
	color: #ED0B0B;
	border: 1px solid #8889FD;
}

/***************************************************/
/* btn - stop action ***********************************/
/***************************************************/
.btn-fill-container {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-text-left {
	text-align: left;
}

.btn.reservared-vehicle {
	background: #007782;
	color: #FFFFFF;
}


/**************
***FLEX-LIST***
**************/

.flex-list {
	width: 100%;
	max-height: 400px;
	overflow: auto;
	padding: 8px 0px 8px 0px;
}

.flex-list-row {
	display: flex; 
	flex-wrap: nowrap; 
	gap: 2px; 
	align-items: center;
	border-radius: 8px;	
	padding: 2px;
	margin: 1px 0px 1px 0px;
}

.flex-list-item {
	flex: 2; 
	font-size: 84%;
}

.flex-list-item-sm {
	flex: 1; 
	font-size: 84%;	
}

.flex-list-item-lg {
	flex: 3; 
	font-size: 84%;	
}
/***************/


.children-inline div {
	width: inherit;
	display: inline;
}

.inline {
	display: inline-flex;
	align-items: center;
}

.inline-right {
	display: inline-flex;
	align-items: center;
	justify-content: right;
}

collapsible right-buttons, collapsible ng-transclude[ng-transclude-slot="rightButtons"] {
	display: contents;
}

/***************
***FLEX-BLOCK***
***************/

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.flex-container-nowrap {
	flex-wrap: nowrap;
}

.flex-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 2 1;
	min-width: 36px;
	padding: 0px 1px;
	overflow: hidden;
}

.flex-item-space-between {
	justify-content: space-between;
}

.flex-item-double-width {
	flex-grow: 2;
}

.flex-item-triple-width {
	flex-grow: 3;
}

.pair {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pair label {
	flex: 1;
	text-align: right;
	padding-right: 10px;
}

.pair .flex-item, .pair triple-price-field, .pair .field-no-vertical-space {
	flex: 1;
	text-align: left;
}

.pair>* {
	margin: 2px;
	padding: 2px;
	word-break: break-word;
}

.flex {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;  
	justify-content: space-between;
	padding: 4px 0px;
}

form .flex {
	padding-top: 0px;
}

.dropdown-menu {
	padding: 0px;
	font-size: inherit;
	cursor: default;
	min-width: 300px;
	max-height: calc(100vh - 100px);
	overflow: auto;
	border: 2px solid #333;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
		rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	z-index: 1050;
}

.dropdown-menu .btn {
	border-radius: 0px;
	border: 1px solid transparent;
	transition: border-color 0.3s ease;
	margin: 0px;
}

.dropdown-menu .btn:hover {
	color: #6162F1;
	border: 1px solid #8889FD;
}

.dropdown-menu>li>a>i {
	padding: 0px 8px 0px 0px;
}

.open>.dropdown-menu>li>a {
	text-align: left;
	font-size: inherit;
	padding: 5px 5px 5px 10px;
}

.options {
	border-bottom: 4px solid #999;
	margin-bottom: 4px;
}

.content-box {
	padding: 12px 8px 12px 8px;
	margin: 4px 8px 8px 8px;
	border-radius: 8px;
	background: #FFFFFF;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.content-box-details-topbar {
	max-height: 200px;
	overflow: auto;
	background-color: #d4d4d4;
	padding: 8px 8px;
	border-top: 1px solid #a3a3a3;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.content-box-section {
	border: 1px solid transparent;
	transition: background-color 0.3s ease;
	/*background-color: var(--main-background-color);*/
	border: 1px solid transparent;
	border-bottom: 1px solid #ddd;	
}

.content-box-section:hover {
	background-color: rgba(0, 0, 0, 0.07);
	border-radius: 4px;
}

.content-box-header {
	display: inline-flex;
	align-items: center;
	overflow: visible;
	width: 100%;
	padding: 4px 4px 4px 4px;
	border: 1px solid transparent;
}

.highlighted-section, .normal-section {
	border-radius: 8px;
	padding: 8px;
	margin: 4px 0px;
}

.highlighted-section {
	background: var(--highlight-background-color);
}

.content-box>table {
	width: 100%;
	overflow: auto;
}

.content-stop-section {
	display: block;
}

.content-stop-header {
	position: sticky;
	top: 0;
	z-index: 5;
	background-color: #fff;
	border-radius: 4px;
	border-bottom: 1px solid #aaa;
}

.content-stop {
	background-color: #fff;
	padding: 8px;
	border-radius: 8px;
	margin: 8px 16px;
}

.current-route {
	background-color: #BBDFC5;
}

.late-possibility {
	background-color: #f89d9d;
	border-color: red;
}

.past-route {
	background-color: #f2f2f2;
}

.past-route .form-value {
	color: #444;
	font-style: italic;
}

.content-stop-internal-box {
	padding: 4px 8px;
	border-radius: 8px;
	background: var(--highlight-background-color);
	margin: 4px 8px;
}

/*--------------------*/
/*-FILTRY-------------*/
/*--------------------*/

.filter-header {
	display: flex;
	padding: 4px 8px;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	background: #e5e3f1;
	border-radius: 4px;
}

.filter-buttons {
	display: inline-flex;
	background-color: #79a6d2;
	margin: 1px;
	padding: 4px;
	border-radius: 5px;
}

.btn-xs {
	line-height: unset;
    padding: 1px 2px;
}

.filter-block {
	z-index: 5;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	margin: 0px 0px 8px 0px;
}

.list-block {
	overflow: scroll;
	height: 100%;
}

.filter-box {
	min-height: auto;
	max-height: var(--filter-box-height);
	overflow-y: auto;
	overflow-x: none;
	background-color: #e5e3f1;
}

.filter-form-box {
	padding: 2px;
	max-height: 100px;
	overflow: auto;	
}

.filter-separator {
	display: flex;
	border-radius: 8px;
	padding: 2px 12px;
	vertical-align: middle;
	width: 100%;
	margin: 1px 0px 1px 0px;
	align-items: center;
	transition: background-color 0.3s ease;
}

.filter-separator:hover {
	background-color: #d1cce6;
}

.filter-box-small .btn {
	margin: 1px 2px 1px 2px;
}

.content-box-header .form-control {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: unset;
}

#filter-select {
	min-width: 200px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 5px;
	background-color: #fff;
	border: 1px solid #ddd;
	height: var(--form-default-size);
	padding: 2px 4px;
}

.filter-close-small {
	padding-left: 3px;
}

.filter-box-small-active>div>table>thead {
	top: var(--filter-box-small-height);
}

.map-box {
	height: 500px;
	z-index: 1 !important;
}

#list-tab-section .map-box {
	height: calc(100vh - 80px);
	overflow: hidden;
}

.map-control {
	padding-left: 5px;
	height: 30px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
}

.contractor-box-black-list {
	background: #ff0000;
	color: #fff;
}

.list-view-checkbox {
	padding: 2px 5px 2px 5px;
}

.item-block {
	min-width: calc(100vw - var(--sidebar-width) - var(--scrollbar-width) - 24px);	
	max-width: calc(100vw - var(--sidebar-width) - var(--scrollbar-width) - 24px);
	overflow: hidden;
	margin: 8px 12px 24px 12px;
	background-color: #ffffff;
	/*border: 2px solid var(--main-background-color); */
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.item-block:hover {
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.sidebar-hide .item-block {
	min-width: calc(100vw - var(--scrollbar-width) - 24px);
	max-width: calc(100vw - var(--scrollbar-width) - 24px);
}

.sidebar-mini .item-block {
	min-width: calc(100vw - var(--sidebar-mini-width) - var(--scrollbar-width) - 24px);
	max-width: calc(100vw - var(--sidebar-mini-width) - var(--scrollbar-width) - 24px);
}

.item-block-header {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 4px 4px;
	/*background-color: #c7d2fe;*/
}

.item-block-internal-list {
	border-top: 1px solid var(--main-background-color);
}

.item-block-data {
	padding: 4px;
	border-radius: 8px;
}

.item-block-collapsed-wrapper {
	display: flex;
	justify-content: flex-start;
}

.item-block-collapsed {
	min-width: calc(100vw - 270px);
	max-width: calc(100vw - 20px);
	margin: 8px;
	padding: 8px;
	border-radius: 8px;
	background-color: var(--highlight-background-color);
}

.item-block-collapsed .field-horizontal {
	padding: 4px 12px;
}

.item-block-internal-box {
	padding: 4px;
}

/*
.item-block-internal-box:hover {
	border-color: #5c5c8a;
}*/
.item-block-internal-box-header {
	width: 100%;
	padding: 4px 2px;
	border-bottom: 1px solid;
}

.item-block-internal-box-data {
	margin: 8px;
}

.view-list-separator {
	border-right: 10px solid var(--main-background-color);
	
}

.short .app-content-data {
	overflow: auto;
}

.details-dropdown .dropdown-toggle {
	display: none;
}

.details-dropdown .dropdown-menu {
	display: contents;
	position: static;
}

.details-dropdown .dropdown-menu>li {
	display: contents;
}

.details-dropdown .dropdown-menu>li>a {
	display: inline-block;
}

.details-list-view .app-content-data {
	height: unset;
	max-height: 500px;
	overflow: auto;
	display: block;
	width: 100%;
}

.content-box-modal-list {
	max-height: calc(100vh - 350px);
	background: #FFFFFF;
	display: block;
	overflow: auto;
}

.content-box-modal-list.financial-settlement-modal-list {
	min-height: 100px;
	max-height: calc(100vh - 600px);
}

.control-readonly {
	background: #CCCCFF;
}

.active-input {
	color: black;
}

.highlight-text {
	font-weight: bold;
}

.bold-text .form-value {
	font-weight: bold;
	text-decoration: underline;
}

.content-box .app-content-footer {
	margin: 4px;
	background-color: unset;
}

.required {
	color: red;
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: 700;
}

.highlight-green {
	color: #276F55;
}

.table>tbody>tr.is-processed>td {
	background: #eef7f1;
	color: #000000;
	font-weight: bold;
}

.table>tbody>tr.sms-not-read>td {
	background: #eef7f1;
	color: #000000;
	font-weight: bold;
}

.table>tbody>tr.active>td {
	background: #AAAAAA;
	color: #000000;
	font-weight: bold;
}

/***************************************************/
/* SMS MESSAGE CHAT*********************************/
/***************************************************/
.messages-box {
	height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.sms-not-read {
	background: #eef7f1;
	color: #000000;
	font-weight: bold;
}

.transport-message .sms-not-read {
	background: #eef7f1;
	color: #000000;
	font-weight: bold;
}

.public-chat-button {
	position: fixed;
	bottom: 55px;
	right: 0px;
	z-index: 1001;
	min-width: 370px;
	border-radius: 0px;
}

.public-chat-box {
	display: none;
	position: fixed;
	bottom: 55px;
	right: 0px;
	z-index: 1002;
	background-color: #ffffff;
	border: 1px solid #0c1d3a;
	width: 370px;
	max-width: 95%;
}

.public-field {
	min-height: var(--form-default-size);
}

table>tbody>tr.active-row-preview-opacity td {
	opacity: 0.65;
}

div.filter-separator div span.input-group-btn button {
	height: 34px;
}
/*
.app-content-data>.table-wrapper {
	height: calc(100% - var(--filter-box-height));
	overflow: auto;
	position: relative;
}

.app-content-data>.table-wrapper {
	height: calc(100% - var(--filter-box-height));
	overflow: auto;
	position: relative;
}

.content-box-modal-list>.table-wrapper {
	height: calc(100% - var(--filter-height-precentage)- 1.35%);
	overflow-y: auto;
}
*/
.date-picker-menu table>thead>tr>th {
	position: unset;
}

.dropdown.open>ul>li>a {
	margin: 0;
}

/****************
      CHAT
****************/
.chat-popup {
	display: block;
	position: fixed;
	right: 15px;
	bottom: 50px;
	z-index: 1002;
	background-color: #fff;
	width: 450px;
	max-width: calc(100vw - 100px);
	padding: 5px 5px 5px 5px;
	border: 2px solid #EEE;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 24px, rgba(0, 0, 0, 0.22) 0px
		10px 10px;
}

.chat-container {
	height: 500px;
	max-height: calc(100vh - 300px);
	overflow: auto;
}

.chat-popup .chat-input {
	border: solid 1px #ccc;
	border-radius: 10px;
	padding: 5px;
	width: 80%;
	min-height: 45px;
}

.chat-container ul {
	list-style: none;
	margin: 0;
}

.chat-container ul li {
	display: inline-block;
	clear: both;
	width: 80%;
}

.chat-container .received .chat-message, .chat-container .sent .chat-message
	{
	border-radius: 10px;
}

.chat-container .received {
	float: right;
	text-align: left
}

.chat-container .sent {
	float: left;
	text-align: left
}

.chat-message {
	margin: 5px 10px 15px 0;
}

.chat-container .sent .chat-message {
	background: #e6e6e6;
	color: #000000;
}

.chat-container .received .chat-message {
	background: #b2dfdb;
	color: #000;
}

.chat-message .message-read {
	background: #e6f4ff;
	color: #000;
	border-radius: 0px;
}

.chat-message-content {
	padding: 10px 10px 15px 10px;
	white-space: pre-line;
}

.public-chat-box .btn {
	border-radius: 0px;
}

/****************
   END OF CHAT
****************/
.md-dialog-container {
	z-index: 1200;
}

.dropdown-menu-offset {
	margin-top: 236px;
}

.dropdown-menu>li>ul, .dropdown-menu>li>unt-datetime-picker>ul {
	padding-left: 0;
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden;
}

.dropdown-menu>.active>a {
	color: #000000;
	background-color: #FFFFFF;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #494BCF;
	background-color: #EFF0FF;
}

.dropdown-menu>li>ul>li>a {
	display: block;
}

input.no-arrows::-webkit-outer-spin-button, input.no-arrows::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

input.no-arrows[type=number] {
	-moz-appearance: textfield;
}

.text-info {
	color: unset;
}

.relationship-picker, .relationship-picker>option {
	font-family: var(--font-normal);
	margin: 0px 0px 0px 8px;
}

table table thead {
	position: unset;
}

.highlight-row {
	background-color: #DBDBDB;
}

.enum-image {
	max-width: 25px;
	max-height: 15px;
	border: 1px solid #f0f0f0;
	padding: 2px;
	margin-right: 2px;
}

.element-collection-table {
	display: flex;
	flex-wrap: wrap;
	margin: 1px;
}

.element-collection-table tbody tr .separator {
	height: 2px;
}

.anchor-body {
	padding: 0px 10px 0px 10px;
	margin-bottom: 1px;
}

.anchor-header {
	position: sticky;
	top: 0;
	padding: 10px;
	z-index: 5;
	overflow-y: auto;
	white-space: nowrap;
	padding: 4px;
	background-color: #2980b9;
	color: #FFF;
	display: flex;
	align-items: center;
	border-radius: 4px;
}

.anchor-freightOrder {
	background-color: #E67E22; /*#8E44AD*/
	color: #FFFFFF;
}

.anchor-freight {
	background-color: #2980B9;
	color: #FFFFFF;
}

.anchor-freight-realization {
	background-color: #27AE60;
	color: #FFFFFF;
}

.value-text-button {
	width: 100%;
	display: flex;
}

.value-text {
	width: 100%;
	margin-right: 2px;
}

.value-button {
	float: right;
	padding: 0px 0px 0px 5px;
}

/* MEDIA MAX 768 px */
@media ( min-width : 768px) {
	.modal-dialog {
		margin: 0px auto;
	}
}

/* MEDIA MAX 1200 px */
@media screen and (max-width: 1200px) {
	
	.flex-list-row {
		display: block;
		flex-wrap: wrap;
	}
	
	.flex-list-item {
		width: 100%;
		display: block;
	}
	.item-block .item-block-header, .pair {
		display: block;
		width: 100%;
	}
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: block;
	}
	.scrollable-stop-content {
		height: auto;
		overflow: auto;
	}
	.item-block {
		min-width: unset;
	}
	#wrapper {
		display: unset;
	}
	.app-content {
		width: 100vw;
	}
	#sidebar {
		display: block;
		position: fixed;
		z-index: 992;
	}
	#bottombar {
		max-width: unset;
	}
	#sidebar .app-content {
		display: block;
		position: fixed;
	}
	.sidebar-mini #sidebar {
		display: none;
	}
	.sidebar-mini .app-content {
		width: 100vw;
	}
	

}
/* END OF MEDIA MAX 1200 px */
@media ( max-width : 991px) {
	.hide-on-narrow-screen {
		display: none;
	}
}

/*************************/
/** FREIGHT STOP STATUS **/
/*************************/

.vehicle-combination-work-current {
	font-weight: bold;
}

.stop-status-going-to {
	font-weight: bold;

}

.stop-status-is-on  {
	background-color: #95D7AE;
	font-weight: bold;
}

.stop-status-not-going-yet {
	background-color: white;
	font-weight: normal;
}

.stop-status-finished, .cargo-status-supplied,
	.vehicle-combination-work-status-finished {
	font-style: normal;
	color: black;
	background-color: #f2f2f2;
}

/*******************/
/** PERIOD STATUS **/
/*******************/
.period-status-less-than-7-days {
	background-color: #cddae8;
	border: 2px solid #137ced;
	text-align: center;
	border-radius: 8px;
}

.period-status-exceeded {
	background-color: #ffcccc;
	border: 2px solid #f44336;
	text-align: center;
	border-radius: 8px;
}

/********************/
/** SUBSTATUS BAR* **/
/********************/
.substatus-bar {
	width: 100%;
	height: 4px;
	border-radius: 2px;
}

.status-bar-active {
	background-color: #408000;
}

.schedule-start-in-7-days {
	background-color: #005780;
}

/********************/
/** ACTIVE PREVIEW **/
/********************/
.item-block.active-preview {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
	background-color: var(--highlight-background-color);
}

.table .active-preview, .active-preview {
	border-bottom: 2px solid var(--main-background-color-darker);
	background-color: var(--highlight-background-color);
}

.active-preview table {
	background-color: rgba(91, 91, 91, 0);
	background-color: var(--highlight-background-color);
}

table.colored>tbody>tr.active-preview {
	background: rgba(91, 91, 91, 0.4);
	background-color: var(--highlight-background-color);
}

/********************/
/** FAVORITE ***** **/
/********************/
.favorite table {
	background-color: rgb(0, 255, 0);
}

/********************/
/** SELECTED****** **/
/********************/

/*************/
/** DASHBOARD **/
/*************/
.dashboard-panel {
	background-color: transparent;
	padding: 10px 10px 10px 10px;
	margin-top: 30px;
	border: none;
}

.dashboard-panel-body {
	background-color: #fff;
	height: 100%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.panel-default>.panel-heading {
	color: #FFFFFF;
	background-color: #101419;
	border-color: transparent;
}

.panel-default>.panel-heading h2 {
	color: #FFFFFF;
}

.dashboard-panel-body .menu-suboption-content {
	display: flex;
}

.dashboard-panel-body .label-menu-short {
	display: block;
}

.dashboard-panel-body .label-menu-short, .dashboard-panel-body .content
	{
	margin-right: auto;
}

/********************/
/** ROW HIGHLIGHTS **/
/********************/
.row-danger {
	background-color: #ffcccc;
	border-bottom: 3px solid #f44336;
}

/*************/
/** UTILITY **/
/*************/
.float-right {
	float: right;
}

.list-without-dots {
	list-style: none;
	padding: 0px;
}

/****************/
/** ANIMATIONS **/
/****************/
.row.ng-enter, .row.ng-leave {
	transition: height 1.0s ease-in-out, opacity 1.0s ease-in-out;
	overflow: hidden;
}

.row.ng-enter {
	height: 0;
	opacity: 0;
}

.row.ng-enter.ng-enter-active {
	height: auto;
	opacity: 1;
}

.row.ng-leave {
	height: auto;
	opacity: 1;
}

.row.ng-leave.ng-leave-active {
	height: 0;
	opacity: 0;
}

tr[with-context-menu].ng-enter {
	transition: all ease-in-out 1s;
	opacity: 0;
}

tr[with-context-menu].ng-enter-active {
	opacity: 1;
}

.my-view.ng-enter {
	transition: opacity 1s linear 1s; /* 0.3s to opóźnienie */
	opacity: 0;
}

.my-view.ng-enter.ng-enter-active {
	opacity: 1;
}

/* style dla animacji wyjścia */
.my-view.ng-leave {
	transition: 0.2s linear all;
	opacity: 1;
}

/* style po zakończeniu animacji wyjścia */
.my-view.ng-leave.ng-leave-active {
	opacity: 0;
}

tr.ng-enter {
	transition: opacity 1s linear;
	opacity: 0;
}

tr.ng-enter.ng-enter-active {
	opacity: 1;
}

.justify-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.uib-timepicker, .uib-daypicker {
	padding: 8px;
	background: #f2f2f2;
}

.uib-timepicker {
	display: flex;
	justify-content: center;
}

.uib-daypicker table tr td:nth-of-type(1n+8) {
	display: none;
}

/********************
******FAVORITE*******
*********************/
.favorite {
	background-color: rgb(136, 242, 115)
}

.field-li-input {
	padding: 2px 4px 4px 2px;
	background: #B8B8FF;
}

.close-list-tab-section-btn {
	display: none;
}

.details-preview .close-list-tab-section-btn,
#list-tab-section .close-list-tab-section-btn {
	display: block;
}

/************
***PLANNER***
*************/

.planner {
	min-width: calc(100vw - var(--sidebar-width) - var(--scrollbar-width));
}

.planner .header {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: #fff;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.planner .header .management-row {
	display: flex;
	justify-content: center;
	padding: 4px;
	flex-wrap: wrap;
	border: 1px solid #ddd;
}

.planner .header .days-row {
	display: flex;
	flex: 1;
	font-weight: 700;
	vertical-align: middle;
	text-align: center;
	word-break: break-word;
}

.planner .header .days-row .secondary-text {
	font-size: var(--font-xs);
	color: #888;
}

/*
.planner .content-row {
	display: flex;
	min-height: 24px;
	border-top: 1px solid #000000;
	flex: 1;
}*/

.planner .item-block-header {
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	margin: 4px 0px 4px 0px;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.planner .item-block-header:hover {
	background-color: #fafafa;
	border-color: #888;
}

.planner .item-block-header .flex-item {
	padding: 0px 4px 0px 4px;
}


.planner .content-row >* {
	flex: 1;
}

.planner .content-row .content-row-line {
	display: flex;
	position: relative;
	border-bottom: 2px solid #aaa;
}

.btn-planner-layer .badge {
	display: none;
}

.btn-planner-layer .icon {
	display: inline-block;
}

.btn-planner-layer:hover .badge {
	display: inline-block;
}

.btn-planner-layer:hover .icon {
	display: none;
}

.timeline-cell {
	display: flex;
	flex: 1;
	border-right: 1px dashed #aaa;
	min-height: 45px;
	align-items: center;
	justify-content: space-around;
}

.timeline-cell.past {
	background-color: #f2f2f2;
}

.timeline-cell.today {
	background-color: #FCFFF2;
}

.timeline-cell.future {
	background-color: #fff;
}

.timeline-cell.weekend {
	background-image: repeating-linear-gradient(
        135deg,
        #C2D8F9 0px,
        #C2D8F9 2px,
        transparent 2px,
        transparent 10px
    );
}

.timeline-block {
	position: absolute;
	cursor: pointer;
	border-radius: 8px;
	border: 0.5px solid;
	padding: 0px 4px;
	overflow: hidden;
	white-space: nowrap;
	min-width: 24px;
	min-height: 34px;
	top: 50%;
	transform: translateY(-50%);
}

.timeline-block .icon {
	flex: 0 1 auto;
	flex-shrink: 0;
	padding-right: 8px;
}

.timeline-block .content {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

.timeline-block .content .item-progress-bar {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  border: 0.5px solid;
  border-color: darkgreen;
}

/************
***IMPORT_TSL***
*************/
.app-content-header-import {
    background-color: var(--main-background-color);
    z-index: 800;
    min-height: 40px;
    border-bottom: 1px solid #AAA;
    display: flex;
    align-items: center;
    padding: 4px 4px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    justify-content: space-between;
}

.app-content-header-import a {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.button-group {
    display: flex;
    margin-left: auto;
}

.order-created {
    background-color: #E4FCDF;
}

.active-filter {
    background-color: #137ced;
    color: white;
}
.filter-blue {
	color: #137ced
}

.logo-offset {
	padding: 3px;
}

.icon-info {
	margin-right: 4px;
}

/******************
 ENTITY DROPDOWNS
******************/
.unt-dropdown-entity a {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.details-body li.list-only,
.modal-body .form-box .dropdown-menu li.list-only {
	display: none;
}

.unt-dropdown li {
	list-style-type: none;
}

/******************
 TEXT MANAGEMENT
*******************/

.text-wrap {
	white-space: normal;
}

.text-xs {
	font-size: var(--font-xs);
}