/* Body and Elements */
body {
   background: var(--body-background);
   font-family: var(--font-family-poppins);
   font-size: var(--font-size-16);
   -webkit-font-smoothing: antialiased;
}

#divSplash {
   width: 100%;
   height: 100vh;
   background: white;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 99999;
   text-align: center;
}

   #divSplash img {
      height: 100px;
      top: 35%;
      bottom: 50%;
      position: relative;
   }

.ph-third-tab-navigation {
   border-bottom: none !important;
}

nav {
   height: 81px;
}

li {
   font-size: var(--font-size-16);
}

textarea, input[type=text], textarea:focus, input:focus {
   border-color: var(--cool-gray-400);
}

footer {
   font-size: var(--font-size-14);
   position: fixed;
   width: 100%;
   background: var(--body-background);
   bottom: 0;
   padding: 8px 37px;
}

main {
   height: 100vh;
   overflow: hidden !important;
   height: 100vh;
}

input, select, #searchByDocDate, #searchClassificationIds, #searchByPublishDocDate {
   font-size: .9rem !important;
   border: 1px solid var(--cool-gray-400) !important;
}

#searchByPublishDocDate {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

   input:hover, input:focus, select:hover, select:focus, #searchByDocDate:hover, #searchByDocDate:focus,
   #searchClassificationIds:hover, #searchClassificationIds:focus, #searchByPublishDocDate:hover {
      border: 1px solid var(--mitra-blue-500) !important;
      cursor: pointer;
      box-shadow: none !important;
   }

#searchByDocDate, #searchByPublishDocDate {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-right: 24px;
}

input[type=text], input[type=password] {
   cursor: text;
}

a {
   color: var(--mitra-blue-500);
   font-weight: 600;
   text-decoration: none;
   cursor: pointer;
}

   a:hover {
      text-decoration: underline;
   }

   a[disabled], a.disabled, .btn:disabled, .btn.disabled, .disableTakeTestPublication {
      opacity: var(--bs-btn-disabled-opacity);
      background: #EBEFF3 !important;
      border: 2px solid var(--cool-gray-500) !important;
      color: var(--cool-gray-500) !important;
      cursor: default;
      pointer-events: none;
   }

.ph-doc-title.disableTakeTestPublication {
   background: transparent !important;
   border: none !important;
   text-decoration: none;
}

header {
   background: var(--white);
   box-shadow: 0px 1px 7px -1px rgb(0 0 0 /19%);
   z-index: 1040 !important;
}

small {
   font-size: var(--font-size-12);
   color: var(--cool-gray-800);
}

th {
   letter-spacing: var(--character-spacing-0) !important;
   color: var(--cool-gray-700) !important;
   text-align: left !important;
   font-size: .8rem;
   font-weight: normal;
   background: #FCFCFC !important;
}

tr .fa {
   opacity: 0;
}

tr:hover .fa {
   opacity: 1;
}
/* End of Body and Elements */

/*Fancybox style*/
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
   width: calc(100% - 20px);
   height: calc(100% - 20px);
}

.fancybox__content {
   padding: 1rem;
}
/*End of Fancybox style*/

/* PolicyHub specific style */
.acknowledgeDocumentDiffButton {
   width: 200px;
   background-repeat: no-repeat;
   left: 70px;
   border: 2px solid var(--mitra-blue-500) !important;
   color: var(--mitra-blue-500) !important;
   cursor: pointer;
   font-family: var(--font-family-poppins) !important;
   font-size: var(--font-size-14) !important;
   background: white !important;
   margin: 0 10px;
   padding: 8px 20px;
   border-radius: 4px;
   text-decoration: none !important;
}

   .acknowledgeDocumentDiffButton:hover {
      color: var(--mitra-blue-500) !important;
      background: var(--cool-gray-200) !important;
   }
/* End of PolicyHub specific style */
/* Bootstrap Toast */
.ph-toast {
   position: fixed;
   z-index: 999999;
   top: 90px;
   right: 40px;
   font-weight: 700;
   font-family: Poppins;
   opacity: 1;
   font-size: var(--font-size-14);
   min-width: 500px;
   border-radius: 3px;
}

.ph-toast-success {
   background: #CEE0DA;
   color: #00593a;
   border: 2px solid #afd3c6;
}

.ph-toast-danger {
   background: #eabbcc;
   color: #431322;
   border: 2px solid #bd8fa0;
}

/* Toast message link color */
#toastMessage a{
   color:var(--mitra-blue-600);
}
/* End of Bootstrap Toast */
.pageTitle {
   font-weight: 500 !important;
   cursor: pointer !important;
}

/* Modal Dialog */
.modal-header {
   border-bottom: none;
}

   .modal-header .btn-close {
      box-shadow: none;
   }

#btnSubmitAnonymousNoButton:hover {
   background: #ffffff !important;
}

#modalConfirmSubmitAnonymous .modal-header {
   padding-bottom: 0px;
}

#modalConfirmSubmitAnonymous .modal-body {
   padding-top: 0px;
}

.modal-title {
   text-align: center;
   font-size: var(--font-size-22) !important;
   color: var(--mitra-blue-600);
}

.modal-title-dark {
   text-align: left;
   font-size: var(--font-size-22) !important;
   color: var(--mitra-blue-800);
}

.modal-footer {
   border: 1px solid #F6F6F6;
}

.dontShowPopupText {
   display: block;
   color: var(--mitra-blue-800);
}

.modal-body p {
   font-weight: 600;
   text-align: left;
   color: var(--mitra-blue-800);
}
/* End of Modal Dialog */

/* Custom css classes */
img.animated-main-icon-pdf-viewer {
   width: 150px;
   height: 150px;
   margin: 0;
   position: relative;
   top: 250px;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: calc(100vw/2 - 75px);
   animation-name: logo-animator;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   z-index: 100000
}

img.animated-main-icon-progress-loader {
   width: 50px;
   height: 50px;
   left: calc(100vw/2 - 75px);
   animation-name: logo-animator;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   z-index: 100000
}

.DataGridData {
   margin-bottom: 15px;
}

   .DataGridData td {
      padding: 10px;
      border: 1px solid silver;
   }

/* Document Information */
img.animated-main-icon-document-info-viewer {
   width: 150px;
   height: 150px;
   margin: 0;
   position: relative;
   top: 200px;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: calc(100vw/2 - 75px);
   animation-name: logo-animator;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   z-index: 100000;
   left: 50%;
   transform: translateX(-50%);
}

ul.ph-intro-instructions-list {
   line-height: 40px;
   padding-left: 17px;
   color: var(--mitra-blue-800);
   font-weight: 400;
}

.ph-document-info-publication {
   font-weight: 600;
   font-size: var(--font-size-18);
   color: var(--mitra-blue-800);
}

.ph-document-info-label {
   font-size: var(--font-size-16);
   color: var(--mitra-blue-800);
}

.ph-document-info-label-light {
   color: var(--cool-gray-700) !important;
}

.ph-document-info-grid-header {
   color: var(--cool-gray-800);
}

.ph-document-info-grid-document-ul {
   margin: 0;
   padding: 0;
}

.ph-document-info-grid-document-icon {
   width: 30px;
}

.ph-document-info-grid-document-description {
   vertical-align: top;
}

#btnCloseModalDocumentInformation {
   font-weight: 600;
   border-width: 2px;
}
/* End of Document Information */

.ph-publication-button-container {
   padding-left: 70px;
}

.ph-grid-item-header {
   color: var(--cool-gray-700) !important;
   font-size: var(--font-size-16);
   background-color: var(--white) !important;
}

.ph-hidden {
   display: none !important;
}

.ph-tab {
   min-height: calc(100vh - 210px);
}

.ph-tab-button {
   font-size: var(--font-size-18);
   text-decoration: none !important;
   color: var(--cool-gray-700);
   font-weight: 600;
   height: 60px !important;
}

   .ph-tab-button:hover {
      color: #6B7D8E;
   }

.ph-version-info {
   color: var(--cool-gray-700);
   line-height: 30px;
}

img.ph-info-icon {
   width: 20px;
   height: 20px;
}

.ph-no-scroll {
   overflow-y: hidden;
}

.ph-no-publications {
   height: calc(100vh - 200px);
   background: white;
   background-position: center;
   background-repeat: no-repeat;
   border-bottom: 2px solid var(--cool-gray-300);
   border-top: 2px solid var(--cool-gray-300);
   margin: 0 -15px;
   padding-top: 140px;
}

   .ph-no-publications h3 {
      color: var(--mitra-blue-800);
      font-size: var(--font-size-22);
      opacity: 1;
   }

