#changeProductContactPage #pageheader{
  background:#e7effc;
  padding:25px 0;
  margin-bottom:5px !important; 
}
#changeProductContactPage #pageheader .message{
  color:#7281ab;
  font-size:12px;
}


#changeProductContactPage .panel-body{
  background:#f4f6f9;
  border-radius:6px;
}


#changeProductContactPage .panel-body > .row{
  background:#fff;
  border-radius:6px;
  padding:18px 20px 12px;
  margin:0;
  box-shadow:0 1px 10px rgba(0,0,0,0.06);
}


#changeProductContactPage label{
  color:#7281ab;
  font-weight:600;
  font-size:12px;
}
#changeProductContactPage .form-control{
  height:31px;
  font-size:12px;
  border:1px solid #e3e6ec !important;
  background:#fff !important;
  box-shadow:none !important;
}


#changeProductContactPage #btnApply{
  background:#3a5ee6 !important;
  border-color:#3a5ee6 !important;
  color:#fff !important;
  font-size:12px;
}
#changeProductContactPage #btnApply:hover{
  box-shadow:0px 5px 20px -4px #3a5ee6;
}
#changeProductContactPage #btnReset{
  background:#fff !important;
  color:#3a5ee6 !important;
  border:1px solid #3a5ee6 !important;
  font-size:12px;
}


#changeProductContactPage #ProductContactsTable_wrapper{
  background:#fff;
  border-radius:6px;
  box-shadow:0 1px 10px rgba(0,0,0,0.06);
  padding:18px 20px 10px;
  margin-top:18px;
  position:relative;
}


#changeProductContactPage #ProductContactsTable_wrapper .dataTables_length,
#changeProductContactPage #ProductContactsTable_wrapper .dataTables_filter{
  margin:0 !important;
  padding:0 !important;
}


#changeProductContactPage #ProductContactsTable_wrapper .dataTables_length{
  position:absolute;
  top:14px;
  left:20px;
}
#changeProductContactPage #ProductContactsTable_wrapper .dataTables_length label{
  color:#7281ab;
  font-weight:600;
  font-size:12px;
}
#changeProductContactPage #ProductContactsTable_wrapper .dataTables_length select{
  height:31px !important;
  font-size:12px;
  border:1px solid #e3e6ec !important;
}


#changeProductContactPage #ProductContactsTable_wrapper .dataTables_filter{
  position:absolute;
  top:14px;
  right:20px;
  text-align:right;
}
#changeProductContactPage #ProductContactsTable_wrapper .dataTables_filter label{
  color:#7281ab;
  font-weight:600;
  font-size:12px;
}
#changeProductContactPage #ProductContactsTable_wrapper .dataTables_filter input{
  width:235px;
  height:31px;
  font-size:12px;
  border:1px solid #e3e6ec !important;
  padding-left:10px !important;
  margin-left:8px;
  box-shadow:none !important;
}


#changeProductContactPage #ProductContactsTable{
  margin-top:55px !important;
}


#changeProductContactPage table.dataTable thead th{
  background:#fff !important;
  color:#3a5ee6 !important;
  font-weight:600;
  border-bottom:0 !important;
  padding:14px 18px !important;
  position:relative;
  vertical-align:middle;
}


#changeProductContactPage table.dataTable thead{
  position:relative;
}
#changeProductContactPage table.dataTable thead:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:12px;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(0,0,0,0.10), rgba(0,0,0,0));
}


#changeProductContactPage table.dataTable thead th:not(:last-child)::after{
  content:"";
  position:absolute;
  top:10px;
  bottom:10px;
  right:0;
  width:1px;
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.12), rgba(0,0,0,0));
}


#changeProductContactPage table.dataTable tbody td{
  padding:18px 18px !important;
  color:#56627a;
  background:#fff;
  border-top:0 !important;
  position:relative;
}


#changeProductContactPage table.dataTable tbody td:not(:last-child)::after{
  content:"";
  position:absolute;
  top:14px;
  bottom:14px;
  right:0;
  width:1px;
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.06), rgba(0,0,0,0));
}


#changeProductContactPage table.dataTable.stripe > tbody > tr.odd > *{
  box-shadow:inset 0 0 0 9999px rgba(248,249,250,1);
}


#changeProductContactPage table.dataTable tbody tr:hover > *{
  box-shadow:inset 0 0 0 9999px rgba(231,239,252,0.5);
}


#changeProductContactPage #ProductContactsTable input[type="checkbox"]{
  transform:scale(1.05);
  margin:0;
}


#changeProductContactPage .dataTables_wrapper .dataTables_paginate{
  padding-top:12px;
}
#changeProductContactPage .dataTables_wrapper .dataTables_paginate .paginate_button{
  font-size:12px;
  color:#7281ab !important;
  border:0 !important;
  background:transparent !important;
}
#changeProductContactPage .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:#e7effc !important;
  color:#3a5ee6 !important;
  border-radius:4px;
}


#changeProductContactPage #pcStatus{
  color:#7281ab;
  font-style:italic;
  text-align:right;
  padding:10px 0 0;
}


#changeProductContactPage #ProductContactsTable {
  table-layout: fixed !important;
  width: 100% !important;
}

