.page-container {
    
    margin-left:auto;
    margin-right:auto;
    height: 100vh;
    width: 100%;
    font-size: 14px;
    font-family: "SFProText-Regular",Arial, 'Microsoft JhengHei', sans-serif, simsun;
    position:relative;
    color:#1c2733; 
}

.nw-fnt-bold {
    font-family: 'SFProDisplay-Semibold', Arial, 'Microsoft JhengHei', sans-serif, simsun;
}

.sys-title {color: #0055a7; 
  font-size: 24px;
  font-family: 'SFProDisplay-Semibold', Arial, 'Microsoft JhengHei', sans-serif, simsun;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #0055a7;

}

.page-header {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: normal;
  color: #1c2733;
  margin-bottom: 16px;
  
}

a:hover {text-decoration:none !important;}
.page-container .modal-dialog  .modal-header  {border-bottom:none !important; }

.page-container .modal-dialog  .modal-header  h5 {font-size:28px;  font-weight: 600; color: #1c2733;}

.page-container .modal-dialog  .modal-footer {border-top:none;}

.page-container .modal-dialog .close {background-color: #ebeef1; border-radius:50%; padding:6px !important}
.page-container .modal-dialog .modal-content {padding: 10px;}

.page-container .modal-dialog  .modal-body {padding-top: 5px !important;}
.page-container input[type=text],.page-container input[type=password] {height: 50px; padding:5px;}


tbody td, tbody th, thead th {border-left: none !important; border-right: none !important; border-bottom: 1px solid #dddddd !important;}

.recipient-list thead th {border-bottom:none !important;}

tbody td {color: #1c2733 !important; font-size: 14px !important;}
thead th tbody {color: #637381 !important; font-size: 12px;}

.page-container .table  {border:none !important}
.page-container .fixed-table-border {height: 0px !important;}
.no-records-found  td {border-bottom:none !important; color: #637381 !important;}
.fixed-table-container { border:none !important;}
tbody tr {height: 50px !important;}


.nw-btn {border-radius: 3px;  font-size: 14px;  text-align: center;  padding:12px 8px; text-decoration:none !important;}

.modal-footer .nw-btn {padding:7px 16px;}

.nw-btn:hover {color:inherit;}

.nw-btn img.inactive {display:none;}
.nw-btn.inactive img.inactive {display:flex;}
.nw-btn.inactive img.active {display:none;}

.nw-btn-primary,nw-btn-primary:visited  {background-color: #017bce;color: #ffffff; }

.nw-btn-primary:hover {background-color: #0e9bfb; color: white !important;} 

.nw-btn-primary.inactive, .nw-btn-primary.inactive:hover,.nw-btn-primary.inactive:visited  {background-color: #dfe3e8;color:#ffffff;}

.nw-btn-outline-primary, .nw-btn-outline-secondary {box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05); border: solid 1px #c4cdd5;  background-image: linear-gradient(to bottom, #ffffff, #f9fafb);}

.nw-btn-outline-primary.inactive, .nw-btn-outline-primary.inactive:hover, .nw-btn-outline-primary.inactive:visited {border: solid 1px #dfe3e8; background-color: #f9fafb; color: #919eab; background-image:none;} 

.nw-btn-outline-primary,.nw-btn-outline-primary:visited {color: #017bce;}

.nw-btn-outline-primary:hover, .nw-btn-outline-secondary:hover {background-image: linear-gradient(to bottom, #fafbfc, #ebeff2); }
.nw-btn-outline-secondary,.nw-btn-outline-secondary:visited  {color: #454f5b;}
.btn-text {vertical-align:middle;}

.btn-text-gray {color: #454f5b;}
.btn-text-blue {color: #017bce;}

.fnt-12 {font-size: 12px;}
.fnt-13 {font-size: 13px;}
.fnt-14 {font-size: 14px;}
.fnt-16 {font-size: 16px;}
.fnt-20 {font-size: 20px;}
.fnt-24 {font-size: 24px;}

.nw-px-12 {padding-left: 12px !important; padding-right: 12px !important;}
.nw-px-16 {padding-left: 16px !important; padding-right: 16px !important;}
.nw-px-10 {padding-left: 10px !important; padding-right: 10px !important;}
.nw-py-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.nw-py-8 {padding-top: 8px !important; padding-bottom: 8px !important;}
.nw-px-8 {padding-left: 8px !important; padding-right: 8px !important;}

.nw-p-10 {padding: 10px;}
.nw-p-8 {padding: 8px;}
.top-banner1 {display:none;}
.nw-light-gray {color: #637381}
.input-error {color:red;}
.nw-btn-link, .nw-btn-link:visited, .nw-btn-link:hover {border:none; color: #017bce;background-color:#ffffff;text-decoration:none;}

.nw-btn-link:hover {color: #0e9bfb;}

.nw-btn-primary {border:none !important;}

.page-container .bootstrap-table .fixed-table-container .table tbody tr:hover {background-color:#f9fafb !important;}

.page-container .bootstrap-table .fixed-table-container .table tbody tr.selected td, .page-container .bootstrap-table .fixed-table-container .table tbody tr:hover td {background-color:transparent !important;}

.mobile {display:none;}
.mobile-hide {display:block;}

input[type=text].error,input[type=password].error {background-color:#fbeae5; border: 1px solid #de3617;}

.bootbox modal-header {border-bottom:none !important; }
.bootbox modal-footer {border-top:none !important; }

.selectLang {min-width:80px; margin-right:20px;border:none;}

@media only screen and (max-width: 576px) {

    .desktop {display:none;}
    .mobile-show {display:block !important;}
    
    .page-container .modal-dialog {height: 100%; margin: 0px;}
    
    .page-container .modal-dialog .modal-content {border:none; border-radius:0px; height: 100%; padding:16px;}
    .page-container .modal-footer .nw-btn, .page-container .modal-footer .nw-btn-link {width: 100%; justify-content: center; margin-left:auto;margin-right:auto; padding-top: 12px; padding-bottom: 12px;text-align:center;}
    .page-container .modal-footer .nw-btn:last-child {margin-top: 10px;} 
    .page-container .modal-dialog .modal-header h5 {font-size:24px;}
    .page-container .modal-dialog .modal-header {margin-bottom: 16px;}
    .page-container .modal-dialog .close {display:none;}

    .page-container .modal-content,  {padding:16px;}
    .page-container .modal-body, .page-container .modal-footer, .page-container .modal-header  {padding:0px;}
    .nw-btn {padding: 8px;}
    .mobile  {display:flex;}
    .page-header {font-size: 24px;}
}