.ph-no-folder-select, .ph-no-documents {
   height: calc(100vh - 500px);
   width: calc(80vh - 235px);
   background: white;
   background-position: center;
   background-repeat: no-repeat;
   margin: 0 30%;
   padding-top: 12%;
}

   .ph-no-folder-select h3 {
      color: var(--mitra-blue-800);
      font-size: var(--font-size-22);
      opacity: 1;
   }

   .ph-no-documents h3 {
      color: var(--mitra-blue-800);
      font-size: var(--font-size-22);
      opacity: 1;
   }

.ph-info-icon-container {
   background: url('../../Images/NewUI/info-icon.svg');
   padding: 14px 10px 10px 10px;
   background-repeat: no-repeat;
   background-position: center;
   margin-left: 20px;
   position: absolute;
}

.breadcrumb-container-main .ph-info-icon-container {
   margin-top: 7px;
   margin-left: 15px !important;
}

.ph-doc-title {
   font-size: var(--font-size-16);
   line-height: 21px;
   text-wrap: balance;
}

.ph-doc-description {
   font-size: var(--font-size-16);
}

.ph-row:hover {
   background: var(--cool-gray-100);
}

.ph-card {
   box-shadow: 0px 4px 50px #0000000F;
}

.ph-card-header {
   background: var(--white);
   border-bottom: 0;
   padding-bottom: 0;
}

.ph-btn {
   text-align: center;
   border-width: 2px;
   border-style: solid;
   border-radius: 3px;
   padding: 5px 7px;
   font-size: .8rem;
   font-weight: 600;
   text-decoration: none;
   min-width: 120px;
}

   .ph-btn.disabled {
      background: var(--cool-gray-100);
      color: var(--cool-gray-300);
      border-color: var(--cool-gray-300);
      box-shadow: inset #d3d3d3 1px 1px 3px 2px;
      cursor: default;
   }

      .ph-btn.disabled:hover {
         background: var(--cool-gray-100);
      }

.acknowledged {
   border-color: var(--cool-gray-300) !important;
}

.ph-btn-primary {
   border-color: var(--mitra-blue-500);
}

   .ph-btn-primary:hover {
      background: var(--mitra-blue-100);
      text-decoration: none;
   }

.ph-btn-publication {
   border: 2px solid var(--mitra-blue-500);
   color: var(--mitra-blue-500);
   border-radius: 4px;
   padding: 7px 10px;
   text-decoration: none !important;
   font-size: var(--font-size-16);
   background: white;
}

   .ph-btn-publication:hover {
      background: var(--mitra-blue-100) !important;
   }

.ph-btn-publication-gray {
   border: 2px solid var(--cool-gray-700) !important;
   color: var(--cool-gray-700) !important;
}


#showProcessReviewButtonPanel {
   padding-top: 10px;
}

.ph-btn-publication-discard-changes {
   background: white;
   margin-top: 5px;
   display: block;
}

tr.ph-wf-button-container a.ph-btn-process-review {
   border-radius: 4px;
   padding: 7px 13px;
   text-decoration: none !important;
   font-size: var(--font-size-16);
   font-weight: 600;
   margin: 5px 0 5px 20px;
   text-align: center;
   display: inline-block;
   cursor: pointer;
   max-width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

tr.ph-wf-button-container a.ph-btn-process-review-accept {
   border: 2px solid #00764D;
   color: #00764D;
}

   tr.ph-wf-button-container a.ph-btn-process-review-accept:before {
      position: relative;
      top: 1px;
      font: normal normal normal 16px/1 FontAwesome;
      content: "\f00c";
      margin-right: 10px;
   }

   tr.ph-wf-button-container a.ph-btn-process-review-accept:hover {
      color: white;
      background: #00764D;
   }

tr.ph-wf-button-container a.ph-btn-process-review-reject {
   border: 2px solid var(--red-500);
   color: var(--red-500);
}

   tr.ph-wf-button-container a.ph-btn-process-review-reject:before {
      position: relative;
      top: 1px;
      font: normal normal normal 16px/1 FontAwesome;
      content: "\f044";
      margin-right: 10px;
   }

   tr.ph-wf-button-container a.ph-btn-process-review-reject:hover {
      color: white;
      background: var(--red-500);
   }

tr.ph-wf-button-container a.ph-btn-process-review-simple {
   border: 2px solid var(--product-blue-700);
   color: var(--product-blue-700);
}

   tr.ph-wf-button-container a.ph-btn-process-review-simple:before {
      font: normal normal normal 16px/1 FontAwesome;
      content: "\f061";
      margin-right: 10px;
   }

   tr.ph-wf-button-container a.ph-btn-process-review-simple:hover {
      color: white;
      background: var(--product-blue-700);
   }

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

   a.workflowHistoryButton span {
      position: relative;
      top: 2px;
      text-decoration: underline;
   }

   a.workflowHistoryButton img {
      margin-right: 10px;
   }

.process-button-list {
   list-style: none;
}

   .process-button-list li {
      display: inline-block;
      min-width: 180px;
      float: right;
   }

.ph-btn-wf {
   text-align: center;
   border-width: 2px;
   border-style: solid;
   border-radius: 3px;
   padding: 5px 7px;
   font-size: .7rem;
   font-weight: 600;
   text-decoration: none;
   display: inline-block !important;
   margin: 5px;
   color: var(--white);
   min-width: 100px;
}

.ph-btn-wf-accept-action {
   color: var(--green-400);
   border: 2px solid var(--green-400);
   text-decoration: none !important;
}

   .ph-btn-wf-accept-action:hover {
      color: var(--white);
      background: var(--green-400);
      border: 2px solid var(--green-500);
      text-decoration: none !important;
   }

   .ph-btn-wf-accept-action:before {
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f00c";
      margin-right: 5px;
   }

.ph-btn-wf-reject-action {
   color: var(--red-500);
   border: 2px solid var(--red-500);
   text-decoration: none !important;
}

   .ph-btn-wf-reject-action:hover {
      color: var(--white);
      background: var(--red-600);
      border: 2px solid var(--red-600);
      text-decoration: none !important;
   }

   .ph-btn-wf-reject-action:before {
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f05e";
      margin-right: 5px;
   }

.ph-btn-wf-forwad-action {
   color: var(--product-blue-500);
   border: 2px solid var(--product-blue-500);
   text-decoration: none !important;
}

   .ph-btn-wf-forwad-action:hover {
      color: var(--white);
      background: var(--product-blue-500);
      border: 2px solid var(--product-blue-500);
      text-decoration: none !important;
   }

   .ph-btn-wf-forwad-action:before {
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f08e";
      margin-right: 5px;
   }

.ph-btn-wf-review-history {
   color: var(--mitra-blue-400);
   border: none !important;
   font-size: .9rem;
   font-weight: 500;
   text-decoration: underline;
}

   .ph-btn-wf-review-history:before {
      font: normal normal normal 16px/1 FontAwesome;
      content: "\f1da";
      margin-right: 5px;
   }

.ph-btn-large {
   padding: 12px 40px;
   font-size: 1.2rem !important;
   background: #2c2c2c;
   color: white;
   border-radius: 10px;
   border: 2px solid black !important;
}

#pnlSubmittedPage {
   padding-top: 150px;
}

#lblIcon i {
   border-radius: 30px;
   color: white !important;
}

#risk-panel {
   margin-top: 5px;
   padding-bottom: 45px;
}

#myinbox-panel {
   margin-top: 106px;
   height: 100vh;
   overflow-y: auto;
   padding-bottom: 180px !important;
}

#mylibrary-panel {
   margin-top: 116px;
}

#closeDocumentButton {
   padding-top: 5px;
   padding-bottom: 5px;
}

#btnFirst, #btnPrevious, #btnNext, #btnLast, #btnSaveQuestionnaire, #btnRejectQuestionnaire {
   border-radius: 4px;
   display: inline-block;
   padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}

   #btnFirst:hover {
      color: var(--bs-btn-color);
      background-color: var(--bs-btn-bg);
      border-radius: 4px;
      text-decoration: none !important;
   }

   #btnPrevious:hover {
      color: var(--bs-btn-color);
      background-color: var(--bs-btn-bg);
      border-radius: 4px;
      text-decoration: none !important;
   }

   #btnNext:hover {
      color: var(--bs-btn-color);
      background-color: var(--bs-btn-bg);
      border-radius: 4px;
      text-decoration: none !important;
   }

   #btnLast:hover {
      color: var(--bs-btn-color);
      background-color: var(--bs-btn-bg);
      border-radius: 4px;
      text-decoration: none !important;
   }

