body {
	min-width: 800px;
	overflow-y: scroll;
}

h1,
h2,
h3 {
	margin-bottom: 20px;
	text-align: center;
}

h3 {
	font-weight: normal;
}

a {
	cursor: pointer;
}

.text-warning {
	color: darkorange;
}

iframe {
	border: none;
}

.product-weights {
	margin: 0px 0px auto 35px;
	font-weight: bold;
	font-family: sans-serif;
	color: #7f8c8d;
}

a.product-goto {
	font-family: sans-serif;
	font-weight: bold;
	color: #7f8c8d;
}

.content {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
	padding: 10px;
}

.content .header,
.content .page {
	margin: 0 auto;
	/*max-width: 800px;*/
	min-width: 300px;
}

.content .header .short-info {
	margin-top: 7px;
	margin-right: 20px;
}

.content .header .short-info span {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 20px;
	vertical-align: middle;
}

.content .hierarhy-nav li {
	float: left;
}

.content .search-box input[type=text] {
	margin: 0;
}

.content input:not([type='checkbox']),
button {
	/*margin: 0 auto 10px auto;*/
	/*width: 100%;*/
}

.content .form-group input:not([type='checkbox']),
.form-group button,
.form-group a.btn,
.form-group .btn {
	margin-bottom: 0;
}

