:root {
  --fontsize1280:0.8rem;
}

#googleMap {
	width: 100%;
	height: 600px;
}


#bodywrapper{
	min-height: calc(100vh - 72px);
}

.horizontalDragScroll.scrolling{
	cursor:col-resize;
}

.verticalDragScroll.scrolling{
	cursor:row-resize;
}

.verticalDragScroll.horizontalDragScroll.scrolling{
	cursor:all-scroll;
}

.document-head-button.collapsed > i.fa::before{
	content: "\f13a";

}

.img-fluid-cointainer > img{
	max-height:100%;
	/* max-width:100%; */
	/* height: initial; */
	/* position: relative; */
	/* width: initial; */
}

.productionTreeContainer{
	padding: 10px;
	border-left:1px solid black;
	user-select:none;
}
.productionTreeContainer:first-child:not(:only-child){
	border-left:0px solid black;
	border-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 100%);
    border-width: 1px;
    border-style: solid;
    border-image-slice: 1;
    border-left: solid 1px;
    border-right:0;
    border-bottom:0;
}
.productionTreeContainer:last-child:not(:only-child){
	border-left:0px solid black;
    border-image: linear-gradient(to top, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 100%);
    border-width: 1px;
    border-style: solid;
    border-image-slice: 1;
    border-left: solid 1px;
    border-right:0;
    border-bottom:0;
    border-top:0;
}
.productionTreeContainer:only-child{
	border:0;
}
.productionTreeHead{
	position:relative;
	margin-right:10px;
}
.productionTreeHead:after, .productionTreeHead:before{
	content:"";
	display:block;
	width:12px;
	border-top:1px solid black;
	background:black;
	position:absolute;
	right:-17px;
	top:calc(50% - 1px);
}
.productionTreeHead:last-child:after{
	display:none;
}
.productionTreeHead:before{
	left:-12px
}
.productionTreeHead:after{
	width:17px;
}
.productionTreeContainer.choose{
	background-color:white;
}
.productionTreeHead .productionTreeChild{
	border-left:black;
}
.productionTreeChild{
	/*border-image: linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(231,56,39,0) 90%);
    border-width: 1px;
    border-style: solid;
    border-image-slice: 1;
    border-left: solid 1px;
    border-right:0
    */
}


.inventory-loss{
	cursor: pointer;
}

.productionTreeContainer.selected, .productionTreeContainer.selected > .productionTreeChild{
	background-color:rgba(142, 230, 166, 0.1);
}

.nb-filemanager{
	overflow:hidden;
	clear:both;
}



.nb-filemanager .nb-file{
	float:left;
	width:200px;
	border:1px solid black;
	margin:5px;
	position:relative;
}

.nb-file .nb-filemanager-delete{
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:20px;
	background:#3d70b2;
	stroke:white;
	stroke-width:10;
	margin:2px;
	cursor:pointer;
}

@font-face {
    font-family: 'Raleway Medium';
    src: url(../fonts/Raleway/Raleway-Medium.ttf);
}
@font-face {
    font-family: 'Raleway Light';
    src: url(../fonts/Raleway/Raleway-Light.ttf);
}
/* Chrome, Safari, Opera */
@-webkit-keyframes containerWide {
	0% {margin-left:250px;}
    100% {margin-left:0px;}
}

/* Standard syntax */
@keyframes containerWide {
	0% {margin-left:250px;}
    100% {margin-left:0px;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeOutError {
	0% {opacity:1;height:20%;}
	99%{height:20%;padding-bottom:10px;visibility:initial;}
    100% {opacity:0; height:0;padding-bottom:0px;visibility:collapse;}
}

/* Standard syntax */
@keyframes fadeOutError {
	0% {opacity:1;height:20%;}
	99%{height:20%;padding-bottom:10px;visibility:initial;}
    100% {opacity:0; height:0;padding-bottom:0px;visibility:collapse;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes containerNormal {
	0% {margin-left:0px;}
    100% {margin-left:250px;}
}

/* Standard syntax */
@keyframes containerNormal {
	0% {margin-left:0px;}
    100% {margin-left:250px;}
}

@-webkit-keyframes navFadeIn {
  from {
    opacity: 0;
    visibility:visible;
  }

  to {
    opacity: 1;
    visibility:visible;
  }
}

/*progress circle*/
@keyframes progress {
	0% {
		stroke-dasharray:0;
	}
}

@keyframes navFadeIn {
  from {
    opacity: 0;
    visibility:visible;
  }

  to {
    opacity: 1;
    visibility:visible;
  }
}

@-webkit-keyframes navFadeOut {
  from {
  	visibility:visible;
   	opacity:1;
   	bottom:0;
  }
  99%{
  	visibility:visible;
  	opacity:0;
  	bottom:0;
  }
  100% {
    visibility:hidden;
    opacity:0;
    bottom:100%;
  }
}

@keyframes navFadeOut{
  from {
  	visibility:visible;
   	opacity:1;
   	bottom:0;
  }
  99%{
  	visibility:visible;
  	 opacity:0;
  	 bottom:0;
  }
  100% {
   opacity:0;
    visibility:hidden;
    bottom:100%;
    
  }
}


@-webkit-keyframes highlight {
  from {
  	
  }
  
  100% {
    -webkit-box-shadow: 0px 0px 8px 3px  rgba(0,153,255,1);
	-moz-box-shadow:0px 0px 8px 3px  rgba(0,153,255,1);
	box-shadow: 0px 0px 8px 3px rgba(0,153,255,1);
  }
}

@keyframes highlight{
  from {
  	visibility:visible;
   	opacity:1;
   	bottom:0;
  }
  100% {
    -webkit-box-shadow: 0px 0px 8px 3px  rgba(0,153,255,1);
	-moz-box-shadow:0px 0px 8px 3px  rgba(0,153,255,1);
	box-shadow: 0px 0px 8px 3px rgba(0,153,255,1);
  }
}

/* kezdőlap */
span#home, span#logout{
	cursor: pointer;
}


span#home:hover, span#logout:hover{
	color: rgba(0,153,255,1);
}

#top a#userLink:link{
	color: white;
}
#top a#userLink:visited{
	color: white;
}
#top a#userLink:hover{
	color: rgba(0,153,255,1);
}
#top a#userLink:active{
	color: rgba(0,153,255,1);
}

/*cancel gomb formokon*/
button.cancel{
	background: red;
}

button.cancel:hover{
	background: darkred;
}
button.cancel:active{
	border: 2px solid #f4f7fb;
	outline: 2px solid red;
}
button.cancel:focus{
	border: 2px solid #f4f7fb;
	outline: 2px solid red;
}


/*kötelező mezők*/

/*input[required='required'], select[required='required'], input[type="checkbox"][required="required"] + label:after{
	border-left: 4px solid orange;
}*/
input[readonly]{
	cursor:default;
}
input[ng-required='displayCondition'], select[ng-required='displayCondition'], input[ng-required='displayCondition'] + input.autocomplete{
	border-left: 4px solid orange;
}

.input-group .form-control.no-flex{
	flex:none;
}

/* datatable sorok kurzor, ha van rajtuk dblclick esemény */
table.dblclick tbody tr{
	cursor: cell;
}


/*kijelentkezés gomb*/
.logoutButton{
	background: black;
	border: black;
	margin: 0px;
	padding: 0px;
}

.logoutButton:active{
	border: black;
	outline: black;
}

.logoutButton:focus{
	border: black;
	outline: black;
}

.logoutButton:hover{
	background: black;
}

/*ikonok kurzora*/
.icon-minus, .icon-plus, .icon-remove, .icon-level-down, .icon-plus-sign, .icon-minus-sign{
	color: darkslategray;
}

#newtable:hover, .icon-minus:hover, .icon-plus:hover, .icon-minus-sign:hover, .icon-plus-sign:hover, .icon-level-down:hover, .icon-remove:hover,
.icon-resize-full, .icon-sort, .icon-search, .icon-ellipsis-horizontal, .icon-circle-arrow-right, .icon-double-angle-right, .icon-angle-right,
.icon-trash, .icon-plus-sign-alt, .icon-minus-sign-alt, .icon-edit{
	cursor: pointer;
}

#newtable.active{
	background: black;
	color: white;
}

.signature {
	border:4px solid #444;
	border-radius: 15px;
}

