html, body {
	height: 100%;
	width: 100%;
}

body{
	background-color: #fffafa;
	word-break: break-all;
}

table{
	table-layout: fixed;
}

div{
	box-sizing: border-box;
}

.main_contents.fixed-size{
	padding-top: 4em;
	margin: 0em 1em 0em 1em;
	height: 100%;
}

.main_contents {
	padding-top: 4em;
	padding-bottom: 1em;
	margin: 0em 1em 1em 1em;
}

.yscroll{
	overflow-y: auto;
}

.xscroll{
	overflow-x: auto;
}

.w100{
	width: 100%;
}

.h100{
	height: 100%;
}

.flex-col-container{
	display: flex;
	flex-direction: column;
	min-height: 0px;
}

.flex-row-container{
	display: flex;
	flex-direction: row;
	min-width: 0px;
}

.flex-resize-child{
	flex: 1 1 auto;
	min-height: 0px;
	height: 100%;
	min-width: 0px;
	width: 100%;
}

.flex-fixed-child{
	flex: 0 0 auto;
}

.nodisplay {
	display: none !important;
}

.hidden{
    visibility: hidden;
}

.nopadding {
	padding: 0px !important;
}

.app.table {
	display: table;
}

.app.vcenter {
	display: table-cell;
	vertical-align: middle;
}

.app.text_center {
	text-align: center;
}

.app.text_right {
	text-align: right;
}

.zero_margin {
	margin: 0px !important;
}

.zero_margin_top {
	margin-top: 0px !important;
}

.zero_margin_bot{
	margin-bottom: 0px !important;
}

/*
.ui.grid > .row:first-child:not(:last-child){
	padding-bottom: 0px !important;
}
*/

input:read-only, textarea:read-only {
	background-color: whitesmoke !important;
}

.righ_float{
	float: right;
}

.pointer_icon {
	cursor: pointer;
}

.job_status_remain{
	color:darkgray;
}

.job_status_cur {
	color: black;
	font-weight: bold;
}

.job_status_end {
	color: red;
}

.job_bkcolor_yourturn{
	background-color: #fef263!important;
}

.job_color_yourturn{
	color: #fef263;
}

.job_bkcolor_revised{
	background-color: #b2cbe4!important;
}

.job_color_revised{
	color: #b2cbe4;
}

.job_bkcolor_done{
	background-color: #efefef!important;
}

.job_color_done{
	color: #efefef;
}

.pass_delivery_date{
	background-color: mistyrose;
}

.soon_delivery_date {
	background-color: #ffffcc;
}

.table_outer {
	display: table !important;
}

.table_inner_center {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.table_inner_left {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.right_segment {
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 5px;
    width: 100%;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left-color: transparent !important;
}

a.disabled{
    pointer-events:none;
}

pre{
    white-space: pre-wrap;
    font-family: inherit !important;
    font-size: inherit !important;
}

.app_selectable:not(.disabled){
	color: #4183c4 !important;
	cursor: pointer;
}

span.required {
    color: red;
    vertical-align: text-top;
}

.menu.menu > .header.item{
	background-color: #e8e8e8;
}