@charset "UTF-8";
/** Variables **/
.color6 {
  color: #666 !important; }

/* 字体 */
.font {
  font-weight: normal;
  font-family:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.normal {
  font-weight: normal !important; }

.CNY:before {
  content: '￥'; }

/* 间隔线 */
.border-right {
  border-right: 1px solid #dedede; }

/** Styles **/
body, html {
  height: 100%;
  font-size: 14px; }

body {
  background: #eef1f6; }

.hidden {
  display: none !important; }

#admin-frame #primary {
  min-height: 100%;
  padding-top: 15px;
  padding-left: 200px; }

#primary > .page {
  margin: 0px;
  height: 100%; }

#primary > .page > .ui.grid > div {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s; }

#primary > .page > .ui.grid.third-panel-on > div:not(.third) {
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  -moz-transform: translateX(-400px);
  -o-transform: translateX(-400px); }

#primary > .page > .ui.grid.third-panel-on > div.third.column.show {
  -webkit-transform: translateX(-390px);
  transform: translateX(-390px);
  -ms-transform: translateX(-390px);
  -moz-transform: translateX(-390px);
  -o-transform: translateX(-390px); }

#primary > .page > .ui.grid > div.column > .ui.segment {
  border: none;
  box-shadow: none; }
	
#primary > .ui.menu.tab-nav a {
    font-size: 1rem;
}
	
#primary > .ui.menu.tab-nav .close {
	color: #999;
	font-size: 10px;
	border:1px solid #999;
	margin-left: 10px;
	padding: 2px;
}

#primary > .ui.tab.segment {
    height:100%;
    width:100%;
    border: none!important;
    padding: 0px;
    margin: 0px;    
}

#primary > .ui.tab.segment > iframe {
	border:none;
	width:100%;
	height:100%;
	display:inline;
}

.secondary.column, .third.column {
  padding-right: 0px !important;
  position: fixed !important;
  max-height: calc(100% - 60px);
  overflow-y: auto;
  right: 0px; }

.secondary.column h3, .secondary.column h4, .third.column h3, .third.column h4 {
  color: #999;
  font-weight: normal; }

.secondary.column > .ui.segment > .ui.divider, .third.column > .ui.segment > .ui.divider {
  margin-left: -1em;
  margin-right: -1em; }

.secondary.column > .ui.segment, .third.column > .ui.segment {
  margin-top: 0px;
  padding-bottom: 1rem; }

.secondary.column {
  width: calc((100% - 200px - 10px)*0.375) !important; }

.secondary.column .ui.header.blue {
  margin: 15px 0px 10px 0px; }

.secondary.column .map-locator.ui.page.dimmer {
  position: absolute !important;
  display: none; }

.third.column {
  right: -390px;
  width: 390px !important;
  box-shadow: none;
  border: none; }

.page .filters h3 {
  display: inline-block;
  margin-top: 0px; }

.page.title {
  margin-top: 10px; }

