@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@100;400&display=swap');

:root {
  --pageTitle: 25px;
  --sectionTitle: 22px;
  --h6: 14px;
  --roboto: 'Roboto';
  --rowBg: #ECECEC;
}

body {
  font-family: 'Open Sans';
}


.bold {
  font-weight: bold;
}

.h1 {
  font-size: var(--pageTitle);
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: white !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
  background-color: var(--rowBg) !important;
}

.container-wrapper {
  overflow: hidden;
}

.container-wrapper .hidden-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}

.container-wrapper .hidden-input:checked+.section-label::before {
  transform: rotate(90deg);
  font-size: 20px;
  font-weight: bold;
}

.container-wrapper .hidden-input:checked~.tab-content {
  max-height: 600vh;
}

.container-wrapper .section-label {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 24px;
  cursor: pointer;
}

.container-wrapper .section-label::before {
  content: "❯";
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  transition: all 0.35s;
  color: #000;
  margin-right: 8px;
  padding: 1px 1px;
}

.container-wrapper .tab-content {
  max-height: 0;
  transition: all 0.35s;
}

.session-details-btn-link {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}

.session-details-proceed-payment-btn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}

.session-details-btn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}

.session-details-btn>a {
  background: #337ab7;
  padding: 10px 15px;
  border-radius: 10px;
  color: white;
}

.session-details-btn>a:hover {
  text-decoration: none;
  background: #154064;
  transition: background 0.5s ease;
}

.session-details {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.session-details>div {
  width: 20%;
  padding: 15px;
  height: 90px;
}

.session-details h6 {
  font-family: var(--roboto);
  font-size: var(--h6);
}

.pass-all {
  display: flex;
  justify-content: flex-end;
}

.pass-all-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pass-all-header input {
  margin: 0 0 0 -8px
}

.pass-all-header label {
  margin: 0;
}

.btn-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
  align-items: center;
}

.btn-container>button:first-child {
  margin-right: 25px;
}

.add-course-instructor-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.add-course-instructor-section .status-select {
  margin: 0 25px 25px 0;
  max-width: 300px;
  padding: 5px;
}

/* DataTables CSS */
.data-tables-search-icon {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.611%2017.7778L15.5916%2013.8889C15.4295%2013.7255%2015.235%2013.6275%2015.0405%2013.5948C16.175%2012.1569%2016.7585%2010.3595%2016.7585%208.49673C16.7909%203.79085%2013.0308%200%208.39546%200C6.19125%200%204.08428%200.882353%202.49595%202.51634C0.875203%204.08497%200%206.20915%200%208.46405C0%2013.1373%203.76013%2016.9281%208.39546%2016.9281C10.2755%2016.9281%2012.0259%2016.3072%2013.4846%2015.1634C13.5494%2015.3595%2013.6467%2015.5556%2013.8088%2015.719L17.7958%2019.6078C18.0551%2019.8366%2018.3793%2019.9673%2018.7034%2019.9673C19.0276%2019.9673%2019.3841%2019.8366%2019.6434%2019.5752C20.1297%2019.085%2020.0972%2018.268%2019.611%2017.7778ZM15.0405%208.46405C15.0405%2010.2614%2014.3598%2011.9281%2013.0956%2013.2026C11.799%2014.4771%2010.1783%2015.1634%208.39546%2015.1634C6.54781%2015.1634%204.92707%2014.4771%203.6953%2013.2026C2.43112%2011.8954%201.75041%2010.2614%201.75041%208.46405C1.75041%206.60131%202.43112%204.96732%203.6953%203.72549C4.9919%202.45098%206.64506%201.76471%208.39546%201.76471C10.1459%201.76471%2011.799%202.45098%2013.0956%203.72549C14.3598%205.03268%2015.0405%206.69935%2015.0405%208.46405Z%22%20fill%3D%22%23222222%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(1.75em + 0.375rem) calc(1em + 0.375rem);
  padding-right: 40px !important;
  margin-left: 22px;
}

table tbody tr.odd, table tbody tr.even {
  height: 45px;
}

table tbody tr.odd td, table tbody tr.even td {
  height: 29px;
}

table tbody tr.odd td select, table tbody tr.even td select {
  height: 35px;
}

.paginate_button {
  background-color: unset;
  background: unset;
  font-weight: bold;
}

.tab-content .dataTables_wrapper .dataTables_length {
  float: unset !important;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  background-color: #EE0000 !important;
  background: #EE0000 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  color: #fff !important;
  border: none !important;
  font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  background-color: #EE0000 !important;
  background: #EE0000 !important;
  color: #fff !important;
  font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  color: #222222 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  font-weight: bold;
}

a.paginate_button:hover {
  color: #222222 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate {
  text-align: center !important;
  float: unset !important;
  margin: 1rem 0 0;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  background-position: right center !important;
}