.content .top40 {
	margin-top: 40px;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom15 {
	margin-bottom: 15px;
}

.right30 {
	margin-right: 30px;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.preloader {
	margin-top: 40px;
	margin-bottom: 20px;
}

.btn .fa {
	margin-right: 5px;
}

.width100 {
	width: 100%;
}

.machine-statuses td {
	width: 18px;
}

.machine-statuses i,
.machine-statuses strong {
	font-size: 14px;
}

.machine-statuses .battery {
	/*margin-left: 3px;*/
	width: 23px;
	height: 13px;
	display: inline-block;
	border: 1px solid limegreen;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	top: 1px;
}

.machine-statuses .battery.battery-low {
	border: 1px solid #a94442;
}

.machine-statuses .battery.battery-not-full {
	border: 1px solid #eea236;
}

.machine-statuses .battery .battery-progress {
	height: 100%;
	display: block;
	background-color: limegreen;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.machine-statuses .battery.battery-low .battery-progress {
	background-color: #a94442;
	border: 1px solid #a94442;
}

.machine-statuses .battery.battery-not-full .battery-progress {
	background-color: #eea236;
}

.machine-statuses .battery .battery-el {
	width: 3px;
	height: 6px;
	background-color: limegreen;
	position: absolute;
	right: -3px;
	top: 3px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.machine-statuses .battery.battery-low .battery-el {
	background-color: #a94442;
}

.machine-statuses .battery.battery-not-full .battery-el {
	background-color: #eea236;
}

.view-machine .machine-statuses {
	display: inline-block;
}

.view-machine .list-unstyled {
	margin-bottom: 0;
}

.view-machine .short-info li>span.info-label {
	width: 120px;
	display: inline-block;
}

.view-machine .short-info li>span.info-special {
	background-color: #a94442;
	padding: 2px 5px;
	color: #ffffff;
	margin-left: 10px;
}

.view-machine .list-unstyled li:last-child {
	margin-bottom: 20px;
}

.view-machine .btn {
	padding: 10px 30px;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
}

.view-machine .btn>i,
.view-machine .btn>b {
	float: left;
	font-size: 36px;
	line-height: 40px;
	margin-right: 15px;
}



.view-machine-list .machine-statuses {
	width: 100px;
	text-align: left;
	line-height: 1;
	margin-top: 3px;
	/*float: right;*/
}

.statusCell {
	overflow: visible !important;
}

.statusCell p {
	margin: 5px 0;
	text-align: center;
}

.statusCell .tooltip {
	/*top: -20px !important;*/
}

.statusCell .machine-statuses {
	margin-top: 7px;
	width: auto;
	text-align: center;
}

.view-machine-list .delete-machine {
	margin-left: 30px;
	width: 30px;
	height: 20px;
	text-align: center;
	z-index: 100;
}

.text-success {
	color: limegreen;
}

.tooltip {
	text-shadow: none;
	white-space: nowrap;
}


.btn.btn-auto,
.btn-auto {
	width: auto;
}

.truncate {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page.page-big {
	/*max-width: 800px;*/
}


.page.page-big button,
.page.page-big a.btn,
.product-edit .btn {
	width: auto;
	min-width: 100px;
}

.view-survey-add {
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	overflow: hidden;
	padding-top: 10px;
}

.surveyTabs > li.active > a {
	background-color: #d4d4d4;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.green-box {
	box-shadow: 0px 0px 2px;
    border-color: green;
}

input.ng-dirty.ng-invalid,
textarea.ng-dirty.ng-invalid {
	color: #e00f0b !important;
	border-color: #e00f0b !important;
	-webkit-box-shadow: 0 0 2px;
	-moz-box-shadow: 0 0 2px;
	box-shadow: 0 0 2px;
}

.list-inline {
	font-family: sans-serif;
	font-weight: bold;
	color: #2c3e50;
}

.margin0 {
	margin: 0;
}

.padding0 {
	padding: 0;
}

.top5 {
	margin-top: 5px;
}

.top10 {
	margin-top: 10px;
}

.top15 {
	margin-top: 15px;
}

.top20 {
	margin-top: 20px;
}

.top80 {
	margin-top: 80px;
}

.left5 {
	margin-left: 5px;
}


.left10 {
	margin-left: 10px;
}

.left15 {
	margin-left: 15px;
}

.left20 {
	margin-left: 20px;
}

.left25 {
	margin-left: 25px;
}

.pointer {
	cursor: pointer;
}

.hover :hover {
	opacity: 0.9;
}

.angular-google-map-container {
	height: 400px;
}


/***************machne logs*******************/
.timepicker tr.text-center {
	display: none;
}

.log-separator {
	margin: 28px 0;
	color: #aaa;
	font-style: italic;
}

.receipt {
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: solid 1px darkgrey;
}

.receipt-footer-text {
	color: darkgrey;
	font-size: smaller;
}

/***************end machne logs***************/

@media (max-width: 480px) {
	h2 {
		font-size: 25px;
		margin-bottom: 10px;
		margin-top: 15px;
	}

	.page.page-big button,
	.page.page-big a.btn {
		width: 100%;
	}
}


.bgcolor-danger {
	background-color: #d9534f !important;
	background: none;
}

/* UI-GRID */

.view-machine-list .ui-grid-row:nth-child(odd) .ui-grid-cell,
.view-machine-list .ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: inherit !important;
}

.ui-grid-viewport {
	overflow-x: hidden !important;
}

.ui-grid-header-cell-wrapper .input-select-all {
	margin: 25px 0 0 6px;
}

@media (min-height: 768px) {
	.gridStyle {
		height: 480px !important;
	}
}

@media (min-height: 900px) {
	.gridStyle {
		height: 615px !important;
	}
}

.to-top {
	vertical-align: top;
}

.made-action {
	text-align: right;
	color: #d9534f;
	margin-bottom: 5px;
	font-weight: bold;
}

.checkbox.not-align {
	margin-top: 10px;
}

.question {
	position: relative;
	overflow: hidden;
}

.small-question {
	height: 90px;
}

.caret {
	border: 5px solid transparent;
	display: inline-block;
	width: 0;
	height: 0;
	opacity: 0.5;
	vertical-align: top;
}

.caret.up {
	border-bottom: 5px solid;
}

.caret.right {
	border-left: 5px solid;
}

.caret.down {
	border-top: 5px solid;
}

.caret.left {
	border-right: 5px solid;
}

.sortableIcon {
	width: 10px;
	line-height: 30px;
}

.qProgressBar, .qReady, .qDwelltime {
	margin-top: 10px;
	height: 20px;
	margin-left: 10px !important;
}

.alert {
    position: fixed;
    top: 5%;
    left: 9%;
    width: 82%;
    z-index: 10;
}

.restore-question {
	z-index: 3;
	position: relative;
}

::-webkit-file-upload-button {
	/*.btn*/
 	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    /*.btn-default*/
    color: #333;
    background-color: #fff;
    border-color: #ccc;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);

    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}

/* Choose image */

.choose-image-body {
	display:flex;
	flex-wrap:wrap;
	flex-basis: min-content
}

.choose-image-body div {
	display: table;
	width: 1px;
	padding: 15px;
}

.choose-image-body img {
	height: 100px;
	max-width: 840px;
}

.choose-image-body figcaption {
	word-break: break-all;
	overflow: hidden;
	height: 2rem;
}

/* Delete image*/
.modal-body img {
	max-width: 100%;
}