.orderline.highlight {
    background: #ffff99 !important;
}
.orderline .shopifyicon {
	max-width: 30px;
}
.orderline.shopifyupdated {
	background: aliceblue;
}
#additionalmodal .modal-dialog {
	margin-top: 100px;
}
.purchaseorderline .form-group {
	margin-bottom: 0;
}
.modal-content.shopifyorder {
	font-size: 1.25rem;
}
.searchresultline {
	padding: 5px 10px;
}
.searchresultline:hover {
	background: #ddd;
}
.barcode {
	width: 1000px;
	height: 500px;
	transform: rotate(90deg) !important;
    margin-top: 300px;
	/*margin-left: -130px;*/
}
.orderline .olid {
	font-weight:bold;
	margin-bottom: 7px;
}
.fa-spin-2x {
    -webkit-animation: fa-spin 0.5s linear infinite;
    animation: fa-spin 0.5s linear infinite;
}
.printbarcode {
	cursor:pointer;
}
.orderline {
	border: 1px solid;
    padding: 15px;
    margin: 10px;
}
.station.kt-portlet:hover {
	box-shadow: 0px 0px 10px 7px;
	cursor:pointer;
}
.stations .kt-widget-3__content-progress span.pull-right {
	margin-left: 10px;
}
.stations .kt-widget-3 .kt-widget-3__content-desc {
    font-size: 1.15rem;
    font-weight: 500;
    margin-top: 5px;
}
.stations .kt-widget-3 .kt-widget-3__content {
    justify-content: unset !important;
}

.taginfo {
	display: inline-block; 
    text-align: center;
    width: 100%;
    font-style: italic;
}
.tag_extended_info {
	display:none;
}
.expandtag {
	display: flex;
	justify-content: center;
	cursor:pointer;
}
.removetag {
	position: absolute;
    right: -5px;
    top: -5px;
    cursor: pointer;
	padding: 10px;
}
.tag {
	padding: 15px;
    border: 2px dashed orange;
	margin-top:10px;
	position:relative;
}
.tag.existingtag {
	border: 2px solid green;
}
.tag .tag_value {
	text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    background: #ddd;
    padding: 5px;
}
.tag > div {
	margin-bottom:10px;
}

#stopbtn, textarea.rfid, #checktagsbtn, .tagcards, #savetagsbtn {
	display:none;
}
.kt-container {
	margin-top:20px !important;
}

#closeeditusericon {
	position: absolute;
	right: -5px;
    top: 10px;
	display:none;
}

#swal2-content ul {
	text-align: left;
}

.nav-item {
	position: relative;
}

.nav-item.showclosebtn:hover #closeeditusericon {
	display: inline;
}

.datepicker tbody tr > td.day.today {
    background: rgba(85, 120, 235, 0.4) !important;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color: #d6d2d2 !important;
}

.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
    background: rgba(85, 120, 235, 0.35) !important;
}

@media (min-width: 1024px) {
	div.dt-buttons {
		float: right;
		margin-top: -73px;
	}
}
.dz-error-mark, .dz-success-mark {
	display:none;
}
.dz-error {
	border: 2px dashed red;
    padding: 7px;
    background: #fbdcdc;
}
.dataTables_wrapper .dataTable th.sorting_desc:before, .dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable th.orting_asc_disabled:before, .dataTables_wrapper .dataTable th.orting_asc_disabled:after, .dataTables_wrapper .dataTable th.orting_desc_disabled:before, .dataTables_wrapper .dataTable th.orting_desc_disabled:after, .dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable th.sorting_asc:after, .dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable td.sorting_desc:before, .dataTables_wrapper .dataTable td.sorting_desc:after, .dataTables_wrapper .dataTable td.orting_asc_disabled:before, .dataTables_wrapper .dataTable td.orting_asc_disabled:after, .dataTables_wrapper .dataTable td.orting_desc_disabled:before, .dataTables_wrapper .dataTable td.orting_desc_disabled:after, .dataTables_wrapper .dataTable td.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:after, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting:after {
    bottom: 0.25rem !important;
}
.milestone {
	position: absolute;
    max-width: 150px;
    display: inline-block;
	background: #ebedf2;
	border-left: 1px solid #999;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 10px;
	/*transform: rotate(-45deg);*/
}
.milestone:last-child {
	/*width: 10%;*/
    position: absolute;
    max-width: 150px;
    display: inline-block;
    right: 0px;
    padding-right: 10px;
    text-align: right;
	/*transform: rotate(0deg);*/
}
.milestone:first-child {
	position: absolute;
    left: 0%;
    display: inline-block;
	/*transform: rotate(0deg);*/
}
#projecttaskstable td label.taskcompleted, #meetingtaskstable td label.taskcompleted {
	margin-top: 0;
}
#projecttaskstable td label.taskcompleted input, #meetingtaskstable td label.taskcompleted input {
	position: initial;
}

.kt-offcanvas-panel {
    width: 625px !important;
}
.kt-offcanvas-panel--right .kt-offcanvas-panel {
    right: -645px;
    left: auto;
}
#knowledgeinfo, .inlineknowledge {
	color: #000;
    font-size: larger;
}
#knowledgeinfo img, .inlineknowledge img {
	max-width: 100%;
}
.knowledgeitem {
	cursor: pointer;
}

#tasksontop {
	display:none;
}

.acknot {
	display:none;
}
.kt-notification-v2__item:hover .acknot {
	display:inline-block;
}

.fileupload {
	margin-top: 15px;
    position: absolute;
    bottom: 45px;
    max-width: 100%;
    width: 85%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

@media (max-width: 1024px) {
	/*.kt-container {
		padding: 0;
	}*/
}

@media (min-width: 1025px) {
	.kt-header--fixed .kt-page {
		padding-top: 85px;
	}
}
#kt_header_menu {
	width: 650px;
    padding: 17px;
}

#searchresult {
	position: absolute;
    width: 600px;
    margin-top: 37px;
    background: white;
    padding: 15px;
    border: 1px solid #e2e5ec;
}
#searchresult .resultitem:hover {
	background: #efefef;
}
#searchresult .resultitem.active {
	background: #efefef;
}
#searchresult .resultitem {
	padding: 5px 3px;
}

.deletesubtask {
	position: absolute;
    top: 10px;
    right: 10px;
	cursor:pointer;
}
.extasklinkrow {
	padding: 5px 7px;
}
.extasklinkrow:hover {
	background: #ddd;
}
.extasklinkrow .fa {
	cursor:pointer;
}

.pasterow {
	display:none;
}
.pasterow img {
	max-width: 100%;
}
.pasterow .fa {
	cursor:pointer;
}
.pasterow div {
	padding: 5px;
}
.modal {
	overflow-y: auto;
}




@media (max-width: 576px) {
	.addsubtask {
		display:inline !important;
	}
  .col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-xs-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xs-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xs-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xs-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xs-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xs-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xs-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xs-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xs-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xs-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xs-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xs-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xs-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xs-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xs-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xs-0 {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; } 
}