/*tooltip*/
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
	background-color: #39bfd3;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

span.cfl, span.lazy-select{
	display:
	inline-block;
	/* vertical-align:text-top; */
	position:
	relative;
	/* z-index: 7000000000000000; */
	cursor:
	pointer;
	/* padding-right:15px; */
	width:100%;
}
span.cfl > span.input-container, span.lazy-select > span.input-container{
	display:inline-block;
	position:relative;	
	cursor:pointer;
	width:100%;
}
span.cfl > span:not(.input-container), span.lazy-select > span:not(.input-container){
	position:absolute;
	top:8px;
	right:0;
}
span.cfl .input-container > .link, span.lazy-select .input-container > .link{
	display:block;
	position:absolute;
	right:0;
	top:0px;
	bottom:0;
	overflow:visible;
}
span.cfl .input-container > .link a, span.lazy-select .input-container > .link a{
	display:block;
	position:relative;
	height:100%;
}
span.cfl .link i, span.lazy-select .link i{
	position:relative;
    line-height:0;
    font-size:20px;
    top:50%;
    left:0;
    height:0px;
    display:block;
}
span.cfl .link i:hover, span.lazy-select .link i:hover{
	color: red;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}


input:not(.number):not(.date):not(.datetime):not(.checkbox):not(.cfl):not(.year):not([type=radio]):not([type=checkbox]){
	width:100%;
}

input.cfl{
	width:100%;
}

input.cfl:focus + label + label{
	opacity:0.1;
}
label.cfl-label{
	width:25px;
	border-radius:50%;
	border: 1px solid #3d70b2;
	height: 24px;
	cursor: pointer;
	position: relative;
	margin: 0 0 0;
}

label.lazySelect-label{
	cursor: pointer;
}
input.lazySelect + input.autocomplete + label{
	position: absolute;
	top:3px;
	right:10px;
	bottom:3px;
	margin:0px auto;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	background:transparent;
	text-align:left;
	line-height:25px;
	cursor: pointer;
}

input.cfl + label + label{
	position:absolute;
	top:3px;
	left:0;
	bottom:3px;
	right:100px;
	margin:0px auto;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	pointer-events:none;
	background:#f4f7fb;
	text-align:left;
	line-height:25px
}
input.cfl[required] + label + label, input.cfl[ng-required='displayCondition'] + label + label{
	left: 6px;
	
}

label.date-label{
	/* content: url(icons/calendar.svg); */
	margin: 0 0 0;
}
label.date-label:hover{
	cursor: pointer;
}

i{
	font-style:normal;
}

/*portlet*/

.tree-childs li .portlet {
	margin: 0 1em 1em 0;
	border-left:5px solid black;
}
.portlet-header {
	padding: 0.2em 0.3em;
	margin-bottom: 0.5em;
	position: relative;
}
.portlet-toggle {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
}
.portlet-content {
	display: none;
	padding: 0.4em;
}
.portlet-content-tree {
	/* padding: 0.4em; */
}

.portlet-content-tree dd, .portlet-content-tree dt{
	display:inline-block;
}
.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}

.portlet .tree-childs{
	padding-bottom:20px;	
}
.portlet .tree-childs li{
	position:relative;
}
.portlet .tree-childs li{
	position:relative;
	padding-left: 0;
}
.portlet .ui-widget-content{
	background-color:#8080802b;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
.portlet .tree-childs li:before{
	content:"";
	position:absolute;
	display:block;
	width: 45px;
	height:1px;
	background:black;
	left: -40px;
	top:10px;
}
.portlet-edit{
	border-bottom:1px solid #80808038;
	margin-bottom:5px;
}
.portlet button.delete{
	float:right;
}


/*drag&drop*/
.box {
	font-size: 1.25rem; /* 20 */
	background-color: #c8dadf;
	position: relative;
	padding: 100px 20px;
}
.box.has-advanced-upload {
	outline: 2px dashed #92b0b3;
	outline-offset: -10px;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover {
	outline-offset: -20px;
	outline-color: #c8dadf;
	background-color: #fff;
}
.box__dragndrop,
.box__icon {
	display: none;
}
.box.has-advanced-upload .box__dragndrop {
	display: inline;
}
.box.has-advanced-upload .box__icon {
	width: 100%;
	height: 80px;
	fill: #92b0b3;
	display: block;
	margin-bottom: 40px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input,
.box.is-aborting .box__input{
	visibility: hidden;
}

.box__uploading,
.box__success,
.box__error,
.box__aborting{
	display: none;
}
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error,
.box.is-aborting .box__aborting{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
}
.box__uploading {
	font-style: italic;
}
.box__success {
	-webkit-animation: appear-from-inside .25s ease-in-out;
	animation: appear-from-inside .25s ease-in-out;
}
@-webkit-keyframes appear-from-inside {
	from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
	75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
	to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
}
@keyframes appear-from-inside {
	from	{ transform: translateY( -50% ) scale( 0 ); }
	75%		{ transform: translateY( -50% ) scale( 1.1 ); }
	to		{ transform: translateY( -50% ) scale( 1 ); }
}

.box__restart {
	font-weight: 700;
	color: black;
}
.box__restart:focus,
.box__restart:hover {
	color: #39bfd3;
}

.js .box__file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.js .box__file + label {
	max-width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
}
.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
	color: #39bfd3;
}
.js .box__file:focus + label,
.js .box__file.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.no-js .box__file + label {
	display: none;
}

.no-js .box__button {
	display: block;
}
.box__button {
	font-weight: 700;
	color: #e5edf1;
	background-color: #39bfd3;
	display: none;
	padding: 8px 16px;
	margin: 40px auto 0;
}
.box__button:hover,
.box__button:focus {
	background-color: #0f3c4b;
}

.b1solid{
	border:1px solid black;
}

.ace-editor{
	min-height:10vh;
	resize:both;
}

ul.menu{
	padding-inline-start: 0.1em;
	margin-block-end: 0.1em;
}

#menuDiv #offcanvas-container, #menuDiv .offcanvas-container{
	z-index:2000;
}

/*menu*/
ul.menu div{
	/* width:100%; */
	position:absolute;
	min-width:1000px;
	left:100%;
	/* top: 0px; */
}

ul.menu li{
	padding:0px 5px;
	padding-right:15px;
}


ul.menu ul{
	position:absolute;
	border:1px solid black;
	border-radius: 0px 5px 5px 5px;
	padding:0px;
	width:100%;
	border:1px solid #565656;
	box-sizing:border-box;
	padding:5px 2px;

	-webkit-box-shadow: 3px 2px 8px 2px rgba(33, 33, 33, 0.5);
	-moz-box-shadow:3px 2px 8px 2px rgba(33, 33, 33, 0.5);
	box-shadow: 3px 2px 8px 2px rgba(33, 33, 33, 0.5);

}

ul.menu li > div ul{
	display:none;
	width:auto;
	left:-10px;
	top:-20px;
	background:white;
	box-sizing:border-box;
}

ul.menu li:hover > div > ul{
	display: inline-block;
}

.whiteText div.fc-event-title{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

.blackText div.fc-event-title{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}


.reserved-quantity{
	cursor: pointer;
}





.ui-widget-header{
	background-color: #3d70b2;
	color:white;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background-color:#cee9ff;
	color:black;
}
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a, a.ui-button:active a, .ui-button:active a, .ui-button.ui-state-active:hover a{
	color:black;
}

.nb-red-shadow{
	-webkit-box-shadow: 0px 0px 3px 3px #d0161696;
	-moz-box-shadow:0px 0px 3px 3px #d0161696;
	box-shadow: 0px 0px 3px 3px #d0161696;
}
.nb-orange-shadow{
	-webkit-box-shadow:  0px 0px 3px 3px rgba(255, 165, 0, 0.77);
	-moz-box-shadow:  0px 0px 3px 3px rgba(255, 165, 0, 0.77);
	box-shadow:  0px 0px 3px 3px rgba(255, 165, 0, 0.77);
}
.nb-blue-shadow{
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 153, 255, 0.51);
	-moz-box-shadow:0px 0px 3px 3px rgba(0, 153, 255, 0.51);
	box-shadow: 0px 0px 3px 3px rgba(0, 153, 255, 0.51);
}
.nb-green-shadow{
	-webkit-box-shadow: 0px 0px 3px 3px #67d016;
	-moz-box-shadow: 0px 0px 3px 3px #67d016;
	box-shadow: 0px 0px 3px 3px #67d016;
}


.nb-red-underline{
	-webkit-box-shadow: 0px 2px 0px 0px #d0161696;
	-moz-box-shadow:0px 2px 0px 0px #d0161696;
	box-shadow: 0px 2px 0px 0px #d01616;
}
.nb-orange-underline{
	-webkit-box-shadow:  0px 2px 0px 0px rgba(255, 165, 0, 0.77);
	-moz-box-shadow: 0px 2px 0px 0px rgba(255, 165, 0, 0.77);
	box-shadow: 0px 2px 0px 0px rgba(255, 165, 0, 0.77);
}
.nb-blue-underline{
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 153, 255, 0.51);
	-moz-box-shadow:0px 2px 0px 0px rgba(0, 153, 255, 0.51);
	box-shadow: 0px 2px 0px 0px rgba(0, 153, 255, 0.51);
}
.nb-green-underline{
	-webkit-box-shadow: 0px 2px 0px 0px #67d016;
	-moz-box-shadow: 0px 2px 0px 0px #67d016;
	box-shadow: 0px 2px 0px 0px #67d016;
}




