/**
 * add201114~
 */
 #app-head{
  background-color:#0053A6;
  padding:15px;
}
.app-head-logo{
  margin: 0 auto;
  text-align: center;
  width: 74px;
}
h1{
  font-size:20px;
  font-weight:bold;
  margin:20px 0;
}
.text-dark-navy{
  --text-opacity: 1;
  color:#004488;
  color: rgba(55, 65, 81, var(--text-opacity));
}
.page-heading{
  display:flex;
}
.page-heading li{
  padding: 0 20px;
  font-size: 14px;
  position:relative;
}
.page-heading li a{
  color:#3b3b3b
}
.page-heading li a:hover{
  color:#000  
}
.page-heading .active::after{
  content:"";
  display:block;
  width:85%;
  height:3px;
  background-color:#0053A6;
  position:absolute;
  bottom:-13px;
  left:10px;
}
.package-menu .active::after{
  content:"";
  display:block;
  width:100%;
  height:3px;
  background-color:#0053A6;
  top: 8px;
  position: relative;
}
.package-menu .active{
  color:#000;
}
.package-menu{
  color:#AAAAAA;
}
.keyword-search .input-group-btn{
  cursor: pointer;
  position: relative;
  border: 0;
  top: 0px;
  left: -40px;
}
.item-list{
  margin-top:10px;
  border:1px solid #EEEEEE;
  /*background-color: #fff;*/
}
.item-list-filter{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.item-list-line{
  border-left: 1px solid #0053A6;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 10px;
  display:inline-grid;
  width: calc(20% - 9px);
  box-shadow: 0 5px 10px -5px #e4e4e4;
  margin: 5px 3px;
  min-width: 220px;
}
.constitution-item .item-list-line{
  margin: 0px;
}
.sitemap-list{
  max-width: 1050px;
}
.item .item-list-line{
  height: 335px;
}
.package_setting .item-list-line{
  height: 415px;
}
.sitemap-list .item-list-line{
  width:100%;
} 
.partner_list .item-list-line{
  border: 1px solid #eee;
  width: calc(20% - 12px);
  box-shadow: 0 0 10px #e4e4e4;
  margin:0px 5px 10px 5px;
  height: 383px;
}
@-moz-document url-prefix() {
    .partner_list .item-list-line{
      height: 420px;
    }
  }
.affairs_offer .item-list-line{
  border: 1px solid #eee;
  width: calc(20% - 13px);
  box-shadow: 0 0 10px #e4e4e4;
  margin:0px 5px 10px 5px;
  min-height: 355px;
}
/*
.package-select-modal .item-list-line{
  width: 33%;
  height: 270px;
}
*/
.constitution-item .item-list-line, .company-item .item-list-line{
  display: flex;
  width: 100%;
  height: auto;
}
.constitution-item .item-list-line .item-list-names{
  /*width: calc(30%);*/
  min-width: 210px;
  max-width: 340px;
}
.constitution-item .item-list-line .item-list-price{
  /*width: calc(35%);*/
  min-width: 330px;
}
.constitution-item .item-list-line .item-list-cost{
  /*width: calc(20%);*/
  min-width: 150px;
}
.constitution-item .item-list-line .item-list-del{
  /*width: calc(15%);*/
  min-width: 95px;
}
.item-list-line:nth-child(2n){
  border-top:1px solid #EEEEEE;
  background-color:#FCFCFE;
}
.item-list-line:nth-child(2n+1){
  background-color: #fff;
}
.br-l-eee{
  border-left: 1px solid #EEEEEE;
}
.br-r-eee{
  border-right: 1px solid #EEEEEE;
}
.br-b-eee{
  border-bottom: 1px solid #EEEEEE;
}
.br-t-eee{
  border-top: 1px solid #EEEEEE;
}
.br-eee{
  border: 1px solid #EEEEEE;
}
.item-list-id{
  width:100%;
}
.item-list-names{
  width:100%;
}
.item-list-price{
  width: 100%;
}
.item-list-tag{
  display:flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  /*min-height: 59px;*/
  overflow: hidden;
}
.partner-package-modal .item-list-tag{
  min-height: auto;
  height: min-content;
}
.partner-package-modal .modal-body {
  padding: 15px;
}
.item-list-tag div{
  background-color: #DEE7F8;
  color: #000;
  padding: 5px 5px 0px 5px;
  margin: 3px;
  font-size: 10px;
  height: 22px;
}
.item-list-tag .no-tag{
  background-color: #eee;
}
/*
.partner_setting .item-list-tag div{
  margin: 5px;
}
*/
.sub-btn{
  border:1px solid #0053A6;
  padding:10px;
  color: #0053A6;
  padding: 5px 15px;
  margin:10px 5px;
  cursor: pointer;
  height: 35px;
  font-size: 14px;
}
.main-btn{
  background-color:#000;
  padding: 6px 15px;
  color: #fff;
  margin:10px 5px;
  cursor: pointer;
  font-size: 14px;
}
@-moz-document url-prefix() {
  .sub-btn{
    padding: 5px 10px;
    font-size: 13px;
  }
  .main-btn{
    padding: 8px 10px;
    font-size: 13px;
  }
}

.sub-btn-a{
  padding: 7px 15px;
}
.nega-btn{
  background-color:#AAAAAA;
  padding: 8px 15px;
  color: #fff;
  margin:10px 5px;
  cursor: pointer;
}
.big-btn{
  width: 140px;
  height: 50px;  
}
.item-list-pcost{
  width: 100%;
}
.drower {
  position:fixed;
  background-color: #99CCFF;
  padding: 0px;
  width: auto;
  right: 0;
  top: 0;
  display:none;
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-shadow:0px 0px 10px gray;
  background-color:#fff;
  z-index: 1;
}
.drower-content{
  padding:25px;
}
.twoblock{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.drower-content-left,
.drower-content-center{
  margin-right: 30px;
  border-right: 1px solid #eee;
  padding-right: 30px;
}
.drower-content-last{
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #eee;
}
.drower-content-last .list_thumbs{
	width: 120px;
	height: 70px;
}
.drower-content-last .input-file-group input {
  width: 140px;
}
.drower::-webkit-scrollbar {
  display:none;
}
.drower-head{
  background-color: #004488;
  padding: 5px 15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.drower-head h2{
  color: #fff;
  font-size: 18px;
  margin: 16px 0;
}
.text-bd{
  font-weight:bold;
}
#toast-container>.toast-success {
  background-color: #000;
  background-size: 12px 12px;
}
#toast-container>div {
  width: 320px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  opacity: .9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}
.return-value{
  display:none;
  margin: 0 0 20px 0;
}
.edit-question .return-value{
  margin: 0;
}
.return-value li{
  list-style: none;
  color:#FF3232;
  padding: 5px 0;
}
.return-value li:before, .alert:before{
  content: "";
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  position: relative;
  top: 3px;
  margin-right: 5px;
  background-image: url(/img/icon_alert.svg);
  background-size: auto;
}
.alert{
  color:#FF3232;
}
.close-btn{
  margin: 8px 0 0 20px;
}
input:focus, select:focus, textarea:focus {
	background-color:#EFF5FE;
	outline: none;
}
button:focus{
	outline: none;
}
.user-icon{
  top: -7px;
  position: relative;
}
.big-btn:focus{
  background-color:#000;
}
.nega-btn:focus{
  background-color:#AAAAAA;
}
.totop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.totop a {
  display: block;
  text-decoration: none;
}
.totop img {
  background: #000;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
}
.modal-content{
  background-color: white;
  /*max-width: 580px;*/
  margin: 60px auto;
  border-radius: 0px;
}
.modal-body{
  padding: 25px;
}
.item-csv-import button{
  padding:0 10px;
}
.import-item-modal .modal-content{
  max-width: 380px;
}
.add_member-modal .modal-content{
  max-width: 460px;
}
.package-select-modal .modal-content{
  max-width: 980px;
}
.hearing-select-modal .modal-content, 
.remark-select-modal .modal-content{
  max-width: 750px;
}
.input-file-btn .sub-btn{
  margin: 10px 5px 10px -5px;
}
.input-file-group input{
  width: 250px;
}
.del-modal .modal-content{
  max-width: 280px;
}
.del-modal .modal-content .dell-btn{
  margin-left:10px;
}
.add-category-btn{
  background-color: #fff;
  margin-left: -5px;
}
.item_category{
  display:none;
}
.category-control{
  margin: 0 15px 0 -20px;
}
.sort-control{
  margin: 0 0 0 15px;
}
.item-filter .filter-btn{
  margin: 0px 15px;
}
.warning{
  background-color: #131313;
  border: 1px solid #EEEEEE;
  padding: 15px;
  color:#AAAAAA;
}
.ui-widget {
  font-size: inherit;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  padding: 20px;
}
ul.tagit{
  background-color: #FCFCFE;
}
.list_thumbs{
	overflow: hidden;
	width: 100%;
	height: 120px;
	position: relative;
}
.list_thumbs_logo{
	overflow: hidden;
  width: 140px;
  height: 40px;
	position: relative;
}
.list_thumbs img, .list_thumbs_logo img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.list_thumbs-del{
  position: absolute;
  top: 8px;
  left: 70px;
  width: 55px;
}
/*
.package-edit{
  width: 940px;
}
*/
.document-edit button{
	height: auto;
	margin: -5px 0px;
	padding: 0;
}
.constitution-info, .packagedetail-info{
  display:none;
}
.bg-fc{
  background-color:#FCFCFE;
  border:1px solid #EEEEEE;
}
.bg-ef {
  background-color: #efefef;
  border: 1px solid #e3e3e3;
  color: #a2a2a2;
}
.m0a{
  margin: 0 auto;
}
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  /*background: rgba(0,0,0,0.6);*/
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}
.br-blue{
  border:2px solid #0053A6 !important;
}
.br-blue1{
  border:1px solid #0053A6 !important;
}
.br-blue-l{
  border-left:1px solid #0053A6 !important;
}
.select-items, .quote_bottom_menu, .invoice_bottom_menu, .delivery_bottom_menu{
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: #fff;
  width: 100%;
  border-top: 1px solid #efefef;
  /*height: 75px;*/
}
.select-items span{
  background-color: #0053A6;
  color: #fff;
  padding: 10px;
  margin: 0 10px;
}
.select-items-btn{
  width: 120px;
  position: fixed;
  bottom: 2px;
  right: 30px;
  height: 50px;
}
/*
.package_setting .item-lists .item-list-line, .partner-list .item-list-line{
  height:550px;
}
.partner-package-modal .item-list-line{
  height:380px;
}
*/
.package_setting .item-lists .constitution-item .item-list-line{
  height:auto;
}
.add-select-item .sub-btn{
  background-color:#fff;
  color:#000;
}
.package_setting .close-btn{
  margin: 8px 0 0 15px;
}
.reload-select-item, .share-package, .share-hearing img{
  padding: 15px 0 0 10px;
}
.reload-package-list img, .reload-hearing-list img{
  width: 40px;
  margin: 0 15px 0 0;
}
.package-select-filter .filter-btn{
  margin: 0px 15px;
}
.share-package-modal .modal-content, .share-hearing-modal .modal-content{
  width: 470px;
}
.preview-hearing-modal .modal-content{
  width: 780px;
}
pre{
  white-space: pre-wrap;
}
.remark-list ,
.remark-list .item-list-line, 
.faq-list .item-list-line, 
.hearing-list .item-list-line, 
.answer-list .item-list-line, 
.quote-list .item-list-line, 
.task .item-list-line, 
.invoice-list .item-list-line, 
.delivery-list .item-list-line,
.authoritys-list .item-list-line,
.man-hour_select .item-list-line,
.masta .item-list-line{
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
}
.hearing-list .item-list-line .item-list-publish{
  width: 5%;
}
.project-list-status{
  width: 10%;
}
.project-list .project-list-nextaction{
  width: 12%;
}
.company-list .list_thumbs{
  width: 13%;
}
.faq-list .item-list-line .qaicon,
.project-list .project-list-status,
.project-list .project-list-price,
.hearing-list .item-list-line .item-list-btn2,
.company-list .company-list-thumbs{
  width: 15%;
}
.company-list .company-list-btn{
  width: 16%;
}
.project-list .project-list-memo{
  width: 17%;
}
.company-list .company-list-status{
  width: 18%;
}
.remark-list .item-list-line .item-list-names,
.faq-list .item-list-line .item-list-btn{
  width: 20%;
}
.project-list .project-list-btn,
.pject-list-details{
  width: 23%;
}
.remark-list .item-list-line .item-list-btn,
.faq-list .item-list-line .item-list-q,
.company-list .company-list-remark,
.task .task_name,
.faq-list .item-list-line .item-list-a-task,
.project-list .project-list-title,
.hearing-list .item-list-line .item-list-btn1,
.company-list .company-list-names{
  width: 25%;
}
.faq-list .item-list-line .item-list-a,
.uthority_name,
.uthority_range,
.uthority_edit,
.faq-list .item-list-line .item-list-names{
  width: 30%; 
}
.hearing-list .item-list-line .item-list-btn{
  width: 40%;
}
.remark-list .item-list-line .item-list-desc,
.hearing-list .item-list-line .item-list-names{
  width: 55%;
}
.hearing_get_title{
  width: 65%;
}
.faq-list .item-list-line .qadesc{
  width: 85%;
}
.qaicon img{
  width:25px;
}
.form-group .qaicon img{
  width:25px;
}
a {
  color: #0053A6;
  text-decoration: underline;
}
.sub-btn, .page-heading a, .primary_navigation a, .pagenation a{
  text-decoration: none;
}
.question, .edit-question{
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
  border: 1px solid #cacaca;
  background-color: #e6e6e633;
}
.question-close-btn{
  position: absolute;
  left: 684px;
}
.radiobtn input, .checkbtn input{
  position: relative;
  top: 10px;
  margin-right: 10px;
  height: 30px;
}
.radiobtn label, .checkbtn label{
  width: 100%;
  display: block;
}
.checkbtn label{
  padding: 0 10px 10px 10px;
}
.checkbtn{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.checkbtn li:after{
  content:"";
  display:block;
  width: 32%;
  height:0;
}
.checkbtn li{
  width: 31%;
  margin-bottom: 10px;
  border: 1px solid #EEEEEE;
  margin-right: 10px;
}
.items{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.answer_type2, .answer_type3, .answer_type4, .answer_formtype, .question, .answer_checkbtn, .answer-quantity, .answer_checkbtn, .project_client_input_edit, .edit_hearing_form{
  display:none;
}
.a-big-btn{
  display: inline-block;
  padding: 12px;
}
.tooltip_btn{
  background-color: #000;
  border-radius: 30px;
  padding: 3px 4px 1px 4px;
  color: #fff;
  font-size: 10px;
  margin-left: 5px;
  cursor: pointer;
}
.ui-tooltip{
  font-size:13px !important;
}
.ui-tooltip-content{
  white-space: break-spaces !important;
}
.form-group label{
  margin-bottom: 5px;
  display: block;
}
.required{
  background-color: #FF3232;
  color: #fff;
  font-size: 10px;
  padding: 4px 10px;
  margin: 10px;
  position: relative;
  top: -3px;
}
.answer-list{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  border-left: 1px solid #0053A6;
  border-top: 1px solid #eee;
}
.answer-list tbody{
  background-color:#fff;
}

.answer-list td{
  border:1px solid #cfcfcf;
  padding:0 10px;
}
.answer-list th{
  border: 1px solid #cfcfcf;
  padding: 15px;
  background-color: #004488;
  color: #fff;
  font-weight: normal;
}
.uthority-check-lists{
  display: block;
  max-width: 630px;
}
.uthority-check-lists th{
  border: 1px solid #cfcfcf;
  padding: 20px;
  background-color: #004488;
  color: #fff;
  font-weight: normal;
}
.uthority-check-lists td{
  border:1px solid #cfcfcf;
  padding:5px 10px;
}
.uthority-check-lists tr:nth-child(odd) td {
	background: #FCFCFE;
}
.package-select-modal .select-items{
  padding: 25px;
}
.company-image .list_thumbs{
  width: 230px;
  height: 110px;
  /*border: 1px solid #cfcfcf;*/
}
.company-image .list_thumbs-del{
  left: 178px;
}
.company-image .input-file-group input{
  width: 193px;
}
.company-list .list_thumbs{
  width: 130px;
  height: 100px;
}
.partner-edit .list_thumbs{
  width: 203px;
}
.partner-edit .input-file-group input {
  width: 220px;
}
.partner-search{
  margin: 0 15px;
}
.authoritys-edit tr{
  width: 100%;
}
.allowedpartner_icon{
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  background-color: #004488;
  color: #fff;
  padding: 5px 10px;
  width: 70px;
}
.partner-package-modal .modal-content{
  max-width: 950px;
}
.partner-package-modal .list_thumbs {
  width: 100%;
  height: 120px;
}
.project-side-menu li{
  border-top: 1px solid #EEEEEE;
  padding: 20px;
}
.project-side-menu li:first-child{
  border-top: 0px;
}
.project-side-menu li a{
  text-decoration: none;
  color:#000;
}
.project-side-menu .active{
  background-color:#0053A6;
}
.project-side-menu .active a{
  color:#fff;
}
.project-main-menu{
  width: 84%;
  margin-left: 20px;  
}
.task_bord_view .project-main-menu{
  width: 95%;
  margin-left: 20px;  
}
.project-side-menu{
  width: 14%;
}
.project_menber img{
  width: 30px;
  height: 30px;
  margin: 5px;
}
.project_setting_close{
  margin-top:-3px;
}
.project-header-open{
  position: absolute;
  right: 320px;
  top: 25px;
  cursor: pointer; 
}
.quote-list .item-list-line .quote_price, 
.invoice-list .item-list-line .invoice_price, 
.delivery-list .item-list-line .delivery_price{
  min-width: 448px;
}
.partner_menu{
  position: absolute;
  top: 41px;
  /*left: 27%;*/
}
.servise_menu{
  position: absolute;
  top: 41px;
  /*left: 35%;*/
}
.project_menu{
  position: absolute;
  top: 41px;
  /*left: 45%;*/
}
.user_btn{
  position: relative;
}
.user_menu{
  position: absolute;
  top: 40px;
  /*
  top: 41px;
  left: 1246px;
  */
}
.affairs_menu{
  position: absolute;
  top: 41px;
  /*left: 45%;*/
}
#quote-preview-btn:hover,
#invoice-preview-btn:hover,
#delivery-preview-btn:hover{
  background-color: #fff;
  text-decoration: none;
}
.bord-heading{
  width: calc(12.5% - 10px);
  margin:0 auto;
  text-align:center;
}
.bord{
  border: 1px solid #eee;
  width: calc(12.5% - 0px);
  margin:0 5px 10px 0;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  background-color: #eaeaea;
}
.task-bord{
  border: 1px solid #eee;
  width: calc(20% - 0px);
  margin:0 10px 10px 0;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  background-color: #eaeaea;
}
.bord-item, .task-bord-item{
  margin:2px;
  background-color: #fff;
  box-shadow: 0 0 10px #e4e4e4;
  /*height: 205px;*/
  cursor:pointer;
  box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
}
/*
.task .bord-item, .task-bord-item{
  height: 250px;
}
*/
.project-bord-edit img{
  width:28px;
}
.bord-highlight {
  background: #bdbdbd67;
  border: 1px dotted #b5b5b5;
  height: 226px;
  width: auto;
  margin:10px;
}
.member_box{
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
  border: 1px solid #cacaca;
  min-width: 150px;
}
.masta_box{
  box-shadow: 0 5px 10px -5px #e4e4e4;
}
.masta_list{
  width:20%;
}
.masta_edit{
  width:80%;
  margin-left:20px;
}
.masta_edit .unit_edit_id{
  width:60px;
}
.masta_edit .unit_edit_name{
  width:200px;
}
.masta_edit .categeory_edit_id{
  width:60px;
}
.masta_edit .categeory_edit_type{
  width:120px;
}
.masta_edit .categeory_edit_name{
  width:300px;
}

option:nth-child(2n+1){
  background:#FCFCFE;
}
.personal_image-img img{
  width: 170px;
  height: 170px;
  object-fit: cover;
  border-radius: 50%;
}
.company_seal-img img{
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
}
.member_icon{
  width: 65px;
  height: 65px;
  object-fit: cover;
  border-radius: 50%;
}
.modal-backdrop{
  z-index:0!important;
}
.hinmoku .sub-btn{
  height: 30px;
  font-size: 12px;
  text-align: center;
}
.notification{
  background-color: #FF3232;
  padding: 1px 0px 0 4px;
  border-radius: 30px;
  color:#fff;
  font-size: 8px;
  width: 15px;
  height: 15px;
  position: relative;
}
.primary_navigation .notification{
  top: -34px;
  left: 31px;
  line-height: 14px;
}
.user_menu .notification{
  top: -19px;
  left: 65px;
}
.personal_task_image .notification{
  top: -33px;
  left: 25px;
}
.task-chat .notification{
  top: -33px;
  left: 25px;
}
.chat{
  width:420px;
}
.chat_input_area{
  position: fixed;
  bottom: 0px;
  padding: 25px 0;
}
.chat_time{
  color:#AAAAAA;
  font-size:10px;
  margin-top: 3px;
}
.chat_comment{
  margin: -5px 0px 30px 40px;
  word-break : break-all;
}
.task_remarks_erea{
  max-width:550px;
  min-width:350px;
}
.untreated{
  color: #FF3232;
  border: 1px solid #FF3232;
  padding: 5px 10px;
  height: 33px;
}
.non_approval{
  color: #fff;
  background-color: #FF3232;
  padding: 5px 10px;
  height: 33px;
}
.approval{
  color: #fff;
  background-color: #AAAAAA;
  padding: 5px 10px;
  height: 33px;
}
.approval_check{
  position: fixed;
  bottom: 0;
  background-color: #fff;
  padding: 10px;
  width: 575px;
}
.name_group_detail{
  background-color: #f8f8f8;
}
.offered{
  position: absolute;
  color: #fff;
  background-color: #FF3232;
  padding: 3px;
}
.dashborad_box{
  min-width:180px;
}
.dashborad_box_title{
  background-color: #0053A6;
  color:#fff;
}
.overflowhidden{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quote_item_remarks{
  min-height: 30px;
  min-width: 180px;
}
.project_title{
  max-width: 250px;
}
.image_aria{
  display: flex;
  width: 470px;
  flex-wrap: wrap;
}
.image_aria .form-group{
  display: inline-grid;
  width: calc(33% - 10px);
  border: 1px solid #e4e4e5;
  padding: 12px 10px 5px 12px;
  background-color: #fdfdfd;
}
/*
.documant_aria .form-group{
  display: inline-grid;
  width: calc(33% - 10px);
  border: 1px solid #e4e4e5;
  padding: 10px 10px 8px 12px;
  background-color: #fdfdfd;
}
*/
.image_aria .input-file-group{
  display: flex;
  min-width: 200px;
}
.image_aria .input-file-group button{
  padding: 5px 10px;
  height: auto;
}
.image_aria .input-file-group input{
  margin: 10px 0 0 -5px;
  width: 75px;
  background-color: #fff;
}
.documant_aria .input-file-group{
  height: 40px;
  display: flex;
}
.documant_aria .input-file-group input{
  margin: 0px 0 0 -5px;
  background-color: #fff;
}
.document-edit {
  margin: -5px 0 0 10px;
}
.document-edit a{
  text-decoration: none;
}
.document-edit a img{
  width:33px;;
}
.documant_aria .input-file-group button{
  margin: 0;
}
.create_image .form-group{
  height: 39px;
}
.package_share_category{
  margin-top: -20px;
  border: 1px solid #cdcdcd;
  width: fit-content;
  padding: 3px 5px;
  color: #909090;
  margin-top: 7px;
}
.swiper-wrapper .list_thumbs{
  height: 340px;
}
.knowledge_eyecatch-img .list_thumbs-del {
  left: 240px;
}
.partner-edit .list_thumbs-del{
  left: 148px;
}
.quote_select_package .item-list-line,
.invoice_select_package .item-list-line,
.delivery_select_package .item-list-line,
.quote_select_partner_package .item-list-line,
.invoice_select_partner_package .item-list-line,
.delivery_select_partner_package .item-list-line{
    min-height: 475px;
}
.quote_select_item .item-list-line,
.invoice_select_item .item-list-line,
.delivery_select_item .item-list-line,
.quote_select_partner_item .item-list-line,
.invoice_select_partner_item .item-list-line,
.delivery_select_partner_item .item-list-line{
    min-height: 356px;
}
.project_hearing_price{
  border: 1px solid #cfcfcf;
  padding: 0px 5px;
  margin: 0 5px 0 10px;
  background-color: whitesmoke;
  color: #616161;  
}
.container{
  min-width:80rem;
  max-width:80rem;
}
.pcflex{
  display: flex;
}
.spflex{
  display: block;
}
.pc-pr-8{
  padding-right: 2rem;
}
.pc-ml-3{
  margin-left: 0.75rem;  
}
.pc-ml-4{
  margin-left: 1rem;  
}
.pc-br-l-eee{
  border-left: 1px solid #EEEEEE;
}
.sp-br-t-eee{
  border-top: 0;
}
.sp-py-10{
  padding-top: 0;
  padding-bottom: 0;
} 
.pc-px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.pc-mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.pc-ml-3 {
  margin-left: 0.75rem;
}
.pc-px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.pc-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pc-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.antialiased .container {
    min-width: auto;
    max-width: auto;
}
.privacy_policy h2 {
  font-size: 16px;
  font-weight: bold;
}
.invoices_table{
  width: 100%;
}
.invoices_table td, .invoices_table th{
  border:1px solid #cfcfcf;
  padding:10px;
}
.invoices_table th{
  background-color: #f3f3f3;
}
/*
.free_user_name_box{
  display: none;
}
*/
@media (max-width: 920px){
  .sm\:ml-10 {
      margin-left: 0rem;
  }
  .primary_navigation .px-5{
    padding-right:0rem;
  }
}
@media screen and (max-width: 768px) {
	.page-heading{
		display:block;
  }
  .page-heading li{
    padding: 10px 0;
  }
  .page-heading .active::after{
    display:none;
  }
  .page-heading .active{
    color: #004488;
  }
  .item-list-line {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 640px) {
  .pc-display{
    display:none;
  }
  .sp-w100{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .container{
    min-width: auto;
    max-width: unset;
  }
  .middle_menu .max-w-7xl {
    margin: 0px;
    padding: 15px 5px;
  }
  .middle_menu ul{
    display:flex;
  }
  .middle_menu ul li{
    margin: -5px 0px;
    padding: 0px 8px;
    border-right: 1px solid #cfcfcf;
  }
  .pcflex{
    display: block !important;
  }
  .spflex{
    display: flex !important;
  }
  .item-list-line {
    height: auto!important;
  }
  .dashborad_box{
    margin: 0;
  }
  .item-list-filter, .twoblock{
    display: block;
  }
  .project_status-control{
    margin:10px 0  20px 0;
  }
  .affairs-order .project_status-control,
  .affairs-claim .project_status-control,
  .user-performance .project_status-control{
      margin:0;
  }

  .sp-mt-15{
    margin-top:15px;
  }
  .sp-mb-15{
    margin-bottom:15px;
  }
  .pc-ml-3{
    margin-left: 0;  
  }
  .pc-ml-4{
    margin-left: 0;  
  }
  .sp-justify-end{
    justify-content: flex-end;
  }
  .pc-pr-8{
    padding-right: 0;
  }
  .sp-br-t-eee{
    border-top: 1px solid #EEEEEE;
  }
  .sp-py-10{
    padding-top: 10px;
    padding-bottom: 10px;
  }   
  .pc-br-l-eee{
    border-left: 0;
  }
  .pc-px-6{
    padding-left: 0;
    padding-right: 0;
  }
  .pc-px-5{
    padding-left: 0;
    padding-right: 0;
  }
  .pc-px-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .sp-mx-0{
    margin-right:0;
    margin-left:0;
  }
  .pc-mx-5{
    margin-left: 0;
    margin-right: 0;
  }
  .pc-ml-3 {
    margin-left: 0;
  }
  .sp-mr-t-36{
    margin-top: -36px;
  }
  .sp-ml-10{
    margin-left: 10px !important;
  }
  .sp-w-10p{
    width: 10%;
  }
  .sp-mt-10 {
    margin-top: 10px;
  }
  .pc-mx-2 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .w-100{
    width: 100%;
  }
  .mr-13 {
    margin-right: 10px;
  }
  .px-8 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /*
  .py-8 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  */
  .reload-select-item, .share-package, .share-hearing img {
    padding: 15px 0 0 5px;
  }
  .package_setting .close-btn {
    margin: 8px 0 0 10px;
  }
  .modal-content {
    margin: 40px auto;
  }
  .pagenation, .pager-lead,
  .totop,
  .select-items span{
    display:none;
  }
  .item .item-list-line {
    height: 315px;
  }
  .drower-content-left, .drower-content-center,
  .drower-content-last{
    margin: 0px;
    padding: 0px;
    border: 0;
  }
  .drower-content {
    padding: 15px;
  }
  .text-2xl {
    font-size: 1.3rem;
  }
  .image_aria {
    display: block;
    width: 100%;
    flex-wrap: wrap;
  }
  .image_aria .input-file-group input {
    width: 155px;
  }
  .image_aria .form-group {
    display: inline-grid;
    width: auto;
  }
  .package_setting .drower-head,
  .constitution-item .item-list-line, .company-item .item-list-line{
    display: block;
  }
  .package_setting .drower-head h2{
    margin-bottom: 0;
  }
  .package-select-modal .sort-control,
  .item-filter .sort-control{
    margin: 0;
  }
  .hearing-list .item-list-line .item-list-publish,
  .project-list .project-list-nextaction,
  .company-list .list_thumbs,
  .project-list .project-list-status,
  .project-list .project-list-price,
  .hearing-list .item-list-line .item-list-btn2,
  .company-list .company-list-thumbs,
  .company-list .company-list-btn,
  .project-list .project-list-memo,
  .company-list .company-list-status,
  .remark-list .item-list-line .item-list-names,
  .faq-list .item-list-line .item-list-btn,
  .project-list .project-list-btn,
  .pject-list-details,
  .remark-list .item-list-line .item-list-btn,
  .faq-list .item-list-line .item-list-q,
  .company-list .company-list-remark,
  .task .task_name,
  .faq-list .item-list-line .item-list-a-task,
  .project-list .project-list-title,
  .hearing-list .item-list-line .item-list-btn1,
  .company-list .company-list-names,
  .faq-list .item-list-line .item-list-a,
  .uthority_name,
  .uthority_range,
  .uthority_edit,
  .faq-list .item-list-line .item-list-names,
  .hearing-list .item-list-line .item-list-btn,
  .remark-list .item-list-line .item-list-desc,
  .hearing-list .item-list-line .item-list-names,
  .hearing_get_title,
  .faq-list .item-list-line .qadesc{
    width:100%;
  }
  .remark-list .item-list-line, .faq-list .item-list-line, .hearing-list .item-list-line, .answer-list .item-list-line, .quote-list .item-list-line, .task .item-list-line, .invoice-list .item-list-line, .delivery-list .item-list-line, .authoritys-list .item-list-line, .man-hour_select .item-list-line, .masta .item-list-line {
    margin-bottom: 15px;
  }
  .quote-list .item-list-line .quote_price, .invoice-list .item-list-line .invoice_price, .delivery-list .item-list-line .delivery_price{
    width: 100%;
    min-width: auto;
    margin: 15px 0;
    padding: 0;
  }  
  .quote_select_package .item-list-line, .invoice_select_package .item-list-line, .delivery_select_package .item-list-line, .quote_select_partner_package .item-list-line, .invoice_select_partner_package .item-list-line, .delivery_select_partner_package .item-list-line {
    min-height: auto;
  }
  .quote_select_item .item-list-line, .invoice_select_item .item-list-line, .delivery_select_item .item-list-line, .quote_select_partner_item .item-list-line, .invoice_select_partner_item .item-list-line, .delivery_select_partner_item .item-list-line {
    min-height: auto;
    margin-bottom: 20px;
  }
  .quote_item_price_quantity {
    margin-bottom: 10px;
  }
  .search-control{
    width: 125px;
  }
  .preview-hearing-modal .modal-content {
    width: 100%;
  }
  .keyword-search{
    margin-right: 35px;
  }
  .personal-task .keyword-search{
    margin-right: 10px;
  }
  .keyword-search .input-group-btn {
    display: none;
  }
  .project-faq-index .keyword-search{
    margin-right: 0;
  }
  .affairs_offer .keyword-search{
    margin-right: 10px;
  }
  .partner_list .item-list-line{
    width: 97%;
  }
  .checkbtn {
    display: block;
  }
  .checkbtn li {
    width: 100%;
  }
  .company-list .company-list-btn,
  .item-list-btn2{
    display: flex;
  }
  .drower {
    width: 100%;
  }
  .hearing-edit .drower-head{
    display: block;
  }
  .hearing-edit .drower-head h2{
    margin-bottom:0px;
  }
  .w-96 {
    width: 100%;
  }
  .company-list-btn img,
  .item-list-btn img,
  .item-list-btn2 img{
    width: 44px;
  }
  .company-list-btn,
  .item-list-btn,
  .item-list-btn2{
    justify-content: flex-end;
  }
  .active a{
    color: #CFCFCF !important;
  }
  .project-list-memo textarea,
  .project-side-menu{
    width: 100%;
  }
  .project-main-menu {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .sp-block-btn{
    display: block;
    text-align: center;    
  }
  .project_hearing_price {
    padding: 5px 5px;
    margin: 10px 0;
  }
  .quote_item_title{
    width: 100%;
  }
  .quote_item_remarks{
    width: 100%;
    margin-left: -15px;
  }
  .totalprice{
    text-align: center;
  }
  .category-control {
    margin: 0 15px 10px 0px;
  }
  .affairs_offer .item-list-line {
    width: 98%;
    min-height: auto;
  }
  .untreated, .non_approval, .approval {
    width: 78px;
  }
  .approval_check {
    width: 100%;
  }
  .masta_list {
    width: 100%;
  }
  .masta_edit {
    width: 100%;
  }
}
.project_start_input, .project_end_input{
  font-size: 10px;
}
.affairs_order_list .project-list-title{
  width: 20%;
}
.affairs_order_list .project-list-member{
  width: 13%;
}
.affairs_order_list .project-list-price{
  width: 14%;
}
.affairs_order_list .payment{
  width: 13%;
}
.affairs_order_list .payment2{
  width: 20%;
}
.affairs_order_list .edit_btn_price{
  width: 20%;
}
.share_package_name{
  margin: 50px 0 30px;
  padding: 20px 0 10px;
}
.package_share_price{
  background-color: #f3f8ff;
  padding: 40px;
}
.package_share_description{
  margin: 50px 0 20px;
  font-size: 16px;
  line-height: 25px;
}
.knowledge_detail h3{
  margin-bottom: 30px;
}
.knowledge_detail pre{
  margin-bottom: 30px;
}
.excluding_completion{
  min-width: 100px;
}
.min-w40{
  min-width: 40px;
}