@charset "UTF-8";
/*---- ???? -----------------------------------------------*/
.group_child {
  padding-left: 23px; }

.inline_input {
  display: inline-block;
  width: 50px !important; }

.inline_select {
  display: inline-block;
  width: 200px !important; }

/*---- all ---------------------------------------------*/
p {
  word-break: break-all; }

body {
  overflow-y: scroll; }

th {
  min-width: calc(4em + 16px + 2px); }
  th:first-child {
    min-width: calc(2em + 16px + 2px); }

.table th,
.table td {
  vertical-align: middle !important;
  padding: 5px 8px !important; }
  .table th span,
  .table td span {
    position: relative;
    top: 50%; }
  .table th img,
  .table td img {
    float: left; }
  .table th .select2-selection span,
  .table td .select2-selection span {
    top: 0; }

.select2_keyin {
  display: none !important; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff !important;
  background-color: #337ab7 !important; }

.dib {
  display: inline-block;
  vertical-align: middle; }

.sidebar-menu {
  padding-top: 1.5em; }

.sidebar-menu li.treeview > a span {
  padding-left: 5px; }

.sidebar-menu ul.treeview-menu {
  padding-left: 43px; }
  .sidebar-menu ul.treeview-menu li > a {
    padding-left: 0; }

.user-panel {
  padding: 10px 10px 10px 15px; }

.y5dataTable_style1 th {
  _min-width: calc(4em + 16px + 2px); }
  .y5dataTable_style1 th:first-child {
    min-width: calc(2em + 10px + 2px); }
  .y5dataTable_style1 th:last-child {
    min-width: calc(6em + 10px + 2px); }

@media (min-width: 768px) {
  #datatable_filter input {
    width: 195px; } }

@media (min-width: 992px) {
  #datatable_filter input {
    width: 250px; } }