/*table*/
.nb-table{
	display:flex;
	flex-direction:column;
	clear:both;
}

.nb-table.nb-table-fill-height{
	min-height: 0vh;
	max-height: 100%;
}
     
/*help selection */
 .nb-table thead tr th{
 	/* min-width:300px; */
 }
.nb-table tbody tr td{
	position:relative;
	box-sizing:border-box;
	/* min-width:300px; */
	padding:5px;
}
.nb-table table.selectable tbody tr > td.firstVisible{
	padding-left:25px;
}
.nb-table table.selectable tbody tr > td.firstVisible:before{
	font-family:FontAwesome;
	color:white;
	pointer-events: none;
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    display: block;
    border: 2px solid black;
    background-color: #3d70b2;
    border-color: #3d70b2;
    left:2px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);

}
.nb-table table.selectable tbody tr.selected > td.firstVisible:before{
	content:"\f00c";
    text-align: center;
}
/*help selection */

.nb-table-scroll table tr.selected td{
	background:#ffc80061;
}

.nb-table-scroll-body{
	position:relative;
	/* overflow:auto; */
	width:100%;
	height: 100%;
}

.nb-table-scroll-body table thead{
	/* height:0px; */
	/* display:none; */
	/* line-height: 0; */
	/* opacity:0.7; */
	/* position:relative; */
	/* padding:0px; */
}
.nb-table-scroll-body table{
	position:relative;
	/* top:-5px; */
}



.nb-table-scroll-body table thead th{
	position:sticky;
	top:0;
	/* line-height:0; */
	/* padding:0px; */
	/* visibility:hidden; */
	background:white;
}


.nb-table-wrapper, .nb-table-scroll{
	clear:both;
	position:relative;
	overflow:auto;
	flex:1;
}

.nb-table-scroll-body td input:not([type=checkbox]):not(.cfl), .nb-table-scroll-body td select{
	width:100%;

}


.nb-table tbody tr:hover{
     background-color: #fdeed3; 
}

.nb-table tbody tr.last-visited{
	background-color: #ffe1ab;
}

.nb-table tbody tr.last-visited input{
	background-color: #fff4e1; 
	font-weight:bold;
}


input[type=number], input.number{
	min-width:50px;
}

.input-group-text, .input-group-text a{
	color:#3d70b2;
}

input[type=number] + label, input.number + label,
input[type=number] + label + label, input.number + label + label
{
	width:0px;
	height:0px;
	line-height:0px;
	position:relative;
	left: -27px;
	top:0px;
	display:inline-block;
	vertical-align:text-top;
}
.numberUp:after,
.numberDown:after{
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
	color: #3d70b2;
	font-size: 16px;
	width:24px;
	height:12px;
	position:relative;
	background:transparent;
	border:1px solid #c6c7ca;
	padding:3px;
	cursor:pointer;
	display:block;
	line-height:5px;
	text-align: center;
}
.numberUp{
	display:block;
}

.numberUp:after{
	content: "\f106";
}

.numberDown:after{
	content: "\f107";
}
.nb-table-scroll-body td span.input-container, .nb-table-scroll-body td input.cfl {
	width:calc(100%);
}
.nb-table-head-title-search{
	position:relative;
	text-align:right;
	/* min-width:100px */
}
.nb-table .nb-table-head .nb-table-head-title .nb-table-head-title-search input.search{
	width:calc(100% - 30px);
	/* border-bottom:0px; */
}

/* táblázat fejléc keresőmező szélesség + cfl */
.nb-table-head-title-search span.cfl .input-group input.cfl + label + label{
	position:absolute;
	top:3px;
	left:40px;
	bottom:3px;
	right:100px;
	margin:0px auto;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	pointer-events:none;
	background:#f4f7fb;
	text-align:left;
	line-height:25px
}


/*.nb-table-head-title-search span.cfl, .nb-table-head-title-search .input-group {
  max-width: calc(100% - 40px);
}*/
/* end */


.nb-table-head-functionSwitch{
	border-bottom: 1px solid grey;
}

.nb-table-head{
	padding-left:1px;
	background:white;
	overflow:hidden;
	flex:0 0 auto;
	border-bottom:1px solid gray;
}

.nb-table-footer{
	border-top:1px solid black;
	flex:0 0 auto;
	
}

.nb-table-head-inner{
	position:relative;
	
}

/*.ui-dialog * {
  outline: 1px solid rgba(255,0,0,0.3) !important;
  background-color: rgba(0,255,0,0.03) !important;
}*/

.nb-table thead th{
	/* padding:5px 0px; */
	border-bottom:1px solid #b3b3b3;
	background:rgb(239, 239, 239);
}

.nb-table thead th, .nb-table-scroll-body td {
		border-right:1px solid #b3b3b3;
}

/*table*/

.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.cursor-grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-url {cursor: url(myBall.cur),auto;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}

.nb-stockManagementTree{
	list-style-type:none;

}
.nb-stockManagementTree > ul{
	display:none;
}
.nb-stockManagementTree.open > ul{
	display:block;
}


.nb-stockManagementTree i{
	font-size:16px;
	margin-right:10px;
}

.nb-stockManagementTree > ul{
	border-left:1px solid #80808087;
	margin-left:12px;
}

.nb-stockManagementTree > div{
	padding:5px;
}

.nb-print-page-links
{
	font-size:20px;
	display:block;
	/* float:right; */
	padding:10px;
	border:1px solid gray;
}

.nb-print-page-na
{
	font-size:10px;
	display:
	block;
	float:
	right;
	/* padding:10px; */
	/* border:1px solid gray; */
	position:
	relative;
	padding-right:25px;
}
.nb-print-page-na:after
{
	position:absolute;
	font-family:FontAwesome;
	content:"\f0f6";
	width:20px;
	height:20px;
	top:50;
	right:0px;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	font-size:20px;
	line-height:30px;
	color:red;
}

.nb-print-page-links a{
	padding:10px;
}

#printDesigner{
	min-height:30px;
	border:1px solid gray;
}
#printDesigner [data-datasourcecode]{
	position:relative;
}
#printDesigner span.edit:after{
	display:block;
	font-family:FontAwesome;
	content:"\f14b";
	font-size:20px;
	top:0;
	left:0;
	width:20px;
	height:20px;
	position:absolute;
	background:white;
	border-radius:5px;
}
/*
.productItemTreeView ul li:before{
	content:"";
	width:15px;
	height:1px;
	display:block;
	position:absolute;
	left:0px;
	top:13px;
	border-bottom:1px solid gray;
}
.productItemTreeView ul li{
	position:relative;
	padding-top:5px;
	padding-left:15px;
	border-left:1px solid gray;
}
*/