#btnSubmitMain, #btnStart, #btnSubmitAnonymous, #btnSaveQuestionnaire, #btnRejectQuestionnaire {
   padding: 7px 20px;
   font-size: var(--font-size-16) !important;
}

#btnSaveQuestionnaireMobile, #btnRejectQuestionnaireMobile {
   padding: 5px 20px;
}

.logo-color {
   width: 200px;
   padding-left: 20px;
}

.ph-profile-dropdown {
   border: 2px solid var(--mitra-blue-700);
   color: var(--mitra-blue-700);
   border-radius: 25px;
   padding: 8px 10px;
}

.ph-progress {
   border-radius: 0;
   margin: -16px -16px 20px -16px;
   height: 3px;
   position: sticky;
   top: 0;
}

   .ph-progress .ph-progress-bar {
      background: var(--product-light-orange-700);
   }

.ph-test-screen-title {
   font-size: var(--font-size-22);
   color: var(--mitra-blue-800);
   font-weight: 600;
}

.ph-test-instruction-title, .ph-test-submission-title {
   font-size: var(--font-size-20);
   color: var(--mitra-blue-800);
   font-weight: 600;
}

.ph-test-timer-icon {
   margin-right: 10px;
   margin-top: -4px;
}

.ph-test-timer {
   color: #3E250E;
   padding: 10px 20px;
   font-weight: 500;
}

   .ph-test-timer.time-left {
      background: var(--product-light-orange-700);
      min-width: 230px;
      display: inline-block;
      text-align: center;
      color: white;
      font-size: 16px;
      cursor: default;
   }

   .ph-test-timer.extra-time {
      background: var(--mitra-blue-300);
      color: var(--mitra-blue-800);
      min-width: 230px;
      display: inline-block;
      text-align: center;
   }

   .ph-test-timer.page-counter {
      color: var(--cool-gray-800);
      display: inline-block;
      text-align: center;
      padding: 0;
      font-weight: bold;
      margin-top: 5px;
      cursor: default;
   }

.ph-test-pass-icon {
   background: var(--green-500);
   padding: 10px;
   border-radius: 40px;
}

.ph-test-fail-icon {
   background: var(--red-500);
   padding: 10px 14px;
   border-radius: 40px;
}

.ph-breadcrumb {
   background: var(--body-background);
   padding: 13px 0 0 0;
   top: 70px;
   z-index: 1;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.ph-breadcrumb-item {
   color: var(--mitra-blue-800);
   cursor: default;
   font-size: var(--font-size-20);
}

   .ph-breadcrumb-item.active {
      font-weight: 600;
   }

.ph-breadcrumb-separator {
   position: relative;
   margin: 0 15px;
   color: var(--cool-gray-400);
}

ul.ph-breadcrumb-section {
   display: flex;
   list-style: none;
   margin: 0;
   padding-left: 5px;
}


.underlineCurrentSection {
   border-bottom: 2px solid #100f0f !important;
   font-size:18px
}
.ph-breadcrumb-sphere {
   padding: 3px 10px;
   border-radius: 30px;
   border: 2px solid var(--cool-gray-700);
   background: var(--cool-gray-700);
   color: var(--cool-gray-100);
   cursor: pointer;
}

.ph-breadcrumb-first-sphere {
   padding: 3px 12px;
   border-radius: 30px;
   border: 2px solid var(--cool-gray-700);
   background: var(--cool-gray-700);
   color: var(--cool-gray-100);
   cursor: pointer;
}

   .ph-breadcrumb-sphere.active, .ph-breadcrumb-first-sphere.active {
      background: var(--product-light-orange-700);
      border: 2px solid var(--product-light-orange-700);
      color: white;
   }

.ph-breadcrumb-sphere-label {
   cursor: pointer;
   color: var(--mitra-blue-800);
   font-weight: 500;
   border:none;
   background-color : transparent;
}

.ph-sorting-dropdown {
   padding-right: 23px;
}

#BreadcrumbControlForTestAndQuestionnaire {
   overflow: hidden;
}

.ph-dropdown button:hover {
   border: 1px solid var(--mitra-blue-500);
}

.ph-dropdown button:focus{
   border: 1px solid var(--mitra-blue-500);
   box-shadow: none !important;
}

#searchByPublishDocDate:focus-within {
   border: 1px solid var(--mitra-blue-500) !important;
}

.ph-dropdown button {
   background: white;
   text-align: left;
}

.ph-dropdown i.ph-dropdown-caret-icon {
   top: 10px;
   right: 10px;
   position: absolute;
}

.ph-dropdown ul {
   min-width: 100%;
   box-shadow: 0px 4px 50px #00000029;
   border: 1px solid #f6f6f6;
   border-radius: 4px;
}

   .ph-dropdown ul li a {
      text-decoration: none;
      color: var(--mitra-blue-800) !important;
      white-space: normal;
      padding-right: 0px !important;
   }

      .ph-dropdown ul li a:hover {
         background: var(--mitra-blue-100);
      }

.ph-dropdown-item {
   background: white !important;
}

.ph-due-on-label {
   color: #485460;
}

.ph-badge {
   padding: 3px 15px;
   background: #E2E8EE 0% 0% no-repeat padding-box;
   border-radius: 15px;
   margin-left: 10px;
   font-size: .9em;
   cursor: default;
   font-weight: 600;
   color: #001933;
   display: inline-block;
}

.ph-badge-green {
   color: #00593a;
   background: #C0DED4;
   padding: 2px 5px;
   border-radius: 6px;
   cursor: default;
   line-height: 30px;
   font-weight: 600;
   font-size: var(--font-size-12);
}

.ph-badge-red {
   color: #DC2626;
   background: #FEE2E280;
   padding: 2px 5px;
   border-radius: 6px;
   cursor: default;
   line-height: 30px;
   font-weight: 600;
   font-size: var(--font-size-12);
}

.ph-badge-gray {
   font-weight: 600;
   color: var(--cool-gray-700);
   background: var(--cool-gray-200);
   padding: 2px 5px;
   border-radius: 6px;
   cursor: default;
   line-height: 30px;
   font-size: var(--font-size-12);
}

.ph-advanced-search-panel {
   display: none;
   background: var(--cool-gray-200);
   margin: 10px 0px 0 0;
}

.ph-mylibrary-content {
   border-color: var(--cool-gray-300);
   border-style: solid;
   border-width: 1px 1px;
   border-left: 0px solid;
   border-right: 0px solid;
}

.ph-mylibrary-content-sidebar {
   border-right: 1px solid var(--cool-gray-300);
   overflow: auto;
   max-height: calc(100vh - 357px);
   padding-left: 2.25rem !important;
}

.ph-mylibrary-table {
   width: 100%;
}

   .ph-mylibrary-table tbody tr:not(:first-child) {
      background: var(--white-default) 0% 0% no-repeat padding-box;
   }

   .ph-mylibrary-table thead th, .ph-mylibrary-table tbody th {
      background: var(--cool-gray-200) !important;
      min-height: 64px;
      color: var(--mitra-blue-800) !important;
      font-family: var(--font-family-poppins);
      font-size: var(--font-size-16);
      padding: 15px 0;
   }

.documentLibraryGridView th {
   padding: 0 !important;
}

.documentLibraryGridView tr {
   border-left: 1px solid white;
   border-right: 1px solid white;
   border-bottom-color: var(--cool-gray-300) !important;
}

   .documentLibraryGridView tr:first-child {
      border: 1px solid var(--cool-gray-200) !important;
   }

      .documentLibraryGridView tr:first-child:hover {
         border: 1px solid var(--cool-gray-200) !important;
      }

   .documentLibraryGridView tr:last-child {
      border-bottom: 1px solid var(--cool-gray-300) !important;
   }

.w-10 {
   width: 12%;
}

.documentLibraryGridView tr:hover {
   border: 1px solid var(--mitra-blue-300) !important;
   border-style: double !important;
}

.tr-hover-bg {
   --bs-table-bg-state: white !important;
}

.ph-mylibrary-table thead th a, .ph-mylibrary-table tbody th a {
   color: var(--mitra-blue-800) !important;
   font-size: var(--font-size-16);
   font-weight: 600;
}

