@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400');
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  box-sizing: border-box;
}
body {
  font-family: 'Nanum Gothic','Roboto' , Arial, sans-serif;
  color: #1d1d1d;
}
.nl-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg-row {
  margin: 0 -10px;
}
.no-wrap {
  flex-wrap: nowrap;
}
.nl-row .col-1 {
  width: 8.33333%;
}
.nl-row .col-2 {
  width: 16.66667%;
}
.nl-row .col-3 {
  width: 25%;
}
.nl-row .col-4 {
  width: 33.33333%;
}
.nl-row .col-5 {
  width: 41.66667%;
}
.nl-row .col-6 {
  width: 50%;
}
.nl-row .col-7 {
  width: 58.33333%;
}
.nl-row .col-8 {
  width: 66.66667%;
}
.nl-row .col-9 {
  width: 75%;
}
.nl-row .col-10 {
  width: 83.33333%;
}
.nl-row .col-11 {
  width: 91.66667%;
}
.nl-row .col-12 {
  width: 100%;
}
.a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.a-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.j-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.j-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.j-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.j-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.f-column{
  flex-direction:column;
}
/*
  spacing 5^n {n <= 6}
  padding 5^n {n <= 6}
  margin 5^n {n <= 6}
*/
.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-80{
  padding-right: 80px;
}


.pl-30 {
  padding-left: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}
.pb-50 {
  padding-bottom: 50px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}

.mt-50{
  margin-top: 50px;
}
.plr-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.plr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.plr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.plr-25 {
  padding-left: 25px;
  padding-right: 55px;
}
.plr-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.plr-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.plr-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.plr-60 {
  padding-left: 60px;
  padding-right: 60px;
}
/* .btn {
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
} */

.link {
  cursor: pointer;
}

a {
  text-decoration: none;
}

a, input, textarea, button, select {
  outline: none;
}

ul, li {
  list-style: none;
}

.nl-wrapper {
  background: #eceff4;
  min-height: 100vh;
  min-width: 1796px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
/* left menu */
.nl-left-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #262938;
  width: 220px;
  z-index: 100;
  transition: .5s;
}
.nl-left-menu .logo-part {
  height: 65px;
  padding-left: 16px;
  border-bottom: 1px solid #212330;
}
.nl-left-menu .logo-part img {
  height: 42px;
}
.nl-left-menu .logo-part h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.nl-menu__list .nl-menu__item {
  color: #9a9da9;
  
  
}
.nl-menu__list .nl-menu__item>p {
  padding-left: 12px;
  font-size: 16px;
  height: 44px;
  cursor: pointer;
  position: relative;
}

.nl-menu__list .nl-menu__item p.active,
.nl-menu__list__child .active {
  color: #fff;
}

