/* @font-face { */
/*   font-family: 'Material Icons'; */
/*   font-style: normal; */
/*   font-weight: 400; */
/*   src: url(https://example.com/MaterialIcons-Regular.eot); For IE6-8 */
/*   src: local('Material Icons'), */
/*     local('MaterialIcons-Regular'), */
/*     url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), */
/*     url(https://example.com/MaterialIcons-Regular.woff) format('woff'), */
/*     url(https://example.com/MaterialIcons-Regular.ttf) format('truetype'); */
/* } */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.bckground-cover {
	position: fixed;
	top: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.24);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 149;
}
.self-adaption_container {
    min-height: 115px;
    max-height: 750px;
    min-width: 250px;
    max-width: 1000px;
    width: auto;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    transition: all 300ms;
    bottom: -640px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}
.self-adaption_header{
	width:calc(100% - 40px);
    min-height: 56px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #ccc; 
	line-height: 48px;
}
.self-adaption_header_content {
    padding-top: 16px;
    padding-bottom: 8px;
    width: 100%;
    line-height: 24px;
}
.self-adaption_header-title{
	font-size:18px;
	color: #333;
	display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.self-adaption_header-close{
	 
	 cursor: pointer;
}
.self-adaption_header-close:hover{
	 color: red;
}
.self-mask-close {
    float: right;
    margin-top: -21px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../../images/icon_error.png) no-repeat
}
.self-mask-close:hover {
    background-position:0px -28px;
}
.self-mask-close:active {
    background-position:0px -56px;
}
.self-adaption_body{
    max-height: 56vh;
	min-height: 0px;
	width: calc(100% - 40px);
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 30px;
}
.self-adaption_footer{
	width: 90%;
    height: 56px;
    min-height: 56px;
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid #ccc; 
	align-items: center;
}
.self-adaption_footer-cancle {
    height: 28px;
    min-width: 70px;
    line-height: 28px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 12px
}
.self-adaption_footer-cancle:hover{
    border: 1px solid #288aed;
    color: #288aed;
}
.self-adaption_footer-confirm-old {
    height: 28px;
    min-width: 70px;
    line-height: 28px;
    border-radius: 3px;
    border: 1px solid #288aed;
    background: #2882d8;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* margin-right: 32px; */
}
.self-adaption_footer-confirm-old:hover {
    border: 1px solid #288aed;
    background: #288aed;
}
.self-adaption_footer-confirm {
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* margin-right: 32px; */
    box-sizing: border-box;
    width: 252px;
}
/*.self-adaption_footer-confirm:hover {*/
/*    border: 1px solid #288aed;*/
/*    color: #fff;*/
/*    background: #288aed;*/
/*}*/
.input_container-list{
  display: flex;
  margin-left: 12px;
}
.submit-btn_box{
  width: 90px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  background: #288aed;
  color: #fff;
  border: 1px solid #2882d8;
}
.submit-btn_box:hover{
  background: #1265cf;
}
.input-targetlocal_container .error{
  margin-top: 8px;
  margin-bottom: 8px;
}
li.input_container-list_bt {
  margin-left:21px;
}
.input-targetlocal_container-tip .error{
  /*   display: block;
    float: left;
    font-size: 14px;
    margin-left: 415px;
    top: -7px;
    width: 138px */
    
    /* display: inline;
    font-size: 14px;
    margin-left: 417px;
    top: 0px; */
    display: block;
    font-size: 14px;
    margin-left: 417px;
    top: -7px;
    float: left;
    width: 250px;
    margin-bottom: -32px;
    
}
.matter_import label{
  top: 38px;
}
.input__area {
  position: relative;
  width: 100%;
  min-height: 26px;
  display: flex;
  flex-wrap: nowrap;
  color: rgba(0, 0, 0, 0.87);
}