body{
	/* font-family:'Raleway Medium'; */
	/* position:relative; */
}
li{
	list-style-type:none;
}
a{
	color:#3d70b2;
	/* padding: 10px; */
}
#sumAllTable{
	margin:10px 0px;
}
#sumAllTable td, #sumAllTable th{
	border:1px solid black;
}
#sumAllTable th{
	font-size:18px;
	text-align:right;
	padding:5px;
}
#sumAllTable td{
	font-size:16px;
}
/*Menu*/
#menuButton{
	/* position:absolute; */
	top:0;
	left:0;
	display:none;
}
#menuButton i{
	font-size:20px;
	padding:5px;
}
#forgotPassLink{
	padding:10px 0px;
	display:block;
	margin:10px 0px;
	border-bottom:1px solid #2ba2c4;
	border-top:1px solid #2ba2c4;
	
}

/*/Production/Production_Planner/*/

.production-planner-calendar  a, #calendar i{
	color:black;
}
.production-planner-calendar  .production-status-P{
	color:black;
	background-color:#b6f6fffa;
}
.production-planner-calendar  .production-status-R{
	color:black;
	background-color:#c1ffcd;
}
.production-planner-calendar  .production-status-C{
	color:black;
	background-color:#d5d5d5;
}
.production-planner-calendar  .production-status-S{
	color:black;
	background-color:#ffd999;
}


/*END OF /Production/Production_Planner/*/

p.hint{
	font-size:85%;
}

footer{
	/* position:fixed; */
	bottom:0;
	left:0;
	right:0;
	height:60px;
	background:black;
	color:white;
	text-align: center;
	margin-top: 10px;
}

.head > div{
	float:none;
	display:inline-block;
	vertical-align:text-top;
	margin:0px;
	margin:0% 1% 0% 0%;
}
.head > div.last{
	margin:0px;
}
.head .col2{
	width:calc(98%/6);
}
.head .col8{
	width:calc(98%/1.5);
}
#headerLogo{
	/* max-height:100px; */
	position:relative;
	text-align:center;
	padding:0px 1%;
	box-sizing:border-box;
	padding-right:0px;
	padding-top:5px;
}
#headerLogo img{
	max-width:100%;
	max-height:100%;
	display: inline-block;
}
.head{
	position:relative;
	background-color:rgba(0,0,0,0.3);
	color:white;
	padding:0px;
}
.head.admin{
	background-color:rgba(213,100,0,1);
}
#userContainer{
	top:-5px;
	right: 0%;
	background:rgba(255,255,255,0.9);
	color:black;
	font-size:90%;
}
#userContainer > div{
	vertical-align:text-top;
}
#userContainer span{
	display:inline-block;
	float:none;
	vertical-align:text-top;
}
#userContainer span:nth-child(1) div{
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
#logout_button i{
	font-size:20px;
	padding: 5px;
}

.selectable > li{
	padding:5px;
	display:block;
	position:relative;
}
.selectable .ui-selected{
	background:#ffc355;
	font-weight:bold;
}
.selectable .ui-selected:after{
	font-family:FontAwesome;
    font-weight: 900;
    content:" \f00c";
    position:absolute;
    right:0;
	margin-right:5px;
}

/*percentage circle starts*/
.percentageCircle{
	display: block;
	margin: 10px auto;
	max-width: 80%;
	max-height: 250px;
}
/* percentage circle end */

/*progressbar label text start*/

div.progress + label {
	height: auto;
	position: relative;
	left: 42.5%;
	top: -20px;
	width: auto;
}

/*progressbar label text end*/

/*sorted arrow start*/
label.sortedArrow{
    position: absolute;
}
/*sorted arrow end*/

/*search icon start*/
label.searchicon{
	position: absolute;
	right:10px;
	top:5px;
}

label.searchicon > .icon-search{
	cursor: default;
}
/*search icon end*/

/*datatable*/
.nb-table{
	min-height:20vh;
	border: 1px solid #0000004a;
	max-width:
	calc(100% - 5px);
	max-height: 60vh;
	box-sizing:
	border-box;
	/* overflow: auto; */
	margin-bottom:5px;
}

.nb-table .ui-resizable-handle{
	z-index:initial !important;
}

.nb-table-head-title{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	position:relative;
	/* border-right:1px solid gray; */
}

.nb-table-head-title > div:nth-child(1){
	padding:5px;
	padding-right:22px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.nb-table .ui-resizable-handle.ui-resizable-e{
	right:0;
}

th .drag-handle{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
}

i.nb-table-sort{
	position:absolute;
	top: 0px;
	right: 0px;
	font-family:FontAwesome;
	width:20px;
	padding: 12px 20px;
	background:#ffffff99;
	/* text-align:center; */
}
i.nb-table-sort:before{
	display:inline-block;
}

i.nb-table-sort.none:before{
	content:"\f142";
}

i.nb-table-sort.asc:before{
	content:"\f160";
}

i.nb-table-sort.desc:before{
	content:"\f161";
}


.ui-resizable-handle.ui-resizable-s:hover, .ui-resizable-handle.ui-resizable-e:hover{
	-webkit-box-shadow: 10px 10px 5px -5px rgba(61,112,178,1);
	-moz-box-shadow: 10px 10px 5px -5px rgba(61,112,178,1);
	box-shadow: 10px 10px 5px -5px rgba(61,112,178,1);
	
	background:#3d70b299;
	 

}

.ui-widget-overlay{
	background:#000;
}

/*datatable page number start*/
.focus {
	background-color: #2ba2c4;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}
/*datatable page number end*/

/*datatable*/

#offcanvas-container #admin_lang{
	/* background-color:white; */
	/* margin:10px 10px 0px 10px; */
	background: #222;
	color: white;
	border: 1px ridge white;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
}

#offcanvas-container #admin_lang + label{
	background: #222;
	color: white;
}

nav.headerNav{
	position:relative;
}
nav.headerNav ul{
	top:0;
	bottom:0;
	/* position:absolute; */
	/* width:100%; */
}
nav.headerNav li{
	position:relative;
	display:inline-block;
	padding-top:8%;
	padding-left:5px;
	padding-right:5px;
}
nav.headerNav li a{
	padding-top: 60%;
	position:relative;
	z-index: 3;
}

nav.headerNav li.active:before{
	content:'';
	background:#a46418;
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	top:0;
	left:0;
	z-index: 1;
}
.head.admin nav.headerNav li.active:before{
	background:rgba(0,0,0,0.6);
}

.head.fixed{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.75);
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	transition:all ease 0.3s;
	animation-duration:0.3s;
	z-index:3;
}
.head.fixed.admin{
	background:rgba(213,100,0,0.95);
}

.head.fixed > div{
	vertical-align:text-bottom;
}
.head.fixed > div.col10{
	width:68%;
}
.head.fixed > div.col2:nth-child(1){
	width:7%;
}
.head.fixed #userContainer{
	position:relative;
	margin-right:0;
}
.head.fixed .headerNav li{
	padding-top:initial;
}

/*#Menu*/

button, input[type=submit], .btn{
	background:#3d70b2;
	color:white;
	padding:7px;
}

.selectpicker + button {
	background: white;
	border: 1px solid #ced4da;
	color: black;
}

.nb-table-footer .btn.btn-light{
	background:#c3dcfc;
	color:black;
	border:1px solid gray;
}

button.delete i{
	font-size:20px;
}

button.add{
	background:white;
	border-radius:50%;
	line-height:1;
	width:50px;
	height:50px;
	border-color:#3d70b2;
	
}
button.add i{
	font-size:15px;
	color:#3d70b2;

}
button.add:hover{
	background:#3d70b2;;
}
button.add:hover i{
	color:white
}


button.add{
	outline:none;
}
.dl-menuwrapper{
	/* max-height:1px; */
	/* overflow:
	visible; */
}
div.menuItem{
	display:flex;
}
div.menuItem > span{
	display:block;
	flex:3;
}
div.menuItem > span.newTab{
	display:block;
	flex:1;
}

.dl-menu li a{
	display:block;
	/* padding:0px; */
}



.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > div.menuItem, .dl-menu.dl-subview li.dl-subview > div.menuItem {
	display:none;
}

.dl-menuwrapper li > a:not(:only-child):after {
	display:none;
}
.dl-menuwrapper li.dl-back:after,


.dl-menuwrapper button, .dl-menuwrapper button.dl-active{
	background: #222222;
}

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{
	background: #222222;
}

.nb-notification {
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	position:relative;
	text-align:left;

}

.nb-notification__icon, .nb-notification__text-wrapper, .nb-notification__close-button, .nb-notification__close-icon{
	display:inline-block;
}