.ph-mylibrary-table thead td, .ph-mylibrary-table tbody td {
   padding: 13px !important;
}

   .ph-mylibrary-table thead td a, .ph-mylibrary-table tbody td a {
      color: var(--mitra-blue-500);
      font-size: var(--font-size-16);
      font-weight: 600;
      padding: 5px -1px 0px 0px;
      margin-left: 0px;
   }
   .ph-mylibrary-table tbody td a {
      overflow-wrap: break-word;
      word-break: break-word;
      white-space: normal;
   }
   .ph-mylibrary-table tbody td span {
      color: var(--mitra-blue-800);
      font-size: var(--font-size-16);
      font-weight: var(--font-weight-normal);
   }

tr.ph-wf-button-container {
   border-bottom-color: white;
   border-top: 1px solid var(--bs-border-color);
}

.ph-item-header {
   font-size: 1rem;
}

img.nameImageHeader {
   width: 20px !important;
   height: 19px !important;
}

.ph-mylibrary-table img {
   width: 25px;
   height: 25px;
}

.text-wrap {
   text-wrap: wrap !important;
}

.myLibraryGrid {
   overflow-y: auto;
   max-height: calc(100vh - 357px);
}

.ph-publication-icon {
   width: 36px;
   margin-top: 4px;
}

.ph-publication-title {
   color: var(--mitra-blue-800);
   padding-left: 18px;
}

.ph-text-gray {
   color: var(--cool-gray-500) !important;
}

.ph-separator {
   margin: 2rem 0;
}

table.ph-table-publication tbody tr:last-child {
   border-bottom: 1px solid white;
}

   table.ph-table-publication tbody tr:last-child:hover {
   }

table.ph-table-publication td {
   background: transparent;
}

hr.ph-separator:last-child {
   display: none;
}

ul.ph-publication-item {
   list-style: none;
   margin: 0;
   padding: 0;
   text-wrap: nowrap;
}

   ul.ph-publication-item li {
      float: left;
      display: contents;
   }

.ph-hover-external-link {
   position: relative;
   margin-left: 10px;
   margin-top: 5px;
   text-decoration: none;
}

#mandatory-question-notification-container {
   color: var(--red-500);
}

#NavBarControl_navbarTextMobile {
   display: none !important;
}

.footer-mitratech-logo {
   width: 170px;
   margin-top: -3px;
}

table.matrixQuestionTable {
   text-align: left;
}

.matrixHeader {
   background: var(--cool-gray-200) !important;
}

/* Test & Questionnaire */
.ph-question-title {
   color: var(--mitra-blue-800);
   font-size: 16px;
   font-weight: 400;
}

.ph-question-number {
   color: var(--mitra-blue-800);
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 8px;
}

.certificate-questions-table {
   margin: 0;
   font-family: Poppins;
   font-size: var(--font-size-16);
}

   .certificate-questions-table th {
      font-family: Poppins;
      font-size: var(--font-size-16);
      background: #3b759c !important;
      color: white !important;
   }

   .certificate-questions-table td {
      font-family: Poppins;
      font-size: var(--font-size-16);
   }

.TestResult_false {
   width: 24px;
   height: 24px;
   background: url('../../images/newui/test-result-false.gif');
   background-repeat: no-repeat;
   background-position: center;
}

.TestResult_true {
   width: 24px;
   height: 24px;
   background: url('../../images/newui/test-result-true.gif');
   background-repeat: no-repeat;
   background-position: center;
}

.TestResult_partial {
   width: 24px;
   height: 24px;
   background: url('../../images/newui/test-result-partial.gif');
   background-repeat: no-repeat;
   background-position: center;
}

ul.test-result-answer-list {
   line-height: 35px;
   margin-top: 10px;
   margin-bottom: 0;
   padding-left: 30px;
   margin-left: 20px;
}

   ul.test-result-answer-list li {
      color: var(--mitra-blue-800);
   }

ul.ph-test-result-question-title {
   list-style: none;
   font-size: var(--font-size-18);
   padding: 0;
   color: var(--mitra-blue-800);
}

.fa-custom-circle {
   padding: 3px;
   font-size: 12px;
   border-radius: 20px;
   color: white;
   position: relative;
}

.fa-custom-circle-empty {
   padding: 3px;
   font-size: 12px;
   border-radius: 20px;
   color: transparent;
}

.fa-custom-circle-success {
   background: #198754;
   top: -1px;
}

.fa-custom-circle-danger {
   padding: 4px 5px;
   background: #dc3545;
   top: -1px;
}

.fa-custom-circle-warning {
   padding: 3px 7px;
   background: #AB6107;
   top: -2px;
}

.ph-text-warning {
   color: #AB6107;
}

.ph-text-default, #searchByPublishDocDate:hover {
   font-weight: 500;
   color: var(--cool-gray-700);
}

#divSaveRejectButtonContainerForMobile {
   position: sticky;
   background: white;
   top: 3px;
   z-index: 99999;
   padding: 10px 0 5px 0;
   text-align: right;
}

@media print {
   @page {
      size: auto;
      margin: 0mm;
      background: #d5e3ec !important;
   }

   body {
      box-shadow: inset 0 0 0 1000px #fff;
   }

   .certificate-questions-table th {
      box-shadow: inset 0 0 0 1000px #3b759c;
      color: white !important;
   }

   #btnTestResultPrint, #btnTestResultClose {
      display: none;
   }
}


/* End of Custom css classes */

/* Overriding Bootstrap classes */
a.dropdown-item:focus, a.dropdown-item:active {
   background: var(--bs-dropdown-link-hover-bg) !important;
   color: var(--mitra-blue-800) !important;
}

.cursor-pointer {
   cursor: pointer;
}

.text-danger {
   color: var(--red-500) !important;
}

.input-group-text {
   border-color: var(--cool-gray-400) !important;
}

.div-fa-search {
   padding: 9px 8px 8px 16px !important;
}

.table-hover > tbody > tr:hover > * {
   --bs-table-bg-state: var(--mitra-blue-100);
}

.navbar-brand {
   cursor: default;
}

   .navbar-brand:hover {
      cursor: pointer;
   }

.navbar-toggler, .navbar-toggler:focus {
   border: unset;
   color: white;
}

.navbar-toggler-icon {
   font-size: .7em;
}

.nav-link.active {
   border-bottom: 3px solid var(--product-light-orange-700);
   color: #23292F !important;
}

.dropdown-toggle::after {
   content: unset;
}

.card {
   border-radius: 3px;
}

.form-select {
   font-size: var(--font-size-14) !important;
}

.btn {
   font-family: var(--font-family-poppins) !important;
}

.btn-primary {
   background: var(--mitra-blue-500);
   border-radius: 4px;
   border: 1.5px solid var(--mitra-blue-500) !important;
   text-decoration: none !important;
   font-size: var(--font-size-16);
   padding: 8px 20px;
}

   .btn-primary:hover {
      background: var(--mitra-blue-600);
      border-radius: 4px;
      text-decoration: none !important;
   }

.btn-primary-welcome {
   background: var(--mitra-blue-500);
   border-radius: 4px;
   border: none;
   text-decoration: none !important;
   font-size: var(--font-size-16);
   color: #FFFFFF;
   padding: 5px 20px;
}

   .btn-primary-welcome:hover {
      background: var(--mitra-blue-600);
      border-radius: 4px;
      text-decoration: none !important;
      color: #FFFFFF;
      padding: 5px 20px;
   }

.btn-secondary {
   margin: 0 10px;
   color: var(--cool-gray-700) !important;
   border: 1px solid var(--cool-gray-700) !important;
   background: white !important;
   border-radius: 4px;
   text-decoration: none !important;
   font-size: var(--font-size-16);
   padding: 8px 20px;
}

   .btn-secondary:hover {
      color: var(--mitra-blue-800) !important;
      background: var(--cool-gray-200) !important;
      border: 1px solid var(--cool-gray-700) !important;
   }

.btn-outline {
   padding: 10px 20px;
   border-radius: 4px;
   font-size: var(--font-size-16);
}

.btn-outline-primary {
   border: 1.5px solid var(--mitra-blue-500) !important;
   --bs-btn-color: var(--mitra-blue-500) !important;
}

.btn-outline-danger {
   border: 1.5px solid var(--red-500) !important;
}

   .btn-outline-danger:focus {
      border: 1.5px solid var(--red-500) !important;
   }

.btn-outline-primary:hover {
   border-width: 1.5px !important;
}

.btn-outline-danger.interview-taker-button-danger:hover {
   background: var(--red-500) !important;
   color: var(--white) !important;
   border: 1.5px solid var(--red-500) !important;
}

.ph-btn-publication.publicationReferenceOrConfirmedItemButtonCentre {
   border: 2px solid var(--cool-gray-700);
   color: var(--cool-gray-700);
   background: #fff;
}