.page.title .ui.header {
  color: #0d71bb; }

.ui.divider.title {
  margin: 30px auto; }

a.underline {
  color: #4183C4;
  text-decoration: underline;
  cursor: pointer; }

.text-secondary {
  font-size: 0.9rem;
  color: #999; }

.receivable {
  color: #21ba45; }

.payable {
  color: #db2828; }

.dispatch.details .no {
  font-size: 12px;
  color: #999; }

.selectable.table.dispatch .time-style {
  font-size: 12px;
  color: #999; }

.selectable.table.dispatch .profile {
  font-size: 12px;
  color: #999; }

.secondary.column .detail .basic.table .time-style {
  font-size: 12px;
  color: #999; }

.secondary.column .detail .basic.table .job-profile {
  font-size: 12px; }

.table.orders .profile {
  font-size: 12px;
  color: #999; }

.table.orders .under-line {
  color: dodgerblue;
  text-decoration: underline;
  cursor: pointer; }

.selectable.table.branches .profile {
  font-size: 13px;
  color: #999; }

/* 表格 */
td.actions button:not(:last-child) {
  margin-right: 5px !important; }

td.operation {
  position: relative; }

tr:hover td.operation .operation-btn-group {
  visibility: visible; }

td.operation .operation-btn-group {
  margin-top: 10px;
  visibility: hidden; }

td.operation .operation-btn-group a {
  cursor: pointer;
  color: #4183C4; }

td.operation .operation-btn-group a:hover {
  text-decoration: underline; }

td.operation .operation-btn-group i.icon {
  margin-right: 0px;
  text-decoration: none !important;
  margin-right: 3px;
  color: #4183C4; }

.border-right {
  border-right: 1px solid #dedede; }

/* Top Menu */
#nav-toolbar {
  position: fixed;
  right: 15px;
  top: 15px;
  opacity: 0.8;
  z-index: 2000; }

#nav-toolbar:hover {
  opacity: 1; }

/* Left Menu */
.ui.left.vertical.fixed.menu .item {
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 8px 15px !important; }
	
.ui.left.vertical.fixed.menu a.title {
	font-size:16px;
	margin-left: 5px;
}
	
.ui.left.vertical.fixed.menu .item:before {
  height: 0px; }

.ui.left.vertical.fixed.menu {
  overflow-x: hidden;
  overflow-y: auto;
  width: 200px;
  min-height: 100%;
  background-color: #303030;
  font-size: 1.2rem; }

.ui.left.vertical.fixed.menu .content.menu {
  margin-top: 0px; }

.ui.left.vertical.fixed.menu .content.menu > a.item:hover {
  font-weight: bold; }

.ui.left.vertical.fixed.menu .content.menu > a.item {
  margin-left: 15px; }

.ui.left.vertical.fixed.menu .item > i.icon {
  float: none;
  margin-left: 0px; }

.ui.left.vertical.fixed.menu .header.item {
  padding: 0px; }

.ui.left.vertical.fixed.menu > div.item > div.menu {
  padding-left: 5px; }

.ui.left.vertical.fixed.menu > div.accordion > .item.active, .ui.left.vertical.fixed.menu > div.accordion > .item.selected {
  background-color: #ea8c7b !important; }

.ui.left.vertical.fixed.menu > div.accordion > .item:hover {
  background-color: #f49484; }

.ui.left.vertical.fixed.menu > div.accordion > .item:active {
  background-color: #b34129; }

/** 
 * Custom Controls
 */
table td.actions .ui.left.dropdown.button > div.menu {
  left: 100% !important;
  right: auto !important; }

.ui.form .ui.table td {
	font-size:16px;
	line-height:40px;
}

.right.aligned {
	text-align:right;
}

.ui.form .ui.table .ui.checkbox {
	vertical-align:middle;
}

.ui.form.options .ui.header.blue {
  margin-top: 0px; }
	
.ui.form .required:after {
	color: red; content: '*'
}

/* Icon Toolbar */
.icon.toolbar i.icon {
  border: 1px solid #ccc;
  height: 30px;
  padding: 5px;
  width: 30px;
  font-size: 20px;
  color: #25aae1;
  background-color: #f9fbfc;
  border-color: #dddddd; }

.icon.toolbar i.icon:hover {
  border-color: #abd4e5;
  background-color: #ebfaff;
  cursor: pointer; }

.icon.toolbar.header {
  position: absolute;
  right: 1em;
  margin-top: -5px; }

.ui.table.list.general a:hover {text-decoration:underline}
	
.ui.table.selectable.general tr.selected {
  background-color: rgba(0, 0, 0, 0.05); }

.ui.divider.primary {
  margin: 30px auto; }

/**
 * DataTables
 */
.dataTables_wrapper > .dataTables_length {
  margin-bottom: 1rem; }

input.error, select.error {
  background-color: #fff6f6 !important;
  border-color: #e0b4b4;
  color: #9f3a38;
  box-shadow: none; }

/** Semantic-UI Overrides **/
body, html, .header, .ui.menu, .ui.accordion .title:not(.ui) {
  font-family:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.ui.tabular.menu a {
  font-size: 1.2rem; }

.ui.tabular.menu a.item {
  color: #999; }

.ui.tabular.menu a.item.active {
  color: #000;
  font-weight: bold; }

.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #41caff; }

.ui.primary.buttons .button:hover, .ui.primary.buttons .button:active, .ui.primary.buttons .button:focus,
.ui.primary.button:hover,
.ui.primary.button:active,
.ui.primary.button:focus {
  background-color: #09a7e5; }

.wide.field.text {
  line-height: 38px; }

.wide.field.text.center {
  text-align: center; }
	
.ui.container.left {
	width: 1200px;
	margin-left: 0px!important
}
.ui.container.left > .ui.segment {
	border:none!important;
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
}	

/** Specific Pages **/
/* Login Page */
.login.page {
  margin: auto !important;
  width: 300px;
  padding-top: 0px; }