#changeProductContactPage #ProductContactsTable th,
#changeProductContactPage #ProductContactsTable td {
  white-space: normal !important;
  overflow-wrap: anywhere !important;   
  word-break: break-word !important;    
}


#changeProductContactPage #ProductContactsTable th:first-child,
#changeProductContactPage #ProductContactsTable td:first-child {
  width: 40px !important;
}


#changeProductContactPage #ProductContactsTable th:nth-child(2),
#changeProductContactPage #ProductContactsTable td:nth-child(2) { 
  width: 20% !important;
}
#changeProductContactPage #ProductContactsTable th:nth-child(3),
#changeProductContactPage #ProductContactsTable td:nth-child(3) { 
  width: 35% !important;
}
#changeProductContactPage #ProductContactsTable th:nth-child(4),
#changeProductContactPage #ProductContactsTable td:nth-child(4) {
  width: 25% !important;
}
#changeProductContactPage #ProductContactsTable th:nth-child(5),
#changeProductContactPage #ProductContactsTable td:nth-child(5) { 
  width: 20% !important;
}


ul.application-nav li.ProductContactsTab {
  display: none !important;
}


ul.application-nav {
  display: none !important;
}

#ProductContactsTable_wrapper{
  overflow: visible !important;   
  position: relative !important;
}

#ProductContactsTable_wrapper .dataTables_filter,
#ProductContactsTable_wrapper .dataTables_length{
  z-index: 50 !important;         
  position: absolute;             
  top: 14px;
}

#ProductContactsTable_wrapper .dataTables_length{ left: 20px; }
#ProductContactsTable_wrapper .dataTables_filter{ right: 20px; }

.ema-dd { position: relative; width: 100%; }
.ema-dd-toggle{
  width:100%;
  height:31px;
  padding:6px 10px;
  border:1px solid #e3e6ec;
  background:#fff;
  font-size:12px;
  color:#56627a;
  border-radius:2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  user-select:none;
}
.ema-dd-toggle:after{
  content:"▾";
  margin-left:10px;
  color:#7281ab;
  font-size:12px;
}
.ema-dd-panel{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 4px);
  background:#fff;
  border:1px solid #e3e6ec;
  box-shadow:0 8px 22px rgba(0,0,0,0.10);
  border-radius:4px;
  z-index:9999;
  display:none;
}
.ema-dd.open .ema-dd-panel{ display:block; }

.ema-dd-search{
  width:100%;
  border:0;
  border-bottom:1px solid #eef1f6;
  padding:8px 10px;
  font-size:12px;
  outline:none;
}
.ema-dd-options{
  max-height:220px;
  overflow:auto;
}
.ema-dd-option{
  padding:8px 10px;
  font-size:12px;
  cursor:pointer;
  color:#56627a;
}
.ema-dd-option:hover{
  background:#e7effc;
}
.ema-dd-option.is-disabled{
  opacity:.5;
  cursor:not-allowed;
}
.ema-dd-option.is-hidden{
  display:none;
}

.ema-dd-select{
  display:none !important;
}

#changeProductContactPage .pageBottomActions{
  position: sticky;
  bottom: 0;
  z-index: 20;
  background: #f4f6f9;
  border-top: 1px solid #e3e6ec;
  margin-top: 14px;
  padding: 12px 6px 4px;
}

#changeProductContactPage .pageBottomActions > div{
  display: flex;
  align-items: center;
}

#changeProductContactPage .pageBottomActions .text-right{
  justify-content: flex-end;
  gap: 10px;
}

#changeProductContactPage .pageInstruction{
  font-size: 12px;
  color: #7281ab;
  font-weight: 600;
}

#changeProductContactPage .pageSelected{
  font-size: 12px;
  color: #7281ab;
  font-style: italic;
  margin-right: 8px;
  white-space: nowrap;
}

#changeProductContactPage .pageBottomActions #btnApply,
#changeProductContactPage .pageBottomActions #btnReset{
  min-width: 84px;
  height: 34px;
  padding: 6px 16px;
  border-radius: 4px;
}

#noRecordsPlaceholder{
  display:none;
  text-align:center;
  padding:80px 0;
  font-size:16px;
  color:#7281ab;
  font-weight:600;
}

#noRecordsPlaceholder .noRecordsTitle{
  font-size:16px;
  color:#7281ab;
  font-weight:600;
}

#noRecordsPlaceholder .noRecordsSubtext{
  margin-top:8px;
  font-size:12px;
  color:#9aa6c1;
}

#pageSuccessMessage{
  font-size:12px;
  font-weight:600;
  border-radius:4px;
  border:1px solid #c7ebd3;
  background:#edf9f1;
  color:#2f6b45;
  
}

#changeProductContactPage .pageSuccessMessage{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:15px;
  padding:12px 14px;
  border:1px solid #c7ebd3;
  background:#edf9f1;
  color:#2f6b45;
  border-radius:4px;
  font-size:12px;
  font-weight:600;
}

#changeProductContactPage .pageSuccessIcon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  min-width:20px;
  height:20px;
  min-height:20px;
  line-height:1;
}

#changeProductContactPage .pageSuccessIcon svg{
  width:16px !important;
  height:16px !important;
  display:block !important;
}

#changeProductContactPage .pageSuccessIcon svg *{
  fill:#2f6b45 !important;
}

#changeProductContactPage .pageSuccessText{
  line-height:1.4;
}