.btn-outline-danger:hover {
   background: var(--red-100) !important;
   color: var(--red-500) !important;
   border: 1.5px solid var(--red-500) !important;
}

.table-hover tbody tr:hover td {
   cursor: default;
}

.tooltip-inner {
   text-align: left;
   font-size: var(--font-size-16);
   font-family: var(--font-family-poppins);
   font-weight: 400;
   padding: 5px 10px !important;
   box-shadow: 0px 4px 48px #2C273814;
}

div.ph-tooltip-inner-breadcrumb div.tooltip-inner, div.ph-tooltip-inner-doc-name div.tooltip-inner {
   min-width: 250%;
}

div.ph-tooltip-inner-text-description div.tooltip-inner {
   min-width: 240%;
}

div.ph-tooltip-inner-publication div.tooltip-inner, div.ph-tooltip-document-info div.tooltip-inner, div.ph-tooltip-inner-breadcrumbpdf div.tooltip-inner {
   width: auto;
   max-width: 800px;
}

.v-sepearator {
   margin: 0 8px 0 12px;
   font-size: var(--font-size-10) !important;
}

div.input-group-prepend div.input-group-text {
   border-radius: 5px 0 0 5px;
}

.drop-down-extra-link {
   padding: 7px 10px;
   display: block;
   background: #f3f3f3;
   margin: 0;
   font-size: .9rem;
   text-decoration: none !important;
}

.modal-content {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 4px 50px #00000029;
   border: 1px solid #F6F6F6;
   opacity: 1;
}

.dropdown-menu.show {
   padding-bottom: 0;
   z-index: 1060;
}

.welcomePopup {
   max-height: calc(100vh - 225px);
}

.accordion-button:not(.collapsed) {
   background-color: var(--mitra-blue-100);
}

.dailogue-open {
   overflow: hidden;
}

.modal-open .modal-backdrop {
   -webkit-backdrop-filter: blur(3px);
   backdrop-filter: blur(3px);
   background-color: rgba(0, 0, 0, 0.05);
   opacity: 1 !important;
}
/* End of Overriding Bootstrap classes */

/* Calendar Customization */
.datepicker {
   padding: 10px;
}

.day {
   font-size: .9rem;
}
/* End Calendar Customization */

/* Safari scrollbar*/
::-webkit-scrollbar {
   width: 7px !important;
}

::-webkit-scrollbar-track {
   visibility: hidden;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background: #c1c1c1 !important;
}

::-webkit-scrollbar:window-inactive {
   visibility: hidden;
}
/* End of Safari scrollbar */


/* Media Query */
@media only screen and (max-width: 991px) {
   #NavBarControl_navbarTextMobile {
   }
}

@media screen and (min-width: 1366px) {
   .ph-publication-button-container {
      padding-left: 0px;
   }
}

@media only screen and (min-width: 992px) {
   #MainNavigationContainerMobile {
      display: none !important;
   }
}

/* End of Media Query */
@font-face {
   font-family: Poppins;
   src: url('../Fonts/Poppins-Regular.ttf');
}



.character-style-font-16 {
   font-family: var(--font-family-poppins);
   font-size: var(--font-size-14);
}

/* Character Styles */
.character-style-1 {
   font-family: var(--font-family-poppins);
   font-style: var(--font-style-normal);
   font-weight: var(--font-weight-medium);
   font-size: var(--font-size-16);
   line-height: var(--line-spacing-36);
   letter-spacing: var(--character-spacing-0);
   color: var(--color-ffffff);
}

.character-style-2 {
   font-family: var(--font-family-poppins);
   font-size: var(--font-size-14);
   font-weight: var(--font-weight-normal);
}

.character-style-3 {
   font-family: var(--font-family-poppins);
   font-size: var(--font-size-18);
   font-weight: var(--font-weight-normal);
}

.mr-ml-n7 {
   margin-right: -1.75rem !important;
   margin-left: -1.75rem !important;
}

.treeViewNodeText {
   color: var(--mitra-blue-500);
   text-align: left;
   letter-spacing: 0px;
   opacity: 1;
}

#modalConfirmSubmitTestQuestionnaire.modal-header, #dialog-reject-questionnaire .modal-header, #dialog-save-and-exit .modal-header {
   padding-bottom: 4px;
}

#modalConfirmSubmitTestQuestionnaire .modal-body, #dialog-reject-questionnaire .modal-body, #dialog-save-and-exit .modal-body {
   padding-top: 0px;
}

.publication-list-item-container {
   margin-bottom: 1.5rem;
}

table.matrixQuestionTable td {
   border-right-color: var(--product-light-orange-700);
   border-right-width: 2px;
}

   table.matrixQuestionTable td:last-child {
      border-right-width: 0px;
   }

#btnrejecteQuestionnaireYes {
   margin-right: 10px;
}

.reject-questionnaire-content-header {
   --bs-modal-width: 600px;
}

.save-and-exit-image {
   height: 70px;
   width: 115px;
   margin-left: 6px;
}

span.cursor-pointer.ph-breadcrumb-item.active {
   cursor: default;
}

.search-button {
   padding: 8px 0px;
}

#viewDocVersionPanel {
   position: relative;
   top: 140px;
   width: 100%;
   height: 65px;
}

.table-hyperlinks {
   top: 240px;
   left: 784px;
   width: 351px;
   height: 65px;
}

.btn-hyperlinks:hover {
   top: 339px;
   left: 784px;
   width: 351px;
   height: 65px;
   /* UI Properties */
   opacity: 1;
   background: var(--mitra-blue-100);
   cursor: pointer;
   text-wrap: nowrap;
   width: auto;
}

.btn-hyperlinks {
   /* UI Properties */
   border: 2px solid var(--mitra-blue-500);
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border-radius: 4px;
   opacity: 1;
   text-align: center;
   top: 240px;
   left: 784px;
   width: 351px;
   height: 65px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: auto;
   text-wrap: nowrap;
}

#lnkSpecificDocImg, #lnkLatestDocImg, #lnkOriginalDocImg { /* Layout Properties */
   top: 257px;
   left: 815px;
   width: 30px;
   height: 32px;
   margin-bottom: 0;
   /* UI Properties */
   opacity: 1;
   vertical-align: middle;
   padding: 4px;
   border: none !important;
}

.btn-hyperlinkclick { /* Layout Properties */
   top: 159px;
   left: 861px;
   width: 100%;
   height: 28px;
   /* UI Properties */
   letter-spacing: var(--unnamed-character-spacing-0);
   text-align: left;
   font: 20px Poppins;
   font-size: medium;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   text-decoration: none;
   font-weight: 600;
}

   .btn-hyperlinkclick:hover {
      text-decoration: none !important;
      font-weight: 600;
   }

#lnkViewSpecific {
   top: 257px;
   left: 861px;
   width: 100%;
   height: 28px;
   position: sticky;
   /* UI Properties */
   text-align: left;
   font-family: "Poppins",sans-serif;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0px;
   color: var(--mitra-blue-500);
   opacity: 1;
   margin-bottom: 0;
   text-decoration: none;
   text-wrap: nowrap;
}

#lnkViewLatest {
   top: 358px;
   left: 869px;
   width: 100%;
   height: 28px;
   position: sticky;
   /* UI Properties */
   text-align: left;
   font-family: "Poppins",sans-serif;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0px;
   color: var(--mitra-blue-500);
   margin-bottom: 0;
   opacity: 1;
   text-decoration: none;
}


.dropdownTextColor {
   color: var(--mitra-blue-800) !important;
}

#lockedMessageText {
   text-align: center;
   color: #22529e;
   font-size: large;
   font-weight: 600;
   padding: 3px;
   font-family: var(--unnamed-font-family-poppins);
}

/* Process Review */
.processReviewTransitionDialog,
.processReviewSaveDocumentDialog, #processAcknowledgeDocumentDialog,
#processDownloadDocumentDialog, #processViewDocumentDialog, #processOnlyDocumentRevisionDialog, #collabEditingText {
   display: none;
   z-index: 1060 !important;
}
/* End of Process Review */

.docLibGridViewHeader {
   background: var(--cool-gray-200);
   font-weight: bold
}

.search-textfiled:focus-within > #txtSearch {
   border-radius: 4px;
   border: 1px solid var(--mitra-blue-500) !important;
   border-left: none !important;
}

.search-textfiled:focus-within > .input-group-prepend {
   width: 2px;
}

.search-textfiled:hover .input-group-text, .search-textfiled:focus-within .input-group-text {
   border: 1px solid var(--mitra-blue-500) !important;
   border-right: none;
}