.date_search_tool {
  border-radius: 3px;
  margin-bottom: -15px;
  /*
    .btn-app,.form-group{//把按鈕下方的mb取消掉
        margin-bottom: 0;
    }*/ }
  .date_search_tool.bg-info, .date_search_tool.bg-default {
    border-top: solid 2px #3c8dbc; }
    .date_search_tool.bg-info + .div_blank, .date_search_tool.bg-default + .div_blank {
      border-top: solid 1px;
      border-top-color: #3c8dbc; }
  .date_search_tool.bg-warning {
    border-top: solid 2px #f39c12; }
  .date_search_tool.bg-danger {
    border-top: solid 2px #dd4b39; }
  .date_search_tool.bg-success {
    border-top: solid 2px #00a65a; }

.nav_tabs_custom_style2 {
  padding: 0 20px; }
  .nav_tabs_custom_style2.affix {
    margin-right: 36px; }
  .nav_tabs_custom_style2 ol {
    padding-left: 1.5em;
    list-style-type: disc; }
    .nav_tabs_custom_style2 ol.list_level1 {
      list-style-type: upper-alpha; }
    .nav_tabs_custom_style2 ol.list_level2 {
      list-style-type: decimal; }
    .nav_tabs_custom_style2 ol.list_level3 {
      list-style-type: lower-latin; }
  .nav_tabs_custom_style2 a {
    display: block;
    padding: 0.5em 0; }

.text_box .list_ll {
  list-style-type: lower-latin; }

#instructions_menu {
  top: 10px; }

.nav-tabs-custom.nav_pill_warning li.active a {
  border-top-color: #f39c12;
  background-color: #f39c12; }
  .nav-tabs-custom.nav_pill_warning li.active a:hover {
    border-top-color: #db8b0b;
    background-color: #db8b0b; }

.nav-tabs-custom.nav_pill_danger li.active a {
  border-top-color: #dd4b39;
  background-color: #dd4b39; }
  .nav-tabs-custom.nav_pill_danger li.active a:hover {
    border-top-color: #d33724;
    background-color: #d33724; }

.warehouse_map,
.warehouse_map ul {
  list-style: none;
  padding-left: 20px;
  /*padding-left: 0;*/ }
  .warehouse_map li,
  .warehouse_map ul li {
    padding: 5px 0; }

.warehouse_map svg {
  vertical-align: middle; }

.hover_controls_img .hover_controls_btns {
  position: absolute;
  width: 100%;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
  top: 30%;
  height: 50%;
  display: none; }
  .hover_controls_img .hover_controls_btns a,
  .hover_controls_img .hover_controls_btns p {
    text-align: center;
    width: 100%;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white; }

.hover_controls_img:hover .hover_controls_btns {
  display: block; }

.hover_controls_img.first_img {
  padding-left: 15px;
  padding-right: 15px; }
  .hover_controls_img.first_img .first_img_icon {
    position: absolute;
    top: 0;
    padding: 3px 5px; }

.buy_supplier_address .county,
.buy_supplier_address .city,
.buy_supplier_address .zip_code {
  float: left; }

.buy_supplier_address .county {
  width: 40%; }

.buy_supplier_address .city {
  width: 40%; }

.buy_supplier_address .zip_code {
  width: 20%; }

.input_group_style2 {
  display: table;
  table-layout: auto;
  width: 100%; }
  .input_group_style2 .igs_cell {
    display: table-cell; }
    .input_group_style2 .igs_cell.igs_title {
      padding: 6px 12px;
      font-size: 15px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 4px;
      border-radius: 0;
      border-color: #d2d6de;
      background-color: #fff;
      width: 1%;
      white-space: nowrap;
      vertical-align: middle; }
      .input_group_style2 .igs_cell.igs_title:first-child {
        border-right: 0; }
    .input_group_style2 .igs_cell.igs_input input {
      display: inline; }
  .input_group_style2 .igs_input:not(:first-child):not(:last-child),
  .input_group_style2 .igs_title:not(:first-child):not(:last-child) {
    border-radius: 0; }

.login-page {
  background: -webkit-linear-gradient(top, #66d0f9 0%, #ebefaa 44%, #b1d813 100%), -webkit-linear-gradient(45deg, rgba(200, 200, 200, 0.3) 50%, transparent 0), -webkit-linear-gradient(135deg, rgba(91, 143, 226, 0.3) 50%, transparent 0);
  background: -moz-linear-gradient(top, #66d0f9 0%, #ebefaa 44%, #b1d813 100%), -moz-linear-gradient(45deg, rgba(200, 200, 200, 0.3) 50%, transparent 0), -moz-linear-gradient(135deg, rgba(91, 143, 226, 0.3) 50%, transparent 0);
  background: linear-gradient(top, #66d0f9 0%, #ebefaa 44%, #b1d813 100%), linear-gradient(45deg, rgba(200, 200, 200, 0.3) 50%, transparent 0), linear-gradient(135deg, rgba(91, 143, 226, 0.3) 50%, transparent 0);
  background-size: 100% 100%, 250px 250px, 250px 250px;
  background-position: 0 0, 0 0, 30px 30px;
  background-blend-mode: screen; }
  .login-page .login_avatar {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 51%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 51%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 51%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */ }
    .login-page .login_avatar img {
      background-color: #fff;
      border-radius: 50%;
      border: 3px #9FC8B9 solid;
      padding: 5px;
      display: block;
      margin: 0 auto; }
  .login-page .login_footer {
    background-color: #C3DDBB; }

.item_amount label {
  font-weight: 400; }

.item_amount label::before {
  content: '+';
  margin-right: 10px; }

.total_amount label {
  font-size: 110%; }

.total_amount::before {
  content: '';
  width: 100%;
  margin-bottom: 10px;
  border-top: 2px solid #ddd;
  display: block; }

.order_list_check tbody {
  margin-top: 20px; }

.order_list_check .level1 {
  background-color: #00a65a;
  color: #fff; }
  .order_list_check .level1 .title_group {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: inline-block;
    font-size: 110%; }
    .order_list_check .level1 .title_group:first-child {
      padding-left: 0; }
    .order_list_check .level1 .title_group .title {
      background-color: #050;
      padding: 5px 10px;
      font-size: 95%; }
    .order_list_check .level1 .title_group .value {
      font-size: 145%;
      padding-left: 8px; }
  .order_list_check .level1 .big_number {
    text-align: center;
    position: relative;
    font-size: 20px;
    vertical-align: middle;
    width: 100px; }
    .order_list_check .level1 .big_number::before {
      position: absolute;
      bottom: 0;
      left: -3px;
      height: 50%;
      content: ' ';
      border-left: 5px solid #00a65a;
      border-top-left-radius: 5px; }

.order_list_check .level2 {
  border-left: 5px solid #00a65a;
  background-color: #dff0d8;
  font-size: 105%; }
  .order_list_check .level2 .title_group {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: inline-block; }
    .order_list_check .level2 .title_group:first-child {
      padding-left: 0; }
  .order_list_check .level2 .title {
    background-color: #C1D0C1;
    padding: 5px 10px;
    font-size: 95%; }
  .order_list_check .level2 .value {
    padding-left: 8px;
    font-size: 120%; }
  .order_list_check .level2 .big_number {
    vertical-align: middle;
    text-align: center;
    font-size: 16px; }

.order_list_check .level3 {
  border-left: 5px solid #00a65a;
  background-color: #fff; }

.order_check_items_pick_list div {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px; }

.order_check_items_pick_list .img img {
  width: 45px; }

.order_check_items_pick_list .info p {
  margin-bottom: 3px; }

.order_check_items_pick_list .info .title {
  font-size: 120%; }

.order_check_items_pick_list .info .number span {
  padding-right: 5px; }
  .order_check_items_pick_list .info .number span i {
    padding: 3px;
    margin-right: 3px;
    background-color: #fff;
    color: black;
    border-radius: 50%; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 320px; }

.mailbox-messages .checkbox1,
.mailbox-messages .star {
  min-width: 30px; }

.mailbox-messages .name,
.mailbox-messages .time {
  min-width: 100px; }

.error_page {
  margin: 80px auto;
  margin-left: calc(16% - 8em);
  overflow: hidden; }
  @media (min-width: 768px) {
    .error_page {
      width: 66%; } }
  .error_page.error503 {
    margin-left: 12%; }
  .error_page .error_img {
    vertical-align: bottom; }
  .error_page .left {
    text-align: right; }
  .error_page .right {
    text-align: left; }
  @media (max-width: 767px) {
    .error_page .error_title,
    .error_page .error_content,
    .error_page .error_footer {
      width: 50%;
      margin: auto; } }
  .error_page .error_title .headline {
    font-size: 600%; }
    .error_page .error_title .headline.error503 {
      font-size: 400%; }
  .error_page .error_content {
    padding: 10px 0; }
  .error_page .error_footer {
    padding: 10px;
    border-top: solid #eee 1px; }

.pay_tab {
  display: none; }

.chart_choose .chart_choose_btn {
  padding: 10px 16px;
  display: inline-block;
  text-align: center;
  font-size: 1.2em; }
  .chart_choose .chart_choose_btn .icon {
    max-width: 70px;
    max-height: 70px;
    padding: 5px 10px;
    margin: auto; }
  .chart_choose .chart_choose_btn label {
    display: block; }

table.report_table th, table.report_table td {
  white-space: nowrap; }