.export-table-data {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.8762%209.07056H14.183C14.0086%209.07056%2013.873%209.21165%2013.873%209.39306V10.1993C13.873%2010.3807%2014.0086%2010.5218%2014.183%2010.5218H16.6049V16.5689H1.39505V10.5218H3.81701C3.99139%2010.5218%204.12702%2010.3807%204.12702%2010.1993V9.39306C4.12702%209.21165%203.99139%209.07056%203.81701%209.07056H1.10441C0.503767%209.07056%200%209.57448%200%2010.2195V16.8511C0%2017.4961%200.503767%2018%201.10441%2018H16.8762C17.4962%2018%2017.9806%2017.4759%2017.9806%2016.8511V10.2195C18%209.57448%2017.4962%209.07056%2016.8762%209.07056Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.6406%204.59574L9.41673%200.201568C9.30047%200.0806271%209.12609%200%208.95171%200C8.77733%200%208.62233%200.0604703%208.4867%200.201568L4.28217%204.59574C4.03029%204.85778%204.03029%205.28107%204.28217%205.56327L4.65031%205.94625C4.76657%206.06719%204.94095%206.14782%205.11533%206.14782C5.28971%206.14782%205.46409%206.06719%205.58034%205.94625L8.0023%203.42665V12.4166C8.0023%2012.6988%208.21544%2012.9205%208.4867%2012.9205H9.45548C9.72674%2012.9205%209.93987%2012.6988%209.93987%2012.4166V3.40649L12.3618%205.92609C12.4781%206.04703%2012.6525%206.12766%2012.8268%206.12766C13.0012%206.12766%2013.1562%206.06719%2013.2919%205.92609L13.66%205.54311C13.8925%205.28107%2013.8925%204.85778%2013.6406%204.59574Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  padding-right: 20px;
  background-position: center left 20px;
  background-size: calc(1.75em + 0.375rem) calc(1em + 0.375rem);
  padding-left: 50px !important;
  margin-left: 22px;
}

/* stripped table styling fix */
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: inherit !important;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: inherit !important;
}

/* Create Course Participant Page */
.search-form-wrapper {
  padding: 3rem 3rem 3rem 0;
}

.search-form-wrapper.serach-contact-form .form-group label {
  width: 100%;
}

.search-form-wrapper.serach-contact-form .form-group.required label:after {
  content: "*";
  color: red;
}

.search-form-wrapper.serach-contact-form small a {
  color: #e00;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.search-form-wrapper.serach-contact-form small a:hover {
  text-decoration: underline;
  color: #be0000;
}

.search-form-wrapper.serach-contact-form~.table {
  width: auto;
  margin: 3rem;
}

.search-form-wrapper.serach-contact-form~.table .link {
  text-decoration: underline;
  color: #0014c4;
  cursor: pointer;
}

.search-form-wrapper .common-row-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 2.25rem;
  column-gap: 2.25rem;
  margin-bottom: 1rem;
  position: relative;
}

.search-form-wrapper .common-row-layout p {
  position: absolute;
  bottom: 0;
}

.search-form-wrapper .common-row-layout .error-message {
  bottom: unset;
}

.search-form-wrapper .common-row-layout .form-group {
  width: 50%;
}

.search-form-wrapper .common-row-layout .form-group.required label:after {
  content: "*";
  color: red;
}

.search-form-wrapper .common-row-layout .form-group .read-only-input {
  border: none;
  padding: 0;
  font-weight: 500;
  background-color: transparent;
}

.search-form-wrapper button.search-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/* Search Contact Page */
.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.required-field {
  color: #EE0000;
}

.error {
  border-color: #EE0000 !important;
}

.warning-message, .no-result {
  padding: 12px;
  background-color: #EFE7E1;
  color: #222222;
  margin: 0 0 20px 0;
}

.error-message {
  color: #EE0000;
}

.form-group {
  min-height: 100px;
}

.button-wrapper {
  display: flex;
  justify-content: flex-end;
}

span#createNewContact {
  cursor: pointer;
  color: black;
  font-weight: bold;
  text-decoration: underline;
  font-style: unset;
}

.reset-button {
  background-color: transparent;
  border: none;
  text-transform: capitalize;
  margin-right: 14px;
}


/* Spinner for loading pages */
.loader {
  display: none;
  width: 100%;
  height: 100%;
  background: rgb(44 44 44 / 27%);
  z-index: 9999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading {
  border: 4px solid #ccc;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-top-color: #EE0000;
  border-left-color: #EE0000;
  animation: spin 1s infinite ease-in;
}

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

  100% {
    transform: rotate(360deg);
  }
}


/*error messages block*/
.error-message-block {
  background-color: #EFE7E1;
  padding: 12px 10px;
  margin: 30px auto;
}

.error-message-block .error-message-content {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  display: flex;
}

.error-message-block .error-message-content svg {
  margin: 0 12px 0 0;
  flex-shrink: 0;
}

.error-message-block .error-message-content strong {
  font-weight: 700;
  color: #EE0000;
  margin-right: 6px;
}