.search-textfiled:hover > #txtSearch {
   border: 1px solid var(--mitra-blue-500) !important;
   border-left: none !important;
}

.search-textfiled:hover:focus-within {
   border-radius: 10px;
}

#showHyperlinkedDocumentButtons {
   width: 100%;
   height: 53px;
   padding-top: 8px;
}

.table-hyperlinks {
   top: 240px;
   left: 784px;
   width: 351px;
   height: 65px;
}

.btn-hyperlinksFrame {
   /* UI Properties */
   border: 1.5px solid #0067D2;
   background: var(--mitra-blue-500) 0% 0% no-repeat padding-box !important;
   border: 2px solid #0067D2;
   border-radius: 4px;
   opacity: 1;
   text-align: center;
   top: 240px;
   left: 784px;
   width: 351px;
   height: 50px;
   display: flex;
   justify-content: center;
   cursor: pointer;
}

   .btn-hyperlinksFrame:hover {
      opacity: 1;
      background: var(--mitra-blue-600) !important;
      text-decoration: none;
   }

#lnkOriginalDocImg {
   vertical-align: middle;
   border: none !important;
}

.td-align-middle {
   display: flex;
   align-items: center;
}

/*Transition Dialod box*/
.ui-dialog-buttonset {
   text-align: right;
   padding: 14px 23px 16px 20px !important;
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
}

.processReviewTransitionDialog label {
   color: var(--cool-gray-700);
   margin-bottom: 10px;
   font: normal normal normal 14px Poppins;
}

.processReviewTransitionDialog div.ui-dialog-titlebar {
   border-bottom: 1px solid #CFD4D9 !important;
}

.processReviewTransitionDialog span.ui-dialog-title {
   padding-left: 0;
   color: var(--mitra-blue-800);
   text-align: left !important;
   font-style: normal;
   font-variant: normal;
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 20px;
}

#processReviewComments {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 1px solid #CFD4D9;
   border-radius: 4px;
   text-align: left;
   font: normal normal 500 16px/26px Poppins;
   letter-spacing: 0px;
   color: var(--mitra-blue-800);
   resize: none;
}

.ui-dialog-titlebar-close {
   height: 24px !important;
   opacity: 0.5;
   background-position-x: center;
}

   .ui-dialog-titlebar-close:focus {
      opacity: 1;
   }

.submitButton {
   font-family: 'Poppins' !important;
}

.cancelButton {
   font-family: 'Poppins' !important;
   margin: 0px 0px 0px 10px !important
}

#transitionReasons {
   border-radius: 4px;
   max-height: 75px !important;
   overflow: hidden;
}

#btnReason {
   height: 37px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 1px solid #CFD4D9;
   border-radius: 4px;
}

#lblDefaultResaonText {
   text-align: left;
   font-size: var(--font-size-14);
   font-weight: 500;
   font-family: var(--font-family-poppins);
   letter-spacing: 0px;
   color: var(--mitra-blue-800);
   max-width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
}

#processReviewComments:focus {
   box-shadow: none !important;
   border: 1px solid var(--mitra-blue-500) !important;
}

.processReviewTransitionDialogBody {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 4px 50px #00000029;
   border: 1px solid #F6F6F6 !important;
   border-radius: 0.5rem;
}

.dropdownReason {
   text-align: left;
   font-size: var(--font-size-14);
   font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
}

.ui-dialog-buttonpane {
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
}

.ui-dialog-titlebar-close:hover {
   color: var(--bs-btn-close-color);
   text-decoration: none;
   opacity: var(--bs-btn-close-hover-opacity);
}

.dropdownActive {
   background: var(--mitra-blue-100);
}

.inError {
   border-color: var(--red-500) !important;
}

#tvSearchDocDiv, #tvPublicationHistory {
   padding-top: 12px;
   padding-bottom: 12px;
}

.ph-reason-dropdown {
   width: 200% !important;
}

/* Review History classes */
.transition-new-revision-icon {
   position: relative;
   top: -35px;
   padding-left: 0;
   font-weight: 500;
}

table.ph-grid-comments, table.ph-grid-view-new-revision {
   margin-bottom: 30px;
}

.ph-grid-comments td, .ph-grid-comments th, .ph-grid-view-new-revision td, .ph-grid-view-new-revision th {
   padding: 15px 10px;
}

tr.ph-grid-header {
   background: var(--cool-gray-200) !important;
   font-size: var(--font-size-16) !important;
   color: var(--mitra-blue-800) !important;
}

   tr.ph-grid-header th {
      background: transparent !important;
      box-shadow: none !important;
      font-size: var(--font-size-16) !important;
   }

#modalProgressLoader div.modal-content {
   box-shadow: 0px 0px 10px #00000029;
   border-radius: 4px;
}

.view-comments-document-dropdown a.dropdown-toggle {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 30px;
   border-color: var(--cool-gray-600);
}

   .view-comments-document-dropdown a.dropdown-toggle i.fa {
      position: absolute;
      top: 10px;
      right: 5px;
   }

.view-comments-title {
   font-size: 18px;
   font-weight: 600;
   color: var(--mitra-blue-800);
}

.view-comments-sub-title {
   font-size: 16px;
   font-weight: 600;
   color: var(--mitra-blue-800);
}

.view-comments-commented-documents {
   font-size: 16px;
   font-weight: normal;
   color: var(--mitra-blue-800);
}

   .view-comments-commented-documents a {
      text-decoration: none;
   }

.processReviewViewNewRevisionsDialogMain span.ui-dialog-title {
   padding-left: 0;
   text-align: left;
}

.trim-text {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

span.ph-detail-breakdown-review-history {
   font-weight: 600;
   color: var(--mitra-blue-800);
}

/* End of Review History classes */

div.input-group-prepend div.text-Calender {
   border-radius: 0 5px 5px 0;
   border-left: none;
   padding-bottom: 5px;
   padding-top: 5px;
}

.input-published-from:hover .input-group-text, .input-publishedto:hover .input-group-text,
.input-historyto:hover .input-group-text, .input-historyfrom:hover .input-group-text,
.input-published-from:focus-within .input-group-text, .input-publishedto:focus-within .input-group-text,
.input-historyto:focus-within .input-group-text, .input-historyfrom:focus-within .input-group-text {
   border: 1px solid var(--mitra-blue-500) !important;
   border-left: none;
}

.input-published-from:hover > #txtPublishedFrom, .input-publishedto:hover > #txtPublishedTo, .input-historyto:hover > #myLibraryGrid_txtPubHistEndDate, .input-historyfrom:hover > #myLibraryGrid_txtPubHistStartDate {
   border: 1px solid var(--mitra-blue-500) !important;
   border-right: none !important;
}

.input-publishedto:hover > div.input-group-prepend div.text-Calender {
   border-left: none !important;
}

#myLibraryGrid_divNoSearchedDocuments {
   width: calc(80vh - 300px);
}

.dropdownmenu-body {
   box-shadow: 0px 4px 50px #00000029;
   border: 1px solid #f6f6f6;
   border-radius: 4px;
}

.processReviewSaveDocumentsDialog {
   display: none;
   z-index: 10060 !important;
   box-shadow: 0px 4px 50px #00000029 !important;
   border: none !important;
}

.processReviewSaveDocumentsDialogSendToBack {
   display: block;
   z-index: 1038 !important;
}

.processReviewSaveDocumentsDialog label {
   color: var(--cool-gray-700);
   font-size: var(--font-size-14);
   margin-bottom: 5px;
}

.processReviewSaveDocumentsDialog div.ui-dialog-titlebar {
   border-bottom: none;
}

.processReviewSaveDocumentsDialog span.ui-dialog-title {
   text-align: left;
   padding-left: 0;
   text-align: left !important;
   font-size: var(--font-size-20) !important;
   color: var(--mitra-blue-800) !important;
   font-weight: 600 !important;
}

.processReviewRevertPublicationChangesConfirmDialog span.ui-dialog-title {
   text-align: left;
   padding-left: 0;
   text-align: left !important;
   font-size: var(--font-size-20) !important;
   color: var(--mitra-blue-800) !important;
   font-weight: 600 !important;
   border: none !important;
}

.processReviewLoadDocumentDecisionDialog span.ui-dialog-title {
   text-align: left;
   padding-left: 0;
   text-align: left !important;
   font-size: var(--font-size-20) !important;
   color: var(--mitra-blue-800) !important;
   font-weight: 600 !important;
}