.nb-notification__title{
	font-weight:bold;
}

.nb-notification__icon{
	position:absolute;
	left:10px;
}

.nb-notification__close-button, .nb-notification__icon{
	top:50%;
	line-height:0px;
	transform:translateY(-50%);
}

.nb-notification__close-button, .nb-notification__close-button:hover, .nb-notification__close-button:active, .nb-notification__close-button:focus{
	position:absolute;
	right:0;
	background:initial;
	border:initial;
	outline:none;
}

.nb-notification.info{
	border:1px solid;
	border-left:4px solid;
	border-color:#5aaafa;
}

.nb-notification.info .nb-notification__icon{
	fill:#5aaafa;
}

.nb-notification.error{
	border:1px solid;
	border-left:4px solid;
	border-color:#e0182d;
	background-color: white;
}

.nb-notification.error .nb-notification__icon{
	fill:#e0182d;
}

.nb-notification.success{
	border:1px solid;
	border-left:4px solid;
	border-color:#5aa700;
}

.nb-notification.success .nb-notification__icon{
	fill:#5aa700;
}


.nb-notification.warning{
	border:1px solid;
	border-left:4px solid;
	border-color:#efc100;
}

.nb-notification.warning .nb-notification__icon{
	fill:#efc100;
}

.loading-container{
	position:relative;
}
.loading{
	min-height:20px;
	text-align:center;
	position:relative;
	pointer-events:none;
	filter:blur(1px);
}

.loading:after {
	
	content:"";
	display:inline-block;
	position:absolute;
	top:calc(50% - 10px);
	left: calc(50% - 10px);
	border: 3px solid #f0f0f0;
	border-radius: 50%;
	border-top: 3px solid #3498db;
	text-align:center;
	width:20px;
	height:20px;
	-webkit-animation: spin 0.5s linear infinite; /* Safari */
	animation: spin 0.5s linear infinite;
	filter:none;
}
#contextmenu{
	background:white;
	border-radius:0px 10px 10px 10px;
	border:1px solid #565656;
	box-sizing:border-box;
	padding:5px 2px;
	-webkit-box-shadow: 3px 2px 8px 2px rgba(33, 33, 33, 0.5);
	-moz-box-shadow:3px 2px 8px 2px rgba(33, 33, 33, 0.5);
	box-shadow: 3px 2px 8px 2px rgba(33, 33, 33, 0.5);
	z-index: 8100;
}
#contextmenu li{
	border-bottom: 1px solid gray;
	cursor:pointer;
	list-style-type:none;
	font-weight:normal;
	color:black;
}
#contextmenu li:hover{
	font-weight:bold;
	color:white;
	background:#3d70b2;
}


#contextmenu li:last-child{
	border-bottom:0px;
	padding-bottom:5px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btn{
	display:inline-block;
	padding:5px;
	cursor:pointer;
}
button:disabled, input[type=submit]:disabled{
	background:white;
	color:gray;
	border:1px solid gray;
}
button.green, input[type=submit].green{
	background:#98af3a;
	color:white;
}
button.showBarrels{
	width:60px;
}
fieldset{
	padding:5px;
	padding-top:15px;
	border:1px solid gray;
	margin:20px 0px;
	position:relative;
}
table tr td, .uk-table tr td, .uk-table tr th{
	padding:3px 2px;
}
table tr td.numeric{
	text-align:right;
	white-space:nowrap;
}
table .detailbtn{
		display:none;
}

table tr.status td{
	background-color:initial;
}

.highlight{
	animation-fill-mode:both;
	animation-duration: 0.4s;
	animation-name: highlight;
}