.error-message-block .error-message-content small {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

td.error-message-icon {
  display: flex;
  align-items: center;
  gap: 2px;
}

.validate-instructors-err-msg {
  display: none;
}


.page-heading .breadcrumb {
  background-color: transparent !important;
}

.page-heading .breadcrumb li a {
  color: #EE0000 !important;
}

.page-heading .breadcrumb li.active {
  color: #000000 !important;
}

.session-details-dynamic-link {
  margin: 14px 0;
  float: right;
}

th>a, td>a {
  color: #EE0000;
}

.select-training-partner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.select-training-partner .training-partner-search-link {
  display: flex;
  align-items: center;
  gap: 20px;
}

.select-training-partner .training-partner-search-link select {
  width: auto;
  min-width: 20vw;
}

.view-pagination {
  display: flex !important;
  justify-content: center !important;
}

a.selected-view.dropdown-toggle, .pagination>li>a, .pagination>li>span {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #333;
  border: 1px solid transparent;
  border-radius: 2px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  color: #fff;
  background-color: #ee0000;
  border-radius: 2px;
  border: unset;
}

/* Home page */
.hero-section {
  display: flex;
  flex-direction: column;
  margin-top: 4rem;
  position: relative;
}

.hero-section img {
  max-width: 100%;
  max-height: 100%;
}

.hero-section .banner-text {
  position: absolute;
  bottom: 16rem;
  left: 6rem;
  color: #fff;
  font-weight: 800;
  font-size: 5rem;
}

.hero-section .banner-sub-text {
  position: absolute;
  bottom: 10rem;
  left: 6rem;
  color: #fff;
  font-weight: 800;
  font-size: 4rem;
}

/* Transaction History */
td.dt-control {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%2210%22%20height%3D%2215%22%20viewBox%3D%220%200%2010%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.80443%200.849527L1.2726%201.36641C1.18405%201.45203%201.11387%201.55388%201.0661%201.66605C1.01834%201.77822%200.993945%201.89849%200.994336%202.01989C0.997092%202.27009%201.10172%202.50904%201.28532%202.68445L6.23784%207.49732C6.23816%207.4976%206.23842%207.49794%206.2386%207.49832C6.23878%207.49871%206.23887%207.49912%206.23887%207.49954C6.23887%207.49996%206.23878%207.50037%206.2386%207.50075C6.23842%207.50114%206.23816%207.50148%206.23784%207.50175L1.2726%2012.3268C1.18436%2012.4125%201.11436%2012.5143%201.0666%2012.6263C1.01884%2012.7383%200.994254%2012.8584%200.994254%2012.9797C0.994254%2013.1009%201.01884%2013.221%201.0666%2013.333C1.11436%2013.445%201.18436%2013.5468%201.2726%2013.6325L1.80747%2014.152C1.98576%2014.3248%202.22734%2014.4219%202.4792%2014.4219C2.73106%2014.4219%202.97263%2014.3248%203.15092%2014.152L9.32001%208.15634C9.40851%208.0708%209.47867%207.96905%209.52644%207.85697C9.5742%207.7449%209.59862%207.62472%209.59827%207.50342L9.59827%207.49566C9.59863%207.37438%209.57422%207.25423%209.52646%207.14218C9.47869%207.03014%209.40852%206.92842%209.32001%206.84292L3.15301%200.849527C3.06449%200.763414%202.95938%200.6951%202.84368%200.648491C2.72798%200.601883%202.60397%200.577893%202.47872%200.577893C2.35348%200.577893%202.22946%200.601883%202.11376%200.648491C1.99806%200.6951%201.89295%200.763414%201.80443%200.849527Z%22%20fill%3D%22%23222222%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
  background-repeat: no-repeat !important;
}

.dt-hasChild.shown .dt-control {
  border-top: none;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Make a Payment & Payment Confirmation*/
.container-section-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.container-section-col .header-two {
  font-size: 25px;
  line-height: 34px;
  letter-spacing: 0.01em;
}

.container-section-col .blurb {
  font-size: 14px;
  line-height: 18px;
}

.button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 16px;
}

/* Add Participant */

.search-participant-header-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
}

.search-participant-header-section .search-header {
  font-size: 25px;
  line-height: 34px;
  letter-spacing: 0.01em;
}

.search-participant-header-section .search-header-blurb {
  font-size: 14px;
  line-height: 18px;
}

.form-wrapper {
  max-width: unset;
}

.form-wrapper .serach-contact-form-header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: search-header;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.01em;
}

.form-wrapper.serach-contact-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "search-header search-header"
    "lastname-field email-field"
    ". button-wrapper";
  margin: 0;
  width: 100%;
  margin-right: 0;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  max-width: unset;
  padding: 0;
}

.form-wrapper.serach-contact-form .lastname-field {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: lastname-field;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}

.form-wrapper.serach-contact-form .email-field {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: email-field;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}

.form-wrapper.serach-contact-form .form-group {
  font-weight: bold;
  margin-bottom: 1rem;
}

.form-wrapper.serach-contact-form .form-group label {
  width: 100%;
}

.form-wrapper.serach-contact-form .form-group.required label:after {
  content: "*";
  color: red;
}

.form-wrapper .common-row-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 2.25rem;
  column-gap: 2.25rem;
  margin-top: 27px;
}

.form-wrapper .common-row-layout .form-group {
  width: 50%;
}

.form-wrapper .common-row-layout .form-group label {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
  color: #222222;
  margin-bottom: 7px;
}

.form-wrapper .common-row-layout .form-group.required label:after {
  content: "*";
  color: red;
}

.form-wrapper .common-row-layout .form-group .read-only-input {
  border: none;
  padding: 0;
  font-weight: 500;
  background-color: transparent;
}