.processReviewCreateNewRevisionConfirmDialog {
   border: none !important;
   box-shadow: 0px 4px 50px #00000029;
}

   .processReviewCreateNewRevisionConfirmDialog div.ui-dialog-titlebar {
      border-bottom: 1px solid #CFD4D9 !important;
   }

   .processReviewCreateNewRevisionConfirmDialog .ui-dialog-title {
      font-size: var(--font-size-20);
      color: var(--mitra-blue-800);
      text-align: left;
      padding-left: 4px;
      font-weight: 600;
   }

   .processReviewCreateNewRevisionConfirmDialog a.btn {
      margin: 0 10px 0 0 !important;
   }

   .processReviewCreateNewRevisionConfirmDialog a.newRevisionNoButton {
      color: var(--mitra-blue-500) !important;
      border-color: var(--mitra-blue-500) !important;
   }

      .processReviewCreateNewRevisionConfirmDialog a.newRevisionNoButton:hover {
         background: var(--mitra-blue-100) !important;
      }


/* hide client logo (only show for Public View) */
.clientlogo-container {
   display: none;
}

.processReviewNewRevisionConfirmButtons {
   border: none;
   padding: 14px 12px 16px 20px !important;
}

a.processReviewLoadDocumentDecisionCloseButton.btn.btn-secondary {
   margin-left: 1px;
}

div.ui-dialog-buttonset.processReviewLoadDocumentDecisionButtons.text-end {
   padding: 14px 12px 16px 20px !important;
}

/* Default scroll styling */
* {
   scrollbar-width: thin;
   scrollbar-color: #c1c1c1 var(--body-background);
}

   *::-webkit-scrollbar {
      width: 12px;
   }

   *::-webkit-scrollbar-track {
      background: #c1c1c1;
   }

   *::-webkit-scrollbar-thumb {
      background-color: #c1c1c1;
      border-radius: 20px;
      border: 3px solid #c1c1c1;
   }
/* End of Default scroll styling */

.processOnlyDocumentRevisionButtonsDiv {
   padding: 4px 21px 6px 20px !important;
}

.processOnlyDocumentRevisionButtons {
   padding: 4px 13px 6px 20px !important;
}

.processReviewDiscardPublicationChangesButton {
   border: 2px solid var(--red-500) !important;
   color: var(--red-500) !important;
   text-decoration-color: var(--red-500) !important;
}

   .processReviewDiscardPublicationChangesButton:hover {
      background: var(--mitra-blue-100) !important;
      color: var(--red-500) !important;
   }

a.feedback-request-dialog-button {
   margin-left: 10px;
}

.ph-feedback-request-dialog, .feedback-request-comment-dialog, .reviewCommentsDialogForDocumentViewer {
   border: none !important;
   box-shadow: 0px 4px 50px #00000029;
}

   .ph-feedback-request-dialog div.ui-widget-content, .feedback-request-comment-dialog div.ui-widget-content, .reviewCommentsDialogForDocumentViewer div.ui-widget-content {
      color: var(--cool-gray-700);
   }

   .ph-feedback-request-dialog div.ui-dialog-titlebar {
      padding-left: 16px !important;
   }

   .ph-feedback-request-dialog span.ui-dialog-title, .reviewCommentsDialogForDocumentViewer span.ui-dialog-title {
      text-align: left;
      padding-left: 0;
      font-size: var(--font-size-20);
      font-weight: 600;
   }

   .ph-feedback-request-dialog a.ph-btn-publication {
      font-weight: 400;
      border-width: 1px !important;
   }

   .ph-feedback-request-dialog a.ph-btn-publication-gray {
      margin-right: 10px;
   }

.feedback-request-comment {
   padding: 0 20px;
   height: auto;
   margin: 5px 0 20px 0;
}

.feedback-request-comment-dialog div.ui-dialog-content, .reviewCommentsDialogForDocumentViewer div.reviewCommentsDialog {
   height: auto !important;
}

.feedback-request-comment-dialog button.ui-dialog-titlebar-close, .reviewCommentsDialogForDocumentViewer button.ui-dialog-titlebar-close {
   margin-right: 5px !important;
}

.feedback-request-comment-dialog div.ui-dialog-buttonset, .reviewCommentsDialogForDocumentViewer div.ui-dialog-buttonset {
   padding-right: 20px !important;
}

.feedback-request-comment textarea {
   margin-top: 10px;
}

.feedback-request-comment-dialog span.ui-dialog-title {
   text-align: left;
   padding-left: 0;
   color: var(--mitra-blue-800);
   font-size: var(--font-size-20);
   font-weight: 600;
}

.feedback-request-comment p {
   padding: 10px 0;
}

.no-difference-dialog {
   border: none !important;
   box-shadow: 0px 4px 50px #00000029;
}

   .no-difference-dialog div.ui-dialog-buttonset {
      padding: 10px 20px !important;
   }

   .no-difference-dialog span.ui-dialog-title {
      text-align: left;
      padding-left: 0;
      font-size: var(--font-size-20);
      font-weight: 600;
   }

   .no-difference-dialog div.ui-dialog-content {
      padding: 10px 20px !important;
   }

   .ph-feedback-request-dialog div.ui-dialog-titlebar, .no-difference-dialog div.ui-dialog-titlebar, .feedback-request-comment-dialog div.ui-dialog-titlebar, .reviewCommentsDialogForDocumentViewer div.ui-dialog-titlebar {
      border-bottom: 1px solid #CFD4D9 !important;
      margin-bottom: 7px;
   }

.reviewCommentsDialogForDocumentViewer {
   padding: 0;
}

   .reviewCommentsDialogForDocumentViewer button {
      border-radius: 4px !important;
      color: white;
   }

   .reviewCommentsDialogForDocumentViewer p {
      padding: 0px 20px;
   }

   .reviewCommentsDialogForDocumentViewer span.ui-button-icon {
      display: none;
   }

.chkHeaderNonCollab {
   text-align: center !important;
}

.chk-review-history-comments {
   height: 14px !important;
   width: 14px !important;
}

#chkHeaderNonCollab {
   height: 14px !important;
   width: 14px !important;
}

input[type="checkbox"]:disabled {
   cursor: not-allowed;
   background-color: var(--cool-gray-400) !important;
   appearance: none;
}

.revertLine {
   opacity: 0.1 !important;
   margin: 0 !important;
}

.processReviewViewParticipantsCommentsDialog {
   color: var(--cool-gray-700) !important;
   text-align: left !important;
   overflow-y: hidden !important;
   height: 870px !important;
}

#nonCollabEditingText {
   color: var(--mitra-blue-800) !important;
   font-weight: 500 !important;
}

.replacingDiv {
   height: 780px !important;
}

.processReviewRevertPublicationChangesCloseButton {
   margin: 0 !important;
}

#saveDocumentTextComments {
   font-family: var(--font-family-poppins) !important;
   font-size: 16px !important;
   color: var(--mitra-blue-800) !important;
   font-weight: 500 !important;
}

.processReviewRevertPublicationChangesConfirmDialog {
   border: none !important;
}

.processReviewRevertBackToStartOfStateConfirmButton {
   color: var(--mitra-blue-500) !important;
   border: 1px solid var(--mitra-blue-500) !important;
}

   .processReviewRevertBackToStartOfStateConfirmButton:hover {
      background: var(--cool-gray-200) !important;
      color: var(--mitra-blue-500) !important;
      border: 1px solid var(--mitra-blue-500) !important;
   }

.processReviewViewParticipantsCommentsDialog span.ui-dialog-title {
   text-align: left !important;
   padding-left: 15px;
   font-weight: 600;
}

.processReviewViewParticipantsCommentsDialog button.ui-dialog-titlebar-close {
   margin-right: 27px !important;
}

#advanceSearchDiv {
   display: block;
}

.reset-div {
   padding-bottom: 10px;
}

.feedback-reset {
   font-size: 18px;
}

#modalDocumentInformation h5.modal-title {
   font-size: 20px !important;
   color: var(--mitra-blue-800);
   text-align: left;
}

.ph-hover-external-link {
   display: inline-block;
}

.ph-hover-external-link-mobile {
   display: none !important;
}

@-moz-document url-prefix() {
   .ph-progress {
      margin: -16px -0px 20px -16px;
   }

   .ph-sorting-dropdown {
      padding-right: 12px !important;
   }
   .acknowledgeDocumentDiffButton:focus-visible {
      box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
   }
}

div.ph-tooltip-inner-publication div.tooltip-inner a {
   color: #ffffff;
   font-weight: 500;
   text-decoration: underline;
}