.clearfix, .clrfx{
	*zoom:1;
	zoom:1;
}
.clearfix:after, .clrfx:after{
	display:block;
	height:1px;
	content:'';
	clear:both;
}
.light-font{
	font-family:'Raleway Medium';
}
.center-text{
	text-align:center;
}
.center-text > *{
	/* float:none; */
	/* display: inline-block; */
}
.right-text{
	text-align:right;
}
.left-text{
	text-align:left;
}
.pointer{
	cursor:pointer;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.flex{
	display:flex;
	flex:1;
	/*display:flex-box*/;
}
.flex-row{
	flex-flow:row wrap;
	align-content:space-between;
}
.flex-row > *{
	width:100%;
}
.flex-column{
	flex-flow:column wrap;
	align-content:space-between;
}
.inline-block-child > *{
	display:inline-block;
}
.inline-block{
	display:inline-block;
	float:none;
}
.inline-960{
	display:none !important;
}
.v-align-middle{
	vertical-align: middle;
}
.uppercase{
	text-transform:uppercase;
}
.capitalize{
	text-transform:capitalize;
}
.ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.nowrap {
	white-space:nowrap;
}
.red-text{
	color:#ba1e36;
}
.red-bg{
	background-color:#ba1e36;
	color:white;
}
.line-trough{
	text-decoration:line-through;
}
.dark-red-text{
	color:#8b2d2d;
}
.bold{
	font-weight:bold;
}
.shadow-line{
	content:"";
	width:100%;
	height:0px;
	display:block;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}
.shadow-bottom{
	padding-bottom:10px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}

.box {
	width:100%;
	padding-bottom:100%;
	position:relative;
}
.box > *:not(img){
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
.slider .slider-handle{
	width:30px;
	height:30px;
	top:-5px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #474747 39%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#474747 39%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
.slider .slider-track-high, .slider .slider-track-low{

	background: rgb(181,189,200); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#898989',GradientType=0 ); /* IE6-9 */

}
.slider.slider-horizontal{
	height:40px !important;
}
.box > img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	left:0;
	right:0;
	margin:0px auto;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.box > img[src=""]{
	position:absolute;
}
.img-fluid{
	max-width:100%;
	height:auto;
}
.h-box-50{
	width:100%;
	height:50%;
	position:relative;
}
.h-box-50 > *:not(img){
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}
.h-box-50 > img{
	max-width:100%;
	max-height:100%;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-20{
	margin-bottom:20px;
}
.m-b-30{
	margin-bottom:30px;
}
.m-b-40{
	margin-bottom:43px;
}
.m-l-80{
	margin-left:80px;
}
.p-l-80{
	padding-left:80px;
}

.font-70{
	font-size:70%;
}
.font-11{
	font-size:11px;
}

.title{
	font-size:30px;
	font-weight:100;
}
p.description{
	color:#999999;
	font-size:12px;
	line-height:16px;
	margin-top:20px;
}
.icon{
	width:42px;
	height:42px;
	display:inline-block;
}
.icon.lang{
	height:20px;
	display:inline-block;
	vertical-align:middle;
	margin:5px;
}
.lang-selector-container{
	position:relative;
	display:inline-block;
}
.lang-selector .fa-angle-down{
	font-size:30px;
	line-height:0;
	vertical-align:middle;
	position:relative;
	margin-right:10px;
}
.lang-selector-container .lang-selector-check{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 3;
	visibility: visible;
	opacity: 0;
}
.lang-selector-container .lang-selector-check::before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	content:'';
	border:0px;
}
.lang-selector-check:checked + .lang-selector .lang-selector-l2{
	animation-name:fadeInDown;
	animation-delay:0s;
	animation-fill-mode:both;
	animation-duration:0.4s;
	display:block;
}
.lang-selector-check + .lang-selector{
	position:relative;
	box-sizing:border-box;
	display:inline-block;
}
.lang-selector .icon.lang{
	width:30px;	
}
.lang-selector-check + .lang-selector .lang-selector{
	height:0;
	overflow:visible;
	position:relative;
}
.lang-selector-check + .lang-selector .lang-selector-l2{
	animation-name: fadeOutUp;
	animation-duration:0.5s;
	-webkit-animation-duration:1s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	position:relative;
	display:block;
	width:calc(100% - 20px);
	box-sizing:border-box;
	border:1px solid white;
	margin:0px;
	background:black;
	position: absolute;
	width:100%;
}

.icon.lang.hu{
	background:url('icons/lang/hu.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	

}

.icon.lang.en{
	background:url('icons/lang/en.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;

}
.box-16_9{
	position: relative;
	width:80%;
	padding-bottom: 46.78%; /* 16:9 */
	padding-top: 25px;
}
.box-16-9{
	position: relative;
	width:100%;
	padding-bottom: 56.249%; /* 16:9 */
	padding-top: 25px;
	display:block;
}
.box-16-6{
	position: relative;
	width:100%;
	padding-bottom: 37.5%; /* 16:9 */
	padding-top: 25px;
	display:block;
}
.box-16-4{
	position: relative;
	width:100%;
	padding-bottom: 25%; /* 16:9 */
	padding-top: 25px;
	display:block;
}
.box-16-9 > *:not(img), .box-16-4 > *:not(img), .box-16-6 > *:not(img){
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.box-16-9 > img[src=""], .box-16-6 > img[src=""]{
	min-width:100px;
	position:absolute;
}
.box-16-9 > img, .box-16-4 > img, .box-16-6 > img{
	position:absolute;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	left:0;
	right:0;
	margin:0px auto;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.box-16_9 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pd-10{
	padding:10px;
}
.info-box{
	padding-left:40px;
	min-height:40px;
	padding-top:10px;
	position:relative;
}
.info-box::before{
	content:'\f05a';
	font-family:FontAwesome;
	position:absolute;
	left:0px;
	top:0px;
	font-size:40px;
}
.info-wrapper, .error-wrapper{
	color:white;
	width:30%;
	height:20%;
	top:50%;
	left:0;
	right:0;
	margin:0px auto;
	z-index:20;
	padding:10px;
	position: fixed;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	text-align:center;
}
.info-wrapper{
	background:#98af3a;
	background:-moz-linear-gradient(top, #98af3a 0%, #67d016 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#98af3a), color-stop(100%,#67d016));
	background:-webkit-linear-gradient(top, #98af3a 0%,#67d016 100%);
	background:-o-linear-gradient(top, #98af3a 0%,#67d016 100%);
	background:-ms-linear-gradient(top, #98af3a 0%,#67d016 100%);
	background:linear-gradient(to bottom, #98af3a 0%,#67d016 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63e500', endColorstr='#67d016',GradientType=0);
}
.error-wrapper, .js-error-wrapper{
	color:white;
	background:#e24b00;
	background:-moz-linear-gradient(top, #e24b00 0%, #ce5316 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e24b00), 
	color-stop(100%,#ce5316));background:-webkit-linear-gradient(top, #e24b00 0%,#ce5316 100%);
	background:-o-linear-gradient(top, #e24b00 0%,#ce5316 100%);
	background:-ms-linear-gradient(top, #e24b00 0%,#ce5316 100%);
	background:linear-gradient(to bottom, #e24b00 0%,#ce5316 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24b00', endColorstr='#ce5316',GradientType=0);
}
.error-wrapper, .js-error-wrapper, .info-wrapper, .warning-wrapper{
	animation-name:fadeOutError;
	animation-fill-mode:both;
	animation-delay:5s;
	animation-duration:0.5s;
}
.js-error-wrapper:before{content:'';position:absolute;top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #e24b00;}
.js-error-wrapper{padding:0px 10px;box-shadow:2px 2px 5px 0px #000;}
label .js-error-wrapper{margin-left:-48px;margin-top:12px;}
.info-wrapper .close, .error-wrapper .close{
	width:4%;
	padding-bottom:4%;
	position:absolute;
	opacity:0.7;
	right:10px;
	/* text-align:right; */
}
.info-wrapper .close:hover, .error-wrapper close:hover{opacity:1;}
.info-wrapper .close svg, .error-wrapper .close svg{width:100%; height:100%;position:absolute; right:0;}
.info-wrapper .close svg line, .error-wrapper .close svg line{stroke-width:5;stroke:rgb(255, 255, 255);}
.info-wrapper .info, .error-wrapper .error{position:absolute;left:0;right:0;margin:0px auto;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}

h2{
	padding:10px 0px;
	font-size:130%;
}
h1{
	padding:10px;
	font-size:200%;
	font-weight:100;
}

.has-upload{
	position:relative;
}
.has-upload{
	border:1px solid black;
}
.has-upload:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:4px dashed rgba(128,128,128,1);
	background:url('icons/drop.png') no-repeat center;
	background-size:25%;
	background-color:rgba(255,255,255,0.8);
	opacity:0;

}
.has-upload.is-dragover:after{
	opacity:1;
}
/*.progress{
	position:absolute;
	z-index:2;
	background:rgba(255,255,255,0.5);
	width:100%;
	box-sizing:border-box;
	text-align:center;
	max-width:100%;
	bottom:0;
	font-size:12px;
}
.progress .value{
	width:0px;
	min-width:45px;
	max-width:100%;
	box-sizing:border-box;
	background-color:white;
	border:1px solid black;
	height:30px;
	line-height:30px;
}
.progress .close{
	width:15px;
	padding-bottom:15px;
	position:absolute;
	top:10px;
	right:0;
	opacity:0.7;
	right:10px;
	/* text-align:right; */
/*}
.progress .close:hover {opacity:1;}
.progress .close svg{width:100%; height:100%;position:absolute; right:0;}
.progress .close svg line{stroke-width:7;stroke:rgb(0, 0, 0);}
.progress-circle-container{
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
}
.progress-circle{
	position:absolute;
	width:100%;
	height:100%;
}
.progress-circle-container .uo-percent{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:50%;
	margin:0px auto;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.pc-progress{
	
	stroke-dasharray: 314;
	transform-origin:center;
	transform:rotate(-90deg);
}
*/
#uo_percent, .uo_percent{
	position:absolute;
	top:50%;
	line-height:0;
	left:0;
	right:0;
	margin:0px auto;
	text-align:center;
}

img[src=""]{
	width:200px;
	border:0px;
	position:relative;
	height:100px;
}
img[src=""]:after{
	font-family:"FontAwesome";
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0px auto;
	content:"\f03e";
	display:inline-block;
	text-align:center;
	line-height:0;
	font-size:100px;
}

#top{
	padding:15px 10px;
	/* position:absolute; */
	top:0;
	left:0;
	right:0;
	z-index:19;
	background:black;
	color:white;
	overflow:visible;
	padding-bottom:0px;
	margin-bottom:10px;
	 -webkit-box-shadow: 0px 0px 8px 3px  rgba(0,0,0,1);
	-moz-box-shadow:0px 0px 8px 3px  rgba(0,0,0,1);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,1);
}
a.button-facebook {
	background-color: #2b4170; /* fallback color */
	background: -moz-linear-gradient(top, #3b5998, #2b4170);
	background: -ms-linear-gradient(top, #3b5998, #2b4170);
	background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	border: 1px solid #2b4170;
	text-shadow: 0 -1px -1px #1f2f52;
	color:white;
	border-radius:5px;
	padding:10px 15px;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin:0px auto;

}
a.button-facebook:hover {
	background-color: #3b5998; /* fallback color */
	background: -moz-linear-gradient(top, #2b4170, #3b5998);
	background: -ms-linear-gradient(top, #2b4170, #3b5998);
	background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}
a.button-facebook i{
	margin-right:10px;
}
a.showBarrelList{
    background-color: #a46418; /* fallback color */
	background: -moz-linear-gradient(top, #a46418, #a46418);
	background: -ms-linear-gradient(top, #a46418, #a46418);
	background: -webkit-linear-gradient(top, #a46418, #a46418);
	border: 1px solid #a46418;
	text-shadow: 0 -1px -1px #1f2f52;
	color:white;
	border-radius:0px;
	padding:5px 5px;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin:0px auto;
}
a.showBarrelList:hover {
	padding:7px 7px;
	background-color: #a46418; /* fallback color */
	background: -moz-linear-gradient(top, #a46418, #a46418);
	background: -ms-linear-gradient(top, #a46418, #a46418);
	background: -webkit-linear-gradient(top, #a46418, #a46418);
}
#top.fixed{
	position:fixed;
	top:0px;
}
#top > div{
	display:
	inline-block;
	/* float:none; */
	/* width:auto; */
}
#top > div:last-child{
	text-align:right;
}


#wrapper > div{
	margin-top: 66px;
	padding-bottom: 10px;
}
#menu-button{
	padding:10px;
}
#ui-datepicker-div{
	padding:10px;
}
.ttm-breadcrumb li{
	display:inline-block;
}
.ttm-breadcrumb li a{
	color:black;
}
.ttm-breadcrumb li.active a{
	color:#3b5998;
	display:inline-block;
	vertical-align:middle;
}
.ttm-breadcrumb li i{
	font-size:20px;
	display:inline-block;
	vertical-align:middle;
	padding:0px 10px;
	
}
.num-pager{
	font-size:30px;
}
.num-pager a{
	padding-left: 0.1em;
}

.num-pager .active{
	color: #3d70b2;
}

.num-pager a:hover{
	color: #c32f2f;
}

.treeView{
	overflow:hidden;
}
.treeView span{
	cursor:pointer;
}
.treeView span + ul{
	display:none;
}
.treeView span.open + ul {
	display:block;
}
.treeView ul{
	padding-left:10px;
}
.treeView i{
	font-size:20px;
	padding:5px;
}
.profile-picture{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;

}
.addRow i{
	font-size:30px;
}
.profile-picture i{
	position:absolute;
	left:0;
	right:0;
	display:inline-block;
	width:auto;
	margin:0px auto;
	text-align:center;
	line-height:0;
	top:35%;
}
.inviteTree .fa-arrow-circle-o-right{
	transition:all 0.2s ease-in-out;
}
.inviteTree .open .fa-arrow-circle-o-right{
	transform:rotate(90deg);
}
.inviteTree .icon-n-percent{
	display:inline-block;
	position:relative;
}
.inviteTree {
	padding:10px;
}
.inviteTree .treeView li{
	padding-top:5px;
	padding-bottom:5px;
}
.inviteTree li{
	margin-top:5px;
}
.inviteTree .progress-circle-container{
	width:50px;
	height:50px;
	vertical-align:middle;
	position:absolute;
	left:-5px;
	top:-5px;
}
.inviteTree .pc-progress{
	stroke-width:5;
}
.inviteTree .uo-percent{
	font-size:10px;
}
.prevNextButtonWrapper{
	position:fixed;
	top:calc(50% + 33px);
	height:0px;
	width:100%;
	overflow:visible;
	z-index:20;

}
.prev-button, .next-button{
	width:30px;
	height:80px;
	position:absolute;
	background:rgba(0,0,0,0.7);
	padding:10px;
	transition:all 0.2s ease-in-out;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:0.5;
}
.prev-button:hover, .next-button:hover{
	opacity:1;
}
.prev-button:hover .prevNextButtonTitle, .next-button:hover .prevNextButtonTitle{
	opacity:1;
}
.prev-button{
	left:20px;
}
.next-button{
	right:20px;
}
.prev-button line, .next-button line{
	stroke:white;
	stroke-width:2;
}
.prev-button .prevNextButtonTitle{
	left:50px;
}
.next-button .prevNextButtonTitle{
	right:50px;
}
.prevNextButtonTitle{
	position:absolute;
	width:auto;
	display:inline-block;
	top:50%;
	opacity:0;
	/* background:rgba(0,0,0,0.7); */
	/* color:white; */
	font-weight:100;
	padding:10px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	transition:all ease-in-out 1s;
	background:white;
}
#productDescriptionButton{
	cursor:pointer;
}
#productDescriptionButton.open{
	color:white;
	background:black;
}
#productDescription{
	height:200px;
	overflow:hidden;
}
#productDescription.open{
	height:auto;
}
#productDescription.open:after{
	display:none;
}
#productDescription:after{
	content:"";
	height:100px;
	width:100%;
	position:absolute;
	bottom:0px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(white));
	background-image: -webkit-linear-gradient(transparent, white);
	background-image: -moz-linear-gradient(transparent, white);
	background-image: -o-linear-gradient(transparent, white);
	background-image: linear-gradient(transparent, white);
}
.productOfferContainer input, .productOfferContainer label{
	display:inline-block;
	vertical-align:middle;
	width:calc(25% - 20px);
}
.flexslider .slides img{
	width:auto;
}
#video-container{	
	position:relative;
	clear:both;
	overflow:hidden;
}
.player-16-9{
	position:relative;
	width:15%;
	padding-bottom:8.43%;
}
.player-16-9 > *:not(img){
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.player-16-9 > img{
	max-width:100%;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0px auto;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#player-container{
	position:relative;
	display:inline-block;
	resize:vertical;
	vertical-align:middle;
}
#video-container.fixed{
	position:fixed;
	top:0px;
	z-index:19;
	display:inline-block;
	height:0px;
	overflow:visible;
	left:0;
	right:0;
	margin:0px auto;
	width:auto;
}
#video-container.fixed .player-info{
	display:none;
}

#player-container .triangle-container{
	display:none;
	width:100%;
	height:calc(100% - 66px);
	bottom:0px;
	position:absolute;
	top:initial;
	
}
#video-container.fixed .triangle-container{
	display:block;
}
#player-container .triangle-container .player-container-before, #player-container .triangle-container .player-container-after{
	position:absolute;
	height:100%;
	width:25%;
}
#player-container .triangle-container .player-container-before{
	left:-25%;
}
#player-container .triangle-container .player-container-after{
	right:calc(-25% + 1px);
}
#player-wrapper{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 15;
	background:transparent;
}
.player-info{
	display:inline-block;
	width:42%;
	vertical-align:middle;
	font-size:17px;
}
.player-info .animated{
	display:inline-block;
}
.player-info i{
	padding:5px 10px;
}
#video-view-fav + i{
	cursor:pointer;
}
#video-container .progress-circle-container{
	max-width:100px;
	max-height:100px;
}
#video-coupon-container{
	cursor:pointer;
}
.video-category{
	
	display:inline-block;
	position:relative;
	border:1px solid black;
	margin:5px;
}
.video-category .close{
	position:relative;
	background:black;
	width:40px;
	padding-bottom:40px;
	right:0;
	top:0;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;

	margin-left:10px;
}
.video-category .name{
	padding-left:10px;
}
.video-category .close svg{
	position:absolute;
	stroke:white;
	stroke-width:5;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	top:0;
	left:0;
	margin:10px;
}
.video-list .col3{
	border:1px solid gray;
}
.video-list .col3:nth-child(3n + 4){
	margin-right:0px;
}
.video-list .col3:nth-child(3n + 5){
	clear:both;
}
.video-list .video-image img{
	border:0px;
}
.video-list .video-image img:after{
	background:url('icons/youtubeplay.png');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	content:"";
	width:80px;
	height:100%;
	top:0;
	border:0px;
}
.video-description{
	text-align:center;
	font-weight:100;
	background:rgba(0,0,0,0.1);

}
.search-container{
	position:relative;
	padding-right:60px;
}
.search-button{
	position:absolute;
	top:0;
	right:0;
	width:60px;
}
.coupon-list .coupon-container{
	width:calc(100%/3 - 20px);
	float:left;
	border:1px solid black;
	padding:10px;
	user-select:none;
	cursor:default;
	box-sizing:border-box;
	margin:10px;

	position:relative;
}
.coupon-container > *{
	padding:5px;
}
.coupon-checkbox-wrap{
	position:absolute;
	width:auto;
	display:block;
	right:0;
	top:0;
}
.fancybox-inner .coupon-checkbox-wrap{
	display:none;
}


.couponCheck.red{
	background:#ea3939;
	color:white;
}
.couponCheck.green{
	background:#88ea39;
	color:white;
}
.pager li{
	display:inline-block;
	font-size:20px;
}
.pager li > *{
	padding:0px 5px;
}
.pager{
	margin:10px;
}
.pager li .active{
	font-size:20px;
	color:white;
	background:rgba(0,0,0,0.8);
}
.pager li .next, .pager li .prev{
	border:1px solid black;
}
.pager li .next:after, .pager li .prev:before{
	content:"\f105";
	font-family: "FontAwesome";
	display:inline-block;
	padding:0px 5px;
}
.pager li .prev:before{
	content:'\f104';
}
.pager li *:hover{
	background:rgba(0,0,0,0.8);
	color:white;
}


.year .ui-datepicker-calendar {
	display: none;
}
.year .ui-datepicker-month {
	display: none;
}
.year .ui-datepicker-prev{
	display: none;
}
.year .ui-datepicker-next{
	display: none;
}

.spaceTreeNode{
	background:white;
	color:black;
	padding:5px;
	border:1px solid black;
	border-radius:5px;
	width:180px;
	height:35px;
	font-size:0.8rem;
}

.spaceTreeNode.quotation{
	background:#e8e2ff;
}
.spaceTreeNode.order{
	background:#e2f7ff;
}
.spaceTreeNode.delivery_note{
	background:#e2ffea;
}
.spaceTreeNode.worksheet{
	background:#a9e4b9;
}
.spaceTreeNode.no_tax_document{
	background:#6bc082;
}
.spaceTreeNode.fee_requester{
	background:#f7ffe2;
}
.spaceTreeNode.invoice{
	background:#fff1e2;
}

.spaceTreeNode.purchase_order{
	background:#c0bd6b;
}
.spaceTreeNode.purchase_delivery_note{
	background:#cca762;
}
.spaceTreeNode.purchase_invoice{
	background:#ffe2e2;
}


#fulmer-menu::-webkit-scrollbar,
.uk-margin-medium-top::-webkit-scrollbar,
.uk-grid::-webkit-scrollbar{
	width: 8px;
	height: 10px;
}

#fulmer-menu::-webkit-scrollbar-track,
.uk-margin-medium-top::-webkit-scrollbar-track,
.uk-grid::-webkit-scrollbar-track{
	background: #f1f1f1;
}

#fulmer-menu::-webkit-scrollbar-thumb,
.uk-margin-medium-top::-webkit-scrollbar-thumb,
.uk-grid::-webkit-scrollbar-thumb{
	background-color: #aaa;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
}


#fulmer-menu::-webkit-scrollbar-thumb:hover,
.uk-margin-medium-top::-webkit-scrollbar-thumb:hover,
.uk-grid::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

.fulmer-submenu-label {
	position: absolute;
	bottom: 0%;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: bold;
}

img.lazygrid-img{
	max-height: 100%;
	max-height: 30px;
}

#lazyTablePurchase_Order_prepItemTable .table-wrap{
	max-height:60vh;
}

