* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family:"Segoe UI";
}

a{
  text-decoration:none;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.form-control:focus {
  box-shadow: none !important;
  
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
 opacity:.9 !important;
}

body {
  background: #ecf0f3
}

.wrapper {
  max-width: 450px;
  min-height: 500px;
  margin: 60px auto;
  padding: 40px 30px 30px 30px;
  background-color: #ecf0f3;
  border-radius: 15px;
  box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff
}

.logo {
  width: 80px;
  margin: auto
}

.logo img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0px 0px 3px #5f5f5f, 0px 0px 0px 5px #ecf0f3, 8px 8px 15px #a7aaa7, -8px -8px 15px #fff
}

.wrapper .name {
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 1.3px;
  padding-left: 10px;
  color: #555
}

.wrapper .form-field input {
  width: 100%;
  display: block;
  border: none;
  outline: none;
  background: none;
  font-size: 1rem;
  color: #666;
  padding: 10px 15px 10px 10px
}

.wrapper .form-field {
  padding-left: 10px;
  margin-bottom: 20px;
  border-radius: 20px;
  box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff
}

.wrapper .form-field .fas {
  color: #555
}

.wrapper .btn {
  box-shadow: none;
  width: 100%;
  height: 40px;
  background-color: #03A9F4;
  color: #fff;
  border-radius: 25px;
  box-shadow: 3px 3px 3px #b1b1b1, -3px -3px 3px #fff;
  letter-spacing: 1.3px
}

.wrapper .btn:hover {
  background-color: #039BE5
}

.wrapper a {
  text-decoration: none;
  font-size: 0.8rem;
  color: #03A9F4
}

.wrapper a:hover {
  color: #039BE5
}

/* 如果文档宽度小于 300 像素则修改背景颜色*/
/* 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 */

@media(max-width: 380px) {
  .wrapper {
      margin: 30px 20px;
      padding: 40px 15px 15px 15px
  }
}

.lg_code_img{
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #bac5d4;
}

/* 登录界面css结束 */


/* 工作区域 */
#head{
  height: 30px;
  font-size: 14px;

}
#head_s{
  width: 210px;
  float: left;
  line-height: 30px;
  font-size: 14px;

}
#head_m{
  width: 1050px;
  float: left;
  line-height: 30px;
  
}
#head_e{
  width: 250px;
  float: right;
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
}


#sidebar{
  background-color: #2d3645;
  height: 675px;
  width: 210px;
  float: left;
}
#sidebar button{
  padding: 0.25rem 0.5rem !important;
  font-size: 0.85rem !important;
  border-radius: 0.2rem !important;
  width:80px;
  margin-bottom:15px; 
  margin-right:6px;
  margin-left: 6px;

}
.active{
  background-color:#ff6a00 !important;
}
#sidebar hr{
  height: 0.8px !important;
  background-color: white !important;
}

#work{
  width: 1300px;
  height: 675px;
  float: left;
  padding-right: 0;
}





/*  表格 类型  样式  */
.table_head_primary{
  width: auto;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-spacing: 0;
}

.table_head_primary th {
    font-family: arial;
    font-size: 13px;
    line-height:30px;
    color: #333;
    font-weight: 500;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    text-align:center;
}

.table_head_primary tr th:last-child{
  border-left:0;
}


.table_body_primary{

  width: 1097px;
  max-height: 420px;
  overflow-y: scroll;
}



.table_body_primary table{
    border-top: 1px solid #d9d9d9;
    width: auto;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-spacing: 0;
}

.table_body_primary  td{
  font-size:12px;
  line-height:24px;
  border-top:1px solid #d9d9d9;
  border-left:1px solid #d9d9d9;
  cursor:pointer;   
  text-align:center;
  padding:5px 0;
}

.table_body_primary  table  tr:first-child td{
  border-top:0;
}


.tab-selected{
  background-color:#e2e6ea;
}



/* ////////////emma //////////////////////////////////////订单管理专用*/



.hj_table_head{

  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-spacing: 0;
}

.hj_table_head th {
    font-family: arial;
    font-size: 13px;
    line-height:30px;
    color: #333;
    font-weight: 500;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    text-align:center;
}





.hj_table_body{
    border-top: 1px solid #d9d9d9;
    
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-spacing: 0;


}

.hj_table_body  td{
  font-size:14px;
  line-height:24px;
  border-top:1px solid #d9d9d9;
  border-left:1px solid #d9d9d9;
  cursor:pointer;   
  text-align:center;
  padding:20px 0;

  /*24-1-19*/
    word-wrap:break-word;
    word-break:break-all;

}

.hj_table_body  td:nth-child(3){
  font-size:13px !important;
}

.hj_table_body  td pre{
  font-size:14px;
  line-height:24px;
  cursor:pointer;   
  text-align:center;
  margin-bottom: 0;
  font-family: "Segoe UI";
}

.hj_clickBtn{ /*2023-1-15 排序input样式*/

 border: 0px !important;
 background-color: #ecf0f3;

}

.hj_clickBtn:hover{
  background-color: #ecf0f3;
  text-decoration: underline;
}





/*modal 多层控制 even选择偶数 2022-2-9 */
/*在这种情况下，一个潜在的问题是第二个模态的背景隐藏了第一个模态。为防止这种情况，请制作第二个 modal data-backdrop="static"*/

/*.modal:nth-of-type(even) {
    z-index: 1062 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1061 !important;
}*/


#contact_history{
    max-height: 450px;
    overflow-y: scroll;
}




/* 关键字输出的样式  */

/*    关键字 展示样式 */
#keyspan .card{
  padding:10px 8px ;
}
#keyspan .card p{

  overflow-y: scroll;
  font-size: 14px;

}


#keyspan .card p span{ 

 border-radius: 5px !important;
 border:1px solid #007bff !important;
 display: inline-block !important;
 padding:1px 5px;
 margin-right: 10px;
 margin-bottom:10px;
 cursor:pointer !important;
}

#keyspan .card p span.selected{ 

 opacity:0.5!important;
 
}

#keyspan .card p span.core{
  background-color:#CCE5FF ;
  color:#004085;
  border:1px solid #CCE5FF !important;

}