* {
	font-family : 'Roboto', sans-serif;
	line-height : normal;
}

html {
	color            : #383838;
	background-color : white;
}

body {
	background-color : transparent;
}

a.div {
	display : block;
}

.fm.btn.btn-primary {
	border           : 1px solid #878787;
	border-radius    : 6px;
	padding          : 5px 14px;
	background-color : #dd4d2b;
	color            : white;
	font-size        : 19px;
	font-weight      : bold;
}

.fm.btn.btn-edit {
	width               : 20px;
	height              : 20px;
	background-image    : url('/statics/img/edit.svg');
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : contain;
}

.fm.btn.btn-download {
	width               : 20px;
	height              : 20px;
	background-image    : url('/statics/img/download.svg');
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : contain;
}

.fm.btn.btn-download.big {
	width  : 30px;
	height : 30px;
}

.fm.btn.btn-branch {
	width               : 42px;
	height              : 42px;
	background-image : url('/statics/img/branch.svg');
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : contain;
}

.fm.btn.btn-send {
	border              : none;
	border-radius       : 0;
	padding             : 0;
	width               : 25px;
	height              : 25px;
	background-color    : transparent;
	background-image    : url('/statics/img/send.svg');
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : contain;
}

.fm.btn.btn-send:disabled {
	background-image : url('/statics/img/send-disabled.svg');
}

.fm.btn.hidden {
	display : none;
}

.fm.input {
	width : 100%;
}

.fm.input.label {
	margin      : 0;
	color       : #9d9d9d;
	font-size   : 16px;
	font-weight : normal;
}

.fm.input.file-container {
	position : relative;
}

.fm.input.file-content {
	position        : absolute;
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	justify-content : center;
	border          : 1px solid #dadada;
	padding         : 10px 0 8px;
	left            : 0;
	right           : 0;
	top             : 0;
	bottom          : 0;
}

.fm-file-content-icon {
	margin-bottom : 8px;
}

.fm-file-content-text {
	color       : #9d9d9d;
	font-size   : 12px;
	font-weight : normal;
}

.fm.input.file {
	display : block;
	height  : 80px;
	z-index : 2;
	opacity : 0;
	cursor  : pointer;
}

.fm.input.text {
	border      : 1px solid #dadada;
	padding     : 4px 6px;
	color       : #1d1d1d;
	font-size   : 16px;
	font-weight : normal;
}

.fm.input.textarea {
	border      : 1px solid #dadada;
	padding     : 6px 14px;
	color       : #1d1d1d;
	font-size   : 16px;
	font-weight : normal;
}

.fm-page {
	margin-top : 50px;
	padding    : 32px 14px 14px;
}

.fm-page-title {
	margin      : 0;
	color       : #dd4d2b;
	font-size   : 21px;
	font-weight : normal;
}

.fm-label {
	color       : #1d1d1d;
	font-size   : 16px;
	font-weight : normal;
}

.fm-label.bold {
	font-weight : bold;
}

.fm-label.big {
	font-size : 18px;
}

.fm-label.small {
	font-size : 15px;
}

.fm-label.blur {
	color : #c9c9c9;
}

.fm-list-title {
	color       : #9d9d9c;
	font-size   : 16px;
	font-weight : normal;
}

.fm-list-title.bold {
	font-weight : bold;
}

.fm-list-item {
	border-left : 5px solid #9d9d9c;
}

.fm-list-item + .fm-list-item {
	margin-top : 10px;
}

.fm-list-item-top {
	background-color : #dadada;
	padding          : 9px 16px;
}

.fm-list-item-bottom {
	background-color : #f6f6f6;
	padding          : 6px 16px;
	min-height       : 52px;
}

.fm-list-item-top-text {
	margin      : 0;
	color       : #1d1d1d;
	font-size   : 18px;
	font-weight : normal;
	word-break  : break-all;
}

.fm-list-item-top-text.bold {
	font-weight : bold;
}

.fm-list-item-bottom-text {
	margin      : 0;
	color       : #1d1d1d;
	font-size   : 15px;
	font-weight : normal;
	word-break  : break-all;
}

.fm-list-item-bottom-text.pre {
	white-space: pre-wrap;
}

.fm-float-container {
	position        : fixed;
	display         : flex;
	flex-direction  : column;
	align-items     : flex-start;
	justify-content : flex-start;
	padding         : 22px 35px;
	right           : 0;
	bottom          : 0;
	width           : auto;
	height          : auto;
}

.fm-float-container .fm.btn {
	margin-bottom       : 18px;
	border-radius       : 25px;
	width               : 50px;
	height              : 50px;
	box-shadow          : 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : 24px 30px;
}

.fm-float-container .fm.btn.btn-save {
	background-image : url('/statics/img/float-save.svg');
}

.fm-float-container .fm.btn.btn-remove {
	background-image : url('/statics/img/float-remove.svg');
}

.fm-float-container .fm.btn.btn-add {
	background-image : url('/statics/img/float-add.svg');
}

.fm-batch-category {
	font-size     : 16px;
	font-weight   : normal;
	border-bottom : 1px solid #9d9d9c;
}

.fm-batch-category p {
	font-size   : 16px;
	font-weight : normal;
	color       : #9d9d9c;
}

.fm-batch-category.selected {
	border-bottom : 2px solid #dd4d2b;
}

.fm-batch-category.selected p {
	color : #dd4d2b;
}

.fm-wafer-btn {
	color            : #1d1d1d;
	background-color : #dadada;
	border-color     : #dadada;
	border-width     : 4px;
	width            : 50px !important;
	height           : 50px !important;
	font-size        : 16px;
	padding          : 0px;
	margin           : 8px;
}

.fm-wafer-btn.sm {
	width            : 40px !important;
	height           : 40px !important;
	font-size        : 14px;
	padding          : 0px;
	margin           : 6px;
}

.fm-wafer-btn.out {
		background-color : #fff;
		border-color     : #fff;
		color            : #ccc;
}

.fm-wafer-btn.selected {
	background-color: #F7D6CE;
	border-color: #dd4d2b;
}

.fm-wafer-btn:focus, .fm-wafer-btn.focus {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
	box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.fm-wafer-btn.disabled, .fm-wafer-btn:disabled {
	background-color: #f8f8f8;
	border-color: #d6d6d6;
	border-width: 2px;
	background-image : url('/statics/img/wafer-disabled.svg');
	pointer-events: none;
}

.fm-wafer-btn:not(:disabled):not(.disabled):active, .fm-wafer-btn:not(:disabled):not(.disabled).active,
.show > .fm-wafer-btn.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
}

.fm-wafer-btn:not(:disabled):not(.disabled):active:focus, .fm-wafer-btn:not(:disabled):not(.disabled).active:focus,
.show > .fm-wafer-btn.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}