#lazyTableinventory_movements_table .table-wrap{
	max-height:60vh;
}

#lazyTableItemProfit_itemProfit .table-wrap, #lazyTableItemProfit_itemProfitDocuments .table-wrap{
	max-height:33vh;
}


.printOrientationBtn{
	cursor: pointer;
	width: 35px;
	height: 35px;
	color: black;
	border-radius: 50%;
}

.printOrientationBtn i{
	position: relative;
	right: 20%;
    top: 25%;
}

.printOrientationBtn.selected{
	background: yellow;
}


.b6aa00_color{
	color: #b6aa00;
}

#Purchase_Delivery_Note_priceModifyGrid tbody td[data-column-name=changeType]{
	text-align:center;
}

#Purchase_Delivery_Note_priceModifyGrid thead th[data-column-name=isSelected] > div:nth-child(1) > div:nth-child(1){
	padding:5px;
	color:white;
	background-color:#068de5;
	border-radius:3px;
	border:1px solid black;
	cursor:pointer;
}

#lazyTableDocumentSource_table1 .table-wrap{
	max-height:35vh;
}

#lazyTableDocumentSource_table2 .table-wrap{
	max-height:28vh;
}


.nb-filemanager-breadcrumb-element{
	cursor: pointer;
	color: #068de5;
}


