.material-close {
  position: absolute;
  top: 14px;
  right: 10px;
}

#material-types-sel-title {
  min-width: 600px;
  border-bottom: 1px solid #eee;
}
#material-types-sel-title h6 {
  color: #555;
  font-size: 18px;
}

.material-types-sel .material-types-sel-c {
  height: 250px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.material-types-sel .material-types-sel-c span {
  font-size: 18px;
  margin-top: 155px;
  display: block;
}
.material-types-sel .material-types-sel-c .material-types-sel-m {
  border-right: 1px solid #eee;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABgCAYAAADM3VaqAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAdKADAAQAAAABAAAAYAAAAADNauH8AAAKH0lEQVR4Ae2dbYwdVRnHn3PuLshrjWiCJBCSRr9AEBKSRj+YlGgDGGJiDBKD2NJt1GikIFtcq21AEysYYyi1Cd1WrAlgFaKiRdC05SXBSBR8qakVDC4RUyym1UJxu3fG37m7d7t3OvfemTnPzN3ZnkluZs7bc57z/89z3udcI4krvk8uio7JiBhZJrFcEIucmYgSnANEwIgcgZsJuHncDsu4WS5756pD+PQV75BTosPyLVyfgUTb9g/3+YsA5EVot9kuklvMtTLpNG0R6shsHpZHcV/hPMNVOwR2NRbJVY7UliXOWGYgs3Y8zip8xQyHYmbazD+EanYWnFo+uOqXNvUS6zpAgcxactihtOPQcWlbvdmOoOCoLQKMTKwbmtS2AEHxTgTg0mKqYZzZCUttXY7LMN6sLX3pigdC03GprW8gtLbUpSseCE3Hpba+gdDaUpeu+FC6t46vMfJCHMsEsxgH6YG9jbtbvXm3jvQgJQ0BdUIdeUxWfNNa+aG5Uf6WzDTeJudHkXyU8e8o5L4zGR7cfgiYqS1Aq3RB5iZ7mnzJXC//6ScyfkROjw7Ieix4Tb+4ITw7AiqEQmQUG/nU0IiMZ896OiYv1MdI/33equG8aUP8ExHQ6RQZGStCplNnaJX8gNvnTlQt+BRBwJ9QI79ojMidRTJvp2msknvpQD3Ydod7cQS8CHVVbUNktHj2x1PahoxBamsbxXHf8JQXAS9CaTd3mxH5U95M0+KbFfIS7egjaWHBLzsCXoRioT/OnlWGmLGyvAxZLrQoXoRaI7/VBITqW1Wepm51keVFKCPYV1QLukhZnqpy9RDmR+iwTKkW801learK1UOYH6GRnKdazKayPFXl6iHMi9DmlFysWsxIWZ6qcvUQ5kUoRfywZjGjWFeepm51keVFKMOWK+PtOrsG4/vl7YD2kboAN1/19CKUiYBTo0n5mkbhotdlHSsvZ2nIOplleBHqgIOET0yNy3U+IMZb5GrSf9ZHRkg7jYA3oU6MiWUbC9cfKAJqvFXeGxl5AGtX0aWIDgspjQqIkHFa1JRHm1tlNRabSSbxDJY9wu6F3TyfvZBAHWRZVBa45xaAjtIf2X5yO7T+nAn3N+eGuWf3LSrfIC9rRrKemabLk+HB7YeAOqFtdVgKex3LfQqC/47fQcg7h9WZ83G/H4sMnZ82UMp39U1ibf0g7Qyer4TU4xeODvfxkPCkhECm9k4pryCmAgQCoRWAXGUWpVW5VRaiirxcn4B8DvI7nebkHVXkWSSPYKF9UKMTN0GPfYVdLG9lM9yFdqWcy0L8UpI91SfpQIJL6+UOpDTKmWKVBxiCvS/1C4DdMtR8kS0zsXxIOVsvccFCe8DH5+3XpZHpkpilMoWl3gDp/+4hovKgQGgXyKlqd5hVsqdLcMubHY+OzDt6xak6LBCagjhkHrWnZttvbC+V72Clf00RMxCvQGg67HeaG+gMZbjM5XKMdlZls3mG7PpGCYQmIMLaXrbn5vu0g3b2J4h5IiFqIM5AaAJ2pibXmGvkjYR3X2ejwYmYZvAzm4HQuVQZeZqv6Ap9NIWV/g5R2+eKG8RzIHQGdTpCUcPKTT4kcHjiWuTktm6fPJNpA6FtRIxsm7Gytk/uu/mk/INEd+VOqJggEAqYWNVhe4qs1cCV4c5dyPunhqwiMgKhDjUrdzBMebUIgMk0yHEL+yovR1J2FvdJTyjWtN++RzZmAStrHCbxv4fc57PG14x30hMKADe7yQFNUBm+RHyR/gVNmVllDZRQCv4CDdhveJtVqrushZ6NZ2Qn87U7Z92KD3SwdlG2yr9IHwyh7qCNIbmMquldjPuW8DcV5zEw/yDE7lPEtKco8jrWGJabe0byDGwYGSUf3U8u++hUPaGOzMVyDVs8Z9sY/p6iyRv9Kw6tWlIZqUY2MszY3wcfr2CzUv6CgM1eQnImrpRQyHq18RYOmmItMU1PdwIZCl1PPPcHM6VdTg97djXLXgyHbqdpOVRaYRKCKyWUNmVdv2PjaNPcOQvfTeip6mR/8FpqhcOqQrsIoxZ4jRlelQ+6umTR4V0ZoVjFXqwi09FxKLWWt7rveYEdJcnoQO5zjZWyLWN0lWj0ETaS7wkHWaoITwipjFDXjXdtZSL/VCdWeoCAr6YGenpycsvnAbfUKj2pIuWeJN9KDqmsitDH6PQ8lixoLzfWfDfAq+4EQN6DdFSe7pVvWWHk+xBNTul5l04oIDbpvt+aF6jWW23llrzpusWnyn/D2mqspJsOVayZlk4oHYKtRY+Pw6p/Bji5LLsbmFjHN5D3ctfwCgIYqj0LHveXmVWphGKd/yWDdT4FYAJiNdaVOszJKpf0E1ThA13WautKX2IMfY623dr3UgnFKjbMdHAK681b7WaP7iksgIQxm7iowksDMY9urVrCtP54N0+yzHFLI7RlFVZHcTvE4Hz6u5LMBZuNaOTJoZWyY9Y9Dx6oLTZQe7mevPpVGqEM3sewrhO+4C5SAuQcwtq/nDctL0FER8RrW0nePLPEp7Y4Aj5fyRI3b5yyCH2WwfsDeZXpFd9NSvBW/75XnJSwcV6G2TnjlPCBeTXOYssLxxdoK1AKoWy2Ut/SyFvd5FuT1VkBgPxDdEByW3VW+b7xWuUR/TVTfUKNPFTW4J0O1h6A/FEmMA3t7o3yr0xxBxSJ8vySpsT9mb3apUooVjHJMOM2Ne1SBCF/lHx6ts1UZfvYVrIpJfm886I2u5XyZJoSzaK8KqFkeI9ZLi9mybhoHNrEl3irx7qld+BQ1X5ae1tJt/x8/alF/oyMe33ltNOrEQqQrwFkKRPqbWXbdzpc3ya/ryffbCzzKDvuVgDSE+24dbhbK+spi8rqktoX3IB5E/+/cneVAMb3yeJoSq7FYs9h/WS/PUMeNh9vnYNQpRoqeTXH5TbObtjgK0yFUMjcby+Ti+tSzfmCVkb6eCcnm74i+yD1Qh/5KlUuVcZoINOHBnbvXy3/g8wv+knROAHTyB6GKT/1VSSkn/kfOCPP+GDhZaE05DEHR6itWfoUZKGkdWumPmXxIpSMt7PW+ZyPAiFtJwIMy35NJ+/JTt/sLi9CSbwle1YhZlYE6GQWNhIvQll9n1dn9GQFbL7HYyx9SVEdvQjlaPE19Mx4ocKlhYA75RtDWVpUnvc4FDafh9JnUMJrm0jRAiyYdIaTvmNZgnVe6lMm79M4WwrEfkr4FGDBpAVIjcurytVQIMjQRSAQqovnwKVZ2sAjA9ciKKCCgOPS0qGZUJEWhAweAbi09KweH7wmQQMVBODS2mF205X8ga2KskFITwQch45La5bLXmJu7hk7BNYBgc2Oy1Yvlw9S3Qz/rjpoHXRMRWDXDIfTfzzHHtHJxiK5CrPdFKrfVMDmpafjynHW4g4OnZK4Oy/26VwUHWM+0cgyOkwXMIFxZmeM4BokAhB2pDUycR0g1/+ZbjJnVfo/J5L/vbc9tPIAAAAASUVORK5CYII=");
}
.material-types-sel .material-types-sel-c .material-types-sel-h {
  background-image: url("data:image/png;base64,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");
}
.material-types-sel .material-types-sel-c .material-types-sel-m, .material-types-sel .material-types-sel-c .material-types-sel-h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-size: 58px auto;
  background-repeat: no-repeat;
  background-position: center 60px;
  width: 50%;
  text-align: center;
}
.material-types-sel .material-types-sel-c .material-types-sel-m:hover, .material-types-sel .material-types-sel-c .material-types-sel-h:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.material-types-sel-btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 12px 4px;
}
.material-types-sel-btns button {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2px;
  padding: 4px 30px;
  margin: 0 10px;
}

.material-item {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.material-item:last-child {
  border-bottom: none;
}
.material-item .material-item-logo {
  width: 178px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.material-item p {
  font-size: 13px;
  color: #999;
}
.material-item .material-item-si {
  margin-top: 27px;
}
.material-item .material-item-info {
  margin-left: 20px;
}
.material-item .material-item-info u {
  text-decoration: none;
  margin-left: 10px;
  position: relative;
}
.material-item .material-item-info u::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background-color: #aaa;
  left: -8px;
  top: 8px;
}

div[name=msel] {
  padding: 0;
  max-width: 100%;
}
div[name=msel]:first-child {
  padding-top: 0;
}

.material-select-list-dialog .material-search {
  width: calc(100% - 80px);
}
.material-select-list-dialog .material-search-form {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f1f1f1;
  border-radius: 4px;
  margin: 20px 0 20px;
}