.form-wrapper .button-wrapper {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: button-wrapper;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.form-wrapper .button-wrapper button {
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #fff;
  padding: 0 20px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
}

.form-wrapper .button-wrapper button.search-button {
  margin: 1rem 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-grid-column-align: end;
  justify-self: end;
  background-color: #e00;
  border-color: #be0000;
  text-transform: uppercase;
  font-weight: bold;
}

.form-wrapper .button-wrapper button.reset-button {
  margin: 1rem 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-grid-column-align: end;
  justify-self: end;
  color: #e00;
  border: none;
  background-color: transparent;
  background: transparent;
  font-weight: 600;
  text-align: right;
}

.form-wrapper button {
  float: right;
  margin: 1rem 0;
}

.table-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.table-wrapper .table {
  width: 100%;
  margin: 0;
}

.table-wrapper button {
  margin: 2rem 0;
  float: right;
}

.create-or-add-participant-section {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.create-or-add-participant-section h2 {
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.01em;
}


/* Certificate Search */
.header-two {
  font-size: 25px;
  line-height: 34px;
  letter-spacing: 0.01em;
}

.blurb {
  font-size: 14px;
  line-height: 18px;
}

.date-issued {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  grid-template-rows: 26px auto;
  grid-template-areas: "dateIssuedLabel dateIssuedLabel"
    "startDate endDate";
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.date-issued label {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: dateIssuedLabel;
}

.date-issued .startDate {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: startDate;
}

.date-issued .endDate {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: endDate;
}

.certificate-search-table {
  margin-top: 50px;
}

td.emailColumn {
  color: #EE0000;
}

.certificate-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 14px;
}

.certificate-btn-container button {
  margin: 0;
}

.certificate-btn-container .download-certificates {
  margin: 0 14px;
}

/* Participant Search */
.common-row-layout .searchBy-field {
  width: 100%;
}

.common-row-layout .date-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.common-row-layout .date-field .start-date-field {
  width: 50%;
}

.common-row-layout .date-field .end-date-field {
  width: 50%;
}

/* Find a Course */

.banner-section {
  position: relative;
}

.banner-section .title-section {
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.banner-section .title-section h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 48px;
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .banner-section .title-section {
    bottom: 10px;
    left: 10px;
  }

  .banner-section .title-section h1 {
    font-size: 18px;
    line-height: normal;
    margin: 0;
  }
}

.progress-step-bar {
  background-color: #EE0000;
  width: 100%;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.progress-step-bar:after {
  content: "1";
  font-weight: bold;
  padding: 16px;
  color: #fff;
  border-left: 2.5px solid #fff;
}

.progress-step-bar.disable-fields {
  background-color: #e0e0e0;
}

.progress-step-bar .triangle-right {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 24px solid #fff;
  border-bottom: 12px solid transparent;
}

.find-a-course-wrapper .find-a-course-search-wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "program-category date-range-category address-category"
    "delivery-category languages-category  ."
    ". . findButton";
  grid-gap: 24px;
  margin: 2rem 0 2rem 0;
}

@media only screen and (max-width: 767px) {
  .find-a-course-wrapper .find-a-course-search-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "program-category"
      "date-range-category"
      "address-category"
      "delivery-category"
      "languages-category"
      "findButton";
  }
}

.find-a-course-wrapper .find-a-course-search-wrapper .program-category,
.find-a-course-wrapper .find-a-course-search-wrapper .date-range-category,
.find-a-course-wrapper .find-a-course-search-wrapper .address-category,
.find-a-course-wrapper .find-a-course-search-wrapper .languages-category,
.find-a-course-wrapper .find-a-course-search-wrapper .delivery-category,
.find-a-course-wrapper .find-a-course-search-wrapper .find-a-course-search-button {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.5rem;
}

.find-a-course-wrapper .find-a-course-search-wrapper .program-category label,
.find-a-course-wrapper .find-a-course-search-wrapper .date-range-category label,
.find-a-course-wrapper .find-a-course-search-wrapper .address-category label,
.find-a-course-wrapper .find-a-course-search-wrapper .languages-category label,
.find-a-course-wrapper .find-a-course-search-wrapper .delivery-category label,
.find-a-course-wrapper .find-a-course-search-wrapper .find-a-course-search-button label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.find-a-course-wrapper .find-a-course-search-wrapper .program-category select,
.find-a-course-wrapper .find-a-course-search-wrapper .program-category input,
.find-a-course-wrapper .find-a-course-search-wrapper .date-range-category select,
.find-a-course-wrapper .find-a-course-search-wrapper .date-range-category input,
.find-a-course-wrapper .find-a-course-search-wrapper .address-category select,
.find-a-course-wrapper .find-a-course-search-wrapper .address-category input,
.find-a-course-wrapper .find-a-course-search-wrapper .languages-category select,
.find-a-course-wrapper .find-a-course-search-wrapper .languages-category input,
.find-a-course-wrapper .find-a-course-search-wrapper .delivery-category select,
.find-a-course-wrapper .find-a-course-search-wrapper .delivery-category input,
.find-a-course-wrapper .find-a-course-search-wrapper .find-a-course-search-button select,
.find-a-course-wrapper .find-a-course-search-wrapper .find-a-course-search-button input {
  margin-bottom: 1rem;
}

.find-a-course-wrapper .find-a-course-search-wrapper .program-category {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: program-category;
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1rem;
}

.find-a-course-wrapper .find-a-course-search-wrapper .date-range-category {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: date-range-category;
}

.find-a-course-wrapper .find-a-course-search-wrapper .date-range-category .progress-step-bar:after {
  content: "2";
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: address-category;
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .progress-step-bar:after {
  content: "3";
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .help-tip {
  position: relative;
  right: -5px;
  text-align: center;
  background-color: #808080;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  cursor: default;
  float: right;
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .help-tip::before {
  content: '?';
  font-weight: bold;
  color: #fff;
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .help-tip p {
  display: none;
  text-align: left;
  background-color: #1E2021;
  padding: 10px;
  width: 300px;
  position: absolute;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px #00000033;
  box-shadow: 1px 1px 1px #00000033;
  right: -4px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .help-tip p::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1E2021;
  right: 10px;
  top: -12px;
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .help-tip p::after {
  width: 100%;
  height: 40px;
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
}

.find-a-course-wrapper .find-a-course-search-wrapper .address-category .help-tip:hover p {
  display: block;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.find-a-course-wrapper .find-a-course-search-wrapper .languages-category {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: languages-category;
}

.find-a-course-wrapper .find-a-course-search-wrapper .delivery-category {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: delivery-category;
}

.find-a-course-wrapper .find-a-course-search-wrapper .button-wrapper {
  grid-area: findButton;
}

.find-a-course-wrapper .find-a-course-search-wrapper .find-a-course-search-button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  margin: 0;
  justify-self: end;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "date-range-category address-category ."
    "delivery-category . ."
    ". findButton .";
  grid-gap: 24px;
  margin: 2rem 0 2rem 0;
}

@media only screen and (max-width: 767px) {
  .find-a-course-wrapper .find-a-course-MAS-search-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "date-range-category"
      "address-category"
      "delivery-category"
      "findButton";
  }
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .date-range-category,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .delivery-category,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .find-a-course-search-button {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.5rem;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .date-range-category label,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category label,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .delivery-category label,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .find-a-course-search-button label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .date-range-category select,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .date-range-category input,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category select,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category input,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .delivery-category select,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .delivery-category input,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .find-a-course-search-button select,
.find-a-course-wrapper .find-a-course-MAS-search-wrapper .find-a-course-search-button input {
  margin-bottom: 1rem;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .date-range-category {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: date-range-category;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .date-range-category .progress-step-bar:after {
  content: "1";
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: address-category;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .progress-step-bar:after {
  content: "2";
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .help-tip {
  position: relative;
  right: -5px;
  text-align: center;
  background-color: #808080;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  cursor: default;
  float: right;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .help-tip::before {
  content: '?';
  font-weight: bold;
  color: #fff;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .help-tip p {
  display: none;
  text-align: left;
  background-color: #1E2021;
  padding: 10px;
  width: 300px;
  position: absolute;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px #00000033;
  box-shadow: 1px 1px 1px #00000033;
  right: -4px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .help-tip p::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1E2021;
  right: 10px;
  top: -12px;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .help-tip p::after {
  width: 100%;
  height: 40px;
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .address-category .help-tip:hover p {
  display: block;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .delivery-category {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: delivery-category;
}

.find-a-course-wrapper .find-a-course-MAS-search-wrapper .find-a-course-search-button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: findButton;
  margin: 0;
  -ms-grid-column-align: end;
  justify-self: end;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.find-a-course-wrapper .search-alert {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.find-a-course-wrapper .search-alert.hide {
  display: none;
}

.find-a-course-wrapper .search-alert .selected-location {
  font-weight: bold;
  color: #EE0000;
}

.find-a-course-wrapper .find-a-course-search-table {
  margin-top: 2rem;
}

/*end findACourse.css */

.sort-by-dropdown {
  width: auto;
}

.dataTables_wrapper {
  overflow-x: auto;
  margin-bottom: 10px;
}

/* Consent Form */
.modal-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.modal-container .modal-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: calc(100% - 40%);
  max-height: calc(100% - 20%);
  border-radius: 12px;
  background: #fff;
  margin: auto;
  z-index: 9999;
}

.modal-container .modal-wrapper .modal-headers {
  align-items: center;
  padding: 1rem 2rem 0.5rem;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.modal-container .modal-wrapper .modal-headers .modal-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
}

.modal-container .modal-wrapper .modal-headers .close-button {
  font-size: 1.5rem;
  color: #EE0000;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

.modal-container .modal-wrapper .modal-body {
  padding: 1rem 2rem 0.5rem;
  overflow-y: auto;
}

.modal-container .modal-wrapper .modal-body h2 {
  text-align: center;
}

.modal-container .modal-wrapper .modal-custom-footer {
  padding: 2.5rem 2rem 1rem;
  border-top: 1px solid #dee2e6;
  background-color: #EFE7E1;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
    "blurb blurb blurb"
    "yes-no ls-id ."
    ". . save"
    "warning warning warning";
  width: 100%;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .consent-submit {
  width: min-content;
  align-self: end;
  justify-self: end;
  margin: 12px 0 0;
}

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

  div.row.sectionBlockLayout.text-left{
    padding: 0px !important;
  }

  .modal-container .modal-wrapper {
    max-width: calc(100% - 20%);
    max-height: calc(100% - 20%);
  }

  .modal-container .modal-wrapper .modal-headers {
    padding: 2rem;
  }

  .modal-container .modal-wrapper .modal-custom-footer .consent-form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "blurb"
      "yes-no"
      "ls-id"
      "save"
      "warning";
  }

  .modal-container .modal-wrapper .modal-custom-footer .consent-form .consent-submit {
    justify-self: start;
  }
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form p {
  grid-area: blurb;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .yes-no-section {
  margin-bottom: 1rem;
  grid-area: yes-no;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .yes-no-section select {
  width: auto;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .yes-no-section label {
  display: block;
  margin-bottom: 8px;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .yes-no-section .yes-no-button {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 12px;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .yes-no-section .yes-no-button input {
  border: 0px;
  width: 1.25rem;
  height: 1.25rem;
  accent-color: #EE0000;
  cursor: pointer;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .yes-no-section .yes-no-button label {
  font-weight: normal;
  display: inline;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .ls-id-no {
  grid-area: ls-id;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .ls-id-no label {
  margin-bottom: 8px;
  grid-area: ls-id;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .ls-id-no input {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100px;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form .save-cancel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-self: flex-end;
  margin: 0;
  grid-area: save;
}

.modal-container .modal-wrapper .modal-custom-footer .consent-form small {
  grid-area: warning;
}

.modal-container .modal-wrapper label {
  font-weight: bold;
}

::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}

::-webkit-scrollbar {
  width: 16px;
}

label.mandatory:after {
  content: " *";
  color: #EE0000;
}

/* Teaching Records & Instructor Search*/
.teaching-records-form, .tp-instructor-search-form {
  padding: 2.5rem 0;
}

.teaching-records-form .common-row-layout {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  align-items: center;
  justify-content: start;
}

.teaching-records-form label, .tp-instructor-search-form label {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
}

.tp-instructor-search-form .common-row-layout {
  display: grid;
  grid-template-columns: 2fr 2fr;
  align-items: flex-end;
  justify-content: start;
}

.btn-wrapper {
  height: 100%;
  display: flex;
  justify-content: end;
}

.btn-wrapper #sendToIDC {
  margin: 0;
}

/* Breadcrumbs */
.breadcrumb {
  padding: 8px 15px 8px 0;
}

/* Bootstrap overrides */
.row {
  margin-right: unset;
  margin-left: unset;
}

.page-header {
  border-bottom: none !important;
}

#MessagePanel {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}

.font-weight-normal {
  font-weight: normal !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
  border-right: none;
}

legend, h2.tab-title {
  font-weight: bold;
  font-size: 22px;
}

.alert-warning {
  color: #000;
  background-color: #EFE7E1 !important;
  border-color: transparent !important;
}

.crmEntityFormView .tab-title {
  border-bottom: none !important;
}

.missing-value {
  color: #EE0000;
}

.input.form-control {
  min-height: 40px !important;
  border: 1px solid #C0C0C0 !important;
  padding: 6px 10px !important;
}

#crc_startdate_datepicker_description, #crc_enddate_datepicker_description, #crc_registrationdeadline_datepicker_description {
  height: 35px;
  border-right: none;
}

.input-group-addon {
  border: 1px solid #949494;
  border-left: none;
}

.font-weight-bold {
  font-weight: bold !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  display: block;
  background: url("data:image/svg+xml, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2756%202.69492H16.8189V0.677966C16.8189%200.20339%2016.5197%200%2016.1732%200H15.1181C14.7559%200%2014.4724%200.220339%2014.4724%200.677966V2.67797H5.49606V0.677966C5.49606%200.20339%205.19685%200%204.85039%200H3.81102C3.44882%200%203.14961%200.220339%203.14961%200.677966V2.67797H0.724409C0.314961%202.67797%200%203.08475%200%203.57627V18.339V19.0847C0%2019.5763%200.330709%2019.9831%200.724409%2019.9831H4.44095H19.2756C19.685%2019.9831%2020%2019.5763%2020%2019.0847V7.89831V3.59322C20%203.1017%2019.6693%202.69492%2019.2756%202.69492ZM4.77165%2018.4576H1.5748V15.7627H4.77165V18.4576ZM4.77165%2014.7288H1.5748V12.0339H4.77165V14.7288ZM4.7874%2011H1.59055V8.30509H4.7874V11ZM9.29134%2018.4576H6.09449V15.7627H9.29134V18.4576ZM9.29134%2014.7288H6.09449V12.0339H9.29134V14.7288ZM9.30709%2011H6.11024V8.30509H9.30709V11ZM13.748%2018.4576H10.5512V15.7627H13.748V18.4576ZM13.748%2014.7288H10.5512V12.0339H13.748V14.7288ZM13.7638%2011H10.5669V8.30509H13.7638V11ZM18.2677%2018.4576H15.0709V15.7627H18.2677V18.4576ZM18.2677%2014.7288H15.0709V12.0339H18.2677V14.7288ZM18.2835%2011H15.0866V8.30509H18.2835V11ZM18.2835%206.98305H1.5748V4.79661C1.5748%204.57627%201.74803%204.38983%201.95276%204.38983H17.9055C18.1102%204.38983%2018.2835%204.57627%2018.2835%204.79661V6.98305Z%22%20fill%3D%22%23222222%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat;
  width: 20px;
  height: 20px;
  margin-bottom: -2px;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  background: url("data:image/svg+xml, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2756%202.69492H16.8189V0.677966C16.8189%200.20339%2016.5197%200%2016.1732%200H15.1181C14.7559%200%2014.4724%200.220339%2014.4724%200.677966V2.67797H5.49606V0.677966C5.49606%200.20339%205.19685%200%204.85039%200H3.81102C3.44882%200%203.14961%200.220339%203.14961%200.677966V2.67797H0.724409C0.314961%202.67797%200%203.08475%200%203.57627V18.339V19.0847C0%2019.5763%200.330709%2019.9831%200.724409%2019.9831H4.44095H19.2756C19.685%2019.9831%2020%2019.5763%2020%2019.0847V7.89831V3.59322C20%203.1017%2019.6693%202.69492%2019.2756%202.69492ZM4.77165%2018.4576H1.5748V15.7627H4.77165V18.4576ZM4.77165%2014.7288H1.5748V12.0339H4.77165V14.7288ZM4.7874%2011H1.59055V8.30509H4.7874V11ZM9.29134%2018.4576H6.09449V15.7627H9.29134V18.4576ZM9.29134%2014.7288H6.09449V12.0339H9.29134V14.7288ZM9.30709%2011H6.11024V8.30509H9.30709V11ZM13.748%2018.4576H10.5512V15.7627H13.748V18.4576ZM13.748%2014.7288H10.5512V12.0339H13.748V14.7288ZM13.7638%2011H10.5669V8.30509H13.7638V11ZM18.2677%2018.4576H15.0709V15.7627H18.2677V18.4576ZM18.2677%2014.7288H15.0709V12.0339H18.2677V14.7288ZM18.2835%2011H15.0866V8.30509H18.2835V11ZM18.2835%206.98305H1.5748V4.79661C1.5748%204.57627%201.74803%204.38983%201.95276%204.38983H17.9055C18.1102%204.38983%2018.2835%204.57627%2018.2835%204.79661V6.98305Z%22%20fill%3D%22%23EE0000%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
}

.child-navigation.content-panel.panel.panel-default {
  display: none !important;
}

ul.nav.navbar-nav.weblinks {
  display: flex;
  flex-wrap: wrap;
}

.create-action .fa, .add-folder .fa, .add-file .fa, .insert-Action-link .fa {
  display: none;
}

.add-folder, .add-file {
  background-color: #005670 !important;
}

#ContentContainer_ContentBottom_ContactsList .content-panel {
  display: none;
}

.yui-button button {
  float: unset !important;
}

.crmEntityFormView .actions {
  border-top: none !important;
}

.participant-btn-container {
  flex-direction: row-reverse !important;
  justify-content: end !important;
}

/* Maintenance page CSS */
.maintainance-page-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.maintainance-page-wrapper a {
  color: #EE0000;
  text-decoration: none;
}

.maintainance-page-header {
  padding: 100px 0 40px 0;
  border-bottom: 0.5px solid;
  max-width: 1050px;
  width: 100%;
}

.maintainance-page-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  max-width: 940px;
  margin-top: 40px;
}

.maintainance-page-content-header img {
  width: 328px;
}

.maintainance-page-content-header {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.01em;
}

.masContractMandatory {
  border: 1px solid red;
}

/* Session Participants */
.spai-decription {
  margin-top: 40px;
}

#form-error-block::before {
  content: " ";
  margin: 0 6px 0 0;
  width: 16px;
  height: 16px;
  display: flex;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_41_346)%22%3E%0A%3Cpath%20d%3D%22M8.00757%200C3.58751%200%200%203.58751%200%208.00757C0%2012.4276%203.58751%2016.0151%208.00757%2016.0151C12.4276%2016.0151%2016.0151%2012.4276%2016.0151%208.00757C16%203.58751%2012.4276%200%208.00757%200ZM11.3075%2012.4579H9.96027C9.83917%2012.4579%209.73321%2012.3974%209.67266%2012.2914L8.00757%209.30937H7.97729L6.31221%2012.2914C6.25166%2012.3974%206.1457%2012.4579%206.0246%2012.4579H4.69253C4.43519%2012.4579%204.26869%2012.1703%204.40492%2011.9432L6.78146%208.09839C6.84201%207.99243%206.84201%207.8562%206.78146%207.75024L4.54115%204.05676C4.40492%203.82971%204.57143%203.55724%204.82876%203.55724H6.1457C6.26679%203.55724%206.38789%203.61779%206.4333%203.73888L7.99243%206.64522H8.02271L9.58184%203.73888C9.64238%203.63292%209.74834%203.55724%209.86944%203.55724H11.1864C11.4437%203.55724%2011.6102%203.84484%2011.474%204.05676L9.21854%207.75024C9.158%207.8562%209.158%207.99243%209.21854%208.09839L11.5951%2011.9584C11.7313%2012.1703%2011.5799%2012.4579%2011.3075%2012.4579Z%22%20fill%3D%22%23EE0000%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_41_346%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* Genreal Web page styles */
#mainContent {
    padding: 0;
}

.page-header h1 {
    font-size: 25px;
    line-height: 34px;
    letter-spacing: 0.01em;
}

h2.section-title {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.01em;
}

.common-row-layout .form-group {
    min-height: unset;
    margin-bottom: 30px;
}

.common-row-layout .form-group .form-control {
    box-shadow: unset;
}

.head-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:  "logo-section lang-section icon-section";
    place-items: center;
}

/* NEW CONTACT US PAGE STYLES */


 .contact-us-text{
      color:white;
      font-size:30px;
      margin-left: 40px;
      padding-top:20px;
    }

    .contact-us-text2{
      color:white;
      font-size:15px;
      margin-left: 40px;
    }

   .button-container {
      display: flex;
    }

    .tab-inner-button {
      width: 420px;
      height: 100px;
      background-color: white;
      color: black;
      border-radius: 3px;
      margin-right: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      font-weight:600;
      font-size:18px;
    }

    .tab-inner-button:last-child{
    margin-right: 0px;
    }   

 .FAQ-button{
      text-decoration: none;
      width: 33%;
      height: 50px;
      background-color: white;
      border: 2px solid #E00;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius:3px;
      font-weight:700;
    }

.FAQ-button:hover {
  background-color: #E00;
  color:white;
  text-decoration: none;
  font-weight:700;
}

.Submit-Request{
      text-decoration: none;
      width: 400px;
      height: 50px;
      background-color: white;
      border: 2px solid #E00;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight:700;
      margin-bottom:20px;
      border-radius:3px;
    }

.Submit-Request:hover {
  background-color: #E00;
  color:white;
  text-decoration: none;
  }


.report-question-section{
    width: 100%;
    height: 210px;
    background-color:#EFE7E1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap: 1.5em;
    align-items:center;
}

.report-text{
  font-size:20px;
  font-weight:bold;
}
.reachout-text{
  font-size:17px;
  font-weight:550;
}

.looking-answer-section{
width: 100%;
    height: 100px;
    background-color:black;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap: 1em;
    align-items:center;
  }

.answer-text{
  color:white;
  font-size:16px;
  font-weight:bold;
}

.popular-questions{
  font-family: Open Sans;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top:34px;
}


.button-row {
      display: flex;
      justify-content: space-around;
      margin-bottom: 16px;
    }
.icon {
      width: 24px; 
      height: 24px;
    }
.custom-button {
      display: flex;
      width: 500px; 
      height: 95px;
      padding: 20px 30px;
      padding-top:26px;
      align-items: center;
      gap: 16px;
      flex-shrink: 0;
      border-radius: 3px;
      border: 1px solid var(--Blue-Outline, #0085AD);
      background: var(--CRC-Blue, #005670);
      color: white;
      text-decoration: none; 
      cursor: pointer;
      font-size: 16px;
    }


@media screen and (min-width:1200px){
  .custom-button:hover {
  background-color: #002B38; 
  color: white; 
  text-decoration:none;
}
  .custom-button {
      display: flex;
      width: 500px; 
      height: 74px;
      padding: 20px 30px;
      padding-top:26px;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 3px;
      border: 1px solid var(--Blue-Outline, #0085AD);
      background: var(--CRC-Blue, #005670);
      color: white;
      text-decoration: none; 
      cursor: pointer;
      font-size: 16px;
    }
    .useful-linktext1{
  color:white;
  font-family: Open Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
  }

.useful-linktext2{
  color:white;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.18px;
  }

   .button-container {
      display: flex;
    }
    
    .paragraph-with-line-breaks {
      white-space: pre-line;
    }
    .contactbannerimg {
      width: 100%; 
      height: 200px; 
      background-image: url('/contactbannerone.png'); 
      background-size: cover; 
      background-position: center; 
    }
    .useful-links-sectionimg{
      width: 100%;
      height: 438px;
      background-image: url('/contactbannertwo.png'); 
      background-size: cover; 
      background-position: center; 
      }
}

.useful-link-text{
  display:flex;
  flex-direction:column;
  gap:0.5em;
  padding-top: 30px;
  margin-left: 40px;
  margin-bottom:35px;
}

    .text {
      flex: 1;
      padding: 20px;
    }

    .contact-us-banner2 {
      display: flex;
      height: 200px;
      width: 100%;
      background-color: black;
      color: white;
      overflow: hidden;
    }
    
    .extra-space{
      padding:0px 20px 50px 20px;
      background:#efe7e1;
    }
    .tab-inner-button:hover{
      color:#005670;
    }
    .button-container svg {
      fill: none;
      stroke: white;
      stroke-width: 0;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: fill 0.3s; 
}
.btn-1:hover svg {
      fill: #005670; 
    } 
    .btn-2:hover svg {
      fill: #005670; 
    } 
    .btn-3:hover svg {
      fill: #005670; 
    } 
   
    
 
.custom-button:hover .arrow1child{
    border: 2px solid #0085AD;
    border-radius:100%;
}
.arrow2child{
  display:none;
}
.custom-button:hover .arrow2child{
  display:block;
}


/* NEW CONTACT US PAGE STYLES END */