.nl-menu__list .nl-menu__item .nl-menu__list__child {
  padding: 8px 0 8px 44px;
  background: #212330;
  display: none;
}
.nl-menu__list .nl-menu__item p.active ~ .nl-menu__list__child {
  display: block;
}
.nl-menu__list__child a  {
  color: #9a9da9;
  font-size: 14px;
  margin: 8px 0;
}
.nl-message-mark {
  background-color: #13b1b0;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  border-radius: 12px;
  text-align: center;
  position: absolute;
  width: 40px;
  right: 30px;
  margin: auto;
}
.nl-hidden {
  display: none !important;
}
.nl-header-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #434a66;
  height: 65px;
  z-index: 90;
  padding-left: 220px;
  transition: .5s;
}
.nl-header-bar__right .nl-icon {
  height: 24px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  flex-wrap: nowrap;
}
.nl-header-bar__right .h-name {
  height: 24px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.nl-header-bar__right .nl-icon .hao-icon-logout{
  width: 21px;
} 
.nl-header-bar__right .nl-icon .hao-icon-change-pw{
  width: 23px;
}
.nl-header-bar__right .nl-icon .hao-icon-user{
  width: 32px;
  cursor: context-menu;
}
.hao-label-username-main label{
  color: #d9dded;
  font-size: 15px;
  white-space: nowrap;
}
.nl-header-bar__right .nl-icon.active::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background-color: #5c6380;
}
.nl-menu__list .nl-menu__item .icon-arrow {
  position: absolute;
  right: 18px;
  height: 6px;
  width: 6px;
  border-left: 1px solid #626880;
  border-bottom: 1px solid #626880;
  transform: rotate(-135deg);
  transition: 0.4s;
}
.nl-menu__list .nl-menu__item .active .icon-arrow {
  transform: rotate(-45deg);
  margin-top: -2px;
}
.nl-menu__list .nl-menu__item .icon-menu {
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  display: block;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu1 {
  background-image: url('../img/menu1.svg');
  background-size: auto 18px ;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu2 {
  background-image: url('../img/menu2.svg');
  background-size: auto 17px;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu3 {
  background-image: url('../img/menu3.svg');
  background-size: auto 21px;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu4 {
  background-image: url('../img/menu4.svg');
  background-size: auto 15px;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu5 {
  background-image: url('../img/menu5.svg');
  background-size: auto 16px;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu6 {
  background-image: url('../img/menu6.svg');
  background-size: auto 17px;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu7 {
  background-image: url('../img/menu7.svg');
  background-size: auto 17px;
}
.nl-menu__list .nl-menu__item .icon-menu.nl-menu8 {
  background-image: url('../img/menu8.svg');
  background-size: auto 17px;
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu1 {
  background-image: url('../img/menu1_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu2 {
  background-image: url('../img/menu2_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu3 {
  background-image: url('../img/menu3_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu4 {
  background-image: url('../img/menu4_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu5 {
  background-image: url('../img/menu5_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu6 {
  background-image: url('../img/menu6_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu7 {
  background-image: url('../img/menu7_active.svg');
}
.nl-menu__list .nl-menu__item .active .icon-menu.nl-menu8 {
  background-image: url('../img/menu8_active.svg');
}
/*main*/
.nl-container {
  padding: 90px 25px 25px 245px;
  transition: .5s;
  margin-right:20px;
}
.nl-main-ctn {
  background: #fff;
  padding: 20px;
  border-radius: 3px;
  display: block;
  max-width: 1480px;
  min-width:calc(100% + 20px);
  min-height:100vh;
}
.nl-main-ctn .nl-title {
  border-bottom: 1px solid #b2b3b7;
  padding-bottom: 15px;
  font-size: 22px;
}
.nl-btn {
  font-size: 13px;
  min-height: 38px;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
}
.btn-green {
  border: 0;
  background-color: #1cbcb4;
  color: #fff;
}
.btn-blue {
  border: 0;
  background-color: #03a9f3;
  color: #fff;
}
.btn-blue-dark {
  border: 0;
  background-color: #0063c1;
  color: #fff;
}
.btn-red {
  border: 0;
  background-color: #e44f4d;
  color: #fff;
}
.btn-form-back {
/*   border: 0;
  background-color: transparent; */
  border: 1px solid #696f85;
  background-color: transparent;
}
.btn-form-excel {
 border: 0;
background-color: #007038;
color: #fff;

}
.nl-tbl-grp.settlement_manage2_city3 .nl-btn.btn-form-excel {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 150px;
}
.btn-grey-blue {
  border: 0;
  background: #366694;
  color: #fff;
}
.btn-orange {
  border: 0;
  background: #f5bd17;
  color: #fff;
}
.color-grey-blue {
  color: #366694;
}
.nl-lbl {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
.nl-form-control {
  min-height: 38px;
  border: 1px solid #d7dce0;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 13px;
  font-family: inherit;
}
.nl-title-conctract p:first-child {
    width: 45%;
}

.nl-title-conctract {
    display: flex;
}

.nl-title-conctract p:nth-child(2) {
    width: 15%;
}
.nl-title-conctract p:nth-child(3) {
    width: 15%;
}
textarea.nl-form-control {
  padding: 6px 10px;
}
.nl-form-grp.nl-list-grp .nl-btn.btn-green img {
  height: 16px;
}
.nl-form-control::placeholder{
  opacity: .5;
}
.custom-select {
  position: relative;
}
.custom-select::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  height: 8px;
  width: 8px;
  border-left: 1px solid #babfc5;
  border-bottom: 1px solid #babfc5;
  transform: rotate(-45deg) translateY(-50%);
  pointer-events: none;

}
.nl-small-arrow.custom-select::after {
	height: 6px;
	width: 6px;
	right: 6px;
}
.hao-select-after-right-4 .custom-select::after {
  right: 4px;
}
.nl-form-grp .nl-btn {
  width: 60px;
} 

/* .nl-form-grp .nl-form-control {
  flex: 1 1 auto;
} */
.nl-form-grp .nl-row-ip-btn {
  flex-wrap: nowrap;
}
.nl-form-grp .nl-row-ip-btn .nl-form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  flex: 0 0 auto;
  
}
.nl-form-grp:not([class*="nl-list-grp"]) .nl-row-ip-btn .nl-form-control {
  width: calc(100% - 60px) !important;
}
.nl-form-grp .nl-row-ip-btn .custom-select .nl-form-control {
  width: 100% !important;
}
.bt-0 {
  border-top: 0 !important;
}
.br-0 {
  border-right: 0 !important;
}
.bt-0 {
  border-bottom: 0 !important;
}
.bl-0 {
  border-left: 0 !important;
}
.nl-max {
  width: 100% !important;
}
/*list page*/
.nl-form-grp.nl-list-grp .nl-btn {
  width: auto;
}
.nl-tbl-grp {
  border: 1px solid #e9edf0;
  text-align: left;
  border-collapse: collapse;
}
.nl-tbl-grp th,
.nl-tbl-grp td {
  border: 1px solid #e9edf0;
  padding: 10px;
  font-size: 13px;
}
.nl-tbl-grp td a {
  color: #0375d8;
}
.nl-tbl-grp th {
  text-align: center;
  padding: 12px 10px;
  background: #f6f8fb;
  position: relative;
}

.nl-tbl-grp th.sort-asc:before,
.nl-tbl-grp th.sort-desc:before
{
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border-style: solid;
	right: 3px;
	left: auto;
  top: 50%;
}
.nl-tbl-grp th.sort-asc:before {
	transform: translate(-50%, -50%);;
	border-width: 5px 5px 0 5px;
	border-color: #5e5e5e transparent transparent;
}
.nl-tbl-grp th.sort-desc:before {
	transform: translate(-50%, -50%);
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #5e5e5e;
}
.nl-tbl-grp thead {
  border-bottom: 2px solid #e9edf0;
}
.nl-tbl-grp tbody select {
  min-height: auto;
  height: 24px;
}
.text-center {
  text-align: center;
}
.pagination .num-pagination {
  display: inline-block;
  line-height: 33px;
  width: 33px;
  text-align: center;
  border: 1px solid #ddd;
  border-right: 0;
  color: #0375d8;
  font-size: 13px;
}
.pagination .num-pagination.none {
  cursor: not-allowed;
  color: #79838f;
}
.pagination .num-pagination:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination .num-pagination:last-child {
  border-right: 1px solid #ddd;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pagination .num-pagination.active {
  background: #0375d8;
  border-color: #0375d8;
  color: #fff;
}
.pagination .icon-arrow {
  font-size: 6px;
  font-weight: bold;
}
.btn-edit {
  background: #188aeb;
  color: #fff;
  border: 0;
}
.btn-delete {
  background: #464d6a;
  color: #fff;
  border: 0;
}
.btn-white {
  background: #fff;
  color: black;
  border: 1px solid #78727261;
}
.nl-tbl-grp .nl-btn {
  height: 24px;
  min-height: auto;
  border-radius: 10px;
}
.nl-tbl-grp__bottom {
  border: 1px solid #e9edf0;
  border-top: 0;
  padding: 25px 0 27px;
}
.nl-tbl-grp__bottom .text-center div {
   font-size: 13px;
}
.width-auto {
  width: auto !important;
}
.width-50 {
  width: 50px !important;
}
.width-55 {
  width: 55px !important;
}
.width-60 {
  width: 60px !important;
}
.width-65 {
  width: 65px !important;
}
.width-70 {
  width: 70px !important;
}
.width-80 {
  width: 80px !important;
}
.width-90 {
  width: 90px !important;
}
.width-100 {
  width: 100px !important;
}
.width-110 {
  width: 110px !important;
}
.width-120 {
  width: 120px !important;
  min-width: 120px;
}
.width-130 {
  width: 130px !important;
}
.width-140 {
  width: 140px !important;
}
.width-145{
  width: 145px !important;
}
.width-150 {
  width: 150px !important;
}
.width-160 {
  width: 160px !important;
}
.width-170 {
  width: 170px !important;
}
.width-180 {
  width: 180px !important;
}
.width-190 {
  width: 190px !important;
}
.width-200 {
  width: 200px !important;
}
.width-250 {
  width: 250px !important;
}

/*Large devices (desktops, less than 1200px)*/
/* @media (max-width: 1280px) { 
  .nl-left-menu {
    display: none;
  }
  .nl-header-bar {
    padding-left: 0;
  }
  .nl-container {
    padding-left: 24px;
  }
  .nl-wrapper {
    min-width: 1280px;
  }
} */
.collapse-menu .nl-left-menu {
  transform: translateX(-100%);
  
}
.collapse-menu .nl-header-bar,
.nl-hidden-menu .nl-header-bar  {
  padding-left: 0;
}
.collapse-menu .nl-container,
.nl-hidden-menu .nl-container {
  padding-left: 25px;
}
/* .collapse-menu .nl-wrapper {
  min-width: 1280px;
} */
.collapse-menu .nl-copy-right-part,
.nl-hidden-menu .nl-copy-right-part {
  padding-left: 15px;
}
.nl-hidden-menu .nl-left-menu {
  display: none;
}
.nl-hidden-menu.collapse-menu  {
  overflow: hidden;
}
.nl-hidden-menu.collapse-menu .nl-left-menu {
  display: block;
  transform: translateX(0);
}
.nl-copy-right-part {
  background: #fff;
  height: 55px;
  padding-left: 235px;
  font-size: 13px;
  transition: .5s;
}
.nl-layer-menu {
  position: fixed;
  background: rgb(0 0 0 /70%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
  cursor: pointer;
}
.nl-hidden-menu.collapse-menu .nl-layer-menu {
  display: block;
}
/* hide arrow select */
/* ie11 */
select::-ms-expand {
  display: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0;
  text-overflow: '';
}
a, button, select {
  cursor: pointer;
}
.nl-pic-name {
  padding-bottom: 3px;
}
.nl-form-grp .nl-row-ip-btn .btn-green img{
  height: 16px;
}
.nl-form-grp .btn-blue-dark img,
.nl-form-grp .btn-form-excel img {
  height: 12px;
}
.nl-list-grp .nl-btn .nl-icon-find {
  height: 18px!important;
}
.nl-btn .nl-text-big {
  font-size: 18px;
}
.nl-btn .nl-text-small {
  font-size: 12px;
}

.nl-setting-grp .nl-btn {
  padding: 10px 10px 10px 60px;
  color: #fff;
  border: 0;
  text-align: left;
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position-y: center;
  background-size: 16px;
}
.nl-setting-grp .nl-btn.btn-1 {
  background-color: #188aeb;
  background-image: url(../img/icon_pencil.svg);
}
.nl-setting-grp .nl-btn.btn-2 {
  background-color: #1cbcb4;
  background-image: url(../img/icon_plus.svg);
}
.nl-setting-grp .nl-btn.btn-3 {
  background-color: #77499c;
  background-image: url(../img/icon_find.svg);
}

.nl-form-grp .custom-checkbox {
  height: 38px;
}
.nl-form-grp .nl-list-checkbox .custom-checkbox {
  padding: 5px 10px;
  background-color: #f0f4f6;
  border-radius: 5px;
  font-size: 13px;
  margin-bottom: 5px;
}
.hide_div{
  display: none
}
.nl-form-grp .nl-list-checkbox .custom-checkbox input:checked ~ span ~ span {
  font-weight: bold;
}
.nl-list-checkbox {
  flex-direction: column;
}


.nl-form-grp .nl-list-pic .nl-item-pic {
  position: relative;
  border: 1px solid #ddd;
  height: 90px;
  width: 90px;
}
.nl-form-grp .nl-list-pic .nl-item-pic img {
  width: 100%;
  height: 100%;
  
}
.nl-row.nl-row-ip-btn.no-wrap.city {
    width: 590px;
    display: flex;
    justify-content: inherit;
}

.nl-row.nl-row-ip-btn.no-wrap.city select {
    width: 190px !important;
    border: 1px solid #d7dce0;
    border-radius: 4px;
}
.nl-form-grp .nl-list-pic .nl-item-pic .nl-btn-del-pic {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  border: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  height: 18px;
  width: 18px;
}
.nl-form-grp .nl-list-pic .nl-item-pic .nl-btn-del-pic img {
  background: #fff;
  border-radius: 100%;
}
.color-blue {
  color: #0d9bad;
}
.color-orange {
  color: #e29912;
}
.color-red {
  color: #c32e2e;
}
.nl-limit-width {
  max-width: 1480px;
}
.pointer{
  cursor: pointer;
}
.nl-arrow-rep {
 position: relative;
 bottom: -2px
}
.nl-arrow-rep img {
  height: 14px;
}
.nl-pic-view-page.hao-img-style__cominfo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #e9edf0;
}
.nl-tbl-grp__view {
  table-layout: fixed;
}
.nl-tbl-grp__view tr th {
  width: 200px;
}
.nl-tbl-grp__view tr td {
  width: calc(25% - 200px);
}
.heigh-160 {
  height: 160px;
}
.nl-pu-de-man-list__one {
  min-width: 400px;
}
.nl-pu-de-man-list__one .nl-form-control {
  
    border: 1px solid #e9edf0;
  border-top: 0;
  border-radius: 0;
  background: #f6f8fb;
}
.hao-table-fixed .nl-tbl-grp.nl-tbl-pointer,
.hao-table-fixed .nl-tbl-grp.nl-tbl-pointer tr:first-child td {
  border-top: 0;
}

#captcha #captcha_img {
    width: 100px;
    height: 44px;
    border: 1px solid #e9e9e9;
}

#find_info #captcha {
    margin: 0 20px;
}

#captcha {
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
  width: 100%;
}

#find_info #captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 101px;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 22px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}

#captcha #captcha_mp3 span {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background: url(../plugin/kcaptcha/img/sound.gif) no-repeat;
}

#captcha #captcha_reload {
    position: absolute;
    top: 22px;
    left: 101px;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 22px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}

#captcha #captcha_reload span {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background: url(../plugin/kcaptcha/img/reload.gif) no-repeat;
}

#captcha #captcha_key {
   width: calc(100% - 130px);
    margin: 0 0 0 25px;
    position: absolute;
    right: 0;
    top: -1px;
}

#captcha #captcha_info {
    position: absolute;
    top: 45px;
    left: 0px;
}
.nl-grp-btn-login .nl-btn {
  height: 48px;
  width: calc(50% - 7px);
  background: #fff;
  border: 1px solid #9b9ea0;
}

.hao-popup-confirm-body.td-fix{
  padding: 23px 23px 0 23px;
} 

.hao-popup-confirm-body.td-fix .hao-popup-confirm-body{
  margin-top: 23px;
}

#field-item-list img{
  cursor: pointer;
}
.custom-select.nl-sel-sms-tempalate {
  position: absolute;
  top: -29px;
    left: 20px;
    width: 199px;
}
.mb-40 {
  margin-bottom: 40px;
}

.td-grp-input{
  display: flex;
  width: 100%;
}

.td-grp-input .nl-btn{
  width: 150px !important;
  background-color: #1cbcb4;
    color: #fff;
    border: none;
}

.td-grp-input .nl-form-control{
  border-radius: 4px 0 0 4px !important;
}

.td-grp-input .nl-btn{
  border-radius: 0 4px 4px 0 !important;
}

.td-policy-scroll{
  overflow-x: hidden;
    overflow-y: auto;
    height: 300px;
  text-align: left;
}
.hao-popup-main-31.td-fix{
    width: 700px;
    height: auto;
}

.td-select-disabled{
  color: #000 !important;
}

.w-100per{
  width : 100%;
}

.fs-13{
  font-size: 13px;
}

.ml-50{
  margin-left: 50px;
}

.td-flex{
  display: flex;
    align-items: center;
    justify-content: space-around;
}
.nl-bg-transparent {
  background: transparent !important;
}
.nl-confirm-pu {
  background: transparent !important;
  padding: 0 !important;
}
.nl-confirm-pu .hao-popup-main {
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  box-shadow: 0 0 6px rgb(0 0 0 / 40%);
}
.nl-confirm-pu .hao-popup-main .hao-popup-confirm-body {
  padding: 0;
}
.nl-confirm-pu .nl-btn {
  height: 32px;
  width: 66px;
  font-size: 12px !important;
  font-weight: 500;
}
.nl-confirm-pu .nl-btn-ok {
  background: #408AEC;
  border: 1px solid #b9d5f8;
  color: #fff;
}
.nl-confirm-pu .nl-btn-cancel {
  background: #fff;
  border: 1px solid #dadce0;
  color: #1a73e8;
}
.nl-dmc-day .ui-widget.ui-widget-content {
  width: auto;
    border-radius: 0 !important;
}
.nl-dmc-day .ui-widget.ui-widget-content  .ui-state-default {
  padding: 1em;
}

.td-readonly{
  background-color: #fff !important;
}
.nl-opacity-0 {
  opacity: 0;
}
.nl-loader {
  opacity:0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #696f85; /* purple */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}
.nl-loader2 {
  opacity:0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #696f85; /* purple */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}
.nl-loader3 {
  opacity:0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #696f85; /* purple */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}
.nl-loader4 {
  opacity:0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #696f85; /* purple */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.nl-list_contact_edit {
  height: auto;
  overflow: auto;
  padding: 0;
}
.nl-list_contact_edit .nl-item_contact_edit {
  height: 50px;
  border-bottom: 1px solid #e9edf0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.nl-list_contact_edit .nl-item_contact_edit.nl-city-3_2 {
	width: 25%;
	border-right: 1px solid #e9edf0;
}
.nl-list_contact_edit .nl-item_contact_edit.nl-city-3_2:nth-child(4n) {
	border-right: 0;
}
.nl-list_contact_edit  .nl-item_contact_edit:hover {
  background-color: #e9edf0;
}
.nl-list_contact_edit  .nl-item_contact_edit:last-child {
  
}

.nl-list_contact_edit  .nl-item_contact_edit.active{
background-color: #03a9f3;
color: #fff
}
 select:disabled  {
    opacity: 1 !important;
    color: #000 !important;
}

.nl-row__rpc_order_edit>div {
  border: 1px solid #e9edf0;
  padding: 0 10px 30px;
}
.nl-row__rpc_order_edit>div.col-1 {
  padding: 30px 20px;
  font-weight: 700;
   background: #f6f8fb;
   font-size: 13px;
}

#hao-popup-city3 #time_part .td-datepicker2  .h-datepicker-all{
  top: -269px !important;
}
.nl-row.a-center.pb-10.j-between {
    text-align: right;
    padding-right: 20px;
}
.nl-file__item {
	background: #778699;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
}
.nl-file__item img {
	height: 12px;
	width: auto;
}
.nl-file__item span {
	font-size: 13px;
	color: #fff;

}
.td-container-loading2{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(1,1,1,0.3);
	top: 0;
    left: 0;
	z-index: 999;
}

.td-container-loading{
	display: none;
	position: absolute;
	width: 100%;
	height: 493px;
	background: rgba(1,1,1,0.3);
	top: 60px;
    left: 0;
	z-index: 999;
}

.td-loading-img{
	position: absolute; 
	z-index: 999;
	display: block;
	/*top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
    height: 400px;*/
	top: 50%; 
	left: 50%; 
	margin-left: -40px;
    margin-top: -40px;
	width: 80px !important;
	height: 80px !important;
	top: 50%;
    left: 50%; 
	background: url(https://cdn.iconscout.com/icon/free/png-256/loading-343-460469.png) no-repeat center;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	background-size: 80px 80px;
}

.td-container-loading2 .td-loading-img{
	width: 80px !important;
	height: 80px !important;
	top: 50%;
    left: 50%; 
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*#upload_form select:disabled{
	background: unset !important;
}

#upload_form input:disabled{
	background: unset !important;
}

#upload_form button.btn-green:disabled{
	cursor: default;
	background-color: rgb(32 115 111);
}
*/


.nl-tbl-grp.nl-delivery-man-city tr td:first-child {
	border-left: 0 !important;
	width: 70px
}
.nl-tbl-grp.nl-delivery-man-city tr td:last-child {
	border-right: 0 !important;
}
.nl-tbl-grp.nl-delivery-man-city tr td {
	padding: 6px 10px;
}

.hasDatepicker{
	background:white !important;
}

#b_season{
	background:white !important;
}

.nl-child-of-option {
	position: absolute;
    left: 0;
    top: 38px;
    transform: translateX(-100%);
    z-index: 1999;
    padding: 10px 12px;
    box-shadow: 0 0 2px rgb(0 0 0 / 70%);
    display: flex;
    width: 400px;
    height: auto;
    min-height: 100px;
    background: #fff;
	overflow-y: auto;
	border-radius: 4px;

}

.dcc-file-row{
	/* position: absolute; */
	width: 100%;
}

.dcc-file-row.hide{
	display: none !important;
}


.disable-click{
	position: relative !important;
}

.disable-click .disable-date{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	z-index: 999;
	display: block;
	/*background: red;*/
}
.nl-row-ip-btn.dcc-file-row:not(:first-child) {
	margin-top: 10px;
}

.min-w80{
	min-width: 80px;
}

.text-left{
	text-align: left !important;
}

.nl-relative{
	position: relative;
}

.nl-relative .nl-span-red {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #e40a0a;
}

/* Chrome, Safari, Edge, Opera */
input[name=otp]::-webkit-outer-spin-button,
input[name=otp]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[name=otp][type=number] {
  -moz-appearance: textfield;
}


.tr-white tr{
	background: #fff;
}

.connectedSortable tr.ui-sortable-handle:hover{ 
    cursor: grab;
}

.ui-sortable-helper {
    display: table;
}

.b_order:hover{
	-webkit-user-select: all; /* for Safari */
    user-select: all;
}

.td-notice-title{
	text-align: center;
    font-weight: bolder;
    padding-bottom: 20px;
}


.td-notice-content{
	line-height: 24px;
	overflow: auto;
    max-height: 400px;
	background-color: #fff !important;
}



/* license plate pdf */

.nl-license-plate-pdf {
	border: 6px solid #baa868;
	border-radius: 60px;
	padding: 50px 30px 24px;
	/* max-width: 562px; */
	margin: 1cm auto;
}
.nl-pdf-title {
	text-align: center;
	font-size: 26px;
	border: 3px solid black;
	outline: 1px solid black;
	outline-offset: 1px;
	border-radius: 16px;
	line-height: 71px;
	margin: auto;
	margin-top: 43px;
	display: inline-block;
	min-width: 315px;
   
}
.nl-pdf-table-1 {
	margin-top: 100px;
}
.nl-pdf-table-1,
.nl-pdf-table-2 {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	border: 2px solid black;
}
.nl-pdf-table-1 th,
.nl-pdf-table-1 td,
.nl-pdf-table-2 th,
.nl-pdf-table-2 td {
	border: 1px solid black;
	font-size: 14px;
	line-height: 1.2;
	height: 40px;
	word-wrap: break-word;
	word-break: break-word;
	
}
.nl-pdf-table-2 th,
.nl-pdf-table-2 td {
	width: calc(100% / 3);
	text-align: center;
}
.nl-pdf-table-1 th,
.nl-pdf-table-2 th {
	font-weight: bold;
}
.nl-pdf-table-1 td {
	padding: 0 10px;
}
.nl-pdf-unit {
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 14px;
}
.nl-pdf-note {
	font-size: 12px;
	margin-top: 0.5em;
}
.nl-pdf-date {
	text-align: center;
	font-size: 16px;
	margin-top: 97px;
    margin-bottom: 120px;
}

.nl-pdf-bottom-part-1  {
	text-align: center;
	
}
.nl-pdf-content {
	position: relative;
}
.nl-pdf-content .nl-text {
	font-weight: bolder;
    font-size: 20px;
	position: relative;
	z-index: 20;
	padding-left: 66px;
	padding-right: 50px;
}
.nl-pdf-bottom-part-1 .nl-icon-left {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 60px;
	height: auto;
}

.nl-pdf-bottom-part-1 .nl-icon-right {
	position: absolute;
	bottom: -12px;
	right: 10px;
	z-index: 10;
	width: 60px;
	height: auto;
}
.nl-pdf-bottom-part-2 {
	font-size: 10px;
	text-align: right;
	margin-top: 82px;
}
.nl-pdf-bottom-part-2 p {
	margin-top: 0;
	margin-bottom: 4px;
	color: #959595;
}
.nl-pdf-bottom-part-2 .nl-pdf-lbl {
	min-width: 48px;
	display: inline-block;
	text-align: justify;
}
.nl-pdf-bottom-part-2 .nl-pdf-value {
	min-width: 80px;
	display: inline-block;
	text-align: left;
	padding-left: 10px;
}


.nl-license-plate-pdf-print {
	padding: 20px
}

.nl-license-plate-pdf-print table {
	
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.nl-license-plate-pdf-print table thead {
	border-bottom: 2px solid #e9edf0;
}
.nl-license-plate-pdf-print th,
.nl-license-plate-pdf-print td {
	border: 1px solid #e9edf0;
    padding: 10px;
    font-size: 13px;
}
.nl-license-plate-pdf-print th {
	background-color: #f6f8fb;
	padding: 12px 10px;
}
.gap-10 {
 gap: 10px
}