/* Login Intercept */
.ph-login-intercept-select-all {
   margin-left: 80px;
   display: inline-block;
   position: relative;
   top: 5px;
}

   .ph-login-intercept-select-all label input {
      width: 24px;
      height: 24px;
   }

   .ph-login-intercept-select-all label span {
      position: relative;
      top: -6px;
      left: 7px;
      font-size: var(--font-size-16);
      font-weight: 400;
      cursor: pointer;
   }

#deferAllButtonContainer {
   padding: 0 24px 0 0 !important;
}

.ph-btn-defer-all {
   border-radius: 4px;
   font-size: var(--font-size-14);
   font-weight: 600;
   padding: 5px 10px;
   position: relative;
   right: -100px;
}

.ph-login-intercept-remaining-deferral {
   font-size: var(--font-size-16) !important;
   font-weight: 500;
   margin: 0;
   padding: 0px 10px;
   border-radius: 4px;
}

#btnMyLibrary.disabled, #btnMyLibrary:disabled {
   pointer-events: none;
   cursor: default;
   background: inherit !important;
   border: inherit !important;
   color: #fff !important;
}

#chkLoginInterceptShowAllData {
   accent-color: #0d6efd;
}

#modalUnableToDefer div.modal-header {
   border-bottom: 1px solid #CFD4D9;
   padding: 15px 20px !important;
}


.ph-login-intercept-title {
   font-size: var(--font-size-22);
   font-weight: 500;
   line-height: 33px;
   text-align: left !important;
   color: var(--mitra-blue-800);
}

.ph-login-intercept-message {
   font-size: var(--font-size-18);
   font-weight: 500;
   line-height: 27px;
   text-align: center;
   padding: 30px 0 40px 0;
}

.ph-login-intercept-warning-icon {
   width: 100px;
   height: 85px;
   margin-top: 20px;
}
.ph-login-intercept-no-publication-icon {
   width:75px;
   height: 85px;
   margin-top: 50px;
}
/* End of Login Intercept */
:root {
   --body-background: #f9f9f9;
   --white: #FFFFFF;
   --yellow-700: #7F4C0F;
   --green-900: #000C08;
   --product-light-orange-700: #D34022;
   --product-light-orange-200: #FCE2CD;
   --product-orange-100: #FEF7F5;
   --product-light-orange-400: #F6A869;
   --product-orange-800: #3B1710;
   --product-orange-300: #F6AD9F;
   --product-navy-600: #001B3E;
   --info-blue-100: #F2FAFD;
   --info-blue-200: #BFE5F4;
   --green-400: #40997B;
   --green-300: #80BBA7;
   --green-200: #BFDDD3;
   --mitra-blue-900: #00050B;
   --green-500: #00774E;
   --mitra-blue-400: #408DDE;
   --product-navy-100: #F2F4F6;
   --product-green-200: #C5EBC2;
   --product-green-300: #8CD786;
   --product-green-400: #53C34A;
   --product-green-500: #19AF0D;
   --product-purple-600: #4A2268;
   --product-purple-700: #311644;
   --product-blue-600: #088FA5;
   --product-blue-700: #056287;
   --product-light-orange-800: #3D230E;
   --product-light-orange-100: #FEF9F5;
   --product-light-orange-900: #180D05;
   --product-orange-200: #FAD6CF;
   --product-purple-500: #632D8A;
   --product-purple-400: #8A62A8;
   --info-blue-500: #0099D2;
   --product-navy-400: #405B7E;
   --product-navy-900: #000408;
   --product-navy-800: #000915;
   --product-navy-700: #001229;
   --product-orange-600: #B2442F;
   --product-orange-400: #F2846F;
   --product-light-orange-600: #B66829;
   --product-blue-200: #C2EFF6;
   --product-blue-500: #0ABFDC;
   --product-blue-100: #F3FCFD;
   --product-navy-200: #BFC8D4;
   --product-purple-100: #F7F4F9;
   --mitra-blue-600: #004D9E;
   --red-100: #FCF4F4;
   --red-200: #F2C7C9;
   --red-300: #E69093;
   --red-400: #DA585D;
   --red-500: #CD2026;
   --red-600: #9A181D;
   --red-800: #33080A;
   --product-light-orange-500: #F38A37;
   --product-navy-300: #8092A9;
   --product-purple-300: #B196C4;
   --mitra-blue-700: #003368;
   --product-orange-500: #ED5B3E;
   --cool-gray-900: #07080A;
   --product-navy-500: #002453;
   --product-light-orange-300: #F9C49B;
   --cool-gray-400: #ABBDCF;
   --cool-gray-300: #C7D3DF;
   --cool-gray-100: #F9FAFC;
   --info-blue-300: #80CCE8;
   --info-blue-400: #40B3DE;
   --info-blue-600: #00739E;
   --info-blue-700: #004C68;
   --yellow-600: #BF7317;
   --yellow-500: #FF991F;
   --yellow-400: #FFB357;
   --yellow-300: #FFCC8F;
   --yellow-200: #FFE5C7;
   --cool-gray-600: #6B7D8F;
   --cool-gray-200: #E3E9EF;
   --mitra-blue-100: #F2F7FD;
   --mitra-blue-200: #BFD9F4;
   --mitra-blue-300: #80B3E8;
   --mitra-blue-500: #0067D2;
   --cool-gray-500: #8FA7BF;
   --cool-gray-700: #47535F;
   --mitra-blue-800: #001A35;
   --cool-gray-800: #242A30;
   /* Font/text values */
   --font-family-poppins: Poppins;
   --font-style-normal: normal;
   --font-weight-normal: normal;
   --font-weight-medium: medium;
   --font-size-10: 10px;
   --font-size-12: 12px;
   --font-size-14: 14px;
   --font-size-16: 16px;
   --font-size-18: 18px;
   --font-size-20: 20px;
   --font-size-22: 22px;
   --character-spacing-0: 0px;
   --line-spacing-28: 28px;
   --line-spacing-36: 36px;
   --bs-table-hover-bg: #000 !important;
}


/* Lanuage Specific CSS */
.ph-copyright-info-container-for-italian-lang .character-style-2 {
   font-size: var(--font-size-12);
   display: inline-block;
}

.ph-copyright-info-container-for-italian-lang .footer-mitratech-logo {
   width:155px;
}

.ph-advanced-search-panel-for-italian-lang label.ph-text-default{
   font-size:var(--font-size-12);
}
/* End of Lanuage Specific CSS */

/*Candy menu integration css start*/
.ph-profile-dropdown:hover {
   background: var(--mitra-blue-100);
   border-radius: 25px;
   padding: 8px 10px;
}

.ph-help img:hover {
   background: var(--mitra-blue-100);
   border-radius: 25px;
}
#NavBarControl_gridImageTooltip {
   height: 45px;
   width: 45px;
   display: block;
}

#imgGridMenu {
   height: 45px;
   width: 45px;
}
.ulgridmenu {
   min-width: 284px;
   line-height: 30px;
   right: 4px;
   box-shadow: 0px 4px 50px #00000029;
   border: 1px solid #f6f6f6;
   border-radius: 4px;
   padding-bottom: 8px !important;
}
.gridmenuitem {
   display: inline;
   text-decoration: auto;
}
/*Candy menu integration css end*/

/*pdf viewer acknowledgement button for desktops*/
@media only screen and (min-width: 1024px) and (orientation : landscape) {
   .pdf-viewer-acknowledge-document-button-container {
      width: max-content !important;
      margin-left: 33% !important;
   }
}
/*end of pdf viewer acknowledgement button for desktops*/

/*CSS Review History button Specific to Portuguese lang*/
.workflowHistoryButton_for_ptBR {
   margin-right: -33px !important;
   font-size: 14px !important;
}
/*END of CSS Review History button Specific to Portuguese lang*/

/*CSS font style for Specific to Vietnamese lang*/
.Calibri-font {
   font-family: 'Calibri' !important;
}
/*END of CSS font style for Specific to Vietnamese lang*/

.modal-header .btn-close:focus-visible, #btnReason:focus-visible, .cp-show-password:focus-visible, .cp-hide-password:focus-visible {
   border: 1px solid;
}

#PolicyHubLogo:focus-visible {
   outline: 0;
   box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
#btnSaveChangedPassword:focus-visible {
   box-shadow: var(--bs-btn-focus-box-shadow) !important;
}
.acknowledgeDocumentDiffButton:focus-visible {
   outline: -webkit-focus-ring-color auto 1px !important;
}
tr .fa:focus-visible {
   opacity: 1;
}
 .btn-close:focus {
   outline: -webkit-focus-ring-color auto 1px !important;
}

.classification-grid input[type="checkbox"]:focus-visible {
   margin-left: 3px;
}