/* QUERIES */
@media all and (min-width: 480px) and (max-width: 639px) {
	
}

@media all and (min-width: 640px) and (max-width: 799px) {
	
}
@media all and (min-width: 800px) and (max-width: 959px) {
	
}
@media all and (min-width: 960px) and (max-width: 1119px) {
	
}
@media all and (min-width: 1120px) and (max-width: 1279px) {
	
}
@media all and (max-width: 1280px) {
	
}
@media all and (max-width: 1120px) {
	
}
@media all and (max-width: 960px) {
	#wrapper{
		margin:0px;
		padding:10px;
	}
	#wrapper > div{
		margin-top:56px;
	}

	.inline-960{
		display:inline-block !important;
	}
	.player-info{
		width:100%;
		display:block;
		text-align:center !important;
		margin:0px;
	}
	.player-info h2, .player-info i{
		padding:2px;
	}
	.player-info > div{
		display:inline-block;
		vertical-align:middle;
	}
	.player-info .progress-circle-container{
		min-width:60px;
		font-size:14px;
	}
	.player-info:last-child > div{
		display:inline-block;
		width:auto;
	}
	.player-16-9{
		width:25%;
		padding-bottom:14.25%;
	}
}



@media all and (max-width: 1279px){
	
}
@media all and (max-width: 900px){
	table th.noman, table td.noman{
		display:none;
	}
	table .detailbtn{
		display:initial;
	}
}
@media (max-width: 768px) {

	#top{
		font-size: .875rem;
	    line-height: 1.5;
	}
	
	.right-text{
		text-align:center;
	}
	.left-text{
		text-align:center;
	}
	
	.flex{
		display:block;
	}
	#top > div{
		width:auto;
	}
	.head{
		position:initial;
		overflow:visible;
		padding:0px;
	}
	.head > div:nth-child(2), .head.fixed > div:nth-child(2){
		position:relative;
		overflow:visible;
		height:0;
		width:100%;
	}
	nav.headerNav{
		/* top: 19px; */
		left:-100%;
		bottom:0;
		width:100%;
		background-color:rgba(0,0,0,0.8);
	}
	nav.headerNav.open{
		left:0;
		animation-name:fadeInLeft;
		animation-delay:0s;
		animation-fill-mode:both;
		animation-duration:0.4s;
	}
	nav.headerNav.close{
		left:0;
		animation-name:fadeOutLeft;
		animation-delay:0s;
		animation-fill-mode:both;
		animation-duration:0.4s;
	}
	nav.headerNav ul{
		position:initial;
	}
	
	nav.headerNav li.active:before{
		display:none;
	}
	nav.headerNav li{
		position:initial;
		padding:0px;
		display:block;
		text-align:center;
	}
	nav.headerNav li a{
		padding:10px;
		display:block;
	}
	#headerLogo{
		
		padding-bottom:27px;
	}
	.head > div {
		vertical-align: text-bottom;
		width: 100%;
	}
	.head > div.col2:nth-child(1), .head.fixed > div.col2:nth-child(1)  {
		width: 100%;
	}
	.head.fixed #userContainer, #userContainer{
		position:absolute;
		top:0px;
		left:0;
		right:initial;
		margin:0px auto;
		display:inline-block;
		font-size:60%;
		width:auto;
	}
	#userContainer > div{
		display:inline-block;
	}
	#userContainer span{
		width:initial;
		margin:0px;
	}
	#headerLogo img{
		max-width:100%;
		max-height:100%;
		width:auto;
		height:auto;
		left:0;
		right:0;
		margin:0px auto;
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
	}

}
@media all and (max-width: 480px) {
	.player-16-9{
		width:50%;
		padding-bottom:23.25%;
	}
}
@media all and (min-width: 960px){
	
}

@media all and (max-width: 1280px){

	.nb-table tbody tr td {
		padding:2px;
	}

	body{
		font-size:var(--fontsize1280);
	}

	h1{
		font-size:1.5rem;
		padding:5px;
	}

	.form-control{
		font-size:var(--fontsize1280);
		padding:0.2rem 0.5rem;
	}

	input.cfl + label + label{
		font-size:var(--fontsize1280);
	}

	.dl-menuwrapper li a{
		padding:10px 20px !important;
	}

	.btn{
		font-size:var(--fontsize1280);
	}

	.input-group-text {
		padding:0.2rem 0.5rem;
	}
	
}
@media screen and (max-width: 1024px){
	
	h1{
		font-size:1rem;
		padding:5px;
	}
}
@media screen and (min-width: 1920px){
	
}


@media screen{

    
    body, table,input.autocomplete, input[name], select[name], .input-group-text, .btn{
        font-size: 0.8rem;
        line-height:1;
    }
    
    label.cfl-label{
        width:20px;
        height:19px;
    }
    label.cfl-label i{
        line-height:1.5;
    }
    .nb-table tbody tr td{
        padding:2px;
    }

    .input-group-text, select[name], select.select, .form-control, .custom-select[size]:not([size="1"]){
        padding: 0.1rem 0.5rem;
        height: calc(1.5em + 0.4rem + 2px);
    }
    
}

/* QUERIES */